JavaScript

JavaScript

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

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

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

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

JavaScript:サイコロを振る

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

JavaScript:JSONを使ったお天気情報の取得

古い記事なのに検索上位に来てしまい申し訳ないです。 JavaScriptでJSONを使ったお天気情報の取得をご覧になりたい方は以下の記事です。 2018年10月26日更新 2016年6月現在、openwethermapの仕様が変わっており、...
JavaScript

JavaScript:500行のテトリスプログラム

わたしが作ったテトリスは、500行弱のプログラムだ。自分の中でのわかりやすさを重視したらこうなった。頭のいい人が200行でテトリスなどを公開しているが、頭の悪いわたしにはさっぱりわからない。