作業環境について事前に確認しておきたいこと
※太字は必須内容
前提
- proxyやアクセス制限などのセキュリティが過剰でない
- プルリクエストなどによるコードレビューのフローがある
- バックログやtrelloやslackによるプロジェクト/タスク管理がなされている
- コードやドキュメントはgitとgsuitなどで管理されている
- macbook、ディスプレイ、USキーボード
- QA体制が整っている
マークアップ
最低条件として、scssやstylusなどのcssプリプロセッサと
pugなどのテンプレートエンジンを利用していること。
oocssの概念を踏襲したcss/html設計になっていること。
IEやandroidなどの旧ブラウザをサポートする必要がある場合、
polyfillなどを多用して差異をなくすような方針でないか
like
- mixin, extend, functionを適切に使用している（extend不使用）
- cssスコープ（module）を実現している
- airbnbやtrelloなどのメジャーなコーディング規約を採用している
- ブラウザサポートが
> 1% in JP - postcss
hate
- cssハックを使用している
- ベンダー・プレフィックスを直書きしている
- セレクタのネストが無駄に深い
- scssファイルにスタイルガイド
- float、clearfixの使用
- shift-jis
コーディング
es2015による記述がなされているか、もしくは変換できるコードか。
具体的には、withやevalや8進数表記の使用があったり関数宣言がされていないなど。
適切にコメントが挿入されていて、ドキュメントやスタイルガイドがあると良い。
like
- リテラル構文
- Promiseやasync/awaitで非同期処理を実装している
- lighthouseの指摘に則ってる
- eslintを通しており、 prettifyで整形されている
- 単体テスト
hate
- jqueryやlodashなどに完全依存している
- インラインscript記述の乱用
- coffeescript
- react
Next
実績がほしい内容
- pwa（service worker）
- webgl