JavaScript

スポンサーリンク
JavaScript

JavaScript:キャンバスのサイズを画面サイズにあわせて変更

HTMLのcanvasタグは、JavaScriptで気軽に画像やグラフィックを扱うことができて面白いので色々と試している。 個人的に作っているものの中で、canvasタグのサイズをブラウザの画面サイズにあわせて変更したいことが多いので、サ...
JavaScript

JavaScriptで英検準2級の雰囲気を知るための音声サイト

2次試験の流れと雰囲気が分かればいいかなあ、と考えてボタンを押すと英検の面接管からの指示を聞くことが出来るサイトを作った。 英検準2級の面接管からの指示を聞くことが出来るサイト 参考にしたのは、以下の旺文社のサイト。 ...
JavaScript

JavaScript:ブラウザ画面いっぱいに雪を降らす

季節物です。 以前JavaScriptで作った雪が降るプログラムを新しく書き直して、ブラウザ画面いっぱいに雪を降らせるようにした。 ブラウザで雪を見る JavaScriptでもclassの記述が使えるようになったので...
JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

前回作った以下のゲームの解説です。 素材画像とソースコード一式は、こちら。ゲームのプレイはこちら
スポンサーリンク
タイトルとURLをコピーしました