Javascriptの豆知識
「色彩のあれこれ」は2020.12.FlashPlayer廃止のため、同様の内容をJavascriptで作り変えることにしました。
ｲﾝﾀｰﾈｯﾄ情報や初級本から知り得た内容をここにまとめます。
Javascriptのﾌﾟﾛｸﾞﾗﾐﾝｸﾞに特別のｿﾌﾄなどは必要としません。PCの「メモ帳」を利用するだけです。
以下に紹介する内容はcopy&pasteし、例えばﾌｧｲﾙ名abc.htmlで保存し、このﾌｧｲﾙをｸﾘｯｸすれば動作します。
注．一般にメモ帳の拡張子はtxtなので変更する必要があります。例 abc.txt ⇒ abc.html
注．ﾎｰﾑﾍﾟｰｼﾞの起動には例えばabc.htmlを選択し、右ﾏｳｽﾎﾞﾀﾝから「ﾌﾟﾛｸﾞﾗﾑから開く」をｸﾘｯｸします。
更に[MicrosoftEdge]や[GoogleChrome]などを選択します。
注．copy&paste、いわゆる「コピペ」は大変便利で、Javascriptﾌﾟﾛｸﾞﾗﾐﾝｸﾞでは大活躍します。
さっそく以下のメニューから始めてください。
注．各内容の画面から戻るには、パソコン画面左上の「←」をｸﾘｯｸします。
注．引用した「〇ﾈｯﾄ情報」は、さらなる応用に参考になります。
01.HTMLとJavaScript
「こんにちは！」を表示します←ｸﾘｯｸ
最も基本的なHTMLとJavascriptの記述形式で作成しています。
詳しくはここ！←ｸﾘｯｸ
Javascriptのﾌﾟﾛｸﾞﾗﾐﾝｸﾞはこの基本形を基にひたすら改良し続けることです。
〇ｲﾝﾀｰﾈｯﾄ情報
JavaScript入門準備←ｸﾘｯｸ
02.アラートとコンソール
「この頁の内容：」が表示されたらＯＫ←ｸﾘｯｸ
alertは大変便利で、ﾌﾟﾛｸﾞﾗﾑが大いほど多用する機会も多くなります。
詳しくはここ！←ｸﾘｯｸ
〇ｲﾝﾀｰﾈｯﾄ情報
03.文字化け
文字が読めなくてビックリ←ｸﾘｯｸ
日本語部分が文字化けして、初めての時は慌てないでください。
詳しくはここ！←ｸﾘｯｸ
〇ｲﾝﾀｰﾈｯﾄ情報
04.エラー
何も表示されません←ｸﾘｯｸ
何かの間違いですが、小さなミスでも画面にはなにも表示されません。
詳しくはここ！←ｸﾘｯｸ
〇ｲﾝﾀｰﾈｯﾄ情報
04.たし算
A+Bのたし算←ｸﾘｯｸ
alertは大変便利で、ﾌﾟﾛｸﾞﾗﾑが大いほど多用する機会も多くなります。
詳しくはここ！←ｸﾘｯｸ
〇ｲﾝﾀｰﾈｯﾄ情報
06.Mathｵﾌﾞｼﾞｪｸﾄ
あらかじめ知っておくと便利←ｸﾘｯｸ
過剰な表示を省くため、まるめMath.round()はよく使います。
詳しくはここ！←ｸﾘｯｸ
〇ｲﾝﾀｰﾈｯﾄ情報
12.for文
実行結果はｺﾝｿｰﾙで見れます←ｸﾘｯｸ
for文について、多重ﾙｰﾌﾟとbreakまでをまとめました。
詳しくはここ！←ｸﾘｯｸ
〇ｲﾝﾀｰﾈｯﾄ情報
13.if文と分岐
簡単なようで意外と複雑です。←ｸﾘｯｸ
JavaScriptでは、複雑化をさけ、単純な使い方を薦めます。
詳しくはここ！←ｸﾘｯｸ
〇ｲﾝﾀｰﾈｯﾄ情報
16.配列と文字列
沢山のﾃﾞｰﾀを扱う場合に便利です←ｸﾘｯｸ
１次元配列と2次元配列の扱いには、慣れが必要です。。。
詳しくはここ！←ｸﾘｯｸ
〇ｲﾝﾀｰﾈｯﾄ情報
17.関数と変換
本格的な関数(色彩学で利用)です←ｸﾘｯｸ
X,Y,ZからL,a,bに、そして逆のL,a,bからX,Y,Zを試しています。
詳しくはここ！←ｸﾘｯｸ
〇ｲﾝﾀｰﾈｯﾄ情報
21.数値入力と各種演算
少しはﾌﾟﾛｸﾞﾗﾐﾝｸﾞらしくなりました←ｸﾘｯｸ
copy&pasteを使って、どんどん大きなﾌﾟﾛｸﾞﾗﾑに成長できます。
詳しくはここ！←ｸﾘｯｸ
〇ｲﾝﾀｰﾈｯﾄ情報
22.CANVUSと図形
CANVASの整理←ｸﾘｯｸ
CANVASに線、三角、四角、円、文字を描ければ十分
詳しくはここ！←ｸﾘｯｸ
〇ｲﾝﾀｰﾈｯﾄ情報
〇ｲﾝﾀｰﾈｯﾄ一般情報
Java入門 全般の活用方法 わかりやすい←ｸﾘｯｸ
Java入門 わかりやすい←ｸﾘｯｸ
Java入門 JavaScriptの基本をまとめた←ｸﾘｯｸ
電卓など簡易応用編 イヌでもわかるJavaScript講座←ｸﾘｯｸ
注．サルや犬以下になりたくないものです。(笑)
〇参考文献・書籍
・JavaScriptではじめるﾌﾟﾛｸﾞﾗﾐﾝｸﾞ超入門 河西朝雄 技術評論社
初心者の知りたいところが、うまくまとめてあります。
・JavaScriptの絵本 株式会社アンク 翔泳社
かゆいところに手が届く、JavaScript入門書
|