Masashi Yanagiya mersy

黒い画面の環境構築メモ

Macのターミナル（通称：黒い画面）でWeb制作の環境を構築する手順メモ。とりあえずCSS Preprocessorとかが使えるようにするところまで。ちなみにOSX 10.8.2です。

書いている本人はこのへん初心者で、これは別にベストな方法ではなく、間違いもあるかもしれません。さらに失敗した手順もメモとして残しています。上から順にやっていくと同じところで同じように失敗します（笑）ので、試すときは一読してからどうぞ。

PowerCMSのContactForm アドオンは、アーカイブ（例：ブログ記事やウェブページ)ごとにユニークなフォームを設置できる非常に便利な機能です。

たとえば、ウェブページで講座の申込ページを、複数枚作成するとして、講座ごとに設問を変えることができます。

多様なフォームを作るときに重宝します。

こけむさずで開催した「インブラウザ勉強会」の補足。

Node.jsのインストールは自分の好きな方法でどうぞ。簡単なのはもちろん1です。

npm install gulp -g

npm install gulp gulp-util gulp-jade --save-dev

	<$MTBlogID setvar="this_blog_id"$>
	<$MTCategoryLabel remove_html="1" setvar="current_category_label"$>

	<MTIgnore>
	// <MTBlogs blog_ids="$this_blog_id">を記述しているのは
	// カテゴリアーカイブのコンテキストを脱出して
	// <MTArchiveList archive_type="FiscalYearly">を使えるようにするため
	</MTIgnore>

	<MTBlogs blog_ids="$this_blog_id">

	<ul>
	<mt:PagePrevious by_category="1">
	<li><a href="<$mt:PagePermalink$>"><$mt:PageTitle$></a></li>
	</mt:PagePrevious>
	<mt:PageNext by_category="1">
	<li><a href="<$mt:PagePermalink$>"><$mt:PageTitle$></a></li>
	</mt:PageNext>
	</ul>

	/*
	Foundation 5 w/ Grunt + Libsass (watch scss/*.scss & .html)

	Requirement: Chrome LiveReload extension (https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=en).
	Usage: foundation new project-name --libsass && grunt
	*/

	module.exports = function(grunt) {
	grunt.initConfig({
	pkg: grunt.file.readJSON('package.json'),

	var gulp = require('gulp')
	, imagemin = require('gulp-imagemin');

	var paths = {
	srcDir: 'src/*',
	destDir: 'images'
	}

	gulp.task('imagemin', function() {
	gulp.src(paths.srcDir)

	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Bootstrap Basic Template</title>
	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

	server {
	server_name www.anothersky.pw;

	# 掲載省略

	rewrite ^/tag/(.*?)/?(page/([0-9]+)/?)?$ /mt/mt-search.cgi?tag=$1&IncludeBlogs=1,2&page=$3 last;

	# 掲載省略
	}