Webサイト開発とかについて
使っているもの
Markup language
(Markup Languageというくくりが正しいかどうかはわからない)
Haml
結構前から個人的に使っているという理由でhamlを使っている.特に深い思いいれがないのとruby製だからnodeとかで叩くのがつらいという問題があるので,できれば他のものに変えたい(Jadeあたりを考えている)
SASS,SCSSの類は使っていない.使えれば使いたいが,あまり大きくないので別にいいかなとも思う
開発ツール
gulp(とnpm)
Gulpを使っているのは一番最初に手をつけたビルドツールがgulpであるからである.gulpでwatch系を叩けるようにして,そのあとにnpm run start(npm start)で全部一気に解決できるようにした感じ.
gulp-ruby-haml
gulpからコマンドを叩いて解決してくれる感じ.便利なんだが,エラーの吐き方がおかしいのでどこが間違っているのか目で探さなきゃいけなかったりしてつらい.
local-webserver
これを使ってる.npm scriptで起動できるようにして便利に使える.
ただ,パス周りをわりと解決してしまうので更新する前に python の SimpleHTTPServer でどういう挙動するか確認する.もっとまともな方法がありそうだとは思っている.
npm-run-all
サーバーとwatchのタスクを並列で走らせて便利ってなってる.
"scripts": { "watch:gulp": "gulp watch", "watch:server": "ws", "start": "npm-run-all -p watch:*" },
開発方法
GitHubのレポジトリで開発している.
新しい機能を開発するときは
- とりあえずローカルでブランチを切る
- 開発を勧める
- 全部できたらmasterにマージしてからpush
という流れを踏んでいる.結構小さい修正のリクエストが来ることがあるので,ブランチを切っておくことですぐにmasterに切り替えを行って作業できるようにしておいたほうがよい.あと細かい修正はすぐにmasterで行えるようにしておくこと.
これからの展望
Hamlをやめる
他の使いたい.今はjadeが一番気になっています.
SASSあたりの導入
CSSの書き方が雑すぎてルールを決めないといけないなという気持ちがあるし,それを期にSASSあたりを導入して幸せになりたい.