webデザインの初仕事

12年SEやってたけれど、業務システムのバックエンドの設計&進行管理が主戦場だったので、webデザインの実務経験はゼロ。しかし個人でIT便利屋やるなら「ちょっとしたホームページ」の依頼を引き受けられるようになりたい(webサイト、とか言うお客さんではない)。

それで、いつもお世話になっている農家さんのホームページを、いわば練習台として、リニューアルさせてもらった。
ホームページ・ビルダーの「どこでもレイアウト」なる機能で作られた、プログラマ泣かせな現状から、、、

・CSSを使う(!)
・レイアウトや色などに一貫性を持たせる
・メンテナンス可能なソースコードに
・ヘッダやナビなどを部品化(別ファイルにしてjQueryでロード)
・Windows固有フォントを使ってた → Webフォント利用(Google Noto Sans, さなフォン麦。ともに第一水準までのサブセットのみ)

で、(自分が)耐えられる状態にして、機能面の強化は

・別途(Wordで)作っている「週刊おたより」を画像ギャラリーで閲覧できるようにする(colorbox 利用)
・Facebook Page Plugin設置
・注文フォーム設置 (フォームズ(http://www.formzu.com)利用)
・取扱店リストのGoogleマップ (Excelにリスト→住所から緯度経度算出→Googleマップにアップロード)

くらい。
諸々の合間、というか深夜に気力が残ってた日にポツリポツリ進行だったから3ヶ月かかった。
「2000年の手作りホームページ」から、2008年くらいまではアップデートできたのではないか。

---

さて、それで積み残しというか、2015年のそれなり品質に追いつくべく、やりたいことが色々あるのだけど

・開発環境を整える
・GruntかGulpかなんか
・Compass+Sass
・Coffeescript
・Git/Github
・レスポンシブ
・コンバージョンへ誘導できるサイト設計

どれから手を付ける?!
ていうか、どれに手をつけても初めの一歩が泥沼! 実現手段の選択肢が多すぎる! 
って感じで困っている今。

とりあえずscss書いてcompassでコンパイルすることにしたんだけど、たちまち

・ディレクトリ構成どうする

・そのパスはcompassのconfig.rbにどう書けばいい

・compassコアのどれどれを＠importすべき？

・normalize.css 使えばいいの？

・bootstrap 使うや使わざるや

・css code convention?

とかとかに悩んで１行も進まない。

先人が既に悩んで、各人は答えを見出しているんだろうけど…。

web starter kit 使えばいいのかナア。でもあんまり積極利用されてる雰囲気見えないんだよな。