フロントエンドガイドライン

HTML

CSS

JavaScript

メディア (画像・音声・動画など)

フォント

アクセシビリティ

パフォーマンス

ビルドツールとバージョン管理

OS / ブラウザサポート・最適化

その他

提供言語 (ローカリゼーション)

Deployment / Integration


命名規則

命名の考え方・原則

Semantic (意味型)とDeclarative (宣言型)

ファイル命名

コードファイル

メディアファイル

CSSセレクタ命名 (class、id)ほか

ECSS + RSCSSを採用

Scoped CSSまたはCSS Modulesの場合

name属性

data-*属性

class命名サンプル集

JavaScriptにおける命名

関数、変数、メソッド、名前空間

classオブジェクト、列挙型


知っておきたいWeb・ソフトウェア開発デザインおよびバックエンドの知識

システム設計 / 要件定義

データべース設計

ER図

MySQL / PostgreSQL

UML (統一モデリング言語 / Unified Modeling Language)

シーケンス図

オブジェクト図

ユースケース図

クラス図

オブジェクト指向

サーバー知識

コマンドライン (CLI / CUI)

セキュリティ

WordPressおよびPHP

Ruby on Rails

Python


制作・運営

石井 将直 / Masanao Ishii (Cloudy knot)