#ギアスタ コーディングルール改善の歴史

Transcript

1. コーディングルール 改善の歴史 コーディングガイドラインの作成( V e r 1 . 0 ) SHUNYA ISHIZUKA
2. プロフィール 前: ⽯ 也 ( イシヅカ シュンヤ) : フロントエンドエンジニア 年 : 4 年10 ヶ⽉ 動物: カンガルー Kangaroo 業 : HTML/CSS/JS/PHP(Wordpress) のWeb 構築 コーディングルール の歴史 Facebook Instagram
3. まず、はじめに... コーディングルール の歴史
4. ※HTML/CSSのマークアップの話は あまりしませんのでご安心ください！ コーディングルール の歴史
5. ※社内向けの共有と相談事項も含みます コーディングルール の歴史
6. GEAR8でコーディングガイドラインを 作るまでに至った経緯と歴史を紹介します! コーディングルール の歴史
7. *コーディングのガイドラインとは* コーディングルール の歴史
8. コーディングのガイドラインとは 簡単に するとコーディングのルールを まとめたもの。 例) ・マークアップ時は⼩ のみを使⽤する ・必 のないスペースは れない etc... コーディングルール の歴史
9. *何でガイドラインが必要なの？* コーディングルール の歴史
10. 何でガイドラインが必要なの？ ⼀ 的にガイドラインを決めずに めてい くと、コードの属 に がったり、⼀ でコードを書くときも⼀ のルールがない と煩 になってしまう可 性があります。 ⼤きい だけではなく、中⼩ 業のエン ジニアの や、個 でコーディングする もコーディングのルールを決めておくこと で 率的に構築できる コーディングルール の歴史
11. 何でガイドラインが必要なの？ Gear8 では のコーダーさんにコーディングをお 願いすることもあるので、 ① 内で ⽤・保 する に更 のトラブルを ぐ ②コードのルールが ⼀されていることで更 の簡 易 と時間 ができる ③ある 度ルールを知ることが 来れば、コーダー じゃないスタッフも更 可 に コーディングルール の歴史 ＼ルールを決めてお願いするよ〜∕
12. *ガイドラインのメリット・デメリット* コーディングルール の歴史
13. ガイドラインのメリット・デメリット メリット コーディングルール の歴史 ✔ ⼀ の品 を担保できる ✔ ⽤・保 性の ✔ ⽣ 性を向上させる デメリット ✗ エンジニアによってはストレス ✗ 内のルールが ではない ✗ コストがかかる場 もある
14. *GEAR8は今までどうしていたか* コーディングルール の歴史
15. GEAR8は今までどうしていたか コーダー 材構成 コーディングルール の歴史 内エンジニア のエンジニアさん お いが コードを 正
16. GEAR8は今までどうしていたか - コーディングのルールが く かったわけ ではなく、A4 ⼆枚のGoogle ドキュメントに まとまっていました。 - そこまで に っていないので、 の エンジニアさんから 問があったり、 品 にG8 で更 できないコードであがってく ることも。( 稀ですが…) コーディングルール の歴史
17. ＼厳選して紹介／ ガイドラインを伝えてないときに起きる コーディング困りごとあるある コーディングルール の歴史
18. ①コンパイルされたCSSを直接編集してしまう ↓ SCSSで書かず先祖返りしてしまう ガイドラインを えてないときに きるコーディング りごとあるある
19. ②GITの使い方がわからない ガイドラインを えてないときに きるコーディング りごとあるある
20. ③ピクセルパーフェクトで構築する必要がある？ ガイドラインを えてないときに きるコーディング りごとあるある
21. このような悩みを解決できるように ガイドラインを製作中です ガイドラインを えてないときに きるコーディング りごとあるある
22. 現状の コーディングガイドライン VER1.0を紹介します！ コーディングルール の歴史
23. HTTPS://XD.ADOBE.COM/VIEW/0E43122B- 8630-4BE9-A02F-4D86C814EA73-5B10/? FULLSCREEN コーディングルール の歴史
24. 他にもガイドラインに書きたいことがたくさん... ガイドラインを えてないときに きるコーディング りごとあるある ★CSS アニメーション王 パターン10 ★Wordpress のインストール ※ ルート 下 にインストールしない! ★PS ・AI ・XD での、 率的なWeb ⽤ 書き し ★サーバ ⾏作業・データベース ⾏作業 ★Emmet での 率的なコーディング ★ローカル (XAMPP ・MANP の ) ★リリース のチェック項⽬/ アナリティクス Search Console/GA4 のイベント など ★ 内のフォームプラグインの種 ★常時SSL の ・チェック について 他にも聞きたい・あったほうが良い項目を募集中です！
25. ＼まとめ／ コーディングルール の歴史
26. まとめ コーディング 則は ごと、エンジニア にそれぞれ。 なマークアップ はないので⽇々模索する必 あり。 これから するエンジニア、 の のかた、クライアントにもコーディングガイドライン を共有して、担当者が 正できる仕 みがあっても良いのかなと思ってます。 回のコーディングガイドラインはブラッシュアップして仕事で使えるものにしていきます コーディングルール の歴史
27. 参考になりましたら幸いです. コーディングルール の歴史