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でコンパイルすることにしたんだけど、たちまち
それで、いつもお世話になっている農家さんのホームページを、いわば練習台として、リニューアルさせてもらった。
ホームページ・ビルダーの「どこでもレイアウト」なる機能で作られた、プログラマ泣かせな現状から、、、
・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?
とかとかに悩んで1行も進まない。
先人が既に悩んで、各人は答えを見出しているんだろうけど…。
web starter kit 使えばいいのかナア。でもあんまり積極利用されてる雰囲気見えないんだよな。
コメント
コメントを投稿