Javascript
【JavaScript】気象庁から天気予報を取得してみる
気象庁が公開している天気予報のデータを利用して、JavaScriptをで天気情報を取得・表示します。下のプログラムを試してください、３日分の天気と風の情報が表示されます。このコードをもとにして解説していきます。 天気予報 […]
【JavaScript】コピペで使えるサンプルコード100選
JavaScriptを使ってブラウザ上で簡単に動作する100種類の実践的コードサンプルをまとめたものです。基本的なアラート表示やDOM操作から、Ajax、Canvas、Web Workers、IndexedDBまで多岐にわたる技術を実例と共に解説しています。初心者から上級者まで、すぐにコピペして使える豊富なコードを通じ、ウェブアプリやツール開発の幅を広げるヒントが満載です。
【JavaScript】非同期処理：Promise、async/awaitの書き方
JavaScriptはシングルスレッドで動作するため、非同期処理が必須です。本記事では、コールバック関数、Promise、async/awaitを用いた非同期処理の基本概念から実践例まで、初心者にも分かりやすく解説しています。API通信やタイマー処理などの具体例、エラーハンドリングや並列処理の工夫、そして各フレームワークでの実装方法も紹介し、現場で役立つ知識を豊富なサンプルコードと共に提供しています。
【JavaScript】でハンドジェスチャーを認識する
JavaScriptとGoogleのMediaPipe Handsライブラリを活用し、Webカメラ映像から手の21個のランドマークを抽出してジェスチャー（「グー」「チョキ」「パー」など）を認識する仕組みを実装する方法を、初心者にも分かりやすく丁寧に解説しています。各要素の役割、角度や距離の計算方法、Canvasを用いた描画処理、さらに応用例や改善策についても詳述し、実践的なWebアプリケーション作成のヒントを提供しています。
【JavaScript】if 文の条件分岐・比較演算子の解説
JavaScriptは、動的なウェブサイトやアプリケーションを作る上で欠かせないプログラミング言語です。中でも「if」文は、条件に応じた処理を行うための基本構文として、多くの開発者に利用されています。この記事では、「if」文の基本から応用まで、豊富なサンプルコードと実際のブラウザ上での動作例を通して、初心者から上級者まで役立つ知識を提供します。
【JavaScript】ゲームの戦闘っぽいデモ
プレイヤー側と NPC 側の両者が自動的に敵に近づき、一定距離で戦闘を開始するシンプルな戦闘デモです。モンスターはそれぞれランダムな画像を読み込み、HP・攻撃力・防御力もランダムに設定されます。
【JavaScript】桜舞うプログラム
HTML・CSS・JavaScript を用いた「桜が舞うアニメーション」の仕組みの解説。SVG を利用して花びらを生成し、CSS アニメーションで落下と揺れを表現。JavaScript により、ランダムなサイズ・位置・速度を設定した継続的に花びらの生成。メモリ負荷を抑えるため、アニメーション終了後に要素を削除する工夫。動的なエフェクトの作り方。
【JavaScript】VoskJsで音声ファイルを音声認識する。
音声認識の技術は、スマートスピーカーや音声入力のアプリケーション、さらには自動字幕生成などさまざまな分野で活躍しています。そんな中、Vosk.js は Web ブラウザ上で動作する軽量な音声認識ライブラリとして注目されて […]
【JavaScript】ページ間でデータの保持・受け渡し
JavaScriptでページ間のデータを保持・受け渡しする７つの方法を紹介します。
① sessionStorage、② localStorage、③ URLパラメータ、④ window.name、⑤ Cookie、⑥ IndexedDB、⑦ Service Worker