スマホ待ち受けビジョンボード用簡易webアプリ作りました

デイトラで、新年のマンダラチャート作成ウェビナーに参加して、直近心がけることをビジョンボードにしました。

せっかくなので改良して、あまりコードのわからない人でも使えるようにコメントとかで解説いれたので、ここで公開してみます。

アイコンを変える必要のないひとは、スマホのブラウザで、文字をタップすると変更できるので、好きに書き換えて全画面表示…、スクショ！

で、待ち受けに。

HTMLファイルがいじれる環境がある人は（右クリックでメモ帳とかで編集でも可）、

初心者のコードがわからない人でも大丈夫なように、HTMLファイル内にコメントで解説入れてるので、それ見てアイコンや、行や列の数、デフォルトのテキストもカスタマイズできます。

待ち受けのためスクショするだけなんですが、エスケープ処理のセキュリティ対策もしてます。

ビジョンボード

Size: 19k

Published: 2026年1月7日

ダウンロード

公開してみて好評だったら、noteで販売してみようかな？なんて思ってるので、気になる人は早めにダウンロードしてみてください。

感想などありましたら、

しゅうのX【Twitter】

にでも送っていただいても大丈夫です～

ダウウンロードしたファイルには、僕の設定した、ゆる～い目標がそのまま残してありますが、気にしないでください、、、笑

いざ！飛翔の年！！🌞

僕がWeb制作を学んだデイトラ↓↓

Web制作以外にも、デザインやマーケティングのコースなどもあります

継続的に学習する意思があって、何でも他人任せにするようなひとでなければ、圧倒的低価格で、圧倒的実力が身に付きます