intro to code - jp

index.html

<h2>1. ファイルとフォルダ</h2>

<ul>
  <li><strong>ファイル:</strong> ファイルをデジタルの紙と想像してみてください。そこには物語、写真、お気に入りの曲、はたまた小さなプログラムなど、あらゆるものを保存できます。各ファイルにはそれぞれの名前と、「拡張子」と呼ばれる特別な終わりがあり、それによってファイルの種類が決まります。たとえば、<code>my_diary.txt</code>は、あなたの思い出を書くテキストファイルです。</li>
  <li><strong>フォルダ:</strong> フォルダは、あなたのコンピュータ上でファイルを整理して保管できる魔法の箱のようなものです。宿題用のフォルダ、絵を描くためのフォルダ、音楽を保存するフォルダなど、さまざまなフォルダを持つことができます！</li>
</ul>

<h2>2. プログラムとコード</h2>

<ul>
  <li><strong>プログラムとは?</strong>
    <ul>
      <li>プログラムとは、コンピュータに特定の動作をさせるための指示の集まりです。まるでクッキーを作るレシピがステップバイステップで教えてくれるように、プログラムも同じようにコンピュータに操作を指示します。あなたがゲームをしたり、スマホのアプリを使ったりする時、誰かが作ったプログラムを使用しています。</li>
      <li>ロボットの友達に星を描く方法を教えると想像してみてください。ステップバイステップで指示を出しますよね？それがコンピュータに対するプログラムの役割です。</li>
    </ul>
  </li>
  <li><strong>コードとは?</strong>
    <ul>
      <li>コードとは、プログラムを実行するためにコンピュータに与える指示のことです。コードは、あなたとコンピュータが共有する秘密の言語のようなものです。Javascriptで物語を語ったり、Rubyでパズルを解いたり、C++で城を建てたりする時、あなたはコンピュータとコードで会話しています。</li>
      <li>友達に秘密のコードでメモを書くようなものです。メモがあなたのメッセージで、秘密のコードが友達だけが理解できるように書く方法です。</li>
    </ul>
  </li>
</ul>

<h2>3. コードを見てみよう</h2>

<ul>
  <li><strong>例のプログラム:</strong>
    <ul>
      <li>これは、日本の東京に住む人が作ったRubyという言語で書かれた小さなプログラムです！
        <pre><code>print "Hello, World!"</code></pre>
      </li>
      <li>このプログラムはとてもシンプルです。「Hello, World!」とコンピュータに叫ばせるようなものです。自分のプログラムを作り始めた時、このような指示をファイルに書きます。まるでコンピュータにメモを書いて、そのメモを封筒（ファイル）に入れてコンピュータに送るようなものです。そして、コンピュータがあなたの指示に従って動作します。</li>
    </ul>
  </li>
</ul>