Koyomi Calendars暦
日付入りのカレンダーアイコンと1か月分のカレンダーを、ライト・ダーク両対応のSVGで描き、ページを次の日へめくることもできます。
暦（こよみ）は、日本語でカレンダーのことです。日や季節の流れを記した暦書の意味もあります。 名前について
デザインを選んで、ページをめくる
日付、デザイン、枠、リング、傾きを選べます。選んだ内容はURLに残ります。「前の日」「次の日」のボタンで、ページをめくって前後の日に移ります。
日付
めくり方
プリセット
枠
リング
傾き
動くのはステージのアイコンだけです。端末で動きを減らす設定にしている場合は、動かずに切り替わります。
全18デザイン（ライトとダーク）
タップするとステージに表示します。リングは、もともと綴じ具のないデザインに付きます。
コードをコピー
1か月分のカレンダー
4種類の月間カレンダーです。小さなアイコンが軽いままになるよう、別のインポートにしています。日付と曜日・月の名前はIntlから取り、メモは自分で渡します。祝日のデータは持っていません。
週の始まりメモ
インポートごとの大きさ
esbuildでバンドルしてminifyしたあと、gzipした大きさです。デザイン1つだけなら数キロバイトです。
| インポート | minify後 | gzip |
|---|---|---|
themes/pins デザイン1つだけ（pins） | 8.8 kB | 4.0 kB |
themes/squircle デザイン1つだけ（squircle、18番目） | 9.3 kB | 4.1 kB |
themes/sun 日めくりのデザイン1つだけ（sun） | 24.7 kB | 10.9 kB |
index 18種類すべて（メインのインポート） | 48.3 kB | 19.1 kB |
month 月間カレンダー（/month） | 11.0 kB | 4.7 kB |
animate ページめくり（/animate） | 3.1 kB | 1.4 kB |