#author("2024-12-24T09:27:17+09:00","default:member","member") #author("2024-12-24T09:55:09+09:00","default:member","member") *松本龍太郎 [[通信ネットワーク演習]] ~ **演習 -Blank File : [[javascript_blank>https://ryutarodayo1234.github.io/school/2024_communicationNetworkExercise/javascript_blank/]] -Color Picker : [[javascript_color>https://ryutarodayo1234.github.io/school/2024_communicationNetworkExercise/javascript_color/]] -Loading Animation : [[javascript_loading>https://ryutarodayo1234.github.io/school/2024_communicationNetworkExercise/javascript_loading/]] -Color Change A : [[javascript_change_a>https://ryutarodayo1234.github.io/school/2024_communicationNetworkExercise/javascript_change_a]] -Color Change B : [[javascript_change_b>https://ryutarodayo1234.github.io/school/2024_communicationNetworkExercise/javascript_change_b]] -Gallery : [[javascript_gallery>https://ryutarodayo1234.github.io/school/2024_communicationNetworkExercise/javascript_gallery/]] -Text Animation : [[javascript_text_animation>https://ryutarodayo1234.github.io/school/2024_communicationNetworkExercise/javascript_text_animation]] -Gallery2 : [[javascript_gallery2>https://ryutarodayo1234.github.io/school/2024_communicationNetworkExercise/javascript_gallery2]] -Scroll : [[javascript_scroll>https://ryutarodayo1234.github.io/school/2024_communicationNetworkExercise/javascript_scroll]] -Map : [[javascript_map>https://ryutarodayo1234.github.io/school/2024_communicationNetworkExercise/javascript_map]] -Navigation：[[javascript_navigation>https://ryutarodayo1234.github.io/school/2024_communicationNetworkExercise/javascript_navigation]] ~ ~ **最終成果物 //&color(red){タイトル・公開URLの記入}; //***&color(red){タイトル}; //&color(red){https://www.example.com/}; ***松本龍太郎の活動を載せるサイトの型 [[サイトへのリンクはこちら>https://ryutarodayo1234.github.io/school/2024_communicationNetworkExercise/portfolioWeb]] ~ ***サイトの趣旨 //&color(red){これはどんなサイトか・・を簡潔に}; ポートフォリオサイトを作るとき、この動きを使う。 ~ ***技法・技術情報 //&color(red){サイトで用いている技術や文法事項について記入}; //-&color(red){例）条件分岐（if/else）}; //-&color(red){例）イベント（click）}; -querySelector -onclick -クラスの追加削除 -addEventListener -クラスの追加削除 -Font Awesome 使用 ~ ***先行事例・参考情報 //&color(red){先行事例の紹介、参考サイトなど}; -[[【JavaScript】onclickとaddEventListenerの違い【どっちを使う】>https://clover-weblog.com/javascript-addeventlistener/]] -[[【js】onclickとaddEventListenerの違い>https://qiita.com/KKKarin/items/ccb8ed361ab9acd1f9cf]] ~ ~ **リンク ***公開リポジトリ -[[GitHubへのリンクはこちら>https://github.com/ryutarodayo1234/school/tree/main/2024_communicationNetworkExercise]] //&small(※リンクを無効にするため半角スペースを挿入しています。自分のページに掲載の際は、スペースを詰めてください。);