2019年4月25日SHAREツイートシェアはてブLINEPocketいよいよ実際のプログラミングです。JavaScript(ジャバスクリプト)というコンピューター言語を使って、簡単なプログラミングを行います。等のインターネット閲覧アプリ(ブラウザ)上で動くコンピューター言語です。JAPAN、Google、Twitter、Facebook、Instagram、Youtube、Amazon、楽天といったお馴染みのWebサイトをはじめ、ありとあらゆるWebサイトで使用されています。何を作るかを決めるプログラミングではまず何を作るかを決めます。World!」と表示するだけの簡単なプログラムを作りましょう。2.ソースコードを書く(コーディング)何を作るか決まったら、いよいよコーディングです。「メモ帳」アプリを起動し、新規ファイルを作成しましょう。メモ帳の起動まずは「メモ帳」アプリを起動します。「メモ帳」は「Windowsアクセサリ」の下にあります(下図はWindows10の例)。下図のように検索ボックスに「メモ帳」と入力して起動することもできます。ソースコードを書くメモ帳が起動したらソースコードを書いていきます(コーディング)。以下をそのまま書いてみましょう。プログラミングの流れがわかれば良いので、ソースコードを理解する必要はありません。「プログラミングをしたつもり」になるだけで大丈夫です。World!');</script></body></html>実際の作業画面はこのようになります。保存する書き終わったら保存します。以下のようにファイル名を「sample1.html」、ファイルの種類を「すべてのファイル」、文字コードを「UTF-8」として保存します(保存先フォルダはどこでも良いですが、今回はデスクトップに保存しました)。ファイルの種類を「すべてのファイル」、文字コードを「UTF-8」にするのがポイントです。今回のソースコードは日本語を含んできませんが、日本語を含む場合は保存時の文字コードをUTF-8にしないと文字化けを起こす可能性があるので注意しましょう。ダブルクリックします。World!」と表示されれば成功です!うまく表示されない場合ソースコードは1言1句、全角半角の打ち間違いさえも許されません。英語のつづりが間違っていないか、全角文字で入力していないかを確認しましょう。してもうまくいかない場合はソースファイルをこちらからダウンロードして試してください。ソースコードのポイント解説プログラミングを一度経験することが目的なので、ソースコードについて理解する必要はありませんが、少しだけ説明します。今回作成したソースファイルはHTML文書というもので、パソコンやスマートフォンのWebブラウザで閲覧することができます。上図の赤で囲った箇所はHTML文書の雛形で、HTML文書を書く上での決まりごとです。HTMLを一読してみましょう。実際のWebサイトで表示するHTMLには多くの情報を書く必要がありますが、ここでは必要最小限にとどめています。ポイントは青く囲った箇所で、ここがJavaScriptの記述箇所です。書かれた●●●の箇所が画面に表示されます。すると画面に表示できることを頭に入れておきましょう。以上、お疲れさまです。簡単すぎて拍子抜けかもしれませんが、広く実用されているコンピューター言語による立派なプログラミングです。これまで「得体の知れないもの」だったプログラミングというものが、少しだけ身近に感じられるようになったら幸いです。次回「変数と基本的な構文」では少し本格的なプログラミング体験をしていきます。コメントをキャンセルメールアドレスが公開されることはありません。