04:17:50 @sayunu@mofu.kemo.no
icon

むむ、mofu.kemo.no に投稿された画像が原寸で開けない。それに status.masto.host/ を開こうとすると「DNS_PROBE_FINISHED_NXDOMAIN」って言われる。

Masto.host - Status
06:51:26 @sayunu@mofu.kemo.no
icon

直ってる。どこのせいかは知らない。

10:57:04 @sayunu@mofu.kemo.no
icon

キー配列図が出来た…というより、刻印と物理配列を別々に定義して画像を組み立てる機能が出来た 🤔

Attach image
11:04:06 @sayunu@mofu.kemo.no
icon

(1) 物理配列を定義し、
(2) 刻印の配置を定義し、
(3) 刻印の画像を読み込ませる。

const 物理配列文字列 = ` source-increment: right; source-address: 0/5; 0.5,0w1.035h.6 1.536,0w1.035h.6 2.571,0w1.035h.6 3.607,0w1.035h.6 4.643,0w1.035h.6 5.679,0w1.035h.6 6.714,0w1.035h.6 7.75,0w1.035h.6 8.786,0w1.035h.6 9.821,0w1.035h.6 10.857,0w1.035h.6 11.893,0w1.035h.6 12.929,0w1.035h.6 13.964,0w1.036h.6 translate(-0.25,1.25){ rotate(7.25,2.5,5){ source-address: 1/0; 0.5,0w1.5 2,0 3,0 4,0 5,0 6,0 source-address: 0/1; translate(0.5,1){ 0,0 1,0 2,0 3,0 4,0 5,0 6,0 } source-address: 0/2; translate(0.75,2){ -0.25,0w1.25 key-type: 1; 1,0 2,0 3,0 4,0 key-type: 0; 5,0 6,0 } source-address: 0/3; translate(1.25,3){ -0.75,0w1.75 1,0 2,0 3,0 4,0 5,0 } source-address: 0/4; translate(0.5,4){ 0,0h1.2 1,0h1.2 2,0w1.25h1.2 3.25,0w1.25h1.2 key-type: 0; 4.5,0w3.5h1.2 } } translate(0.5,0){ rotate(7.25,2.5,-5){ source-address: 7/0; 7,0 8,0 9,0 10,0 11,0 12,0 13,0 14,0 source-address: 7/1; translate(0.5,1){ 7,0 8,0 9,0 10,0 11,0 12,0 13,0w0.5 } source-address: 7/2; translate(0.75,2){ 7,0 key-type: 1; 8,0 9,0 10,0 11,0 key-type: 0; 12,0 13,-1w1.25h2 } source-address: 6/3; translate(1.25,3){ 6,0 7,0 8,0 9,0 10,0 11,0 12,0w1.75 } source-address: 5/4; translate(0.5,4){ 8,0w1.25h1.2 9.25,0w1.25h1.2 10.5,0h1.2 11.5,0.6h0.6 12.5,0h0.6 12.5,0.6h0.6 13.5,0.6h0.6 } } } } `;
Attach image
const 画像組 = { Lキー: [ { 画像: キー画像_0, 原寸横: 128, 原寸縦: 128, 左フチ: 19, 右フチ: 19, 上フチ: 19, 下フチ: 19 }, { 画像: キー画像_1, 原寸横: 128, 原寸縦: 128, 左フチ: 19, 右フチ: 19, 上フチ: 19, 下フチ: 19 }, ], L刻印: [ { 画像: 刻印画像_center, タイル横幅: 128, タイル縦幅: 64, 拡大率: 1, x: 0, y: 0, 横基準: 0, 縦基準: 0 }, { 画像: 刻印画像_0, タイル横幅: 128, タイル縦幅: 64, 拡大率: 1, x: 0.08, y: 0.24, 横基準: -1, 縦基準: 1 }, { 画像: 刻印画像_1, タイル横幅: 60, タイル縦幅: 60, 拡大率: 0.3, x: 0, y: 0.19, 横基準: 0, 縦基準: 0 }, { 画像: 刻印画像_2, タイル横幅: 60, タイル縦幅: 60, 拡大率: 0.3, x: 0, y: -0.19, 横基準: 0, 縦基準: 0 }, { 画像: 刻印画像_3, タイル横幅: 60, タイル縦幅: 60, 拡大率: 0.2, x: -0.31, y: -0.09, 横基準: 0, 縦基準: 0 }, { 画像: 刻印画像_4, タイル横幅: 60, タイル縦幅: 60, 拡大率: 0.2, x: -0.31, y: -0.31, 横基準: 0, 縦基準: 0 }, { 画像: 刻印画像_5, タイル横幅: 60, タイル縦幅: 60, 拡大率: 0.2, x: 0.31, y: 0.31, 横基準: 0, 縦基準: 0 }, { 画像: 刻印画像_6, タイル横幅: 60, タイル縦幅: 60, 拡大率: 0.17, x: 0.31, y: 0.17, 横基準: 0, 縦基準: 0 }, { 画像: 刻印画像_7, タイル横幅: 60, タイル縦幅: 60, 拡大率: 0.2, x: 0.31, y: -0.31, 横基準: 0, 縦基準: 0 }, ], };
Attach image
|「」@¥° §&() +=  そけせてょ^つんのをり- ちはかしとた くうい゛きな  すこにさあ#っる、。れ
Attach image
11:18:08 @sayunu@mofu.kemo.no
icon

