1. マークアップエンジニア実務経験1年
1.1. 将来性
1.1.1. Sassによる代替
1.1.1.1. Studio
1.1.1.2. Wix
1.1.1.3. 得た時間で何する？
1.2. 技術
1.2.1. CMS
1.2.1.1. WordPress
1.2.1.1.1. ブログ用自作WordPressテーマ
1.2.1.1.2. カスタマイズ
1.2.2. PHP
1.2.2.1. 基本的な構文
1.2.3. JS
1.2.3.1. ライブラリ
1.2.3.1.1. jQuery
1.2.3.1.2. リファレンスを読んで期待通り動くかテスト
1.2.3.1.3. 仕事で実装したことがあるライブラリ
1.2.3.1.4. ライブラリのカスタマイズ
1.2.3.1.5. Node.js
1.2.3.2. プログラミング基礎
1.2.3.2.1. オブジェクト指向
1.2.3.2.2. 関数型プログラミング
1.2.3.3. Ajax
1.2.3.4. クライアントサイドJS
1.2.3.4.1. DOM API
1.2.3.4.2. イベントドリブンモデル
1.2.3.5. AltJS
1.2.3.5.1. TypeScript
1.2.3.5.2. ES6
1.2.4. CSS
1.2.4.1. メタ言語
1.2.4.1.1. SCSS
1.2.4.2. CSS設計
1.2.4.3. Animation&Transtion
1.2.5. HTML
1.2.5.1. マークアップ
1.2.5.1.1. MarkDown
1.2.5.2. API
1.2.5.3. メタ言語
1.2.5.3.1. EJS
1.2.5.3.2. Pug
1.2.6. Gulp
1.2.6.1. メタ言語の変換・圧縮・監視
1.2.6.2. Gulp4系を一から自作
1.3. 求められるスキル
1.3.1. VCS
1.3.1.1. Git
1.3.1.1.1. GitHub
1.3.1.2. 個人的な利用範囲にとどまる
1.3.1.2.1. Pro Git
1.3.2. 開発速度
1.3.2.1. コードスニペット
1.3.2.2. 使いやすいテンプレート
1.3.2.3. 効率化のPDCAを回す
1.3.3. メンテナンス性
1.3.3.1. CSS設計ルール
1.3.3.1.1. BEM
1.3.3.2. RWD
1.3.3.2.1. スマホ、タブレット、PCに最適化
1.3.3.3. リキッドレイアウト
1.3.4. 実装の正確度
1.3.4.1. ピクセルパーフェクト
1.3.4.1.1. 出来ないとデザイナーにボコられる
1.3.4.2. いい感じにして素早く納品して
1.3.4.2.1. 単価が低いからコスト減で利益出す
1.3.4.3. 画像回帰テスト
1.3.4.3.1. Backstop.js
1.3.5. 品質
1.3.5.1. 品質チェックツール
1.3.5.1.1. SEO
1.3.5.1.2. クオリティ
1.3.5.1.3. W3C Validator
1.3.5.1.4. outline
1.3.5.2. 表示高速化
1.3.5.2.1. gzip配信
1.3.5.2.2. 次世代画像形式
1.3.5.2.3. AMP&PWA
1.3.5.2.4. 本:Webページ高速化超入門
1.3.5.2.5. 体感速度向上
1.3.6. デザイン
1.3.6.1. デザインツール
1.3.6.1.1. Photshop
1.3.6.1.2. Illustrator
1.3.6.2. デザイン理論的領域
1.3.6.2.1. 本:Non-Designer's Design Book
1.3.6.2.2. 本:UIデザインの教科書
2. フロントエンドエンジニアを目指す
2.1. 技術
2.1.1. SPAフレームワーク
2.1.1.1. Reactiveシステムと仮想DOM
2.1.1.1.1. Vue
2.1.1.1.2. React
2.1.1.2. jQueryでは荷が重くなってきた
2.1.1.2.1. リアルタイムでデータを監視して変更する機能がない
2.1.1.2.2. DOM操作のコストが高い
2.1.2. リッチなコンテンツ
2.1.2.1. ３Dをゴリゴリ動かす
2.1.2.1.1. WebGL
2.1.2.1.2. Canvas
2.1.3. テスト
2.1.3.1. TDD
2.1.3.2. 結合テスト、単体テスト
2.2. 求められるスキル
2.2.1. 技術選定
2.2.1.1. 開発速度向上
2.2.1.1.1. 必要なライブラリを把握する
2.2.1.1.2. より短期間でWebサービスが作れるようにする
2.2.1.2. 問題解決に効果的な提案
2.2.1.2.1. 選択肢が多い
2.3. 将来性
2.3.1. スマホアプリも守備範囲にできる
2.3.2. 5Gで追い風
2.3.3. 複雑でSaasに代替されにくい
2.3.4. Iotとシェアリングエコノミー
2.3.4.1. デバイスで情報にアクセスする人が増える
2.3.4.1.1. アクセシビリティの重要性UP
2.3.4.1.2. 見た目や操作部分の重要性UP
3. 興味がある分野
3.1. フロント側の自動化
3.1.1. スクレイピング
3.1.1.1. Python
3.1.2. サーバサイドの知識
3.2. ネィティブアプリ開発
3.2.1. Vue Native
3.2.2. Electron