LogoMark.png

出光美心/通信ネットワーク演習 のバックアップの現在との差分(No.8)


#author("2023-11-13T15:18:46+09:00","default:member","member")
#author("2023-12-25T02:58:19+09:00","default:member","member")
*出光 美心
[[通信ネットワーク演習]]

~
**演習
-Blank File : [[javascript_blank>https://idmt-mk.github.io/javascript_blank2/]]
-Color Picker : [[javascript_color>https://idmt-mk.github.io/javascript_color/]]
-Loading Animation : [[javascript_loading>https://idmt-mk.github.io/javascript_loading/]]
-Gallery : [[javascript_gallery>https://idmt-mk.github.io/javascript_gallery/]]
-Text Animation : [[javascript_text_animation>https://idmt-mk.github.io/javascript_text_animation/]]
-Gallery2 : [[javascript_gallery2>https://idmt-mk.github.io/javascript_gallery2/]]
-Scroll : [[javascript_scroll>https://idmt-mk.github.io/javascript_scroll/]]
-Map : [[javascript_scroll>https://idmt-mk.github.io/javascript_map/]]
-Navigation:[[javascript_map>https://idmt-mk.github.io/javascript_navigation/]]
~
~
**最終成果物
//&color(red){タイトル・公開URLの記入};
***ギャラリーサイト
https://idmt-mk.github.io/illust_site/
-[[GitHub>https://github.com/IDMT-MK/illust_site]]
~
***サイトの趣旨
//&color(red){これはどんなサイトか・・を簡潔に};
アニメーションを多用したイラストのギャラリーサイト
~
***技法・技術情報
//&color(red){サイトで用いている技術や文法事項について記入};
//-&color(red){例)条件分岐(if/else)};
//-&color(red){例)イベント(click)};
-ローディングアニメーション
-ギャラリーアニメーション
-スライドショー
~
***先行事例・参考情報
//&color(red){先行事例の紹介、参考サイトなど};
-[[液体シェイプ>https://coco-factory.jp/ugokuweb/move02/5-3/]]
-[[スクロールダウン>https://coco-factory.jp/ugokuweb/move01/9-1-2/]]
-[[画像の動き>https://b-risk.jp/blog/2021/01/anim-reference/]]
-[[スライドショー>https://coco-factory.jp/ugokuweb/move01/6-2-5/]]
~
~

**リンク
***公開リポジトリ
-GitHub:https://github.com/IDMT-MK
&small(※リンクを無効にするため半角スペースを挿入しています。自分のページに掲載の際は、スペースを詰めてください。);