風來之國

本期內容涵蓋了風來之國、日台稅負比較、讀書心得、HTML 表單處理

四零二曜日是由 Kalan 撰寫的電子報,與你聊聊科技、軟體開發、產品跟日本生活相關的大小事,也會分享我的生活與各種雜談。402 是 HTTP 狀態碼的一種,意思是 Payment required。希望內容足夠讓你覺得 payment required。

本期內容

🎮  風來之國

風來之國遊戲中的一個城鎮,模仿了日本的都市特色

趁著前陣子風來之國特價,看了遊戲畫面覺得很喜歡就買下來了。我很喜歡 John 跟姍的互動,也喜歡他們冒險的經歷以及路上遇到的人事物。

或許劇情沒有那麼吸引到大眾,但對我來說那些場景跟他刻畫的人物與世界觀都是我喜歡的。我特意調成日文玩,讓我多少想到以前那個喜歡日文的自己。

同樣是「你在做什麼」,日文的表達格外多了一種細膩。「何をやっているの」「何をやってんのよ」「何をやっていますか」「ナニヲヤッテイルノ」,你可以感受到語氣的變化,進而推敲這個人物的個性。

從對方的語尾「かしら」「なさい」「じゃの」,可以推敲對方的年齡、性別,雖然只是對話框裡頭的文字,但我真的很愛日文這種細膩的變化,彷彿我就在和他們對話,甚至腦裡可以建構一個他們的語音包。

回想這幾年我幾乎不看文學作品了,大學時明明很喜歡窩在圖書館看一個下午。最近只看技術、職涯相關的書,深怕一個不小心浪費了時間。

我不知道這樣是不是好事,但或許還是要有這些文學的東西才能讓我的生活過得更加細膩吧。我在裡面看到人性的惡,也看到在絕望下和願意相信彼此的人類們。我希望在我的一生中,都能像 John 和珊一樣,單純、善良卻又強大。


讓我們談談日本與台灣的稅

台灣的收入與稅金負擔比圖表(Stacked Bar)

四零二曜日專欄上線啦(Beta 版)!專欄會用比較長的篇幅跟大家聊聊我最近比較在意的題目,因為內文比較長,所以會另外放在網站上供有興趣的讀者瀏覽。排版相對陽春一點,目前也沒有列表給大家看有哪些文章。反正 MVP 先丟上來也很符合敏捷開發的精神吧

第一篇跟大家聊聊日本與台灣的稅,算是在日本工作時時常談到的話題之一。

日本採用源泉徵收制,薪水會先由公司扣掉要繳的稅(住民稅、所得稅),以及社會保險(健保、年金、雇用保險)後才會匯到你的帳戶。每個月都會痛一次,大概痛個一年之後也就麻痺了。

日本與台灣的稅負擔差距到底有多大?要回答這個問題,我們需要兩國薪水級距的稅負計算。感謝網友 leafwind 已經有整理過一份資料,有興趣的可以看看。

真的是沒有比較沒有傷害,在日本,新鮮人薪水 300 萬円要負擔的稅負,就已經遠比台灣 200 萬台幣的薪水稅負還高出許多。(感謝網友指正,已修正錯誤資料)

想看更詳細的分析跟比較嗎?趕快點進去文章瞧瞧吧!


📕 So good they can’t ignore you

這本書主張追求熱情是個危險的建議。

我們應該具備的是工匠心態(Craftsman mindset),持續精進技能,提供有價值且稀缺的服務。

稀缺技能通常具備三大要件:

  • 創造力
  • 影響力
  • 自主權

具體來說到底要怎麼做呢?剩下的筆記內容可以參考部落格文章。

在推特上面分享之後,我發現有蠻多人都有同感。熱情在沒有足夠的經濟支撐下,是一件蠻危險的事。雖然說那也是一個人生選擇,不過或許這本書可以帶給你更多思考與啟發也說不定。


📕 How to win friends and influence people

我把書看完了才知道原來中文叫做「卡內基溝通與人際關係」,這本書算是帶給我蠻多啟發的,尤其對不擅於社交、經營人際關係的我來說,書中提到很多技巧跟觀察是我以前從來沒有想過的。

對讀書心得有興趣的話,可以參考部落格

另外,想順便跟大家分享一個故事:(寫在文章結尾處)

我在 IG 很少回朋友以外的限時動態,只是剛好看到一位有追蹤 YouTuber 在他的限時動態上剛好我也有可以分享的就順手回了。沒想到他竟然回我了,而且還來找我聊天。我們聊了很多像是日本生活與工作的大小事。

他是一位有十幾萬訂閱的 YouTuber,但我對他來說只是眾多粉絲中的其中一個人,是完全村人 B,但他竟然相信眼前這個人不是怪胎,而且還願意和我聊那麼久。這個無心之舉影響我蠻多的,如果我就這樣滑過去,什麼都不回,是不是什麼都不會發生了?

我的人生讓我對相信陌生人這件事有點疙瘩,因為我、以及我的家人都曾經吃過苦頭,被陌生人騙得團團轉,也曾經因為當好人而吃大虧。

但我現在認為一直抱持著這種防禦心態在跟人相處,無形之中或許喪失掉了本來可以是很美好的機會。這並不代表對誰都懷有大愛之心,我們還是可以先去初步判斷眼前這個人到底有沒有惡意,也不是說要對拿刀對著你的陌生人敞開胸襟。

這很像確認偏誤,一旦你認定眼前這個人是壞蛋,你就會想盡辦法且選擇性地去證明他是個壞蛋而忽略其他資訊;但如果把眼前這個人認定成好人,大腦也會想辦法去證明這件事。

看完這本書後我寫了一封信給 HTTP 203 的 Jake 跟 Surma,我長期關注的 Google Developers 節目,主要是在講網頁開發跟瀏覽器相關的東西,他們談論的很深而且又很幽默,可以從裡面學到很多。大概過了一兩天,兩位都回我了。我也沒有要去求 Referral 什麼的,就只是單純地表達感謝。

良葛格陈皓去世的消息,讓我想到表達感謝如果不及時,可能就來不及傳給對方了。他們兩位都是我在學生時期蠻常參考的部落格。如果你也有喜歡的創作者、網紅、親朋好友,你想感謝他們,不妨寫封信吧,效果奇佳。


一起了解 HTML 表單吧 技術專區

form  表單在網頁中是相當常見的應用,不只能夠傳輸純文字,也能夠達到檔案上傳的功能。

對於習慣寫 CSR(Client Side Rendering)的人來說,遇到需要使用者輸入並將資料送到後端的需求時,可能都會直接用 fetch 來寫。雖然沒有不好,但這類型的需求往往需要考量很多細節,如果沒有處理好的話,使用上的體驗可能會比原生的 form 還要糟糕唷。

例如,在寫互動的時候需要考慮下面幾點:

  • 載入中:表單正在提交,將欄位設為 disabled 防止使用者操作
  • 表單驗證錯誤:需要保留欄位的值並顯示錯誤訊息
  • API 成功:顯示對應提示並清空表單

這些都要另外寫 JavaScript 處理,但其實原生的 form 搭配瀏覽器的機制就涵蓋了這些功能,我們可以寫 JavaScript 讓 form 不需要重新整理頁面,同時確保了在使用者沒有開啟 JavaScript 時也可以使用原生的 form 來提交表單。在不太需要互動或保存瀏覽器端的狀態下,善用 form 可以大量減少 JavaScript 程式碼。

關於 form 的機制以及如何搭配 form 達到不用重整頁面的體驗,可以參考下面幾篇文章: