30代から始めるwebフロントエンド入門

 30代から始めるwebフロントエンド入門

コネヒトマルシェ #2〜webフロントエンド市〜でのLT発表資料です。

Ad4c3c738e57a9bbcb800871e81c232d?s=128

itosho

May 18, 2018
Tweet

Transcript

  1. 3.

    ▪ 自己紹介 ・伊藤 翔 / @itosho  ・所属:コネヒト株式会社 / Supership株式会社 ・野球とアイドルが好きです。

     ・最近のオススメ:sora tob sakana 先日メジャーデビュー ・主にサーバーサイドエンジニアをやっています。  ・よく書く言語:PHP / Ruby / Golang
  2. 8.

    8 ES2016 ES2015 Babel webpack React Yarn Vue.js Flux Redux

    Flux Utils Prettier Flow TypeScript Gulp Virtual DOM JSX ▪ ググった結果
  3. 9.

    9 ES2016 ES2015 Babel webpack React Yarn Vue.js Flux Redux

    Flux Utils Prettier Flow TypeScript Gulp Virtual DOM JSX ▪ ググった結果 (゚A゚;)ゴクリ
  4. 21.

    2 ▪ 具体的にやったこと ・分からないことを一個ずつ分解する。  ・そして、それが何者なのかを調べる。  ・詳細は分からなくても、何者かが分かるようになれば何とかなる。  【例】export default class EmptyState

    extends AbstractComponent<Props, State> ・頭の中にindexだけ作って、実際の知識はインターネットから 取ってくるイメージ  ・自分の頭は有限だけどインターネットは無限  ・調べ方だけ分かっていれば何とかなる  ・多言語からの応用も可能!
  5. 22.

    2 ▪ 具体的にやったこと ・勝手に先生をつくる  ・界隈で有名な人の記事や発表をウォッチする ・ぼくの場合は Stoyan Stefanov さんを先生に  ・facebookのエンジニア

     ・『Reactビギナーズガイド』(オライリージャパン)の作者  ・YouTubeにカンファレンスの動画がけっこうある
  6. 25.
  7. 26.

    2 ES2015 / ES2016 標準仕様及びバージョン ▪ ググっても React / Vue.js

    ライブラリ, フレームワーク Gulp / Babel / webpack タスクランナー, トランスパイラ, ビルドツール Flux アーキテクチャ Flux Utils / Redux Fluxの具体的な実装 Flow / TypeScript 型チェッカー Yarn Gemみたいなパッケージ管理ツール Prettier gofmtみたいなフォーマッタ JSX / Virtual DOM 主にReactで使われるテンプレートエンジン 及びそれを実現する概念