日付計算SVG
from オンライン日付計算
https://idy.vercel.app/dcs/2042/4/1#.svg
https://idy.herokuapp.com/dcs/
https://i.imgur.com/LScKkdk.png
これをsvgにできると良さそう
できたdnin.icon
deadlinetimer.com みたいなのをScrapboxに埋め込みたかった
完成して嬉しい
idy.herokuapp.com
期日が近いと色が変わる実装があっても良さそうdnin.icon
当日は黄色にした
https://idy.vercel.app/dcs/2021/5/18#.svg
10/10 ではレイアウトが崩れるようですsuto3.icon
https://idy.vercel.app/dcs/2022/10/10#.svg
ちょっと小さくしてみました
あと、西暦10000年問題に対応していないようです。これは仕様ですか？ suto3.icon
[https://idy.vercel.app/dcs/10000/1/1#.svg]
げ！そうかもdnin.icon
datetime.MAXYEARが9999と決まってますね
なるほどsuto3.icon
日付計算SVG を UserScriptのPageMenuのアイコンにしてみましたsuto3.icon
横幅に合わせて画像が縮小されるので、表示が非常に小さくなった
特に上の年月日が読みづらい
下の日数は普通に読むことができる
なので、画像を正方形に近くして、レイアウトを工夫して文字を大きくすれば実用的に使えそうです
ちょっと調整してみます！dnin.icon
https://idy.vercel.app/dcs/2162/12/28#.svg
うちの環境では「年」の字のところが改行されています suto3.icon
日付の文字が大きすぎるように思います
一番大事な情報である「あと何日」という所を一番目立つようにしたらよいと思います
配色、何がいいですかねdnin.icon
別に不要か
どういうスパンで色分けしたら良さそうか
(10年、5年、3年、1年、6ヶ月、3ヶ月、1ヶ月、2週間、1週間、3〜1日)とか？
色指定がある場合のみ色分けを無視、とか
code:script.js
scrapbox.PageMenu.addMenu({
title: '日付カウントダウン',
/* 日付計算SVG の画像を貼る */
image: 'https://idy.herokuapp.com/dcs/2021/6/10#.svg'
})
/* 下位のメニューには ToDo とか */
scrapbox.PageMenu('日付カウントダウン').addItem({
title: () => "Todo",
onClick: () =>
location=https://scrapbox.io/villagepump/ToDo
})
/* とりあえず書くページとか */
scrapbox.PageMenu('日付カウントダウン').addItem({
title: () => "inbox",
onClick: () =>
location=https://scrapbox.io/villagepump/inbox
})
/* 懸案事項 とかを入れる */
scrapbox.PageMenu('日付カウントダウン').addItem({
title: () => "pending",
onClick: () =>
location=https://scrapbox.io/villagepump/pending
})
2021/7/1 ダークモードに対応
画像生成サービス
記念日をSVGにするだけの奴を作ってた
WEBアプリ作るのが楽しくなってよくわからないこういうのを作った
ルンバの誕生日
https://go-anniversary-day-svg.vercel.app/api?anniversaryday=20020918.svg
記念日のほうに干支はいらない気がするｗ
とある芸人の誕生日
https://go-anniversary-day-svg.vercel.app/api?birthday=19830506.svg
年齢は変わっていくから、井戸端の干支比とると面白そう