エンジニアとは
めんどくさがる
めんどくさがると言っても、
- 途中で仕事を投げ出す
- 誰かに丸投げする
- しごとに来ない
ではなく
効率化をおこなう
めんどくさいことをいかにめんどくさくなくすか
フロントエンドの業務効率化ツール
フロントエンドの業務効率化ツールといえば
** gulp **
がでてきますが、これで全てが効率化されるわけではない
効率化のためには
- OSやエディタ等のショートカットキーを覚える
→いかにマウスとキーボドの移動時間をなくすか - ディレクリ構造の見直し
- sass
- VBA
- シェルスクリプト
等など
実例
サイトリニューアルでテンプレートのHTML、CSSの修正にともなう影響反映を調べて欲しいとの依頼
- HTMLが200社 × 6ファイル = 1200
- CSSが200社 × 3ファイル = 600
テンプレートとは別に個社対応も有り
これの影響範囲を調べたい。さらに定常的にやりたい
手作業でやるのは不可能
CSSを修正するたびにそのclassを調べ、影響の有無を定常的に調べるのは工数としてなかなか現実的ではない
ツール化しよう
gulpだけで完結すれば理想だが、処理も複雑になり
成果物としても作りにくい
なので色々使ってみよう
- gulpでCSSを整形して一覧化
- シェルスクリプトでcssのクラス名とプロパティをgrep
- EXCELのvbaで整形。索引作り
- バッチファイルで上記処理を一元管理
結果
お客さんにもお褒めの言葉を頂き、定常的に使っていただくことに
さらに技術力も向上
めんどくさがることは良いことだ
めんどくさいと思うことをめんどくさくなくすのがエンジニアの腕の見せどころ。
なので色々と情報収集し、めんどくさいことから開放されよう