#author("2026-01-06T09:05:42+09:00","default:member","member") #author("2026-01-06T09:49:11+09:00","default:member","member") *久木田 直央 [[通信ネットワーク演習]] ~ ~ **演習 //&color(red){演習の制作物をリンク}; -Blank File : [[javascript_blank>https://29-mochi.github.io/javascript_blank/]] -Color Change A : [[javascript_change_a>https://29-mochi.github.io/javascript_change_a/]] -Color Change B : [[javascript_change_b>https://29-mochi.github.io/javascript_change_b/]] -Fortune Slip : [[javascript_fortune>https://29-mochi.github.io/javascript_fortune/]] -Gallery : [[javascript_gallery>https://29-mochi.github.io/javascript_gallery/]] -TabUI : [[javascript_tab>https://29-mochi.github.io/javascript_tab_a/]] -Object : [[javascript_object>https://29-mochi.github.io/javascript_object/]] -Text Animation : [[javascript_text_animation>https://29-mochi.github.io/javascript_text/]] -Scroll : [[javascript_scroll>https://29-mochi.github.io/javascript_text/]] -Map : [[javascript_map>https://29-mochi.github.io/javascript_map/]] -Weather : [[javascript_weather>https://29-mochi.github.io/javascript_weather/]] ~ ~ **最終成果物 //&color(red){タイトル・公開URLの記入}; ***&color(red){タイトル}; ぷかぷかしりとりゲーム ***&color(red){ぷかぷかしりとりゲーム}; https://29-mochi.github.io/puka_chain/ //&color(red){https://www.example.com/}; ~ ***サイトの趣旨 //&color(red){これはどんなサイトか・・を簡潔に}; メンダコを擬人化したキャラクターとしりとりができるサイトです。 コンピューター側は、水棲生物の名前だけを登録した辞書から回答します。水中をイメージした、ポップなデザインにしました。 ~ ***技法・技術情報 //&color(red){サイトで用いている技術や文法事項について記入}; -ゲーム・アルゴリズム --フィルタリング: filter() で使用済み単語を除外 --ランダム選択: Math.random() と Math.floor() でコンピューターの単語をランダムに選択 --条件分岐: バリデーション（空欄、重複、ルール）と勝敗判定 -イベント --DOMContentLoaded: ページ読み込み完了時の初期化 --keydown: Enterキー検出で送信機能 -タイミング・アニメーション --setTimeout(): コンピューターターンに遅延を設定 --setInterval(): 泡を継続的に生成 --CSS アニメーション連携: JavaScript で animationDuration、animationDelay をランダムに設定 ~ ***先行事例・参考情報 //&color(red){先行事例の紹介、参考サイトなど}; -ブラウザで動くしりとり：[[しりとりゲーム>https://lifetek.jp/shiritori/]] //[[>]] ~ ~ **リンク ***公開リポジトリ -GitHub：https://github.com/29-mochi //&small(※リンクを無効にするため半角スペースを挿入しています。自分のページに掲載の際は、スペースを詰めてください。);