登録は簡単!. 無料です
または 登録 あなたのEメールアドレスで登録
Rocket clouds
Skill Set により Mind Map: Skill Set

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. PHP

1.2.1.1. ブログ用自作WordPressテーマ

1.2.1.1.1. ブログをカスタマイズして勉強

1.2.1.2. 簡単なWordPressカスタマイズ

1.2.1.3. 基本的な構文

1.2.2. JS

1.2.2.1. ライブラリ

1.2.2.1.1. jQuery

1.2.2.1.2. リファレンスを読んで期待通り動くかテスト

1.2.2.1.3. 仕事で実装したことがあるライブラリ

1.2.2.1.4. ライブラリのカスタマイズ

1.2.2.1.5. Node.js

1.2.2.2. プログラミング基礎

1.2.2.2.1. オブジェクト指向

1.2.2.2.2. 関数型プログラミング

1.2.2.3. Ajax

1.2.2.4. クライアントサイドJS

1.2.2.4.1. DOM API

1.2.2.4.2. イベントドリブンモデル

1.2.2.5. AltJS

1.2.2.5.1. TypeScript

1.2.2.5.2. ES6

1.2.3. CSS

1.2.3.1. メタ言語

1.2.3.1.1. SCSS

1.2.3.2. CSS設計

1.2.3.3. Animation&Transtion

1.2.4. HTML

1.2.4.1. マークアップ

1.2.4.1.1. MarkDown

1.2.4.2. API

1.2.4.3. メタ言語

1.2.4.3.1. EJS

1.2.4.3.2. Pug

1.2.5. Gulp

1.2.5.1. メタ言語の変換・圧縮・監視

1.2.5.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.2. 表示高速化

1.3.5.2.1. 5Gがあるからいまところ気にしなくてok

1.3.5.2.2. gzip配信

1.3.5.2.3. 次世代画像形式

1.3.5.2.4. AMP&PWA

1.3.5.2.5. 本:Webページ高速化超入門

1.3.5.2.6. 体感速度向上

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. 3Dをゴリゴリ動かす

2.1.2.1.1. WebGL

2.1.2.1.2. Canvas

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

4. 色分け

4.1. レアケース以外はOK

4.2. 勉強中

4.3. 出来ない

4.4. 苦手or理解しているが実践経験が乏しい