制作経緯

基本的なコーディングの復習をする機会を設けることと、使わなくなっていたモバイルモニターを有効活用するため、「某作戦に登場しそうなデジタル時計」を制作しました。

実際の作品はこちら

＊レスポンシブへの対応処置は行っていないため、フルHD以外での表示はおすすめしません
＊こちらに掲載している画像は開発段階のものです

制作のプロセスや工夫など

今回の制作では、画像の表示と基本的な構造の構築にHTML、各パラメータのフォントや色の指定にCSS、各パラメータの制御にJavaScriptを用いています。

制作した当時JavaScriptは完全に専門外だったため、生成AIサービス「Microsoft Copilot」を活用しながらコードを作成しています。

制作に使用したツールなど

Affinity Designer 2

Microsoft Visual Studio Code

Microsoft Copilot

HTML

CSS

JavaScript

Microsoft Edge

Google Chrome