準備編 プログラミングを始める前に
まえがき
この回では、プログラミングを始めるにあたって
知っておいて欲しい最低限のことや、
プログラムを書くための環境を準備をしていきます！
はじめに
このスロットプログラムでは、
HTML、JavaScript そして CSS の部分を学びます。
プログラミングとしては初歩的な部分ですが、あらゆる Web ページ・Web サービスはこれらの技術を用いて成り立っています。
そのため、
初めてで戸惑ったとしても、少しずつ、そして楽しみながらプログラミングの世界に触れていきましょう。
プログラミングの学び方
このコースは、PC の基本操作が出来れば、プログラミングの経験がない方でもスムーズに学習を進められるような内容になっています。
しかしながら、時にはちょっと難しい内容も出てくるはずです。
そういった時はあわてることなく、手順を 1 つずつ、ゆっくり確認しながら進めてみてください。
また、新たに登場した概念について 100 ％理解できなくても、ある程度理解できたら次に進んでみるというのも 1 つの手です。
たとえば、新たに学んだ機能について、その活用方法がよく理解できなかったとします。その場合、1 つ先のステップに進んでみて、他の機能と組み合わせてみることで理解が深まることもあるでしょう。
また、知らない用語や概念が出てきたらネットを検索してみるのも 1 つの手です。
検索するのは全く悪くありません。たとえばベテランの IT エンジニアであっても、すべての IT 用語を覚えているわけではありませんし、日々何かを検索して仕事をしています。
また、進化のスピードが速い IT 業界では次々に新しい用語や概念が登場します。それゆえ、「わからなかったらすぐに検索する」というのは IT エンジニアにとって重要な姿勢だといえるでしょう。
タイピング
プログラミングを学ぶにあたって、避けて通れないのがキーボードのキーを打つ、タイピングです。タイピング技術を身につけるためには、ひたすら自分の手を動かすしかありません。
一般的に、タイピングには以下のメリットがあります。
- 手を動かすことで脳が活性化する
- タイピングが早くなる
自身のタイピングの能力を測定したいときや、訓練したいときは、以下のサイトなどを活用しましょう。
私は現在、寿司打で3000円以上特をするぐらいのタイピングができますが、
小学3年生の頃からローマ字を学びそこからタイピングのゲームを地道にやっていました。
私の場合、一番効果があったと思うのは、中学の英語の文章をパソコンに打ち込んだことです。
当時の私はまだ小学生。英語なんて全然わかりませんでした。
ですが、そのおかげでスペルを間違えていないか気になって
目線が教科書やパソコンの画面に自然と向き、
キーボードを見ないで打つ癖がついたのです。
英語の他にも、下記にもありますが
プログラミングを写すというのも十分効果があると思います。
写経
この先読んでいくテキストには、プログラムを書くにあたって、正解となるコードがテキスト中に載っていることがあります。
みなさんは、これをコピー・アンド・ペーストするのではなく、ぜひ自分でタイピングして完成させてください。
これを、お経を書き写すことに例えて 「写経」(しゃきょう)ということがあります
写経をすると一般的なタイピングのメリットに加え、以下のようなメリットがあります。
- タイピングが早くなる（日本語のタイピング能力とは別ものです）
- プログラミングに必要なキーの場所を体で覚えられる（
:;.,`'"~#+-|\*/?=&<>{}など） - 覚え間違いに気づける（function を fanction になど）
- コード補完などエディタの機能を使いこなせるようになる
- どこかでミスをするはずなので、バグの見つけ方、直し方が身につく
特に初めて書くコードや、差分の大きいコードは面倒臭がらずに全て写経してください。コピー・アンド・ペーストをしてしまうと一度に入ってくる情報量が多くなるので、コードの関係性がわかりづらくなったり、混乱の元になります。
コピー・アンド・ペースト
このコースを進めていると、「コピペをしましょう」と書いてある場合があります。
その場合は、該当部分を選択したあと右クリックでコピーし、貼り付けたい場所でまた右クリックして貼り付けてください。
また、以下の場合についてもコピー・アンド・ペーストを活用しましょう。
- オンライン授業でどうしてもタイピング速度がついていけず、写経しきれないとき
- 写経したコードではうまく動かず、正解を確認したいとき
プログラムを書くための環境を用意しよう！
と言っても、GoogleChromeともう一つ、
プログラムを書くのに便利なソフトを
PCにインストールしてもらうだけなんですけどね。
プログラムを書くのに便利なソフト
Visual Studio Code
略して、VS Code(ブイエス・コード)と呼びます。
これは、プログラムを書くためのエディタと呼ばれるソフトウェアです。
Macの標準機能にある「テキストエディット」などもエディタの一種ですが、
これと比べてVS Codeにはプログラミングに便利な機能が沢山あります。
わかりやすく色がついたり、綺麗に整頓しながらコードを書くことができたり、
明らかにおかしいところがあったら教えてくれたりします。
「コード(Code)」とは、プログラムを動かすための命令をする文章のことです。
ソースコードとも言います。
VS Code をインストールしましょう
こちらに、VSCodeのインストールの手順が書かれているので、
こちらを参考にVSCodeをインストールしてきてください。
インストールが終わったら、次のテキストに進みましょう。
次からはいよいよプログラムのコードを書いていきます！