学習者向け
CABLE（Code Assembly-Based LEarning support system）は、 部品を並べ替えてプログラムを組み立てる 形式のプログラミング学習支援システムです。 Webブラウザからアクセスするだけで利用でき、インストール不要です。
プログラミングを学ぶとき、次のようなことで苦労した経験はありませんか？
こうした困難の多くは、プログラミングに求められる多様な要素（文法・タイピング・アルゴリズム設計・デバッグなど）を 同時に処理しようとすること で生じます。 CABLEでは、コードをキーボードで入力するかわりに、あらかじめ用意された 部品（コードの断片）をドラッグ＆ドロップで並べ替える ことでプログラムを作ります。 これにより、タイピングや文法の細かいルールに費やす認知的な負担を取り除き、 「プログラムの部品をどの順番に並べれば正しく動くか」という 本質的な考え方の習得 に集中できます。
CABLEは、プログラミング学習のすべてを置き換えるものではありません。 文法の記憶や反復的なコーディング演習など、他の学習活動と組み合わせることで、より効果的な学習が実現します。 CABLEは特に、 「部品どうしの関係を考える力」 ——アルゴリズムの確認や、どの処理がどこに来るべきかを考える力——の習得を支援します。
タイプミスによるエラーは発生しません。 文法やタイピングに気を取られることなく、「なぜこの順番で動くのか」を考えることに集中できます。
プログラミング学習には、大きく2種類の考える活動があります。
一般的なコーディング演習では、この2つを同時に求められるため、特に初学者は「行間を考える活動」が不十分になりがちです。 CABLEは、 「行間を考える活動」に集中させる ための仕組みとして設計されています。
問題ごとに、実際のプログラムコードが書かれた部品がいくつか用意されています。 学習者はその部品を選び、正しい順番に並べ替えることで回答します。 部品には実際のコードがそのまま表示されるため、ヴィジュアルプログラミングとは異なり、 実際のプログラムの書き方をそのまま学べます。
並べ替えに使う部品の中には、正解には不要な ダミー部品 が混ざっています。 どの部品が本当に必要なのかを見極めることも、学習の重要な一部です。
部品を並べる際、インデント（字下げ）を自分で設定できます。 if文やループの中身を字下げすることで、プログラムの構造をより深く理解できます。
| 特徴 | 内容 |
|---|---|
| タイプミスなし | プログラムを直接入力しないため、文法エラーが発生しません。エラーが出た場合は、部品の並び順・インデント・選択肢の内容に問題があります。 |
| 良いデザインパターンを学べる | 正解となるプログラムが問題ごとに設定されているため、教員が学ばせたい処理手順・構造を確実に学べます。 |
| 即時フィードバック | 回答すると正誤判定やヒントがすぐに表示されます。 |
| 学習ログの記録 | 回答の過程がログとして残り、学習の振り返りに役立てられます。 |
ポイント： 「なぜこの部品はここに来るのか」を考えながら並べ替えましょう。 この問いを繰り返すことが、アルゴリズム理解への近道です。
先生から教えてもらったメールアドレスとパスワードを使ってログインします。
ログイン後、画面上部のナビゲーションバーから各機能にアクセスできます。
パスワードを変更したい場合は、ログイン後にナビゲーションの「プロフィール変更」から変更できます。