LogoMark.png

寺田圭志/通信ネットワーク演習 の変更点


#author("2026-01-06T09:59:30+09:00","default:member","member")
#author("2026-01-06T10:04:12+09:00","default:member","member")
*寺田 圭志
[[通信ネットワーク演習]]
~
~
**演習
-Blank File : [[javascript_blank>https://shirayaki.github.io/JavaScript_blank/]]
-Color Change A : [[javascript_change_a>https://shirayaki.github.io/JavaScript_blank_a/]]
-Color Change B : [[javascript_change_b>https://shirayaki.github.io/JavaScript_blank_b/]]
-Fortune Slip : [[javascript_fortune>https://shirayaki.github.io/JavaScript_fortune/]]
-Gallery : [[javascript_gallery>https://shirayaki.github.io/JavaScript_gallery/]]
//&color(red){演習の制作物をリンク};
-TabUI : [[javascript_tab>https://shirayaki.github.io/JavaScript_tab/]]
-Object : [[javascript_object>https://shirayaki.github.io/JavaScript_shop/]]
-Text Animation : [[javascript_text_animation>https://shirayaki.github.io/JavaScript_text_animation/]]
-Scroll : [[javascript_scroll>https://shirayaki.github.io/JavaScript_scroll/]]
-Map : [[javascript_map>https://shirayaki.github.io/JavaScript_map/]]
-Weather : [[javascript_weather>https://shirayaki.github.io/JavaScript_weather/]]
~
~
**最終成果物
***touring
https://shirayaki.github.io/JavaScript_kaiten/

※推奨ブラウザ Google Safari
※全画面表示推奨
//&color(red){タイトル・公開URLの記入};
//***&color(red){タイトル};
//&color(red){https://www.example.com/};
~
***サイトの趣旨
//&color(red){これはどんなサイトか・・を簡潔に};
バイクでいろんな季節を走る
ランダムで背景が変わると面白いだろう
という考えをもとに制作
~
***技法・技術情報
イベント(click)
文字列のランダム生成
Intersection Observer API
css animation(@keyframes rotate)
//&color(red){サイトで用いている技術や文法事項について記入};
//-&color(red){例)条件分岐(if/else)};
//-&color(red){例)イベント(click)};
~
***先行事例・参考情報
https://since-inc.jp/blog/4765
https://kmnmc.com/2025/06/23/12439/
//&color(red){先行事例の紹介、参考サイトなど};
~
~
**リンク
***公開リポジトリ
-GitHub:https://shirayaki.github.io/JavaScript_kaiten/
※推奨ブラウザ Google Safari
※全画面表示推奨
-GitHub:https://github.com/Shirayaki?tab=repositories

//&small(※リンクを無効にするため半角スペースを挿入しています。自分のページ//に掲載の際は、スペースを詰めてください。);