Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
はてな教科書JavaScript編
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Amagi
October 22, 2016
Education
3
2.7k
はてな教科書JavaScript編
Kyoto.js 11で発表した資料です
Amagi
October 22, 2016
Tweet
Share
More Decks by Amagi
See All by Amagi
Enchant your website with VFX-JS
fand
0
140
How to hack VS Code: evil ways (Japanese)
fand
5
3.7k
READY FOR THE BATTLE? -Introduction to Live Coding-
fand
1
570
GLSL PostEffect in TouchDesigner
fand
2
2k
VEDA GLSL Livecoding workshop
fand
2
5.4k
PWA 方法 無料 今すぐ
fand
3
1.5k
Have you ever heard GPUs cry?
fand
2
3.9k
Real World GLSL
fand
0
290
APIs for VJ-ing
fand
1
7k
Other Decks in Education
See All in Education
Web 2.0 Patterns and Technologies - Lecture 8 - Web Technologies (1019888BNR)
signer
PRO
0
3k
滑空スポーツ講習会2025(実技講習)EMFT講習 実施要領/JSA EMFT 2025 procedure
jsaseminar
0
100
子どものためのプログラミング道場『CoderDojo』〜法人提携例〜 / Partnership with CoderDojo Japan
coderdojojapan
PRO
4
18k
1111
cbtlibrary
0
270
栃木県警サイバーセキュリティ研修会2026
nomizone
0
160
The browser strikes back
jonoalderson
0
360
外国籍エンジニアの挑戦・新卒半年後、気づきと成長の物語
hypebeans
0
730
160人の中高生にAI・技術体験の講師をしてみた話
shuntatoda
0
300
1125
cbtlibrary
0
170
俺と地方勉強会 - KomeKaigi・地方勉強会への期待 -
pharaohkj
1
1.6k
あなたの言葉に力を与える、演繹的なアプローチ
logica0419
1
270
Security, Privacy and Trust - Lecture 11 - Web Technologies (1019888BNR)
signer
PRO
0
3.2k
Featured
See All Featured
Leo the Paperboy
mayatellez
4
1.4k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Unsuck your backbone
ammeep
671
58k
For a Future-Friendly Web
brad_frost
182
10k
Building an army of robots
kneath
306
46k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
72
Prompt Engineering for Job Search
mfonobong
0
160
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.2k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
170
Transcript
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
今後の講義 もっと実践的な内容に寄せる? 講義時間を増やす???? フロントエンドコー ス欲しい( 放言)
完 株式会社はてなでは 若者の育成や社外への情報共有に オー プンなエンジニアを 募集しています!!!!