JavaScriptの解説・学習サイト

ごあいさつ

こちらのホームページ
 JavaScript実験室燃えPaPaラボ
へお越しいただきありがとうございます。

このサイトは、好奇心旺盛、スポーツ大好き、不思議系SE 燃えPaPaの運営する、WEB技術学習者に送る、JavaScript関連の解説・学習サイトになります。

JavaScriptの技術をご存知無い方にもわかりやすく、このサイトを順を追ってお読みいただければ、サイト作りにJavaScriptを利用できる、そんなサイトを目指しています。

各種情報、ごゆっくりご覧ください。


JavaScriptとは

JavaScriptとは、インタプリタ型(実行する前にコンピューターに理解できるように変換をする必要のない)プログラム言語です。
サーバーではなく、使っているコンピューター側で処理を実行し、通常のHTMLだけでは実行できない動的な情報を表示したり制御したりできます。
Javascriptは見せるホームページのソース内に記載するか、別途JSファイルを作りその中に記載し、読み込ませて実行します

本サイトではJavaScriptに慣れていない方でも理解できていけるように
簡単なJavaScriptのサンプルからはじめ、学びやすい学習サイトになっています
今後ホームページを手作りする際にぜひ参考にしてみてください。

なお、特に難しい処理を使っているわけでも、オリジナルの構文があるわけでもありませんので、
本サイトのJavaScriptはすべて好きにコピペして使用していただいてかまいません。


燃えPaPaとは

ハンドルネーム:燃えPaPa

トランポリン、体操、卓球、タンブリング、チアリーディング、水泳、柔道、陸上、スキー、クライミング等、様々なスポーツ、 さらには、キャンプや登山といったアウトドアまでも大好きな不思議系アクティブSE。

体力バカの運動バカである一方、SEらしく、日々PCをさわっているのも幸せ、プログラミングも好き、という変わり種。

日々の活動費の足しにでもなればと、アフィリエイトを研究・実践中
最近アフィリエイトの奥の深さにハマり中(まだ成果はボチボチ)。
合わせてSEO研究等も。

現状トップアフィリエイターには遠く及びませんが、ちょこちょこASPからの支払いも発生し、徐々に軌道に乗りかけている。
夢は、未来の日本でインターネットの世界の王者になり、アフィリエイト王に。
目指すは誰でも知っているインターネットの単語は、YAHOO、Google、燃えPaPa、となりますようにw。


日時表示

まずは基本的なスクリプト、本日がいつか、曜日つき表示


ソースはこちら↓コピペしてすぐに実行できます


BMI計算

健康を示す指標のひとつBMIを算出するJavaScript
BMIは体重÷身長÷身長で求められ、16から22の間くらいが健康体でよいんだったかな・・・
身長 cm
体重 kg
BMI
ソースはこちら↓コピペしてすぐに実行できます
今回はJavaScriptを実行するフォームを用意しています


※学習ポイント

JavaScriptは上記プログラムのように、即時実行でなく、関数化して、ボタンのイベント等で実行することも可能です。


JavaScriptでエスケープ実践

以下のスペースはソースコードをエスケープする際に役立つ変換スペースです。
上の欄にエスケープしたいソースコードを入力、
エスケープ処理ボタンを押下すると、下の欄にエスケープ後のソースが表示されます。

※エスケープとは
ホームページの中で < や > 、さらには ' " & といった記号の類を表示したい場合
htmlファイルの中に直接記載すると、ブラウザはその記号をプログラム的に意味のある記号と判断してしまい、
記号そのものを表示してくれません。
それをさけるため、代替記号を用いることで、ソースに埋め込めるようになります。
例: < は &lt; (←実際には小文字で書きます)




ソースはこちら↓コピペしてすぐに実行できます
今回はJavaScriptを実行するフォームを用意しています