Atelier

　今日は朝から春雨が強く降っている。再開をはじめたDIYは今日はお休みにして、PC 前でRadio Senbokuを聴きながらJavaScript の晩学をした。教材は、W3Shools のものである。
　

• 今日は、まずコメントの書き方について。
  
  • 一行に書くときは行頭に //
  • 複数行にまたがるときは、コメントの先頭に　/* コメントの終わりを　*/　とする。
  • もちろん、スクリプトをコメントアウトするときにも使える。
　これは、当然のことながらActionScript の記述でも同じである。CSS では、/* -------- */ だけのようである。
　HTMLでは、コメントは一行でも複数行でも、行中でも、コメントの先頭は　<!--　で、終わりは　--> である。


• 次に、[JS Variables] の学習　
  
  • Variables（変数）は、情報を格納するコンテナである。
  • 変数は代数学(Algebra)の x=5, y=6,, z=x+y → z=11 と同じように、x, y, z が変数である。
  • 変数は、carname="VOLVO" のようにテキストも値として持てる。
  • 変数は、大文字・小文字を区分する。また、変数名は、文字で始まらねばならない。JavaScript そのものが大文字と小文字を区分する。


• 次に、[JS Operators] の学習
  • Operator（演算子） には、Arithmetic operators（算術演算子）や Assignment operators（代入演算子）などがある。
  • Arithmetic operators（算術演算子）には、つぎのようなものがある。
    
  
  
  • Assignment operators（代入演算子）には、つぎのようなものがある。
    
  
  
  • +（プラス）演算子は、テキストの連結にも使われる。

　JavaScript Tutorial に使われている英語は、JavaScript Language Specification を参考にさせていただいた。普通の英語辞書には載っていない。

　ブログで少し凝ったことを実現させようとすると Web を構成している言語を少しは理解する必要がある。HTML(HyperText Markup Language), CSS(Cascading Style Sheets)についてはある程度理解できるようになり、自分のサイトへの応用に少しはいじれるようになってきた。

　だが、カスタマイズに多用している JavaScript, Adobe Flash を制御する ActionScript については、ネットや参考書などで公開されている example を真似して作っている。それでは、少し自分向けにいじりたい場合には手も足もでなくなる。
　年寄りの冷や水であるが、基本的なことを学習しようかと思い始めた。学習したことをすぐ忘れてしまうので、自分自身への記録のためにブログ上に学習ノートを作ることにした。ブログとは、その語源からして自分のためようだから。

　教材は、W3Schools の tutorial を使うことにした。英語だが平易に書いてあり、頭の硬くなった老人でもなんとかついていけそうであるが、どこまで理解できるかは自信がない。

　W3Schools の Home 左メニューの BrowserScripting から Learn JavaScript を選択すると JavaScript Tutorial が出てくる。学習の仕方は、[JS Home] → [JS Introduction] とページを繰っていくのだが、ページの上下に [previous] [next] があるので、これに従えばよい。もちろん、記述は　example とかお試しページや関連ページへのハイパーリンクが設定されている。これらへリンクした後は、最初の内は元のページに戻って、 [next] ボタンで次のページに進んだ方がよさそうだ。

　Tutorial の [JS Introduction] に、　とある。一方、ActionScript のWikipedia による解説では、　とある。JavaScript の学習は、ActionScript の学習でもあるのをはじめて分かった。お恥ずかしい話である。

　[JS How to] [JS Where to] までは、いままで曲がりなりに、エキスパート達の JavaScript を使ってきたので理解できる。 　 [JS Where to] で Using an External JavaScript を実験するために、 　というような外部JSファイルをテキスト作成ソフト秀丸で作成し、サーバーに xxx_1.js というファイルをFTPソフト（私の場合 FFTP ）でアップした。ファイルを作成するとき、エンコードは UTF-8　でなければならない。秀丸は、このような機能が備わっているから便利である。

　なお、このエントリーに記述したHTMLは、次のようなものである。

　この外部JSをこのエントリーで実行してると、結果は次の通りとなる。JavaScript のなかに記述した HTML タグは、そのまま実行される。 直接 HTMLでエントリー編集すればできることであるが、外部JSファイルを使う学習するためである。

　これを第１回とし、今後、W3Schools の順序に従って学習したことを記していきたい。