ミニゲーム 【空間感覚チャレンジ】点の中心を狙え！
空間感覚チャレンジ canvas { width: 100%; height: auto; max-width: 400px; border: 1px solid #ccc; cursor: crosshair; } #errorChart...
2025-07
ミニゲーム 
ミニゲーム 【5秒連打チャレンジ】どこまで正確に連打できるか！
【5秒連打チャレンジ】どこまで正確に連打できるか！5秒間でできるだけたくさんボタンを連打してみましょう！スタートタップ！リセット残り時間：--秒📘 ルール説明 「スタート」を押すと5秒間の計測が始まります 「タップ！」ボタンをできるだけたく...
ミニゲーム 【時間あてゲーム】感覚だけで指定時間を当てよう！
【時間あてゲーム】感覚だけで指定時間を当てよう！スタートを押してから、指定した時間が経ったと思ったらストップを押してください。目標時間（秒）：スタートストップ リセット📘 ルール説明 目標時間を設定し、スタートを押してタイマーを開始します ...
ミニゲーム 【10秒あてゲーム】感覚だけで10秒を当てよう！
【10秒あてゲーム】感覚だけで10秒を当てよう！スタートを押してから、10秒経ったと思ったらストップを押してください。スタートストップ リセット📘 ルール説明 スタートを押すと、タイマーが開始されます 画面には最初の3秒間だけ経過時間が表示...
ミニゲーム 【記憶力ゲーム】数字を覚えて当てよう！
【記憶力ゲーム】数字を覚えて当てよう！スタートを押すと数字が表示され、3秒で消えます。思い出して入力してください。スタート答えるlet currentNumber = "";let digits = 3;let correctStreak ...
ミニゲーム 【反射神経ゲーム・完全版】どこまで速くなれる？
【反射神経ゲーム・完全版】どこまで速くなれる？▶ スタートスタートするとここに表示されます⏱ 準備中… 🔄 記録リセット#startBtn { font-size: 24px; padding: 20px 40px; background-...
その他 【ストレスチェック】6つの質問であなたの状態を見える化！
【ストレスチェック】6つの質問であなたの状態を見える化！ 最近、寝つきが悪い: はいいいえ イライラしやすい: はいいいえ 集中できない: はいいいえ 食欲が落ちている: はいいいえ 疲れが取れない: はいいいえ 気分が沈みがち: はいいい...
その他 【あなたの水分バランス完全診断】
【あなたの水分バランス完全診断（グラフ付）】 性別: 男性 女性 体重（kg）: 今日飲んだ水の量（ml）: 活動レベル: デスクワーク中心 外出・軽い運動あり スポーツ・肉体労働 気温（℃）: 湿度（％）: 診断するfunction an...
その他 画像を選択して下に揺れる動画作成+動画保存
画像を選択して、ドラッグして赤枠で囲んだ箇所を下に揺らす動画を作成する。(練習サイト)その動画も保存できるようにした。 下方向スプリング伸縮＋動画保存デモ body { font-family: sans-serif; padding: 2...
その他 画像を選択して下に揺れる動画作成(練習)
画像を選択し、ドラッグで赤枠を設定するとその赤枠で囲んだ部分が下に揺れるようになる。 下方向スプリング伸縮ループデモ body { font-family: sans-serif; padding:20px } canvas { borde...
その他 HTMLの表をエクセルの表に変換するサイト
縦列→N列テーブル変換ツール（TSV 版） body { font-family: sans-serif; margin: 20px; } h1 { font-size: 1.4em; margin-bottom: 12px; } labe...
その他 CSVとjsonどちらにも変換+テーブル表示機能付き
CSV ⇄ JSON 変換ツール（文字化け対応版） body { font-family: sans-serif; padding: 20px; max-width: 800px; margin: auto; } textarea, inp...
その他 CSVとjsonどちらにも変換するサイト
CSV ⇄ JSON 変換ツール body { font-family: sans-serif; padding: 20px; max-width: 800px; margin: auto; } textarea, input { widt...
その他 Excelの表をHTMLに変換するサイト
Excel表 → HTML変換ツール body { font-family: sans-serif; padding: 20px; } textarea { width: 100%; height: 150px; margin-bottom...