03.Web開発
このセクションでは、TypeScript, HTML, CSSなど、Webフロントエンド開発に特化したコーディング規約を管理します。
モダンで、アクセシブル、かつ保守性の高いWebアプリケーションを構築するための、一貫したスタイルガイドを提供します。
前提
ここにリストされている全ての規約は、01.共通コーディング原則を継承し、それを各技術要素に特化させたものです。
対象技術の規約一覧
-
ESLintとPrettierの利用を前提とした、モダンなJavaScript (ES6以降) の書き方を定義します。
-
- JavaScript規約をベースに、型安全性やTypeScript特有の機能に関する規約を定義します。
-
- セマンティックでアクセシブルなマークアップを行うための、HTML5の規約を定義します。
-
- BEM命名規則や、SCSS/Sassの構成パターンなど、破綻しにくいスタイリングのための規約を定義します。
-
(今後、
05_Vue規約.mdなど、特定のフレームワークに関する規約を追加予定)
ツールによる自動化
Webフロントエンド開発では、特にESLint (リンター) と Prettier (フォーマッター) の連携が強力です。
これらのツールを導入し、ファイル保存時やコミット時に自動でコードが整形・チェックされる環境を構築することを強く推奨します。