そういう物ではなく、作るべき物を作らなきゃ…そして夜は寝る。

11:26:37 @sayunu@mofu.kemo.no
icon

気付いた事 :

・ Clip Studio Paint のレイヤープロパティーの「境界効果」は太さが整数だと暈やけるので不便だけど、(整数 + 0.5) を指定すると画素境界にピッタリ合うみたい。

・ Google Chrome で canvas に drawImage する時、元の画像が img か canvas かに依って補間の掛かり方が違うみたい。統一してほしい。

・ 特に、Chrome で canvas を元にして drawImage する時、どうやら「透明な黒」に影響されて白いリンギングが出てるのはバグだと思う…。

18:11:37 @sayunu@mofu.kemo.no
icon

さて、明るいうちに出掛けよう。(既に失敗してる)

20:22:15 @sayunu@mofu.kemo.no
icon

「内容についての警告」というのはさすがに長かったので(特に幅が狭い時)、「警告」だけに変更しました。

20:54:55 @sayunu@mofu.kemo.no
icon

この体裁の変更は手元で何となく試していただけで、必要性が認められないからずっと保留してたんですけど、まあ問題はないかなという事でサーバー設定に反映しました(一枚目が変更後、二枚目が従来)。外面的には、カラムの内容の後の余白がカラム色ではなく背景色になりました。それと、単一カラム画面構成の場合は部分的にカド丸になるようにしてみました(個人ページの先頭の自己紹介の部分とか)。

Attach image
Attach image
21:04:59 @sayunu@mofu.kemo.no
icon

内部的には大掛かりな変更なので、どこか崩れてるかも…。元々 Mastodon の初期状態のスタイルシートは、カラムそのものに背景色が付いていて、その中に並ぶ投稿などは単に罫線で区切られている。今回はカラム背景を透明にして、一つ一つの投稿などに背景色を付ける方式にした。区切りは罫線ではなく、塗りと塗りの間の余白。将来もしページ背景に絵などを貼ったら、隙間からその色が見える事になる。

こうすると一つ一つの投稿をカド丸にするというナウい感じの体裁も可能になるのでしばらく手元で検討していたけど、情報密度を下げない範囲ではタイムラインの端っこに切れ目が入っていても無意味、ちょっと目障りという感じだったので、抑制的に一部を丸めるに留めた。

21:06:11 @sayunu@mofu.kemo.no
icon

「崩れてる」「あんまり見やすくない」など意見あれば下さい。

22:00:06 @sayunu@mofu.kemo.no
icon

@nebiros 個人タイムラインの「投稿 / 投稿と返信 / メディア」とか、通知の「すべて / 返信」とかの尖ってる部分の事かしら。このトゲは元々ですけど、丸くしたらフキダシ感が増しました 💬

22:13:07 @sayunu@mofu.kemo.no
icon

ついでに、固定された投稿の末尾と、通常の最新投稿との間に隔たりを追加しました。

22:18:37 @sayunu@mofu.kemo.no
icon

:bun: :bunhd_happy::bunhdidle:」はすべてうさぎです。

23:27:00 @sayunu@mofu.kemo.no
icon

冷蔵庫が適切な温度帯よりも冷えて、意図せず凍〔し〕み豆腐みたいになってしまった。これはこれで悪くないけど。