#author("2025-01-11T04:45:08+09:00;2024-09-10T16:18:29+09:00","default:member","member") #author("2025-01-11T05:05:48+09:00;2024-09-10T16:18:29+09:00","default:member","member") *山本 彩花 [[通信ネットワーク演習]] ~ **演習 -Blank File : [[javascript_blank>https://yamm10.github.io/javascript_blank-main/]] -Color Picker : [[javascript_color>https://yamm10.github.io/javascript_color/]] -Loading Animation : [[javascript_loading>https://yamm10.github.io/javascript_loading/]] //-Color Change A : [[javascript_change_a>https://johnsmith.github.io/javascript_change_a/]] //-Color Change B : [[javascript_change_b>https://johnsmith.github.io/javascript_change_b/]] -Color Change A : [[javascript_change_a>https://yamm10.github.io/javascript_change_a/]] -Color Change B : [[javascript_change_b>https://yamm10.github.io/javascript_change_b/]] -Gallery : [[javascript_gallery>https://yamm10.github.io/javascript_gallery/]] -Text Animation : [[javascript_text_animation>https://yamm10.github.io/javascript_text_animation/]] -Gallery2 : [[javascript_gallery2>https://yamm10.github.io/javascript_gallery2/]] -Scroll : [[javascript_scroll>https://yamm10.github.io/javascript_scroll/]] -Map : [[javascript_map>https://yamm10.github.io/javascript_map/]] -Navigation：[[javascript_navigation>https://yamm10.github.io/javascript_navigation/]] ~ ~ ~ **最終成果物 //&color(red){タイトル・公開URLの記入}; ***Light Bulb Color Switch //&color(red){https://www.example.com/}; https://yamm10.github.io/Light-Bulb-Color-Switch/ ~ ***サイトの趣旨 //&color(red){これはどんなサイトか・・を簡潔に}; -ボタンでONとOFFが切り替えられるサイト -イラストはフリーのものを使用 //ボタン文字switchとかにして立体的なボタン風にしたい ~ ***技法・技術情報 //&color(red){サイトで用いている技術や文法事項について記入}; //-&color(red){例）条件分岐（if/else）}; //-&color(red){例）イベント（click）}; -[[配色の切り替え>https://nagashima.kyusan-u.ac.jp/note/color-change/]] -[[ローディングアニメーション>https://nagashima.kyusan-u.ac.jp/note/loading-animation/]] ~ ***先行事例・参考情報 //&color(red){先行事例の紹介、参考サイトなど}; -[[マウスストーカー>https://lab.dxo.co.jp/notes/web-design/mouse-stalker]] -[[ON/OFFスイッチ>https://hajimete.org/on-off-switch-design-7]] ~ ~ **リンク ***公開リポジトリ -GitHub：https : // github.com/johnsmith &small(※リンクを無効にするため半角スペースを挿入しています。自分のページに掲載の際は、スペースを詰めてください。);