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

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

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

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

Avatar for pco2699

pco2699

September 30, 2019
Tweet

More Decks by pco2699

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

Other Decks in Programming

See All in Programming
ロボットのための工場に灯りは要らない
Avatar for watany watany
10
2.9k
20260313 - Grafana & Friends Taipei #1 - Kubernetes v1.36 的開發雜記：那些困在 Alpha 加護病房太久的 Metrics
Avatar for ChengHao Yang tico88612
0
210
RubyとGoでゼロから作る証券システム： 高信頼性が求められるシステムのコードの外側にある設計と運用のリアル
Avatar for free_world21 free_world21
0
300
Go Conference mini in Sendai 2026 : Goに新機能を提案し実装されるまでのフロー徹底解説
Avatar for Takahito Yamatoya yamatoya
0
610
AI駆動開発の本音 〜Claude Code並列開発で見えたエンジニアの新しい役割〜
Avatar for hisuzuya hisuzuya
4
520
Codex の「自走力」を高める
Avatar for yorifuji yorifuji
0
1.2k
new(1.26) ← これすき / kamakura.go #8
Avatar for utagawa kiki utgwkk
0
2.4k
Claude Codeログ基盤の構築
Avatar for giginet giginet
PRO
7
3.4k
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
610
Ruby and LLM Ecosystem 2nd
Avatar for Koichi ITO koic
1
920
Cyrius ーLinux非依存にコンテナをネイティブ実行する専用OSー
Avatar for n4mlz n4mlz
0
170
S3ストレージクラスの「見える」「ある」「使える」は全部違う ─ 体験から見た、仕様の深淵を覗く
Avatar for ya_ma23 ya_ma23
0
650

Featured

See All Featured
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
150
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
640
How to make the Groovebox
Avatar for あそなす asonas
2
2k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.3k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.1k

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. 見本誌もってきました
 よければ見てみてください