Kozaneba開発日記2022-05-27
/villagepump/nishio.icon
前回の作業を個人のプロジェクトにコピーする
将来「どこに書いたっけ」となりそうだから
バグを再現するテストケースを作る
余裕があれば直すけど金曜は会議が多いのでどうかな
11:00
/villagepump/nishio.icon🍅11:36-12:01 バグを再現するテストケースを作る
https://gyazo.com/82a8445474eaabc2139c9d10c5e72af8
なるほど、わかった。矢印の方向を計算する時に「中点」と「交点」のベクトルの向きを見ているが、片方が大きい時には中点が片方の内側に入ることがある、ということか✅
12:00
/villagepump/nishio.iconfixed
https://gyazo.com/39a854eb2d297aa715a8365092d58e95
別の問題
https://gyazo.com/a8addf0eb36bc6649ba5c40a7da65e98
タイトルのついているグループはタイトルの高さの分だけ上に長いが、その扱いを間違えていてズレている
バウンディングボックスと線分の交点判定アルゴリズムが「線分がバウンディングボックスの中心から出てること」を仮定してて、昔は確かにそれでよかったんだが今はグループに見出しがついて少し上に伸びる
14:00
/villagepump/nishio.icon🍅14:40-15:05 cont.
数学…
四方向のうちの一つだけバグってる✅
15:00
/villagepump/nishio.icon🍅15:12-15:37 cont.
https://gyazo.com/95d745ca2084c44cb71ab0dbe9ade462https://gyazo.com/c06506e95d0089722777159ee133009d
fixed!
なぜかボーダーがバウンディングボックスに含まれない…✅
16:00
/villagepump/nishio.icon休憩
なぜかボーダーがバウンディングボックスに含まれないことによって矢印の先が期待より5px内側に食い込んでるんだけど、原因が全然わからない
たぶん疲れてるせい
2022-05-30
15:00
nishio.icon🍅15:56-16:21 矢印がボーダーの中につながる問題のデバッグの続き
https://gyazo.com/eb07b6b8d54e736161f19500b872add9https://gyazo.com/5d51e17224a24707198005ac057ece9b
バウンディングボックスにボーダーが反映されてないのではなく、ボーダーを入れようが入れまいがその後の描画で「バウンディングボックスの外側にボーダーを描画」してるから矢印がボーダーにめり込んでいるんだ
16:00
nishio.icon🍅16:25-16:50 単にbox-sizingを変えるだけではダメ
https://gyazo.com/2f0eaaaab94f3d3c4ba891f0770180d1https://gyazo.com/398d97b677c1f95c37717d98a6f4c41e
2minで直ったw
https://gyazo.com/52c95b42d976827a553cc2232f76dd03
直った！！
伝わりにくいbefore after
https://gyazo.com/757cc4269c3629452d0d721449244eb0https://gyazo.com/555d759b4e678c4fc495602af275204e
15分も余ってしまったので次のタスクを洗う
https://gyazo.com/d79f7aa115b05c609767ecd0a3578068
z-indexどっちがいいかな
https://gyazo.com/f8bd355cf07615347cfaae297628ae55
17:00
nishio.icon🍅17:14-17:39 Favicon見た目の改善
画像とアイコンで下のラインが揃わないのはベースラインの関係かな？
vertical-align: text-bottomにした
z-indexは文字の方が大きくて一部隠されても意味がわかる可能性が高いから後ろにすることにした
https://gyazo.com/a2c4c79ae9cae536ae7d5325a3824ac1
16分余っているのでチュートリアルの多国語対応について調べる
code:js
window.navigator.language
< 'en-US'
日本語の時にはjaになる
データ構造は雑にやろうとするとTypeScriptの型がややこしくなるからちゃんと考えなきゃ