太田糸音/通信ネットワーク演習

太田　糸音

通信ネットワーク演習

演習

• Blank File : javascript_blank
• Color Picker : javascript_color
• Loading Animation : javascript_loading
• Color Change A : javascript_change_a
• Color Change B : javascript_change_b
• Gallery : javascript_gallery
• Text Animation : javascript_text_animation
• Gallery2 : javascript_gallery2
• Scroll : javascript_scroll
• Map : javascript_map
• Navigation：javascript_navigation
  
  
  
  

最終成果物

PhotoGallery

• https://syonp.github.io/javascript_photog/
  
  

サイトの趣旨

• 動きを取り入れ、写真を魅せるサイト

技法・技術情報

• 縦スクロール
• 画像の切り替え
• 画面分割
• マウスオーバー

先行事例・参考情報

• setTimeout
• 無限スクロール
• スプリットスクリーンレイアウト
• ChatGPT
  
  
  
  

リンク

公開リポジトリ

• GitHub：https://github.com/syonp?tab=repositories