Basic Coding Concepts: 同じ考え、 3つの構文！
Basic Coding Concepts は、特定の言語に縛られずにプログラミングを学べる方法です。多くの入門サイトは Python、JavaScript、または Java のいずれかひとつだけを教えます。私たちは 3つの言語の下にある共通の考え方 を並べて見せ、「言語の話」と「概念の話」を混同しなくなるように導きます。これがクリックすると、他のチュートリアルがすべて簡単になります。
// Same idea. Three syntaxes. function greet(name) { return `Hello, ${name}!`; } # Python def greet(name): return f"Hello, {name}!" // Java public static String greet(String name) { return "Hello, " + name + "!"; }
Basic Coding Concepts が他の「コードを学ぼう」サイトに勝つ理由。
Basic Coding Concepts のすべてのレッスンは、ひとつのルールで作り直しました。「ここにあるどのページも他の何かのコピーであってはならない」。すべてのページがオリジナルで、例も本物、ビジュアライザーは実際に動きます。
ライブで動くビジュアライザー
ループを1イテレーションずつ進める。変数が箱に流れ込むのを見る。コールスタックが伸び縮みする様子を見る。スクリーンショットではない、本物のアニメーション。
1つの概念、3つの言語
すべての例が JavaScript・Python・Java で表示されます。タブを切り替えれば、その選択はサイト全体で記憶されます。
「よくあるバグ」ページ
各概念には、初心者が実際にハマるバグ専用のページがあります。壊れた本物のコードをコピペして、修正を見て、先へ進みましょう。
Spot the Bug — ミニゲーム
ローテーションで切り替わるバグ入りスニペット付きの内蔵ミニゲーム。間違いだと思う行をクリック。スコアは保存されます。
60秒で概念をつかむ
各レッスンは60秒の TL;DR カードから始まります。13枚を流し読みすれば、プログラミングの全体像が見えます。
面接対応の答え
初心者向けの面接質問50問、実際に内定を取れるレベルの回答付き。各概念に対応しています。
for ループを1ステップずつ追う。
Step をクリックして1行ずつ進めます。変数の更新とコンソールの出力を見届けてください。
同じビジュアライザーは ループ・レッスン にも組み込まれています。変数・関数呼び出し・再帰のバリエーションは、それぞれの専用ページにあります。
🐛 Spot the Bug
5秒の作業。バグだと思う行をクリック — 解説が理由を教えてくれます。
Basic Coding Concepts vs. その他すべて。
よくある「プログラミング入門」サイトが及ばないところ — 私たちが代わりに作ったもの。
| 項目 | 一般的な「コード入門」サイト | Basic Coding Concepts |
|---|---|---|
| 並べて表示する言語 | 1つ（多くは JS） | 3つ（JS・Python・Java） |
| 実際に動くインタラクティブなビジュアライザー | あると謳うが実装は稀 | 4つ — ループ・変数・コールスタック・spot-the-bug |
| 概念ごとの「よくあるバグ」リファレンス | なし | 13の専用ページ |
| 面接質問ライブラリ | なし | 50問以上、各概念に対応 |
| ミニプロジェクト・チュートリアル | 0〜2件 | 5件、それぞれ1時間未満で完成 |
| 著者の身元 / E-E-A-T | 「編集チーム」 | 実名の著者2名、レビュー日付付き |
| 登録の必要 | 多くの場合、最終的に必要 | 不要 |
| 広告・アップセル・「プレミアム」 | あり | なし |
学習者の声。
3言語タブが頭の中で何かを壊した — いい意味で。やっと「言語の話」と「本当のアイデア」が見分けられる。
ループのビジュアライザーは今まで使った中で最高の教材。ブートキャンプの仲間全員に使わせた。
変数の「よくあるバグ」ページが入門初週の1時間を節約してくれた。必読にすべき。
Bee に会いましょう。私たちのデバッガー責任者 🐝
彼女は難しいページに登場し、Mark と Tom が100人以上の学生で実際に見てきたバグを指し示します。彼女が見えたら、ペースを落として — 多くの初心者が見落とす何かを指しています。Bee についてもっと →