Taglibro de miyacorata

Vi fine falos en la marĉon.

Taglibro kaj plumo

2025/07/04 12:51:24
徒然草

ブログではお久しぶりです、宮野です。

最近SNS系が鳴りを潜めたり、お出かけでカメラを引っ提げてるのに写真を投げてないのはもったいないなというマインドになってきたのもあり、ちょっとブログ再開してみようかなと思った次第でこれを建てました。 放置してるはてなブログでやればいいものを「年単位で放置してるからいまさら再開しにくい」だの「Markdown投げるだけのシンプルなブログでいい カスタマイズもしやすいといいよね」だのほざいて簡易CMS自作しやがりました。まだ作りかけです。バカですねぇ... こうやって作りっぱなしシステムは増えていくのです。アーメン。

このシステムについて

このブログシステムは miyacorata/Taglibro にコードがあり、ちまちま開発されています。

人様にも使っていただける状態にはまだ遠いので、まだこの機能ないな、みたいなのが解決してVer1にできそうだな、ってタイミングでMITにしようと思っています。いつ来るんでしょうかそのタイミングは。

フレームワーク

PHPフレームワークはいつもどおりLaravelです。ただLaravel11で割と大きめの変更があり、特に初期起動処理やサービスプロバイダの扱いが変わっていて浦島太郎みたいな顔になりました。時の流れははやいものです。

CSSフレームワークとしてはBulmaを採用しました。LaravelのデフォルトのViewにはtailwindが使われてる印象がありますし、ちゃんと学べばそこそこイケてるUIが作れそうなもんではありますが、私はズボラなのでBulmaでなんとかします。Bulmaの見た目というかデザインは嫌いではないですし。とはいえいずれ「デザイン変えたいな、Bulma外すか」と思ったときに泣きを見るんだろうなとも思います。

フォント

IBM Plex Sans JP 並びに IBM Plex Mono を使用しています。

名前にある通り、このフォントはかのIBMがコーポレートフォントとして制作したものではありますが、なんとオープンソースになっているのでレノボになってからのThinkPadやThinkCentreしか知らない私でも自由に使うことができます。なんて太っ腹なんだ。

身の回り、というか結構全国レベルで学マスが流行っているところですが、このゲーム内UIに使われていることをきっかけに知ったフォントです。知った当時は「え、アイマスなのにニタラゴでもコメットでもないんだ」と思った記憶があります。

私のコードやインフラ関係はどこかしらでなにかしらのコンテンツの影響を受けた値や名前がつくことで知られていますが、今回も例に漏れずサイト内の配色にそれが現れており、以下のような値になっています。
(CSSコード上ではHSL色空間に変換して設定している関係上、RGB値とは数値誤差が生じます。ブラウザ画面上では多少異なる色味が表示されます。この値は public/css/style.css か使用ページのbladeで直接設定されています。)

配色 HSL(設定値) RGB(理想値)
primary, success 87deg 58% 71% #B9E089 🥗
info 190deg 38% 61% #77B6C2 🐟🍴
warning 43deg 100% 70% #FFD264 🐣📛
danger 352deg 64% 65% #DF6D7C 🍰🧁
[特定箇所で使用] 317deg 36% 58% #BA6EA5 🍇
link 202deg 61% 62% #63AED9 🛼

うん、どこかしらのカフェレストランのメンツとどこかしらのサーカスのパフォーマーが連想されますね。そういうことです。


Misskey ノート シェア

MisskeyのロゴCC BY-SA 4.0 で提供されています。