トップページへもどる
ただ今の時刻は20243281823です。

新村プログラミング教材研究所併設
新村プログラミング教室のコース一覧および受講申し込み ボタン

【現在の設置コース】4コース

(1) 当教室が掲げるプログラミングの方針 (※受講申込みの前に、お読みください。)

(2)事前学習のお願い

(3)受講申込みの前に 「会員登録」 または 「受講者登録」 をお願いします。アニメ 「会員登録」と「受講者登録」の違い
   既に会員登録または 受講者登録をお済みの方は「 (4)コース一覧 」にお進みください。
   (↓)まだ会員登録または受講者登録がお済みでない方は、 下の【詳細を表示・非表示】をクリックしてください。

(4)プログラミングコース一覧  (受講したいコースを一つ選択してください。)複数のコースを受講したい場合は別々にお申し込みください。

 コースNo.1  アニメ
【コース名】世界各地の現在の時刻を表示するプログラミングコース
【コース内容】「プログラミング言語PHP」および「スタイルシート(CSS)」で「世界各地の現在の時刻」や「日本時間との時差」を表示します。「HTML」の基礎もコースで学習します。
【プログラム数と説明】「PHPプログラム」1本。「スタイルシート(CSS)プログラム」4本。(下記の補足説明1を参照)
【サンプルページの説明】世界の主な都市の「現在時刻」と「日本から見た時差」および「現地から見た日本までの時差」を求めて表示します。また、「現地と日本(東京)間の地球の自転差」も求めて表示します。「登録している都市」を増やすこともできます。※プログラムの完成後には、自分の好きな画面デザインに変更してもらいます。
【サンプルページURL】 「世界各地の現在の時刻を表示するプログラミングコース」のサンプルページ
  アニメ
 コースNo.2  アニメ
【コース名】世界の2都市間の距離を求めるプログラミングコース
【コース内容】「プログラミング言語PHP」および「スタイルシート(CSS)」で世界の任意の2都市を選択して2都市間の「およその距離」を求めます。あくまでも「プログラミング学習用の簡略版」です。もちろん「HTML」の基礎はすべてのコースで学習します。距離計算部を「PHP」で行う「PHP(+HTML+CSS)版」と、距離計算は「JavaScript」でおこなう「PHP(+HTML+CSS+JavaScript)版」の2つがあります。
【プログラム数と説明】「PHPプログラム」1本。「スタイルシート(CSS)プログラム」4本。(下記の補足説明1)
【サンプルページの説明】「2都市間の距離を求める計算部分」と「表示するページ」の両方をPHP(ピー・エイチ・ピー)でおこなう「オールPHP版」と、「2都市間の距離を求める計算部分」を「Javascript(ジャバスクリプト)プログラム」でおこなう「Javascript+PHP版」の2つの方式で作ってあります。両方とも学習します。※プログラムの完成後には、自分の好きな画面デザインに変更してもらいます。
【サンプルページURL】 「世界の2都市間の距離を求めるプログラミングコース」のサンプルページ
  アニメ
 コースNo.3  アニメ
【コース名】アナログ時計を表示するプログラミングコース
【コース内容】秒針、長針、短針で「アナログ式時計」をパソコンやタブレットまたはスマートフォンの画面に表示するプログラムの作成。1秒間に秒針、長針、短針がそれぞれ何度回転するのかを数学的に求めてプログラムを作成します。「CANVAS(キャンバス)」というHTMLやJavaScriptだけで、グラフや図形を描く機能を学習します。
【プログラム数と説明】「PHPプログラム」1本。「スタイルシート(CSS)プログラム」3本。(下記の補足説明1)「Javascript(ジャバスクリプト)プログラム」1本。
【サンプルページの説明】「秒針」、「長針」、「短針」のそれぞれが「1秒間に進む角度(回転角度)」を求めて、1秒ごとに表示します。かなりの「数学的知識」が必要です。※プログラムの完成後には、自分の好きな画面デザインに変更してもらいます。
【サンプルページURL】トップページから「CANVAS(キャンバス)でグラフを描く」に入り「アナログ時計(1)」をご覧ください。
  アニメ
 コースNo.4  アニメ
【コース名】時刻に応じたメッセージを表示するプログラミングコース
【コース内容】「おはようございます」、「こんにちは」、「もう寝る時間ですよ」など時刻に応じたメッセージを表示するプログラムの作成。
  「HTML」というプログラミング言語と、「プログラミング言語PHP」および「スタイルシート(CSS)」というプログラミング言語も使用します。
  画面に表示する文字の色や文字の大きさなどを変えるにはPHPやCSSを用います。
【プログラム数と説明】「PHPプログラム」1本。「スタイルシート(CSS)プログラム」3本。(下記の補足説明1)
【サンプルページの説明】このサイトのトップページなどは、30分毎、1時間毎、など設定する時間毎にメッセージが変化します。
【サンプルページURL】 「時刻に応じたメッセージを表示するプログラミングコース」のサンプルページ
  アニメ

【補足説明1】 【全コース共通】
   (1)「スタイルシート(CSS)プログラム」はどれかのコースで「一度だけ作成」すれば「作成する必要はありません。」。
   (2)外部ファイルとして保存しておき、複数のコースのプログラムから読み込んで利用できます。アニメ

【補足説明2】 【全コース共通】
   (1)【CSSの説明】用いるCSSは「テーブル設定のためのCSS」(テーブルとは表形式にするという意味)
     「文字の大きさや色などの設定を相対的におこなうためのCSS」、「文字の大きさや色などの設定を絶対的におこなうためのCSS」などがあります。
アニメ(2)「相対的と絶対的」の違いは「相対(絶対)パス、相対(絶対)アドレス、相対(絶対)指定の説明」のページで学習してください。
   (3)「ページの背景画像の設定」や、表形式に設定した「ページ内のセルの背景色の設定」等のためのCSSです。
アニメ(4)「CSSとは?」のページも参照してください。
   (5)これらのCSSプログラムは「どれかのコースで一度だけ作れば再利用」できます。


トップページへもどる