#author("2023-12-25T03:16:44+09:00","default:member","member") *吉良 琉汰 [[通信ネットワーク演習]] ~ **演習 -Blank File : [[javascript_blank>https://kirakr.github.io/javascript_blank/]] -Color Picker : [[javascript_color>https://kirakr.github.io/javascript_color//]] -lodinganimation : [[javascript_loading>https://kirakr.github.io/loadinganimation/]] -Gallery : [[javascript_gallery>https://kirakr.github.io/javascript_gallery/]] -textanimation : [[javascript_text_animation>https://kirakr.github.io/javascript_text_animation/]] -Gallery2 : [[javascript_gallery2>https://kirakr.github.io/javascript_gallery2/]]~ -scroll : [[javascript_scroll>https://kirakr.github.io/javascript_scroll/]]~ -map : [[javascript_map>https://kirakr.github.io/javascript_map/]]~ -navigation:[[jjavascript_navigation>https://kirakr.github.io/javascript_navigation//]] **最終成果物 ***ブラウザ時計 -完成サイト:https://kirakr.github.io/watch_javascript/ -ソースコード:https://github.com/kirakr/watch_javascript ~ #image(use_img.jpeg) ~ ***サイトの趣旨 ブラウザ上で使えるシンプルな時計が欲しいと思い、時計だけが表示されるサイトを作成しました。ただ、ブラウザ上ではタブやアドレスバーが表示されるため、時計を表示する際に邪魔になるので、左上の拡大アイコンをクリックするとフルスクリーンに、縮小アイコンを押す事で小さくなるようにしました。また、背景にはGoogle Driveにアップした動画を使用しています。動画の読み込みにも時間がかかるため、ロードアニメーションも追加しました。 ~ ***技法・技術情報・参考情報 [[日時の表示(clock)>https://web-dev.tech/front-end/javascript/digital-clock/]] [[フルスクリーン>https://gray-code.com/javascript/display-the-page-in-full-screen/]] [[ロードアニメーション(load)>https://nagashima.kyusan-u.ac.jp/note/loading-animation/]] [[背景素材>https://youtu.be/LJz_Wz4Y6c4?si=_lx8-4aqVezRdWvl]] ~ **リンク ***公開リポジトリ -GitHub:https://github.com/kirakr