Kozaneba Development Diary 2022-05-27

prev Kozaneba Development Diary 2022-05-26

from [/villagepump/workroom 2022/05/27](https://scrapbox.io/villagepump/workroom 2022/05/27).

• Copy previous work to your personal project
  • I’m afraid in the future I’ll be like, “Where did I write that?”
• Create a test case that reproduces the bug
  • I’d fix it if I could afford it, but I don’t know, I have a lot of meetings on Fridays.

11:00

• 🍅11:36-12:01 create a test case that reproduces the bug”.
  • 
  • Okay, I see what you mean. You are looking at the direction of the vectors of the “midpoint” and the “intersection” when calculating the direction of the arrow, but when one is larger than the other, the midpoint can be inside the other ✅.

12:00

• fixed
  • 
  • Another issue
    • 
    • The titled group is longer on top by the height of the title, but it is mishandled and misaligned.
    • The algorithm for determining the intersection of the bounding box and the line segment assumes that “the line segment must be out of the center of the bounding box,” and that was certainly fine in the past, but now the group gets a heading and extends a little higher.

14:00

• 🍅14:40-15:05 cont.
  • Math…
  • Only one of the four directions is buggy✅.

15:00

• 🍅15:12-15:37 cont.
  • 
    • fixed!
  • For some reason the border is not included in the bounding box… ✅

16:00

• break
  • For some reason, by not including the border in the bounding box, the tip of the arrow is cutting into the inside 5px more than expected, but I have no idea why.
    • Maybe I’m just tired.

2022-05-30

15:00

• 🍅15:56-16:21 Continued debugging of the problem with the arrow leading into the border”.
  • 
  • It’s not that the bounding box doesn’t reflect the border, it’s that the arrow is stuck in the border because the subsequent drawing “draws the border outside the bounding box” whether the border is included or not.
  • Or this: box-sizing - CSS: Cascading Style Sheets | MDN

16:00

• 🍅16:25-16:50 Simply changing the box-sizing is not enough.
  • 
  • W fixed in 2min.
  • 
    • It’s fixed!
  • Difficult to convey before and after
    • 
  • I have an extra 15 minutes to wash the next task.
  • FaviconAPI support
    • 
    • Which z-index is better?
      • 

17:00

• 🍅17:14-17:39 Favicon appearance improvements.
  • Is it because of the baseline that the bottom line is not aligned with the image and the icon?
  • vertical-align - CSS: Cascading Style Sheets | MDN
  • vertical-align: text-bottom
  • The z-index is larger than the text and more likely to make sense even if it’s partially hidden, so I decided to put it behind.
  • 
  • 16 extra minutes to find out about the tutorial’s multilingual support.
    • Navigator.language - Web APIs | MDN js

> window.navigator.language
< 'en-US'

    - When in Japanese, it becomes ja.
    - Data structure can complicate TypeScript types if you try to do it messy, so you have to think about it properly.

---

This page is auto-translated from /nishio/Kozaneba開発日記2022-05-27 using DeepL. If you looks something interesting but the auto-translated English is not good enough to understand it, feel free to let me know at @nishio_en. I’m very happy to spread my thought to non-Japanese readers.