Retired Colourman

何度も朝がやってくる

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

github.com

gulpからコマンドを叩いて解決してくれる感じ.便利なんだが,エラーの吐き方がおかしいのでどこが間違っているのか目で探さなきゃいけなかったりしてつらい.

local-webserver

www.npmjs.com

これを使ってる.npm scriptで起動できるようにして便利に使える.

ただ,パス周りをわりと解決してしまうので更新する前に python の SimpleHTTPServer でどういう挙動するか確認する.もっとまともな方法がありそうだとは思っている.

npm-run-all

www.npmjs.com

サーバーとwatchのタスクを並列で走らせて便利ってなってる.

"scripts": {
    "watch:gulp": "gulp watch",
    "watch:server": "ws",
    "start": "npm-run-all -p watch:*"
  },

開発方法

GitHubのレポジトリで開発している.

新しい機能を開発するときは

  1. とりあえずローカルでブランチを切る
  2. 開発を勧める
  3. 全部できたらmasterにマージしてからpush

という流れを踏んでいる.結構小さい修正のリクエストが来ることがあるので,ブランチを切っておくことですぐにmasterに切り替えを行って作業できるようにしておいたほうがよい.あと細かい修正はすぐにmasterで行えるようにしておくこと.

これからの展望

Hamlをやめる

他の使いたい.今はjadeが一番気になっています.

Jade - Template Engine

SASSあたりの導入

CSSの書き方が雑すぎてルールを決めないといけないなという気持ちがあるし,それを期にSASSあたりを導入して幸せになりたい.

もろもろのルール

画像ファイル名とか決めておかないとつらい気持ちになる.GitHubwikiを活用していい感じに幸せになりたい.