web版「Versa KanjiClock」紹介

Versaアプリを以下の記事で紹介したが、
Versaアプリ「Kanji Clock」紹介
これのweb版(html版)を作成したので紹介する。Versaアプリは、簡単な言い方をすると、画面関係はSVG、ロジックはJavascriptで作成できるので、なるべく変更しないでweb版を作ることに挑戦してみた。画面関係はカスタマイズフォントを使用している関係で、そのまま流用はできなかったが、ロジック部分(Javascript部分)が、ほとんど、そのまま流用が可能だった。嵌った部分は、documentの属性名が異なり、Versa(FitbitOS)では「.text」のところをweb版では「.textContent」に変更する必要があった。毛筆体のWebフォントが入手できなかったので、明朝系Webフォントを使用した。
「Versa_KanjiClock.html」をダウンロード

以上