Upgrade to Pro — share decks privately, control downloads, hide ads and more …

JavaScriptアルゴリズム本を 技術書典7で頒布しました

Avatar for pco2699 pco2699
September 30, 2019
Programming
1k
1

JavaScriptアルゴリズム本を 技術書典7で頒布しました

Avatar for pco2699

pco2699

September 30, 2019

More Decks by pco2699

See All by pco2699
enebular x Hugging Faceで 自然言語処理の全能の神になる
Avatar for pco2699 pco2699
0
410
enebular x AutoML Visionで 爆速で画像判定アプリをつくる
Avatar for pco2699 pco2699
0
460
enebularで 爆速で機械学習APIをつくる
Avatar for pco2699 pco2699
0
220
tsconfig.jsonを完全に理解する
Avatar for pco2699 pco2699
1
2.2k
MIDI × MQTT × Twitterで ハッシュタグ自動作曲シンセを作ろう
Avatar for pco2699 pco2699
1
1.4k
enebular × MIDI × MQTT ハンズオンの反省をする
Avatar for pco2699 pco2699
1
720
MIDIキーボードとenebularをつなげてみよう
Avatar for pco2699 pco2699
0
660
Firebase Cloud Messagingで 通知の配信遅延とたたかってみた
Avatar for pco2699 pco2699
4
12k

Other Decks in Programming

See All in Programming
ここ半年くらいでAIに作らせたR用ツール
Avatar for eitsupi eitsupi
0
340
<title><a id="</title>君はこのHTMLをパースできるか"></a></title> #雑LT_study
Avatar for pizzacat83 pizzacat83
0
120
PHP初心者セッション2026　〜生成AIでは見えない裏側を知る：今だからLAMPを通して仕組みを学ぶ〜
Avatar for Hideo Kashioka kashioka
0
740
torikago - Ruby::Boxで照らすモジュラモノリスの実行境界
Avatar for nori se4weed
1
270
AI Engineeringは、AIプロダクトだけのものか？ 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
Avatar for r-kagaya rkaga
4
290
【やさしく解説 設計編・中級 #6】良いアーキテクチャとは ～ 一本の登り道の、行き先 ～
Avatar for HideyukiKitao panda728
PRO
0
190
AIエージェントで 変わるAndroid開発環境
Avatar for takahirom takahirom
2
740
AWS CDK を「作」ってみた 〜フルスクラッチで見えた CDK の裏側〜 / aws-cdk-from-scratch
Avatar for k.goto gotok365
3
2.7k
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計｜Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
Avatar for Tomohisa Takaoka tomohisa
0
120
What's New in Android 2026
Avatar for Veronikapj veronikapj
0
240
今さら聞けない .NET CLI
Avatar for tkym htkym
0
160
型も通る、synthも通る、それでも危ない 〜AIのCDKの権限とコストを機械で検証する〜 / It Passes Type Checks, It Passes Synth Checks, but It’s Still Risky — Automatically Verifying Permissions and Costs in AI’s CDK —
Avatar for shiro seike seike460
PRO
1
490

Featured

See All Featured
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Done Done
Avatar for chrislema chrislema
186
16k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
420
Leo the Paperboy
Avatar for Maya Tellez mayatellez
8
2k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.4k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
240
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
190

