Linear Output and Exponential Output
Linear output is the foundation of the functioning of an economic system; exponential output can change human lifestyles.
我會把一些不成文的筆記或是最近的生活雜感放在短筆記，如果有興趣的話可以來看看唷！
Frontend Anxiety Disorder
This article is only intended to express personal opinions and thoughts and has no intention of criticizing industry peers. I believe that the frontend field (referring to web development) is gradually maturing, with frontend frameworks adopting a component-based approach and responsive mechanisms, combined with framework-specific syntax, development practices, and philosophies, which can handle most usage scenarios.
Asahi Linux - Running Linux on Apple M1
A group of engineers is researching how to reverse engineer running a native Linux kernel on Apple M1.
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.
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.
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.
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.
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.
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.
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.
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.
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
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.
在日本看醫生
最近兩天心臟的位置一直有著違和感，只要過幾分鐘就有一種心臟被掐住的感覺。不會痛，也沒有其他異常狀況。原本想說只是暫時性的而已，但因為持續了一天多都沒有改善，而且畢竟是心臟，還是決定去看醫生。
The value of this thing
This is a flowing diary
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.
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.
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
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 Review/2020 Year in Review — Technology
Review what I did about technology in 2020～
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.
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.
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
Learning—Learning from Gaming Management
This article was originally written in Japanese, but there are many places I resonate with work and even learning, so I decided to make simple quotes and my own tips here. The author is 36 years old, originally an engineer, he also took the position of management, because of the older age, but also gradually lost enthusiasm for technology, and then just the boss said, “You come when to see it,” the salary also rose, so the homeopathic management position. The author is funny to say, “But there are some questions, I hate people the most. If I can, I like to be alone.” Anyway, there is no need to manage performance, but also have a salary to take, just do it.
Remember to improve the process once
The first few months happened to be time for large features to come online. Before continuing with another project, there is not much development, mainly to fix some small bugs and improve existing features. And because development is not that compact, there is more time this season to focus on improving the process.
Data Visualization — Taiwan Sexual Assault Statistics
This time I wanted to implement this topic because I saw a relatively aligned relationship with the news and the data, just to say that Svelte itself can also be promoted, and he was implemented while conceived.
Thinking and Using Scenarios for SSR
When the browser crawls a web page, the crawler crawls the HTML content of the page to generate the content, and it will also cache it in the database and update it regularly. That is, if SSR is not implemented, the html file itself is blank, and the actual page will not be visible until JavaScript is parsed and executed
Vue ref syntax sugar with Svelte
Vue author Youyu Creek recently proposed an RFC, which is about the syntax of ref declarations that can be further simplified with JavaScript label statement. This syntax is like Svelte, record your own ideas here.
The strange phenomenon of the great god
Often see some people are regarded as a community of God, video, article point into a look at the error hundred, it will inevitably feel strange, strange is how God is the position of these people sitting, on the one hand is we do not look at the details only to see whether this person in the altar inside? This man is in the altar, oh oh oh oh oh bye like this?
Learn from Kotlin: Kotlin DSL and Annotation
Recently with Kotlin developed a small tool to manage daily tasks, mainly hope that colleagues in Backend can also be maintained together, the other is to learn a new language can always get some new excitement and ideas, as well as many Java and JVM God in the company take advantage of digging treasure.