log > Webサイト作るときに使うstartarを更新した

Webサイト作るときに使うstartarを更新した

2016 01 20 Webサイト作るときに最初に使うやつ作ってた - logのやつ。

体調が非常にあれだったので、とりあえず以前から手つかずだった「startar」の更新を行った。

startarは、EJS、Stylus、Browserify、gulpで静的Webサイトの開発をはじめられるツールを目指して、とりあえず試しに作った。なのだが、実際にWebサイトを作っていくと、使いづらい部分が相当あったので直したかった。

まず、EJSのテンプレートを再構築した。ヘッダー・フッターで分けていたが、ヘッダーが一括だとincludeするときに渡すデータが多くなるので、それぞれのページで書ける方がいいと判断した。とくにdescriptionやkeywordはページ別の方がいいだろうと判断した。ヘッダやフッタに共通のogpやtwitterカード、css、scriptsは分けたが、ogpは別にした方がよかったかもしれない。

次に、タスクを分割した。gulpfile.jsが肥大していたため、それぞれのファイルに分けて見通しをよくしたかった。結果的に見通しはよくなったが、果たしてこれでよかったのか。何も覚えてなければタスクは分けていた方がいいが、一つのファイルにあることでいくつものファイルを行き来する手間が増えただけではないか。とも思ったが、無視していいレベルなので無視した。

baberifyのあと、uglifyが失敗する問題を修正した。これは、baberifyにpresetsが設定されてなかったからだった。

stylusにlintを追加した。stylusにはCSSCombのように自動でプロパティを並び替えるライブラリがない。そのため、lintを導入して都度手動で直す必要がある。今作ってるサイトには導入していないのだが、試しにlintをかけたところ、lintは最初から導入しておくべきだという知見を得た。（エラーが大量すぎて直す気力が起きない。）

gulp --env productionでプロダクション用の出力ができるのを忘れていたので、READMEに書いておいた。

startarはWebサイトを作るために作ったのだが、実際に作っているときに使ってみると、使いづらい部分が出てきた。実際にやってみて、使いづらい部分を修正し、そしてまた次のプロジェクトに使っていきたい。