Transcript

  1. JavaScriptアルゴリズム本を 技術書典7で頒布しました We Are JavaScripters! vol.36 at SmartHR @pco2699

  2. 自己紹介 • 高山 和幸
 • @pco2699
 • アルゴリズムとTypeScriptがすき


  3. 今日 お話しすること/しないこと • 今日 お話しすること
 ◦ 技術書典7で出した「JavaScriptアルゴリズム本」の内容の話
 ◦ 感想・結果などの振り返り
 •

    今日 お話しないこと
 ◦ JavaScript/TypeScriptなどの技術的に突っ込んだ話


  4. 技術書典7に参加しました！ • 技術書典とは
 a. 技術同人誌の即売会！
 b. たくさんサークルが一斉に本を売ります
 c. 買いに来る人もたくさん


  5. Nuxt.jsとFirebaseでつくるアルゴリズムミニアプリ • アルゴリズムを知りたい
 Webエンジニアのための入門書
 • アルゴリズムをWebアプリを
 作りながら学べる！
 • 冊子+DLカード　¥1,000


  6. 本書を書くきっかけ


  7. 本書を書くきっかけ • 本屋に並んでいるアルゴリズムの本
 a. 言語がC++, C（たまにPython）
 b. 作るものが何に役立つのかわからない
 c. 説明がわかりづらい


  8. 本書を書くきっかけ • 本屋に並んでいるアルゴリズムの本
 a. 言語がC++, C（たまにPython）
 b. 作るものが何に役立つのかわからない
 c. 説明がわかりづらい


    これを解決した本がほしかった

  9. a. 言語がC++, C • C++のイメージ: なんだかとっつきづらそう...
 (注) C++をディスる意図は全くありません。 C++は偉大な言語です。

  10. b. 作るものが何に役立つのかわからない • 実際のアルゴリズムの問題
 i番目の配列がi日目の株の値段を表す配列があります。 最大で1回のトランザクション(例: 1個の株を買い、1個の株を売る)が 許されている場合、最大の利益を探すアルゴリズムを設計しなさい。 株を買う前に売ることが出来ない。

  11. b. 作るものが何に役立つのかわからない • 実際のアルゴリズムの問題
 i番目の配列がi日目の株の値段を表す配列があります。 最大で1回のトランザクション(例: 1個の株を買い、1個の株を売る)が 許されている場合、最大の利益を探すアルゴリズムを設計しなさい。 株を買う前に売ることが出来ない。 こんなの実際に書くことある！！？

  12. c. 説明がわかりづらい • アルゴリズム独特の用語がたくさんある
 ビッグオー表記 幅/深さ 優先探索 二分探索 時間計算量 空間計算量

    動的計画法 ダイクストラ法 空間計算量

  13. c. 説明がわかりづらい • アルゴリズム独特の用語がたくさんある
 ビッグオー表記 幅/深さ 優先探索 二分探索 時間計算量 空間計算量

    動的計画法 ダイクストラ法 空間計算量 概念を理解すれば実はそんなに難しくない

  14. c. 説明がわかりづらい • 最近は「アルゴリズムをわかりやすく」という
 コンセプトの本が出てきている


  15. 本書はどう解決したか


  16. 本書はどう解決したか • 言語がC++, C（たまにPython）
 
 • 作るものが何に役立つのかわからない
 
 • 説明がわかりづらい


    言語はJavaScript Webアプリを作る なにかに例えて説明

  17. 言語はJavaScript • （おそらく）初学者が学ぶことが一番多い言語
 • ES2015以降であれば、キツくない。
 • Jestを使えばテストも簡単


  18. Webアプリを作る • 次を組み合わせれば、Webページを作って公開できる時代！
 a. フロントエンドフレームワーク(React/Vue/Nuxt)
 b. 静的ファイルホスティング(Firebase/Netlify)


  19. なにかに例えて説明 • 難しい概念は なにかに例えて説明するとわかりやすい
 • リスト探索は「数字当てゲーム」に例えて説明


  20. 絶対に売れると確信した


  21. 技術書典当日...


  22. 売上部数 48/100部

  23. 割と爆死


  24. 振り返り・要因分析 • 技術書典7のユーザ
 a. 商業誌にないような最新の技術を求めてる人が多い
 b. 初学者はあまり来ない
 • 内容・タイトル
 a.

    タイトルから「Nuxt.jsとFirebase」の深堀り本だと思われた
 b. 今回はリスト探索のみのため、内容が簡単すぎた


  25. 振り返り・要因分析 • 実際に聞かれたこと
 a. 「これって競プロで使えますか？」 
 => 使えません
 b. 「Firebaseどのくらい使ってますか？」


    => Hostingのみです。すいません。
 c. 「動的計画法とか今後やりますか？」
 ＝>期待しててください


  26. 技術書典に参加した感想 • 自分が書いた本をユーザが目の前で読んで買うか判断する
 ダイナミックで面白い
 • 本が売れると嬉しいけど、売れないと苦笑いが止まらない
 • 売れなくて赤字でも、悔しくて次回も出たい...! ってなる


  27. 見本誌もってきました
 よければ見てみてください