#author("2023-12-25T14:38:13+09:00;2023-12-24T20:29:28+09:00","default:member","member") #author("2023-12-25T14:39:16+09:00;2023-12-24T20:29:28+09:00","default:member","member") *西山実伶 [[通信ネットワーク演習]] ~ **演習 -Blank File : [[javascript_blank>https://miiir-nishiym.github.io/javascript_blank/]] -Color Picker : [[javascript_color>https://miiir-nishiym.github.io/javascript_color/]] -Loading Animation : [[javascript_loading>https://miiir-nishiym.github.io/javascript_loading/]] -Gallery : [[javascript_gallery>https://miiir-nishiym.github.io/javascript_gallery/]] -Text Animation : [[javascript_text_animation>https://miiir-nishiym.github.io/javascript_text_animation/]] -Gallery2 : [[javascript_gallery2>https://miiir-nishiym.github.io/javascript_gallery2/]] -Scroll : [[javascript_scroll>https://miiir-nishiym.github.io/javascript_animation/]] -Map : [[javascript_scroll>https://miiir-nishiym.github.io/javascript_map/]] -Navigation:[[javascript_map>https://miiir-nishiym.github.io/navigation/]] ~ ~ **最終成果物 //&color(red){タイトル・公開URLの記入}; //***&color(red){タイトル}; //&color(red){https://www.example.com/}; ***ポートフォリオサイトのテンプレート https://miiir-nishiym.github.io/portfolio2023/ ~ ***サイトの趣旨 //&color(red){これはどんなサイトか・・を簡潔に}; 今後のために自分のポートフォリオサイトを持ちたいと思ったため、その前準備としてポートフォリオサイトのテンプレートを制作した 今後のために自分のポートフォリオサイトを持ちたいと思ったため、その準備としてポートフォリオサイトのテンプレートを制作した ~ ***技法・技術情報 //&color(red){サイトで用いている技術や文法事項について記入}; //-&color(red){例)条件分岐(if/else)}; //-&color(red){例)イベント(click)}; -イベント(click) -スクロールされたら表示 -ローディング -CSSを使ったアニメーション ~ ***先行事例・参考情報 //&color(red){専攻事例の紹介、参考サイトなど}; -[[ローディングアニメーション>https://nagashima.kyusan-u.ac.jp/note/loading-animation/]] -[[スクロールアニメーション>https://goworkship.com/magazine/css-javascript-animated-backgrounds/]] -[[CSS/JavaScriptで作られた美しいアニメーション背景8選>https://goworkship.com/magazine/css-javascript-animated-backgrounds/]] -[[ページトップへ戻るボタンの作り方【JavaScript】>https://sinpe-pgm.com/pagetop-button-js/]] ~ ~ **リンク ***公開リポジトリ -GitHub:https://github.com/miiir-nishiym &small(※リンクを無効にするため半角スペースを挿入しています。自分のページに掲載の際は、スペースを詰めてください。);