Random Talk
The code fonts I have used over the years
Ignoring these factors, developers who write code using monospace fonts still make up the majority. This article aims to share some of the monospace fonts that have been used in recent years.
All Posts Page 8
2021
Dev Note
Why is the mental model crucial for learning programming languages?
Mental models refer to our cognitive processes of how we anticipate the development of things or how things will operate. It may sound a bit academic. For example, when we see a button UI on the screen, we expect that this UI is clickable and that clicking it may trigger a series of events. Therefore, when users find that this UI is not as expected, they may feel confused.
Random Talk
User Experience of the Non-Contact Electrostatic Capacitive Keyboard HHKB HYBRID Type-S
Taking this opportunity to try out the pinnacle of the keyboard world, and also a dream for many engineers - the HHKB. I purchased it and have been extremely satisfied with it up until now. I will share my experience with everyone here. In this post, in addition to my thoughts on the HHKB, I will also introduce the principle of the capacitive keyboard without contact points.
Random Talk
Concerns about long-term work in Japan
For software engineers, the unique culture, environment, and salary in Japan are not their top choices. Many software engineers who work in Japan do so simply because they have a liking for Japan. Therefore, I will not discuss salary and Japanese corporate culture here. Instead, I will focus on the current concerns I have about Japanese society.
Random Talk
Tech Lead Guideline 1 — Dive into the grassroots level.
We often say that we should listen to the voices of grassroots personnel because they are the ones who are actually doing the work. The same goes for development. However, being a Tech Lead requires more than just understanding the code itself. It is important to have a comprehensive understanding of the entire project. Here are a few areas that I think are very important.
Random Talk
Remote Work Environment Sharing (Hardware Edition)
Taiwan has been affected by the epidemic and has entered the third-level alert status. Some companies have also started implementing remote work. As someone who has been working remotely since last year, perhaps I can share some experiences.
Dev Note
Setting up a server in a company is not as easy as I imagined.
In this project development, the planning team had a requirement to dynamically update the data by calling APIs on the previously static Landing Page. Additionally, as the interactivity of the page increased, the original combination of pug+webpack+jQuery for static pages was no longer sufficient. Therefore, we introduced next.js in the development of the new version and embarked on a journey of server setup and troubleshooting.
Frontend
Reading Temperature and Humidity with Arduino via Web Serial API
Google Chrome 89 introduces the Web Serial API, which allows external devices to interact directly through browser APIs, including USB devices or Bluetooth devices with a serial interface. This enables the browser to communicate directly with hardware.
Frontend
Application of form tag with formData
This article introduces how form tags are handled behind browsers, and how formData can be used in JavaScript to simplify form manipulation
Frontend
HTML together to understand which form-data
Forms are a common application in web pages, not only can you transfer plain text, but also upload files. However, because the behavior of form is different from other methods of transmission, there are sometimes doubts and misunderstandings. This article tries to understand the ins and outs of the specification, to understand what the form does in the end, and how forms differ from other transport methods, and finally mention what the HTML does behind the form tag.
Random Talk
在日本看醫生
最近兩天心臟的位置一直有著違和感，只要過幾分鐘就有一種心臟被掐住的感覺。不會痛，也沒有其他異常狀況。原本想說只是暫時性的而已，但因為持續了一天多都沒有改善，而且畢竟是心臟，還是決定去看醫生。
Random Talk
The value of this thing
This is a flowing diary
Frontend
Deep Understanding of Svelte (2) — Analyzing Svelte Generating Code
From the core concept of Svelte, Svelte wants to get as much information as possible from the compilation process and reduce overhead in dynamic. In the previous article, we explained how Svelte works from compiling to generating code. Today, look at how the code generated by Svelte works.
Frontend
In-depth understanding of Svelte (1) — Svelte Compilation Process
In order to generate the final code, Svelte has to compile the components once to obtain the necessary information. The compilation process from Svelte to the build code will go through several stages, and in this article, we will cover them one by one
Frontend
4 Reasons to Learn Svelte in 2022
Svelte's attention climbed year by year. This article highlights a few reasons to learn about Svelte in 2022, and will also talk about the shortcomings of Svelte use.
Frontend
An in-depth understanding of Svelte (0) — What is an Abstract Syntax Tree?
This series of articles explores the implementation of Svelte principles, hoping to give readers a deeper understanding of Svelte's compilation mechanism and code generation. Because the Svelte compilation process involves code parsing, this article discusses what an abstract syntax tree is, and further describes the role and importance of an abstract syntax tree.
2020
Year in review
2020 Review/2020 Year in Review — Technology
Review what I did about technology in 2020～
Frontend
Hotwire and Turbolinks
Turbolinks is a JavaScript package that is usually used with Ruby on Rails (it can be used as a library alone), mainly by fetching HTML to avoid the cost of re-sending the request and CSS. In fact, “no need to use JavaScript” is not entirely correct, JavaScript is still there, but it's done for you in the library, so you can develop it without writing JavaScript.
Year in review
End of 2020, to talk about what a computer is
2020 was a chaotic year, and it was a year that made me rethink the nature of computers. During the year I did a lot of attempts not to do my own good at the field, basically revolving around one topic: re-understanding the bottom. I studied electronics in high school. In the mainstream era, although there was an internship class, I felt more about practicing classes by table and then spent most of the time studying. The only thankful thing is that my homework is not as heavy as a general high school, or I may not go to Taiwan.
Frontend
linaria - CSS-in-JS solution that doesn't require runtime
linaria is a library that emphasizes css-in-js without runtime. It can use a syntax similar to styled-components, but generates CSS at compile time, thereby reducing overhead for dynamically modifying styles