JavaScript

JavaScript

JS:入力したキー情報を画面に表示していく

JavaScriptでキーボードのどのキーが現在押されているかをチェックする。JavaScriptではABCなどのアルファベットキーからタブやエンターキー、コントロールキーなどの機能キーなどの押された状態がチェック出来るキーを押したとき、ど...
JavaScript

JS:パスワードを適当に作るサイト

JavaScriptを使ってパスワードを適当に作るサイトを作った。指定した文字を使ってパスワードを適当に作ってくれます。文字の種類とパスワード文字数は変更できます。サンプルを見る動作イメージパスワード文字数は、デフォルト8文字です。起動時に...
JavaScript

JS:文字列と計算を伴う数値の連結注意点

console.logなどで変数の内容を表示する際、文字列と計算を伴う数値の連結をする際は、注意が必要だ。例えば、として実行するとコンソール上の表示は、a + b = 100200となってしまう。期待値としては、a + b = 300とした...
JavaScript

JavaScript:フェードアウトしてメッセージを表示

JavaScriptでCSSのRGB値を白から黒へ変化させていくとフェードアウトを表現できる。フェードアウトして画面が真っ暗になった後、メッセージを表示するプログラムを作った。メッセージはランダムで色々と変えてみても面白そうだ。今回はちょっ...
JavaScript

JavaScript:APIサービスのJSONデータを取得して表示する

残念ながら2020年7月31日をもって本記事で利用していたライブドアお天気サービスAPIが終了したため、以下内容は利用できなくなりました。JSONデータの取得や整形に関しては参考になりますが、プログラムは実行できませんのでご了承ください。(...
JavaScript

JavaScript:日めくり論語カレンダー

JavaScriptを使ってWeb上の日めくり論語カレンダーを作った。サイトは、こちら個人的に「子曰く~」で始まる論語が好きなので毎日違う孔子の言葉が表示されたらいいかなあと思っていた。
JavaScript

enchant.js:4択式の県名を当てるゲームの解説

前回作った以下のゲームの解説です。素材画像とソースコード一式は、こちら。ゲームのプレイはこちら
JavaScript

俳句保存アプリの解説とソースコード

前回作ったHTML5+jQueryMobile1.4.5で俳句保存アプリ(= Haiker)の解説です。ソースコード一式はこちら写真をタップしてHaikerに移動最初のバージョンはjQueryMobile1.3で作ってあったのですが、jQu...
JavaScript

HTML5+jQueryMobile1.4.5で俳句保存アプリ

わたしは俳句を詠むことが好きだ。スマートフォンを使って詠んだ俳句と場所を保存するアプリを作った。俳句を作る人という意味をもじって、タイトルは「Haiker」写真をタップしてHaikerに移動
JavaScript

JavaScript:サイコロを振る

サイコロの目を表示するようなプログラムは、乱数を使ってできます。1から6までの数値を適当に表示するだけなら、どんなプログラミング言語でもある程度簡単にできます。JavaScriptで「サイコロを振る」を再現した