第1回 何はともあれ動かす!

効率的な学習方法

効率的な方法は「動かす」 プログラミングを始めたいが何をしたらいいのかわからない、本を購入して学習してみたが続かなかった、などの経験はないでしょうか。そのような人にお知らせします。プログラミングで最も効率的な学習方法は「考える前に動かす」こ...
第1回 何はともあれ動かす!

動かす!

プログラムを動かす 保存した「hello」のアイコンがデスクトップに表示されています。これをダブルクリックするとブラウザが起動されプログラムが動きます。さて、どのような結果になるでしょうか。少しの間、想像してみてください・・・。 では、「h...
第1回 何はともあれ動かす!

はじめましてJavaScriptです

JavaScript このプログラムは「JavaScript」という言語です。「JavaScript」はブラウザで動作します。これから、この「JavaScript」言語を使いこなしていきます。 <meta charset="UTF-8"><...
第1回 何はともあれ動かす!

いろいろと表示

表示内容を変更 「こんにちはプログラミングです。」と表示されていますが。この表示を「ABCDEF」に変更しましょう。 変更が完了したらメニューバーの「ファイル(F)」をクリック、「上書き保存(S)」を選択して上書き保存してください。 ブラウ...
第1回 何はともあれ動かす!

チャレンジ

新しいプログラムを作ろう 新しいプログラム「challenge.html」を作成し、次のように表示してください。 手順と正答例 手順はここを参考にして、「challenge.html」を作成・保存してください。
第1回 何はともあれ動かす!

補足 プログラムの開き方

既存プログラムの開き方 プログラムの開き方は二通りあります。まず作成したプログラムのアイコンを選択して開く方法です。 アイコンを選択しマウス右クリック、「プログラムから開く(H)」を選択すると「メモ帳」が表示されますので選択してください。表...
第2回 変数

変数は便利なのだ

「変数」がないと大変 ブラウザで文字を表示することができました。これを利用して引っ越しのお知らせ文を知人別に作ってみます。 これを実行すると・・・ これをうまく紙やメールにでも転記できたら使えそうですね!って、これじゃーワープロで入力しても...
第2回 変数

変数を体感する

変数を使ったプログラムを作成 変数を使ったプログラムを作っていきましょう。まず新規でプログラム「hensu.html」を作成してください。(作り方を忘れられた場合はここを参考にしてください)そして次のプログラムを入力してください。 実行 入...
第2回 変数

変数を使って入力

入力ができるプログラムを作成 変数を利用したプログラムを作成します。新規プログラム「input.html」を作成し次のプログラムを入力してください。 実行 入力が完了したら実行します。するとパネルが開きますので、ここに「あいうえお」と入力し...
第2回 変数

チャレンジ

名前と年令を入力しよう 新しいプログラム「challenge2.html」を作成し次のように動作するプログラムを作成してください。 名前を入力するパネルを開きます。 名前を入力します。例)山田 年令を入力するパネルを開きます。 年令を入力し...
第2回 変数

補足 何も表示されない

バグ 次のプログラムを入力し実行しましたが、何も表示されませんでした。なぜならプログラムに不具合(バグ・エラー)があるからです。不具合の原因はさまざまですが、主な原因は入力ミスです。何も表示されない場合は、入力に間違いがないか確認しましょう...
第3回 文字列操作

文字を連結

+ 新規プログラム「moji.html」を作成し次のプログラムを入力してください。 プログラムを眺めてみるとたし算のプラス(+)が文字列の間にあり、なにやら不気味ですね。。。これを実行するとどのような結果になるでしょうか。実行してみましょう...
第3回 文字列操作

文字を抽出

抽出 新規のプログラム「moji2.html」を作成し、次のプログラムを入力してください。 入力が完了したなら実行してください。文字を入力するパネルが開きますので、適当な文字列を入力し(例では"123456"を入力)「OK」ボタンを押してく...
第3回 文字列操作

文字を検索

検索 プログラム「moji2.html」へ次のように6行目~9行目を追加してください。 プログラムを実行すると入力パネルが開きますので、「あいうえお」と入力して「OK」ボタンを押してください。前回と違い数字で「-1」が表示されます。 ブラウ...
第3回 文字列操作

文字を置換

置換 プログラム「moji2.html」へさらに次のように6行目~9行目を追加してください。 プログラムを実行すると入力パネルが開きますので、「あいうえお」と入力して「OK」ボタンを押してください。「あABCうえお」が表示されます。 このプ...