こんにちは。コーディングファクトリー部の菅野です。
コーディングガイドライン策定についての連載第4回目です。

今回は前回までお伝えさせていただいたガイドラインの変更に伴い、コーディングテンプレートもリニューアルをしたのでその時のお話をしたいと思います。
 

そもそもコーディングテンプレートって？

コーディングテンプレートとは新規案件用のHTML・CSS・JSがセットになったスターターキットです。コーディングファクトリーオリジナルのフレームワークと言っていいかもしれません。コーディングファクトリーでは新規案件のほとんどをこのコーディングテンプレートから始めます。コーディングテンプレートを使用することで品質の均質化や制作効率をアップさせる狙いです。
私が入社した6年ほど前から既に存在し、現在に至るまでバージョンアップを重ねながら受け継がれてきたコーディングファクトリーの財産の一つです。
 

アップデートフロー

今回はガイドラインの大型アップデートということもあり、段取りにも気合いが入っていました。

この厳しいチェックを通らなければなりません。とても憂鬱でした・・・。

今回見直すべき項目は2点

今までご説明させていただいている通り、コーディングファクトリーのコーダーたちにとってコーディングテンプレートはある意味生命線です。半端なものを作ってしまうとコーダーたちに袋叩きに合いそうだったので熟考に熟考を重ね、以下の2点に重点を置いてアップデート作業に挑むことに決意を固めました。・・・い、いいよねこれで？

1. 新ガイドラインに合わせたclass命名をHTMLとCSSに適用
2. 不要な項目は削除し、シンプルで使いやすく
   
    

1. 新ガイドラインに合わせたclass命名をHTMLとCSSに適用

これは新ガイドラインのルールに沿って既存テンプレートを更新していく作業でしたので、それほど苦労せずに作業することができました。前回の新しい時代のCSSへ 〜コーディングガイドライン策定 #03〜でお伝えした、class名に決められた接頭辞を入れつつ、構成を微調整する作業。量こそ多かったですが、それほど迷う要素もないので難なく完了。菅野さん余裕です！
 

2. 不要な項目は削除し、シンプルで使いやすく

これが難しかった・・・。不要だと思うものも、使いやすいと感じることも人それぞれです。あまり考えすぎても進まないのでとりあえず一任されている自分の感情の赴くままに作業しました。
ざっくりとまとめるとこんな感じです。

こうして書き出してみると意外に少なく感じていますが、書き順やコメントの入れ方などを考えつつ、丁寧な作業を心掛けながらお仕事させていただきました。

こうして出来上がったものを、フローに則ってコーダーたちに確認してもらい、修正意見を取り入れ、無事完成させることができました。ふぅ〜〜。

しかし、コーディングテンプレートに終わりはありません。目紛しく変わるWeb業界に合わせて今後も更新を続けていかなくてはなりません。
実は今、またコーディングテンプレートをアップデートしようと試行錯誤中です。
コーディングファクトリーの飽くなき挑戦は続くのでした。

ガイドラインお申し込みフォームへ