はてな教科書JavaScript編

id:amagitakayosi はてな教科書

id:amagitakayosi はてなブログチーム Kyoto.js 主催

はてな教科書

はてな教科書はてなインターンで利用されている内容 Perl, Scala, JS, Swift MySQL 基礎
WAF

JavaScript 講師やりました教科書のリニューアルしました

はてなインターン一ヶ月で講義から本番機能リリースまで前半: 講義と実習後半: チームに配属されて開発

前半の時間割講義: 2 時間実習: 5 時間

つまり 2 時間で「サービス開発できる最低限のJS」を教えないといけない

とはいえ古いJS のバッドノウハウとか教えたくない ES2016 対応したいとか書いてほしくない

社内プロジェクトの様子最近のプロジェクトは TypeScript or Babel どのチームも gulp とか使ってる Angular,
React, Vue → 配属後、 ES5 で頑張る必要はない

要件チームに配属されても仕事できる JavaScript 未経験でも OK ES2015 対応 Node.js &
npm 対応フレームワークにもちょっと触れる

できました講義前日まで加筆してた

やったこと従来の教科書をブラッシュアップ章ごとに分割 GitBook で表示できるように

ブラッシュアップ 2008 年から少しずつ進化古びた情報ある不正確な情報ある 2000 行のmarkdown ファイル1 枚

ES2016 に準拠今年は2016 年なので Symbol 型が増えたり Template Literal が増えたり

ガンガンいこうぜ

MV* フレームワークについて社内で使われてる奴を紹介 jQuery でページ作る時の方針も困ったら参照できるように

Node.js, npm に言及インストールからまで講義では使わないが、後半で使うかも

気をつけたところ「～かも」はなるべく使わない仕様について書くときは出典をあたる資料作ってたはずが、仕様読んでたら一日終わった

GitBook を採用 Markdown でオンライン書籍つくれるサービス azu_re さんの資料 gitbook.com で配信までしてくれる

Markdown で書かれてるようす

GitHub Pages で公開ドメインがかっこいい GitBook.com に登録不要修正の度にビルド & push が必要

公開

Pullreq きてる様子

振り返り概ね好評モダンな内容を盛り込めた Promise の扱い等、教えきれない質問の半分が Promise

今後の運用 CI 導入したいサンプルコードがちゃんと動くかテストビルド自動化 textlint

今後の講義もっと実践的な内容に寄せる？講義時間を増やす？？？？フロントエンドコース欲しい（放言）

完株式会社はてなでは若者の育成や社外への情報共有にオープンなエンジニアを募集しています！！！！

はてな教科書JavaScript編

はてな教科書JavaScript編

Amagi

More Decks by Amagi

Other Decks in Education

Featured

Transcript

id:amagitakayosi はてな教科書

id:amagitakayosi はてなブログチーム Kyoto.js 主催