キッズプログラミング教室ぐらみん

X

ぐらみんこーど レベル5:関数を使って整理しよう

ぐらみんこーど レベル5:関数を使って整理しよう

No.44 ~ 55

このレベルでは、「関数」を使ってプログラムを整理する方法を学びます。 コードを分かりやすくまとめられるようになり、本格的なプログラムに近づいていきます。

学ぶ内容

  • 関数
  • 引数
  • 戻り値
  • 処理の分割
  • HTML で画像を表示する方法
  • HTML でボタンなどを表示する方法

できるようになること

  • 同じ処理をまとめられる
  • 読みやすいコードを書ける

このレベルの課題

No. タイトル 課題のねらい
044 パソコン知識_ソートとバブルソート 「ソート」とは並べかえのことです。ここでは「バブルソート」という並べ替えの方法を考え方を紹介します。ここまで学習した知識を使って数を並べかえるプログラムを作ることもできますので、より高度な力をつけたい場合は挑戦することをおすすめします。
045 チャレンジプログラム(その6・JavaScript) 037〜041 の課題の復習問題となります。全て 1からプログラムを書く問題となるためやや難しく感じるかもしれません。分からなくなったら過去の課題に戻って解決します。
046 コマンドを使ってみよう 普段はマウスを操作して行うファイルのコピーなどをコマンドというキーボード入力だけで行う方法を学習します。プログラムの実行等も通常の開発現場ではコマンドで行うことがほとんどです。しっかり身につけておきたい技術となります。
047 「もしも」と繰り返しのネストと「かつ」、「または」 「もし〜なら」という条件は「もし〜なら」の中に「もし〜なら」をいくつでも入れることができます。ただそれでは分かりにくいプログラムになりがちです。「かつ」や「または」を使ってこのような条件をスッキリとまとめる方法を学習します。
048 HTMLのリンク・IMGタグ HTML を使用して Webページにリンクをつける方法と画像を挿入する方法を学習します。
049 パソコン知識_逐次探索と二分探索 沢山の数が並んでいる中である数を検索する方法(アルゴリズム)を紹介します。ここでは「逐次探索(ちくじたんさく)」と「二分探索(にぶんたんさく)」を紹介します。
050 JavaScriptで関数を使う(その1) だんだんと学習が進み、プログラムが長く複雑になってきました。ここでは「関数(かんすう)」を使用してプログラムをまとめる方法を学習します。お手本の書き写しの他、プログラムを一部書き換える問題があります。
051 HTMLの中でJavaScriptを動かす ここまで別々に学習していた HTML と JavaScript を組み合わせて、文字をクリックしたときや画像にマウスを合わせたときにメッセージを表示するプログラムを作ります。お手本の書き写しと穴埋め問題があります。
052 JavaScriptで関数を使う(その2) 関数を使ってプログラムをまとめる方法を学習しましたが、それに加え、関数から値を取得し、取得した値を表示するプログラムを作ります。関数の高度な使い方です。
053 チャレンジプログラム(その7・JavaScript) 課題 046〜052 までの復習問題です。穴埋め問題や問題文の書き換え問題があります。
054 さまざまなHTMLフォームのパーツの名前 申し込みフォームなどで使用するパーツを HTML で作る方法を学習します。パーツの名前の紹介と共に、お手本を書き写してパーツを作成します。
055 HTMLのノードとJavaScript HTML と JavaScript を組み合わせ、ボタンをクリックしたときにメッセージを表示させたり、HTML の中で関数を実行する方法を学習します。一般的に HTML の中で JavaScript を実行するときには関数を使いますので、ここでの使い方をマスターしておけば課題の中で紹介できなかった機能も自分で調べて作れるようになるでしょう。

次のレベルへ