#author("2025-01-06T17:13:11+09:00","default:member","member") #author("2025-01-06T17:14:42+09:00","default:member","member") *太田 糸音 [[通信ネットワーク演習]] ~ **演習 -Blank File : [[javascript_blank>https://syonp.github.io/javascript_blank/]] -Color Picker : [[javascript_color>https://syonp.github.io/javascript_color/]] -Loading Animation : [[javascript_loading>https://syonp.github.io/javascript_loading/]] -Color Change A : [[javascript_change_a>https://syonp.github.io/javascript_change_a/]] -Color Change B : [[javascript_change_b>https://syonp.github.io/javascript_change_b/]] -Gallery : [[javascript_gallery>https://syonp.github.io/javascript_gallery/]] -Text Animation : [[javascript_text_animation>https://syonp.github.io/javascript_text_animation/]] -Gallery2 : [[javascript_gallery2>https://syonp.github.io/javascript_gallery2/]] -Scroll : [[javascript_scroll>https://syonp.github.io/javascript_scroll/]] -Map : [[javascript_map>https://syonp.github.io/javascript_map/]] -Navigation：[[javascript_navigation>https://syonp.github.io/javascript_navigation/]] ~ ~ **最終成果物 //&color(red){タイトル・公開URLの記入}; //***&color(red){タイトル}; ***タイトル PhotoGallery [[こちらをクリック>https://syonp.github.io/javascript_photog/]] ***PhotoGallery -https://syonp.github.io/javascript_photog/ ~ ***サイトの趣旨 //&color(red){これはどんなサイトか・・を簡潔に}; 動きを取り入れ、写真を魅せるサイト -動きを取り入れ、写真を魅せるサイト ~ ***技法・技術情報 //&color(red){サイトで用いている技術や文法事項について記入}; -縦スクロール -画像の切り替え -画面分割 -マウスオーバー ~ ***先行事例・参考情報 //&color(red){先行事例の紹介、参考サイトなど}; -[[setTimeout>https://dubdesign.net/javascript/settimeout-imgchange/]] -[[無限スクロール>https://qiita.com/rhrh__8/items/66466fd358060f412060]] -[[スプリットスクリーンレイアウト>https://www.design-memo.com/webdesign/split-screen]] -ChatGPT ~ ~ **リンク ***公開リポジトリ -GitHub：https://github.com/syonp?tab=repositories //&small(※リンクを無効にするため半角スペースを挿入しています。自分のページに掲載の際は、スペースを詰めてください。);