• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 久木田直央/通信ネットワーク演習 へ行く。
  • 1 (2025-09-11 (木) 13:18:35)
  • 2 (2025-09-23 (火) 09:08:48)
  • 3 (2025-09-30 (火) 09:13:08)
  • 4 (2025-09-30 (火) 22:45:44)
  • 5 (2025-10-14 (火) 09:02:03)
  • 6 (2025-10-28 (火) 09:07:33)
  • 7 (2025-11-18 (火) 09:23:42)
  • 8 (2025-12-02 (火) 09:20:39)
  • 9 (2025-12-09 (火) 10:24:36)
  • 10 (2025-12-23 (火) 10:12:37)
  • 11 (2026-01-04 (日) 22:26:34)

---

久木田 直央

通信ネットワーク演習

演習

• Blank File : javascript_blank
• Color Change A : javascript_change_a
• Color Change B : javascript_change_b
• Fortune Slip : javascript_fortune
• Gallery : javascript_gallery
• TabUI : javascript_tab
• Object : javascript_object
• Text Animation : javascript_text_animation
• Scroll : javascript_scroll
• Map : javascript_map
• Weather : javascript_weather
  
  
  
  

最終成果物

タイトル

サイトの趣旨

キャラクターとしりとりができるサイト

技法・技術情報

• ゲーム・アルゴリズム
  • フィルタリング: filter() で使用済み単語を除外
  • ランダム選択: Math.random() と Math.floor() でコンピューターの単語をランダムに選択
  • 条件分岐: バリデーション（空欄、重複、ルール）と勝敗判定
• イベント
  • DOMContentLoaded: ページ読み込み完了時の初期化
  • keydown: Enterキー検出で送信機能
• タイミング・アニメーション
  • setTimeout(): コンピューターターンに遅延を設定
  • setInterval(): 泡を継続的に生成
  • CSS アニメーション連携: JavaScript で animationDuration、animationDelay をランダムに設定

先行事例・参考情報

• ブラウザで動くしりとり：しりとりゲーム
  
  
  
  

リンク

公開リポジトリ

• GitHub：https : // github.com/johnsmith