LogoMark.png

中村心香/通信ネットワーク演習 の変更点


#author("2026-01-06T09:57:54+09:00","default:member","member")
#author("2026-01-06T09:58:35+09:00","default:member","member")
*中村 心香
[[通信ネットワーク演習]]
~
~
**演習
***2025.11.18
-[[javascript_Map>https://okokomanju.github.io/javascript_Map/]]
***2025.10.28
-[[javascript_text_animation>https://okokomanju.github.io/javascript_text_animation/]]
-[[javascript_scroll>https://okokomanju.github.io/javascript_scroll/]]
***2025.10.21
***2025.10.14
-[[javascript_tab>https://okokomanju.github.io/javascript_tab/]]
***2025.10.07
-[[Garelly>https://okokomanju.github.io/javascript_garelly/]]
***2025.09.30
-[[Fortune Slip>https://okokomanju.github.io/Fortune-Slip/]]
***2025.09.16
-[[javascript_blank>https://okokomanju.github.io/javascript_blank/]]
***2025.09.23
-[[javascript_change_a>https://okokomanju.github.io/javascript_change_a/]]
-[[javascript_change_b>https://okokomanju.github.io/javascript_change_b/]]
~
~
**最終成果物
***ポートフォリオサイト
https://okokomanju.github.io/Portfolio/
~
***サイトの趣旨
中村の情報や作品を知れるポートフォリオサイト
~
***技法・技術情報
-console.log
-ページ読み込み後の処理(load)
-遅延実行(setTimeout)
-要素取得(querySelector / querySelectorAll)
-イベント(click / scroll / load)
-クラス操作(classList.add / remove)
-クリック時のアニメーション
-スクロールに合わせた表示切り替え
-描画タイミング制御(requestAnimationFrame)
-スクロール最適化(passive: true)
-スムーズスクロール(scrollIntoView)

~
***先行事例・参考情報
&color(red){先行事例の紹介、参考サイトなど};
https://sankoudesign.com/category/portfoliosite/
~
~
**リンク
***公開リポジトリ
-GitHub:https://okokomanju.github.io/Portfolio/