• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 吉良琉汰/通信ネットワーク演習 へ行く。
  • 1 (2023-09-07 (木) 13:08:38)
  • 2 (2023-09-18 (月) 13:55:09)
  • 3 (2023-09-25 (月) 14:42:07)
  • 4 (2023-10-02 (月) 15:12:42)
  • 5 (2023-10-11 (水) 10:15:32)
  • 6 (2023-10-16 (月) 15:21:13)
  • 7 (2023-10-30 (月) 15:16:18)
  • 8 (2023-11-20 (月) 15:06:19)
  • 9 (2023-11-27 (月) 15:01:18)
  • 10 (2023-12-11 (月) 13:44:41)
  • 11 (2023-12-24 (日) 21:19:44)
  • 12 (2023-12-25 (月) 01:23:36)
  • 13 (2023-12-25 (月) 03:16:44)
  • 14 (2023-12-25 (月) 13:41:54)

---

吉良　琉汰

通信ネットワーク演習

演習

• Blank File : javascript_blank
• Color Picker : javascript_color
• lodinganimation : javascript_loading
• Gallery : javascript_gallery
• textanimation : javascript_text_animation
• Gallery2 : javascript_gallery2
  
• scroll : javascript_scroll
  
• map : javascript_map
  
• navigation:jjavascript_navigation

最終成果物

ブラウザ時計

• 完成サイト：https://kirakr.github.io/watch_javascript/
• ソースコード：https://github.com/kirakr/watch_javascript

#image(): File not found: "use_img.jpeg" at page "吉良琉汰/通信ネットワーク演習"

サイトの趣旨

ブラウザ上で使えるシンプルな時計が欲しいと思い、時計だけが表示されるサイトを作成しました。ただ、ブラウザ上ではタブやアドレスバーが表示されるため、時計を表示する際に邪魔になるので、左上の拡大アイコンをクリックするとフルスクリーンに、縮小アイコンを押す事で小さくなるようにしました。また、背景にはGoogle Driveにアップした動画を使用しています。動画の読み込みにも時間がかかるため、ロードアニメーションも追加しました。

技法・技術情報・参考情報

日時の表示(clock)
フルスクリーン
ロードアニメーション(load)
背景素材

リンク

公開リポジトリ

• GitHub：https://github.com/kirakr