← チャプター一覧

📋 目次

⚙️
第1章
プログラムの旅
📖 本
プログラムはなぜ動くのか
矢沢久雄 著(日経BP)
CPUがどう動くか、メモリをどう使うかを日本語でわかりやすく解説。第1章の内容をより深く学ぶのに最適な一冊。
🟢 入門
📖 本
コンピュータの構成と設計(Patterson & Hennessy)
David Patterson / John Hennessy
通称「パタへネ本」。CPU設計・命令セット・パイプラインを本格的に学ぶ教科書。大学のCS学科の定番。
🔴 上級
🌐 サイト
Compiler Explorer(godbolt.org)
自分のコードが実際にどんなアセンブリ命令に変換されるかをリアルタイムで確認できる神ツール。C/Rust/Goなど多言語対応。
godbolt.org → 🔵 中級
🎓 コース
Nand to Tetris
論理ゲートからOSまでコンピュータを自分で作るオンラインコース。Courseraとnand2tetris.orgで無料公開。CS教育の傑作。
nand2tetris.org → 🔵 中級
⌨️
第2章
キーボードの秘密
🌐 サイト
QMK Firmware ドキュメント
自作キーボードファームウェアのオープンソースプロジェクト。マトリクス走査・キーマップ・Debounceの実装コードを実際に読める。
docs.qmk.fm → 🔵 中級
🌐 サイト
Deskthority Wiki
キーボードのスイッチ・メカニズム・歴史を詳しく解説するwiki。メンブレン・メカニカル・静電容量の違いが写真つきで理解できる。
deskthority.net → 🟢 入門
📖 本
インターフェースデザインの心理学
Susan Weinschenk(オライリー)
入力デバイスと人間の認知の関係を心理学の観点から解説。キーボード設計の「なぜ」に興味が湧いた人に。
🟢 入門
▶️ 動画
Ben Eater — Keyboard Matrix
YouTubeで「ben eater keyboard」と検索。実際のハードウェアを使ってキーボードマトリクスを一から作る動画。視覚的に超わかりやすい。
YouTube: Ben Eater → 🔵 中級
🖥️
第3章
ディスプレイの魔法
🌐 サイト
LearnOpenGL.com
グラフィックスプログラミングを一から学べる日本語対応の超良質サイト。ピクセル・テクスチャ・シェーダーの仕組みを手を動かして学べる。
learnopengl.com → 🔵 中級
🌐 サイト
Shadertoy
ブラウザでシェーダーをリアルタイムに書いて動かせる。他の人のシェーダーのコードを読んでピクセルがどう計算されるか体験できる。
shadertoy.com → 🔵 中級
📖 本
ゲームエンジンアーキテクチャ
Jason Gregory(SBクリエイティブ)
フレームバッファ・レンダリングパイプライン・GPUの使い方をゲームエンジン視点で解説。第3章の延長線上にある一冊。
🔴 上級
▶️ 動画
Acerola(YouTube)
グラフィックスプログラミングを楽しく解説するYouTubeチャンネル。レイトレーシング・シェーダー・レンダリング技法を視覚的に説明。
YouTube: Acerola → 🔵 中級
🌐
第4章
ネットワークの旅
📖 本
マスタリングTCP/IP 入門編
竹下隆史ほか(オーム社)
日本のネットワーク入門書の超定番。IPアドレス・TCP・DNSをイラスト豊富にわかりやすく解説。エンジニア必読の一冊。
🟢 入門
🌐 サイト
Cloudflare Learning Center
HTTP・DNS・TLS・CDNなどネットワーク技術を平易に解説した記事が充実。現場エンジニアが書いているので実践的でわかりやすい。
cloudflare.com/learning → 🟢 入門
📖 本
Designing Data-Intensive Applications
Martin Kleppmann(O'Reilly)
分散システム・ネットワーク・データベースを統合的に学べる現代エンジニア必読書。「DDIA」と呼ばれる名著。日本語訳あり。
🔴 上級
🌐 サイト
Julia Evans のzines
「How DNS Works」など難しいネットワーク概念をコミック形式で解説するzineシリーズ。無料版もある。楽しく正確に学べる。
jvns.ca → 🟢 入門
📝
第5章
テキストエディタの仕組み
🌐 サイト
Build Your Own Text Editor
CでミニViを作るハンズオンチュートリアル。Gap Bufferやキー入力処理を実際にコーディングしながら学べる。約1000行のC。
viewsourcecode.org → 🔵 中級
📖 本
実践Vim — 思考のスピードで編集しよう
Drew Neil(オライリー)
Vimの操作法だけでなく「テキスト編集」の思想を学べる。エディタの設計思想を理解することで第5章の内容がより深まる。
🔵 中級
🌐 サイト
Crafting Interpreters
字句解析・構文解析・インタープリタを一から作る無料オンライン書籍。シンタックスハイライトの仕組みの理解が深まる。
craftinginterpreters.com → 🔴 上級
▶️ 動画
tsoding — Building a Text Editor
ライブコーディングでテキストエディタをゼロから作る動画シリーズ。Gap Bufferの実装が実際のコードで見られる。YouTube「tsoding」で検索。
YouTube: tsoding → 🔴 上級
🌏
第6章
ブラウザの仕組み
🌐 サイト
Inside look at modern web browser(Chrome Developers)
Googleが公開したブラウザの仕組みを解説する4部作記事。DOMツリー・レイアウト・コンポジットの流れが図入りで解説されている。
Chrome Developers → 🔵 中級
🌐 サイト
web.dev(Google)
Webパフォーマンス・Core Web Vitals・CSSの仕組みをGoogleエンジニアが解説。ブラウザのレンダリングを最適化したい人に。
web.dev → 🔵 中級
🌐 サイト
MDN Web Docs
HTML・CSS・JavaScriptの公式リファレンス。ブラウザがどうAPIを実装しているかの仕様が詳しく書かれている。
MDN Web Docs → 🟢 入門
📖 本
Webブラウザセキュリティ
米内貴志(ラムダノート)
ブラウザのセキュリティモデル(Same-Origin Policy・CSP・CORS)を丁寧に解説。第6章の先にある「なぜ安全?」を学べる。
🔵 中級
🔊
第7章
音の仕組み
🌐 サイト
Web Audio API — MDN
ブラウザでサウンドをプログラムから生成・操作するAPIのリファレンス。オシレーターやフィルターを使ってサイン波を実際に生成できる。
MDN Web Audio API → 🔵 中級
📖 本
The Science of Sound
Thomas Rossing(Springer)
音波・共鳴・音楽の物理学を丁寧に解説する教科書。サンプリングやフーリエ変換の背景知識が身につく。
🔵 中級
▶️ 動画
3Blue1Brown — But what is the Fourier Transform?
サンプリングとフーリエ変換を視覚的に美しく解説するYouTube動画。音がデジタルになる仕組みの数学的背景を直感的に理解できる。
YouTube: 3Blue1Brown → 🔵 中級
🌐 サイト
Audacity(フリーソフト)
無料の音声編集ソフト。波形・スペクトラム・サンプリングレートを実際に見ながら操作できる。第7章の内容を「実機」で確かめるのに最適。
audacityteam.org → 🟢 入門
💾
第8章
ファイルシステムの仕組み
📖 本
詳解 Linuxカーネル 第3版
Daniel Bovet / Marco Cesati(オライリー)
inode・VFS・ファイルシステムの実装をLinuxカーネルのコードレベルで解説。上級者向けだが第8章の知識があれば読み始められる。
🔴 上級
🌐 サイト
Linux Filesystem Hierarchy Standard
/etc /usr /var などLinuxのディレクトリ構造の標準仕様書。なぜそこにファイルがあるのかが明確にわかる。
linuxfoundation.org → 🔵 中級
📖 本
ふつうのLinuxプログラミング
青木峰郎(SBクリエイティブ)
ファイルディスクリプタ・inode・パーミッションをプログラムから触りながら学べる。C言語でシステムコールを叩く実践書。
🔵 中級
▶️ 動画
Hussein Nasser — File Systems
YouTube「Hussein Nasser file system」で検索。SSD・HDD・RAID・ファイルシステムの選び方を実践的に解説するエンジニア向け動画。
YouTube: Hussein Nasser → 🔵 中級
🔐
第9章
暗号とHTTPSの仕組み
📖 本
暗号技術入門 第3版
結城浩(SBクリエイティブ)
シーザー暗号からRSA・AES・TLSまでを日本語で丁寧に解説した決定版。第9章の内容を数式レベルで理解したいならこれ一択。
🟢 入門
📖 本
暗号解読(上・下)
サイモン・シン(新潮文庫)
シーザー暗号からエニグマ・RSAまで暗号の歴史をスパイ小説のように読める一般書。技術書が苦手でも楽しめる超おすすめ本。
🟢 入門
🌐 サイト
Cryptopals Crypto Challenges
暗号を「破る」ことで仕組みを学ぶプログラミング課題集。Base64・ECB/CBC・RSA攻撃を実際にコーディングして理解できる。
cryptopals.com → 🔴 上級
🌐 サイト
How HTTPS works(comics)
HTTPSの仕組みをコミック形式で解説する無料サイト。TLSハンドシェイクの流れが視覚的に完璧に理解できる。英語だが絵でわかる。
howhttps.works → 🟢 入門
🧠
第10章
OSとプロセスの仕組み
📖 本
オペレーティングシステム(恐竜本)
Silberschatz / Galvin / Gagne
通称「恐竜本」。プロセス・スレッド・スケジューリング・仮想メモリをこれ以上なく丁寧に解説するCS学科の定番教科書。
🔵 中級
🌐 サイト
OSDev.org
自作OSを作るコミュニティ。ブートローダーからカーネル・スケジューラまで実装方法が詳しく書かれている。
wiki.osdev.org → 🔴 上級
📖 本
Linuxのしくみ(改訂版)
武内覚(技術評論社)
プロセス・メモリ・ファイルシステム・ネットワークをLinuxの実測データとグラフで解説。実験しながら学べる日本語の良書。
🟢 入門
▶️ 動画
MIT 6.828: Operating System Engineering
MITのOS授業が無料公開されている。xv6という教育用OSを実際に修改するラボ課題が本格的。講義動画・資料・課題すべて無料。
MIT 6.828 → 🔴 上級
🗄️
第11章
データベースの仕組み
📖 本
SQLアンチパターン
Bill Karwin(オライリー)
やりがちなDB設計の失敗パターンとその解決策を解説。インデックスの使い方・トランザクション設計を実践的に学べる。
🔵 中級
🌐 サイト
Use The Index, Luke!
SQLのインデックスを徹底解説するサイト。B木・複合インデックス・クエリ最適化の仕組みが第11章の延長で詳しく学べる。
use-the-index-luke.com → 🔵 中級
📖 本
Designing Data-Intensive Applications
Martin Kleppmann(O'Reilly)
分散DB・レプリケーション・トランザクションを現代エンジニア向けに解説した名著。「DDIA」と略される必読書。日本語訳あり。
🔴 上級
🌐 サイト
CMU Database Systems(講義動画)
カーネギーメロン大学のDB授業がYouTubeで無料公開。B木の実装・クエリオプティマイザ・トランザクション管理を大学院レベルで学べる。
YouTube: CMU DB → 🔴 上級
🎮
第12章
GPUとグラフィックスの仕組み
🌐 サイト
LearnOpenGL.com
頂点・シェーダー・テクスチャ・ライティングを段階的に実装しながら学べる超良質サイト。第12章の内容をコードで体験できる。
learnopengl.com → 🔵 中級
📖 本
リアルタイムレンダリング 第4版
Akenine-Möller ほか
グラフィックスエンジニアのバイブル。シェーダー・レイトレーシング・PBR(物理ベースレンダリング)まで網羅した辞書的名著。
🔴 上級
▶️ 動画
Sebastian Lague(YouTube)
レイトレーシング・メッシュ生成・シェーダーを視覚的に美しく実装する動画シリーズ。「なぜきれい?」の背景がよくわかる。
YouTube: Sebastian Lague → 🔵 中級
🌐 サイト
GPU Gems(NVIDIA)
NVIDIAが公開するGPUプログラミングの技術書。影・水面・煙などのリアルなシェーダー実装を無料でオンライン公開。
GPU Gems → 🔴 上級
🧪
第13章
深層学習の基礎
📖 本
ゼロから作るDeep Learning ①②③
斎藤康毅(オライリー)
Pythonでニューラルネットをゼロから実装する日本語の決定版シリーズ。①は順伝播・逆伝播、②はRNN、③はフレームワーク実装。必読。
🟢 入門
🌐 サイト
TensorFlow Playground
ブラウザ上でニューラルネットの学習をリアルタイムに可視化できるツール。層の数・活性化関数・学習率を変えて動きを直感的に体験できる。
playground.tensorflow.org → 🟢 入門
🎓 コース
fast.ai — Practical Deep Learning
「コードを先に、理論は後」のトップダウン式で深層学習を学ぶ無料コース。数学が苦手でも最先端モデルを使えるようになる。
course.fast.ai → 🟢 入門
▶️ 動画
3Blue1Brown — Neural Networks
ニューラルネットワークと逆伝播を視覚的に美しく解説するYouTube動画シリーズ(全4本)。数学のイメージが一気に掴める。
YouTube: 3Blue1Brown → 🟢 入門
第14章
トランスフォーマーの仕組み
🌐 サイト
The Illustrated Transformer(Jay Alammar)
Transformerの仕組みをアニメーションと図で徹底解説した伝説的ブログ記事。世界中のAI研究者が「これで理解した」と言う必読記事。
jalammar.github.io → 🔵 中級
📄 論文
Attention Is All You Need(原論文)
Vaswani et al., Google(2017)
Transformerを提案した歴史的論文。意外と読みやすく8ページ。第14章を学んだ後なら数式の意味がわかるはず。
arxiv.org → 🔴 上級
🎓 コース
Hugging Face NLP Course
TransformerライブラリのHugging Faceが提供する無料NLPコース。Tokenizer・モデル・Fine-tuningを実際にコードで学べる。
huggingface.co/learn → 🔵 中級
▶️ 動画
Andrej Karpathy — Let's build GPT from scratch
元OpenAIのAndrej KarpathyがPythonでGPTをゼロから実装する2時間動画。Transformerの実装を完全に理解できる世界最高の教材の一つ。
YouTube: Karpathy GPT → 🔴 上級
🤖
第15章
LLMの仕組み
🌐 サイト
LLM Visualization(bbycroft.net)
GPT-2の全計算過程を3Dで可視化したインタラクティブサイト。トークンが層を経て変換される様子をリアルタイムで確認できる圧巻のツール。
bbycroft.net/llm → 🔵 中級
📖 本
大規模言語モデル入門
山田育矢 ほか(技術評論社)
GPT・BERT・T5などのLLMアーキテクチャを日本語で体系的に解説。ファインチューニング・プロンプトエンジニアリングの実践も含む。
🔵 中級
▶️ 動画
Andrej Karpathy — Intro to LLMs
LLMとは何か・どう学習されるか・RLHFの仕組みを1時間で解説する動画。第15章の内容が深まる最高の補講。英語だが字幕あり。
YouTube: Intro to LLMs → 🔵 中級
🌐 サイト
Hugging Face Hub
数万のオープンソースLLMを無料でブラウザから試せるプラットフォーム。GPT・Llama・Mistralなど実際に対話しながら性能の違いを体感できる。
huggingface.co/chat → 🟢 入門
🚀
学び続けることが、最強のスキルです
難しそうに見えても、好奇心のまま手を動かすのが一番の近道。
CS Adventure はあなたの出発点。ここからは無限の世界が広がっています。