30歳から始めたプログラミング -73ページ目

動画キャプチャができませんでした。。。

ジャバスクリプト講座の一環として動画による
説明をしようと試みたのですが、私のコンピューターでは
処理が遅すぎてうまく撮影できませんでした。

使用したソフトはアマレココというソフトです。
誰かもっと動作が軽快なソフトを知っていたら是非教えて欲しい
のですが、新しいコンピューターを買った方がいいのかな?

今回はジャバスクリプト講座はお休みです。楽しみにしていた方
申し訳ありません。明日からまたコツコツ文章で説明して
行きますので、宜しくお願いします。



↓こちらをよろしくお願いします。

$30歳から始めるWEBプログラミング
http://topiking.com




10日でおぼえるJavaScript入門教室新版

¥2,520
楽天
※モバイル非対応


人気ブログランキング

ジャバスクリプト講座その4

前回は変数の便利さを語っただけで、例に上げたソース(プログラムの記述のこと)
の説明ができなかったので今回はそこから始めます。


<script type="text/javascript">
<!--


a=5;
b=3;

c=a+b;

document.write("答えは"+c);


// -->
</script>



前回の記事で変数の書き方についてなんとなく想像がつくとは思いますが
今回、一度説明させていただきます。

a=5;

これはaという変数に5という数字を登録するという意味です。
b=999;と書けばbに999という数字を登録するという意味です。

書き方としては、

登録したい文字列(アルファベットと数字と記号)=数字や文字(ただし、文字の場合""か''で囲む);

「=」は説明するまでも無いと思いますが、「;」は見慣れない記号だと思います。
「;」は変数を登録するときに最後にかならず記述します。「;」はここで変数の登録は
一区切りです。という意味です。

左側は、アルファベットを使って文字にしても構いません

hensu_888="変数のテストです。";

というような記述もできます。


上記プログラムを実行すると



$30歳から始めるWEBプログラミング


と表示されましたか?

本日はここまでです、ご質問お問い合わせはコメントやメールでどうぞ^^


↓こちら宜しくお願いします。

$30歳から始めるWEBプログラミング
http://topiking.com





10日でおぼえるJavaScript入門教室新版

¥2,520
楽天
※モバイル非対応


人気ブログランキング

ジャバスクリプト講座その3

さて、今回はいよいよ本格的なプログラミングの基礎
へと進んでいきます。

あまり難しく考えず,なんとなく感覚でいろいろ
試しながら覚えて行って下さい。


それでは今回はソース(プログラムの記述のことを言う)
から見ていきましょう・。



<!--ここから-->

<script type="text/javascript">
<!--

a=5;
b=3;

c=a+b;


document.write("答えは"+c);

// -->
</script>

<!--ここまで-->


さて、前回と比べてどこが変化したかわかりますか?
前回と比べ、a=5;、b=3;、c=a+b;、という記述が増え、document.write()の中が
変化しています。

このa=5;、b=3;、c=a+b;の部分を変数といいます。
この変数というのはプログラミングでは基本中の基本であるので
しっかり覚えていきましょう。

変数というのはある数字や文字を別の簡素な文字に置き換えることによって
ソースを少しでも見やすくしたり、まとめることによってソースを書く人が
楽をできるようにするための仕組みです。

例えば,

<script type="text/javascript">
<!--

a="★"; //(文字を入れるときは文字を""あるいは''で囲みます。)
b="私は"+a+"いつも"+a+"おなかが"+a+"空いたら"+a+"うどんを"+a+"食べます";
document.write(b);

// -->
</script>

と書いた場合

プログラムを実行すると、


私は★いつも★おなかが★空いたら★うどんを★食べます


と、表示されます。
これの★を△に変えたい場合普通に書き換えると
★を一つずつ△に書きなおさなければなりませんが,
変数を使った場合

a="★";

a="△";

と書き換えるだけで,

私は△いつも△おなかが△空いたら△うどんを△食べます

という文章に書き換えることができます。
この場合はあまり意味が無いように感じる方も
いるかも知れませんが

もし★の数が100こだったらどうですか?
1000こだったら?10000こだったら?

と、言うように莫大なデータ量になれば
なるほど,変数の便利さがわかると思います。

是非,昨日作ったファイルにコピーアンドペーストして
a="";の中身を変えてみて確認してみて下さい。


<script type="text/javascript">
<!--

a="△";  //(文字を入れるときは文字を""あるいは''で囲みます。)
b="私は"+a+"いつも"+a+"おなかが"+a+"空いたら"+a+"うどんを"+a+"食べます";
document.write(b);

// -->
</script>


本日は少し長くなりましたが,文章を読んでもあんまりピンとこないと思いますので
是非いろいろ中身を変えて見ながらいろいろと確認してみて下さい。

昨日作ったファイルに上書きするだけで使えるはずなので気軽に試してみてください。
今日はここまでです。不明な点は遠慮なくコメント欄やメッセージで質問してくださいね。



こちらも宜しくお願いします。
トピッキング



$30歳から始めるWEBプログラミング

ジャバスクリプト講座その2

今回は先日記述したプログラムの中身を説明していきましょう



<!--ここから-->

コメント入力するための記述ですで囲まれた文章は
プログラムとして実行されません。
通常注釈や説明などを記述します。


<script type="text/javascript">
<!--


この記述で囲まれた部分がプログラム(ジャバスクリプト)です

document.write("konnichiwa");

これが実際のプログラム(ジャバスクリプト)ですこの場合
画面にkonnichiwaと記述する命令です。

// -->
</script>


上記<script>と対になっています実際のプログラム(ジャバスクリプト)
は<script>と</script>の間に記述します

<!--ここまで-->

上部で出てきたコメントと同じです。



本日はここまでです。
次回は変数を説明します。
いよいよプログラミングの基礎部分です。
難しくなっていきますが頑張りましょう。



ジャバスクリプト講座その1

めんどくさい設定がプログラミングのハードルを上げていると
再三書いてきました。ですが、やはりコンピューターを使うため
多少の知識は必要です。

なるべく余計なことは考えなくて良いように動画で作成しようとしたのですが、
ちょっと時間がなくて出来ませんでした。ゴメンナサイm__m

いつか動画にしてアップロードするので今回は文章で書きます。


では早速始めましょう

.windows付属のメモ帳を開いてください。
スタート-プログラム-アクセサリの中にあると思います。

.次に下記の文章を1で開いたメモ帳にコピーアンドペースト(貼付け)してください。

<!--ここから-->

<script type="text/javascript">
<!--

document.write("konnichiwa");

// -->
</script>

<!--ここまで-->

.メモ帳に「名前を付けて保存」で保存します。このとき
ファイル名は「test.html」
ファイルの種類は「すべてのファイル」
文字コードは「UTF-8」
を選択してから保存してください。

.次に保存したファイルを開いてみてください。
下記のように表示されましたか?

$30歳から始めるWEBプログラミング

このように表示されればとりあえず成功です。
まずは小手調べですが、これからすこしずつレベルが上がっていくので
基本的な操作をしっかり覚えてください。

今日はここまでです。お疲れさまでした。


最近作ったプログラム(携帯用掲示板サイト-トピッキング


$30歳から始めるWEBプログラミング