インストール不要 · ブラウザで完結
読んで、書いて、
その場で動かす。
モダンな開発を、手を動かしながら学ぶ学習サイト。47の独立したコースがあり、 多くはブラウザ内の実行環境が組み込まれています。どのコースからでも始められます。
言語を学ぶ
全18コースプログラミング言語そのものを、基礎から。多くはブラウザ内で書いてその場で実行できます。
C言語コース
全50レッスン · ブラウザ内実行環境つき
ブラウザ内で動くC言語。printf・変数・演算子・制御構文・関数・配列・ポインタから、構造体・共用体・プリプロセッサ・malloc/freeによる動的メモリ管理・関数ポインタ・ファイル入出力・ビット操作まで、書いてその場で実行しながら学ぶ。
このコースを始める →C++コース
全71レッスン · ブラウザ内実行環境つき
ブラウザ内で動くC++。cout・変数・演算子・制御構文・関数・配列・ポインタから、std::string・vector・クラス・継承・テンプレート・STL・ラムダ・スマートポインタ・例外処理・モダンな書き味まで、書いてその場で実行しながら学ぶ。
このコースを始める →Java文法コース
全33レッスン · ブラウザ内実行環境つき
Javaの土台となる文法を、ブラウザ内で動く学習用シミュレータにコードを書いて実行しながら学ぶ。変数・型・演算子・制御構文・配列・メソッド・文字列・標準ライブラリまで、書いてその場で動かして身につける。
このコースを始める →Javaオブジェクト指向コース
全30レッスン · ブラウザ内実行環境つき
クラス・カプセル化・継承・多態性からインターフェース・ジェネリクス・コレクション・例外処理・enum/recordまで。Javaの核であるオブジェクト指向を、ブラウザ内で動くシミュレータで手を動かしながら学ぶ。
このコースを始める →Javaデザインパターンコース
全17レッスン · ブラウザ内実行環境つき
GoFの生成・構造・振る舞いパターンから、DI・Repositoryなどの現代的な設計、ラムダ・Stream・Optionalを使ったモダンJavaの書き方まで。「繰り返し使える設計の型」を、コード例と実行で学ぶ。
このコースを始める →C#文法コース
全63レッスン · ブラウザ内実行環境つき
C#の土台となる文法を、ブラウザ内で本物のC#（Roslyn）を動かしながら学ぶ。変数・型・制御構文・コレクション・メソッド・LINQ・例外/null安全・標準ライブラリまで、書いてその場で実行して身につける。
このコースを始める →C#オブジェクト指向コース
全39レッスン · ブラウザ内実行環境つき
クラス・継承・多態性からインターフェース・record・SOLID原則・ジェネリクス/デリゲートまで。「良い設計」の核になるオブジェクト指向を、ブラウザ内で動くC#で手を動かしながら学ぶ。
このコースを始める →C#デザインパターンコース
全28レッスン · ブラウザ内実行環境つき
GoFの23パターンから、DI・Repository・MVVM・CQRSなど現代の設計パターン、そしてTDD（テスト駆動開発）まで。「繰り返し使える設計の型」を、ブラウザ内で動くC#で実装しながら学ぶ。
このコースを始める →Goコース
全24レッスン · ブラウザ内実行環境つき
Google製のシンプルで速い言語。基本文法・スライス・構造体・インターフェースから、Goの目玉である並行処理（goroutine/channel）まで、ブラウザ内で動く学習用シミュレータで手を動かして学ぶ。
このコースを始める →Rustコース
全43レッスン · ブラウザ内実行環境つき
メモリを安全に、しかも速く。所有権・借用・ライフタイムという「Rustの心臓部」を、スタックとヒープの図解で0からとことん丁寧に。struct/enum・トレイト・スマートポインタまで、ブラウザ内で動く学習用シミュレータで手を動かして学ぶ。
このコースを始める →Pythonコース
全26レッスン · ブラウザ内実行環境つき
ブラウザ内で動くPython。print・変数・リスト・辞書から関数・クラスまで、書いてその場で実行しながら学ぶ。
このコースを始める →JavaScriptコース
全28レッスン · ブラウザ内実行環境つき
ブラウザ内で動くJavaScript。console.log・変数・配列・オブジェクトから関数・クラス・async/awaitまで、書いてその場で実行しながら学ぶ。
このコースを始める →TypeScriptコース
全10レッスン · ブラウザ内実行環境つき
JavaScriptに「型」を足した言語。型注釈・関数の型・インターフェースを、ブラウザ内でTS→JSに変換してその場で実行しながら学ぶ。
このコースを始める →Rubyコース
全36レッスン · ブラウザ内実行環境つき
「書いていて楽しい」を大切にした言語 Ruby。puts・変数・条件分岐・繰り返しから、配列・ハッシュ・ブロック（each/map/select）、メソッド、そしてすべてがオブジェクトというクラス設計まで、ブラウザ内で動く学習用インタプリタにコードを書いて、その場で実行しながら学ぶ。Railsにつながるオブジェクト指向の土台を手を動かして固める。
このコースを始める →PHPコース
全20レッスン · ブラウザ内実行環境つき
Webサイトを動かす定番のサーバーサイド言語。echo・変数・配列・連想配列から関数・フォーム処理まで、ブラウザ内で動く本物のPHP（php-wasm）で書いてその場で実行しながら学ぶ。
このコースを始める →Swift（iOSアプリ）コース
全36レッスン · ブラウザ内実行環境つき
iPhoneアプリを作るための言語 Swift と、宣言的UIフレームワーク SwiftUI の実践コース。Optional・struct・enum・クロージャ・protocol といったアプリ開発で要になる文法をブラウザ内の学習用インタプリタで実行しながら固め、SwiftUI は画面を書くとその場で iPhone 風のライブプレビューに描画（@State のボタン・トグル・入力・リストの対話も動く）。VStack/HStack・状態管理・List/ForEach・画面遷移・フォーム・MVVM まで、スマホアプリの作り方を手を動かして学ぶ。Xcode・URLSession通信・データ永続化・App Store公開は実機前提の読み物で補う。
このコースを始める →Perlコース
全28レッスン · ブラウザ内実行環境つき
テキスト処理に強い実用言語Perl。print/say・スカラ/配列/ハッシュから、制御構文・サブルーチン、そしてPerlの真骨頂である正規表現まで、ブラウザ内で動く学習用シミュレータにコードを書いて、その場で実行しながら学ぶ。
このコースを始める →COBOLコース
全53レッスン · ブラウザ内実行環境つき
銀行・保険・行政のシステムを今も支える言語。4つのDIVISIONという独特の構造から、PICTURE句・データ項目・MOVE・演算・IF/EVALUATE・PERFORMまで、ブラウザ内の学習用シミュレータにコードを書いて実行しながら学ぶ。ファイル処理（順編成・索引編成）・COMP-3・帳票・メインフレーム/JCLの実務にも触れる。
このコースを始める →実践・応用
全29コース学んだ言語で「作る」フェーズ。Webフレームワーク・データ/AI・データベース・インフラ・ツールまで。
Spring / Spring Bootコース
全25レッスン
Javaのデファクトなアプリケーションフレームワーク。DI/IoCコンテナの考え方から、Spring Bootでの自動構成・REST API・Spring Data JPAでのデータアクセス・テストまで、図とコード例で実務の骨格を読んで学ぶ。
このコースを始める →C#実践コース
全67レッスン · ブラウザ内実行環境つき
非同期・HTTP通信・ビルド/ツール・ログ・DB(SDK)・定番NuGet・DDDといった実務の要点から、Unity・AWS・ブロックチェーンの応用開発まで。C#を「現場で使う」ための実践編。
このコースを始める →Blazorコース
全26レッスン · ブラウザ内実行環境つき
JavaScriptを書かずに、C#だけでWebのUIを作るBlazorのフレームワークをC#の知識をそのまま活かして学ぶ。コンポーネント・Razor構文・データバインディング・イベント・ライフサイクル・ルーティング・レイアウト・フォーム/検証・DIとHTTP・レンダリングモード・公開まで。ブラウザ内のライブプレビューに.razorを書いて、@bind/@onclick/@if/@foreachの動きをその場で確かめながら進める。
このコースを始める →C# WPFコース
全14レッスン · ブラウザ内実行環境つき
C#でWindowsのデスクトップアプリを作るWPF。XAML・主要コントロール・データバインディング・MVVMまで、ブラウザ内のライブプレビューにXAMLを書いてWPF風のUIをその場で描画しながら学ぶ（{Binding}の双方向バインディングも動きます）。
このコースを始める →Djangoコース
全32レッスン · ブラウザ内実行環境つき
Pythonの定番Webフレームワーク Django。ルーティング・ビュー・テンプレート・フォーム・モデル(ORM)まで、ブラウザ内で本物のDjangoを動かし、テストクライアントでリクエストを送りながら「PythonでWebサイトを作る」を書いてその場で実行して学ぶ。
このコースを始める →Reactコース
全14レッスン · ブラウザ内実行環境つき
コンポーネントでUIを組み立てる定番ライブラリ。JSX・props・stateからフック(useState/useEffect)まで、ブラウザ内で本物のReactを描画しながら学ぶ。
このコースを始める →Angularコース
全12レッスン · ブラウザ内実行環境つき
Google製のフルスタックなフロントエンドフレームワーク。コンポーネント・テンプレート構文・データバインディングを、ブラウザ内で動くAngular(JIT)で手を動かしながら学ぶ。
このコースを始める →Pythonデータ分析コース
全24レッスン · ブラウザ内実行環境つき
numpy・pandas・matplotlib を使って、ブラウザ内で本物のデータ分析。表の集計から折れ線・棒・散布図まで、書いてその場で動かして学ぶ。
このコースを始める →Python AIコース
全19レッスン · ブラウザ内実行環境つき
scikit-learn で機械学習に入門。回帰・分類・クラスタリングから、モデルの評価・過学習まで、ブラウザ内で本物のAIモデルを訓練しながら学ぶ。
このコースを始める →PyTorchコース
全21レッスン · ブラウザ内実行環境つき
「AIはどうやって学ぶのか」を図解で理解し、勾配降下法・ニューラルネットワークをnumpyで自作。さらにPyTorchの自動微分・訓練ループ・ファインチューニング（転移学習・LoRA）まで、手を動かして学ぶ。
このコースを始める →RAGコース
全25レッスン · ブラウザ内実行環境つき
LLMに社内文書や最新情報を「調べさせて」答えさせる仕組み＝RAG（検索拡張生成）。何がうれしいのかを図解で理解し、チャンク分割・TF-IDF/ベクトル検索・類似度・生成への接続を、scikit-learnとnumpyでブラウザ内で実際に動かして学ぶ。ハイブリッド検索・リランキング・評価など精度向上の発展まで。
このコースを始める →Pythonスクレイピングコース
全18レッスン · ブラウザ内実行環境つき
Webページから情報を集めるスクレイピング。BeautifulSoup でのHTML解析をブラウザ内で本物のPythonで実行しながら、取得のマナーや実務のコツまで学ぶ。
このコースを始める →Python画像認識コース
全24レッスン · ブラウザ内実行環境つき
画像から文字を読み取るOCRに入門。Pillow・OpenCV での前処理をブラウザ内で本物のPythonで動かしながら、二値化・輪郭検出から Tesseract・EasyOCR での文字認識まで、画像認識の流れを一気通貫で学ぶ。
このコースを始める →Solidityコース
全24レッスン · ブラウザ内実行環境つき
ブロックチェーン上で動くスマートコントラクトの言語。分散台帳・EVM・ガスの仕組みを図解で理解し、型・mapping・require・送金・ERC-20トークンまで、ブラウザ内で本物のコンパイラ(solc)とEVMにデプロイして関数を呼びながら学ぶ。
このコースを始める →Solanaコース
全36レッスン
高速・低コストなブロックチェーン Solana のスマートコントラクト（プログラム）を Rust で実装するコース。ホワイトペーパーが示した Proof of History という「時計」の発明から、Ethereum とは根本的に違うアカウントモデル、entrypoint! で始まるネイティブプログラム、PDA と CPI、そして開発を一気に楽にする Anchor フレームワーク、SPL トークンやNFT、テスト・デプロイ・セキュリティまで。仕組みを図解で理解し、Rustのコードを読み解きながら「Web3の開発」に入門する。
このコースを始める →SQL データ操作 (DML)コース
全40レッスン · ブラウザ内実行環境つき
データを「取り出す・変える」DMLコース。SELECT・WHERE・集計・JOIN・サブクエリから、INSERT/UPDATE/DELETE・トランザクション、さらにCASE式・集合演算・CTE・ウィンドウ関数といった実務のクエリまで、ブラウザ内の本物のSQLiteで手を動かして学ぶ。
このコースを始める →SQL テーブル設計 (DDL)コース
全24レッスン · ブラウザ内実行環境つき
テーブルを「設計する・定義する」DDLコース。データ型・CREATE TABLE・制約・正規化から、外部キーと参照整合性・自動採番・インデックス・ビュー/トリガー・権限管理(DCL)・ER設計まで、ブラウザ内の本物のSQLiteで手を動かして学ぶ。
このコースを始める →Neo4jコース
全45レッスン · ブラウザ内実行環境つき
データを「点」と「線」でつなぐグラフデータベース。なぜテーブルよりつながりに強いのかを図解で理解し、ブラウザ内で動く学習用グラフDBにクエリ言語Cypherを打って、ノード・リレーションシップの作成・検索(MATCH/WHERE)・更新(MERGE)・集計・グラフモデリングまで手を動かして学ぶ。
このコースを始める →Linuxコマンドコース
全27レッスン · ブラウザ内実行環境つき
ファイル操作・パイプ・権限・テキスト処理・シェルスクリプトまで、Linuxのコマンドライン操作をブラウザ内シェルで手を動かして0から身につける。man・ワイルドカード・awk・エディタも。
このコースを始める →ネットワークコース
全13レッスン · ブラウザ内実行環境つき
IPアドレス・ポート・TCP/IP・サブネット・DNS・HTTPの仕組みを図で理解し、ping・ip・dig・curl・ss・traceroute・ncやファイアウォールをブラウザ内シェルで確かめながら、「つながる」を0から学ぶ。
このコースを始める →サーバーコース
全15レッスン · ブラウザ内実行環境つき
サーバーとは何かから、SSH・プロセスとサービス(systemd)・パッケージ管理・Webサーバー構築・ディスク/バックアップ/監視といった運用まで、ブラウザ内シェルで手を動かして0から実務へつなぐ。
このコースを始める →Gitコース
全29レッスン · ブラウザ内実行環境つき
ブラウザ内のシミュレートGitで、add・commit・branch・merge から CI/CD の YAML まで手を動かして学ぶ。
このコースを始める →Dockerコース
全30レッスン · ブラウザ内実行環境つき
ブラウザ内のシミュレートDockerで、image・container・run・build から docker compose まで手を動かして学ぶ。
このコースを始める →Kubernetesコース
全34レッスン · ブラウザ内実行環境つき
コンテナを束ねて動かすオーケストレーション基盤。「なぜ必要か」から、Pod・Deployment・Service・Ingress・ConfigMap/Secret・ボリューム・自動スケール・Helm まで、ブラウザ内の kubectl シミュレータにマニフェスト（YAML）を apply して get/describe/scale/rollout を手を動かしながら学ぶ。
このコースを始める →Makefile / makeコース
全12レッスン · ブラウザ内実行環境つき
C/C++のビルドを自動化する定番ツール make。「ターゲット・依存関係・レシピ」の三要素から、タイムスタンプによる差分ビルド・.PHONY・変数・自動変数・パターンルールまで、ブラウザ内のシミュレータで Makefile を書いて make を走らせながら学ぶ。
このコースを始める →HTML/CSSコース
全22レッスン · ブラウザ内実行環境つき
Webページの骨組みと見た目。書いたHTML/CSSをその場でプレビューしながら基礎を固める。
このコースを始める →Markdownコース
全11レッスン · ブラウザ内実行環境つき
READMEやドキュメントで使う記法を、書いたそばから右のプレビューで確認しながら学ぶ。
このコースを始める →正規表現コース
全18レッスン · ブラウザ内実行環境つき
文字列のパターンを表す小さな言語。メタ文字・文字クラス・量指定子から置換まで、ブラウザ内で本物の正規表現エンジンにパターンを打ち込み、マッチをその場でハイライトしながら学ぶ。
このコースを始める →XMLコース
全10レッスン · ブラウザ内実行環境つき
データを木構造で表すマークアップ言語。要素・属性・入れ子から宣言・名前空間まで、ブラウザ内で XML を書いて整形式チェック・木構造ツリー・XPath検索をその場で試しながら学ぶ。
このコースを始める →リファレンス
順番に進むコースとは別に、必要なときに開いて読む図鑑・用語集。
UML
全12レッスン
設計書の共通言語。クラス図・シーケンス図など、現場で目にする図の読み方をMermaidの図例で学ぶ。
このリファレンスを開く →バッチファイル
全19レッスン
Windowsの.batで作業を自動化。echo・変数・if・for から実用スクリプトまでコード例で学ぶ。
このリファレンスを開く →アセンブリ言語
全11レッスン
CPUが直接実行する最も低レベルな言語。レジスタ・メモリ・命令(mov/add/jmp)からスタック・関数呼び出しまで、x86-64の例で「コンピュータの中身」を読んで理解する。
このリファレンスを開く →Claude Code
全22レッスン
ターミナルで動くAIコーディングエージェント Claude Code の実践ガイド。インストールから、探索→計画→実装のワークフロー、プランモード、コンテキスト管理、CLAUDE.md、権限、カスタムコマンド・フック・サブエージェント・MCP、ヘッドレス実行まで、使いこなすためのリファレンス。
このリファレンスを開く →エンジニア就活
全16レッスン
エンジニアを目指す就活生のための、業界・職種・就活の進め方ガイド。自社開発／受託／SES／SIerといった業界の地図から、フロントエンド・バックエンド・インフラ・モバイル・データなどの職種、さらにポートフォリオ・技術面接・企業選びまで、コードを書く前に知っておきたい「働き方の全体像」を読んで学ぶ。
このリファレンスを開く →Wiki
全204項目 · 随時追加中
用語集・チートシート・逆引きなど、コースをまたいで役立つ知識。困ったときに引く。
Wikiを見る →エラー
初心者がよく踏むエラーを言語ごとに。出るコード・エラーメッセージ・直し方をセットで引ける。
Pythonのエラー
全12エラー
Pythonで初心者がよく踏むエラーを、1つずつ「出るコード・エラーメッセージ・直し方」で引けるリファレンス。IndentationError・NameError・TypeError・IndexError・KeyError・ValueError・AttributeError・ZeroDivisionError・ModuleNotFoundError などを収録。
このエラー一覧を開く →JavaScriptのエラー
全12エラー
JavaScriptで初心者がよく踏むエラーを、1つずつ「出るコード・エラーメッセージ・直し方」で引けるリファレンス。undefinedのプロパティ・ReferenceError・is not a function・SyntaxError・RangeError・JSON.parse・TDZ・not iterable などを収録。
このエラー一覧を開く →TypeScriptのエラー
全12エラー
TypeScriptで初心者がよく踏むエラーを、1つずつ「出るコード・エラーメッセージ・直し方」で引けるリファレンス。TS2322・TS2345・TS2531・TS2339・TS7006・TS2304・TS2554・TS18048 などの型エラー などを収録。
このエラー一覧を開く →Javaのエラー
全12エラー
Javaで初心者がよく踏むエラーを、1つずつ「出るコード・エラーメッセージ・直し方」で引けるリファレンス。NullPointerException・ArrayIndexOutOfBounds・ClassCast・NumberFormat・ArithmeticException・StackOverflow・cannot find symbol などを収録。
このエラー一覧を開く →C#のエラー
全12エラー
C#で初心者がよく踏むエラーを、1つずつ「出るコード・エラーメッセージ・直し方」で引けるリファレンス。CS0246・CS0103・CS1002・CS0029・CS1061・CS0161・NullReference・IndexOutOfRange・FormatException などを収録。
このエラー一覧を開く →C言語のエラー
全12エラー
C言語で初心者がよく踏むエラーを、1つずつ「出るコード・エラーメッセージ・直し方」で引けるリファレンス。Segmentation fault・implicit declaration・printf書式ミス・undeclared・incompatible pointer・double free・未初期化変数 などを収録。
このエラー一覧を開く →C++のエラー
全12エラー
C++で初心者がよく踏むエラーを、1つずつ「出るコード・エラーメッセージ・直し方」で引けるリファレンス。undefined reference・cout未宣言・no matching function・Segfault・out_of_range・narrowing conversion・deleted function などを収録。
このエラー一覧を開く →Goのエラー
全12エラー
Goで初心者がよく踏むエラーを、1つずつ「出るコード・エラーメッセージ・直し方」で引けるリファレンス。declared and not used・imported and not used・index out of range・nil map・nil pointer・mismatched types・divide by zero などを収録。
このエラー一覧を開く →Rustのエラー
全12エラー
Rustで初心者がよく踏むエラーを、1つずつ「出るコード・エラーメッセージ・直し方」で引けるリファレンス。E0382ムーブ・E0499/E0502借用・E0308型不一致・E0384・E0277・E0599・E0432・unwrap on None などを収録。
このエラー一覧を開く →PHPのエラー
全12エラー
PHPで初心者がよく踏むエラーを、1つずつ「出るコード・エラーメッセージ・直し方」で引けるリファレンス。Parse error・Undefined variable・undefined function・Undefined array key・method on null・Class not found・DivisionByZeroError などを収録。
このエラー一覧を開く →Perlのエラー
全12エラー
Perlで初心者がよく踏むエラーを、1つずつ「出るコード・エラーメッセージ・直し方」で引けるリファレンス。requires explicit package name・syntax error・Can't locate in @INC・uninitialized value・method on undefined・divide by zero などを収録。
このエラー一覧を開く →SQLのエラー
全12エラー
SQLで初心者がよく踏むエラーを、1つずつ「出るコード・エラーメッセージ・直し方」で引けるリファレンス。no such column・no such table・syntax error・ambiguous column・UNIQUE/NOT NULL制約違反・FOREIGN KEY・CHECK制約 などを収録。
このエラー一覧を開く →Rubyのエラー
全12エラー
Rubyで初心者がよく踏むエラーを、1つずつ「出るコード・エラーメッセージ・直し方」で引けるリファレンス。NoMethodError（nil）・NameError・uninitialized constant・ArgumentError・TypeError・ZeroDivisionError・KeyError・IndexError・FrozenError・SyntaxError・LoadError などを収録。
このエラー一覧を開く →図解で理解する
「なぜ使うのか」から説明し、フローチャートや図で構造を可視化。暗記ではなく理解で進む。
その場で動かす
各コースに実行環境を搭載。サンプルをコピーして書き換え、演習もブラウザだけで完結する。
積み上げが見える
完了したレッスンをコースごとに記録して、いつでも続きから再開できる。