スマホだけでプログラミングを学ぶ方法

プログラミングを学ぼうとして最初に止まるのは、たいてい文法ではありません。パソコンを用意し、エディタを入れ、言語の実行環境を整える——この準備の段階です。設定の手順どおりに進めたのに動かない、エラーの意味が分からない、そもそも何をインストールすればいいのか分からない。ここで「やってみたい」が消えてしまう人を、たくさん見てきました。

Fulfledge は、この準備を最初から要求しません。スマホのブラウザでレッスンを開けば、その画面の中でコードを書いて、実行して、答え合わせまでできます。

ここで書くのは、学習用に簡略化した「なんちゃってコード」ではありません。

• JavaScript は、ブラウザに最初から入っている本物の JavaScript で動きます
• Python は、本物の Python をブラウザの中で動かしています
• SQL は、本物のデータベース（SQLite）に対して実行されます
• コマンドラインのコースでは、ブラウザの中で本物の Linux が起動します

だから、ここで出会うエラーメッセージも本物です。あとでパソコンに移ったときに見るものと同じなので、スマホで覚えたことがそのまま通用します。

もうひとつ大事なのは、書いたコードが外に送られないことです。実行はすべてあなたの端末の中で完結しています。サーバーに送って実行する仕組みではないので、実行ボタンを押すたびに通信を待たされることもありません。

文法を学ぶレッスンは、基本的に次の3段で進みます。総合演習では基礎問題を省くことがあり、知識のコースではコードを書く代わりに四択で理解を確かめます。

ポイントは、1レッスンで扱う概念が1つだけだということです。「変数」のレッスンでは変数だけ、「if 文」のレッスンでは if 文だけ。一度にたくさん覚えようとしないので、「分かった」「まだ分からない」が自分ではっきり判断できます。

スライドはさっと読むだけで大丈夫です。本当に身につくのは、そのあと自分の手で書いたときです。スライドで分かったつもりでも、いざ書こうとすると手が止まる——それが普通です。手が止まったところが、まさに学ぶべきところです。

練習問題が10問あるのは、同じ書き方を少しずつ違う場面で何度も使うためです。見本を思い出しながら書き、慣れてきたら見本を閉じて試しましょう。覚える速さには個人差があるので、途中でスライドやヒントに戻ってかまいません。

問題を解いている途中でも、画面の下のボタンからいつでもスライドを見返せます。分からなくなったら、恥ずかしがらずに戻りましょう。

スマホでコードを書くとき、いちばん手間がかかるのは記号の入力です。プログラミングでは ( ) { } [ ] ; " = < といった記号をたくさん使いますが、スマホのキーボードでは記号の画面に切りかえないと出てきません。

Fulfledge のエディタには、よく使う記号を並べたバーがキーボードの上にあります。かっこを1つ打てば閉じかっこも自動で入るので、打つ回数はかなり減ります。

いちばん気をつけたいのは、全角の記号です。日本語入力のまま記号を打つと、（ や ＝ のような全角の記号が入ることがあります。見た目はそっくりでも、コンピュータにとってはまったく別の文字なので、プログラムはエラーになります。

• 記号を打つときは、キーボードを英語（半角）に切りかえる
• 日本語が入るのは、"こんにちは" のような文字列の中だけ
• エディタが全角の記号に印を付けたら、その場で半角に打ち直す

Fulfledge のエディタは、全角の記号を見つけると目立つ印を付けて知らせます。エラーの原因が全角の記号だった、ということは最初のうちとても多いので、印が出たらまずそこを疑ってください。

そのほかのコツも挙げておきます。

• 予測変換を切る：英単語を打つたびに候補が出ると、意図しない単語に置きかわりやすい。キーボードの設定で、英語入力の予測をオフにしておくと楽になる
• 画面を横にしない：縦画面のままのほうが、コードと実行結果を上下で見比べやすいように作ってある
• 外付けキーボードも使える：Bluetooth のキーボードをつなげば、パソコンとほぼ同じ感覚で打てる。記号の入力で疲れてきたら試す価値がある

スマホで学ぶいちばんの利点は、机に向かうまとまった時間がいらないことです。1回の学習は、使える時間に合わせて数問ずつ進められます。レッスンを終えるまでの時間は、内容や慣れ具合によって変わります。通勤電車の1駅ぶん、昼休みの残り、寝る前の少しの時間が、そのまま学習の時間になります。

続けるためのコツは、毎回「どこまでやるか」を決めないことです。「今日は1レッスン終わらせる」と決めると、時間が足りない日に始めること自体をためらってしまいます。3問だけ解いて閉じてもかまいません。

• レッスンの途中で閉じても、次に開けばつづきから始まる。書きかけのコードも残っている
• ホーム画面に「つづきから」のカードが出るので、どのレッスンだったかを覚えておく必要はない
• 解いた問題の記録は、あなたの端末の中に残る

もうひとつ用意しているのが復習です。解いた問題、とくにまちがえた問題は、日をおいて復習の画面に戻ってきます。復習では、前に解いた問題を見本なしで解けるか確かめられます。解けなかった問題は、解説を読んでからもう一度試しましょう。新しいレッスンに進む前に、復習に出ている問題を数問だけ解く、という流れを習慣にしてみてください。

プログラミングの学習では、必ずどこかで手が止まります。それは才能の問題ではなく、全員に起きることです。大事なのは、止まったときにどう抜けるかを知っておくことです。

まず、エラーメッセージを読みましょう。Fulfledge ではエラーを日本語に言いかえず、ブラウザが出したそのままの形で見せています。最初は英語の羅列に見えますが、よく見ると「何行目で」「何が」おかしいのかが書いてあります。たとえば is not defined は「その名前のものは作られていない」という意味で、たいていは名前の打ちまちがいです。

次に、ヒントを開きましょう。どの問題にもヒントが用意してあり、少しずつ答えに近づくように並んでいます。1つ目のヒントで気づけることも多いので、答えを見る前に1つずつ開いてみてください。

それでも分からないときは、模範解答と見比べましょう。自分のコードと模範解答を左右に並べて、違うところだけが分かるようにしてあります。答えを見ることは負けではありません。見比べて「ここが違ったのか」と分かれば、それはもう学べています。

最後に、プレイグラウンドで試しましょう。答え合わせの無い、自由に書ける場所です。「この書き方だとどうなるんだろう」と思ったら、ここで実際に動かしてみるのがいちばん早く分かります。わざとまちがえてエラーを出し、どんなメッセージが出るかを見ておくのもよい練習です。

スマホだけで学べる範囲はかなり広いですが、できないこともあります。正直に書いておきます。

• 自分のパソコンにエディタを入れて、ファイルを保存しながら開発すること
• 大きなアプリを、たくさんのファイルに分けて作ること
• 作ったアプリをインターネットに公開すること

Fulfledge は、プログラミングの考え方と基礎の文法を身につける入口です。ここで終わる場所ではありません。

目安として、JavaScript（または Python）と HTML & CSS を一通り終え、TODO アプリを作り終えたら、パソコンに移る準備ができています。TODO アプリのコースでは、アプリの中で作ったものを自分の端末にファイルとして書き出せます。そのファイルをパソコンで開けば、そこからは自分のエディタで続きを書けます。

パソコンに移るときも、スマホで覚えたことは無駄になりません。変数も、if 文も、関数も、エラーの読み方も、パソコンで書くときにそのまま使います。違うのは道具だけです。