###### tag: `2023鐵人賽` `qiita`
# 2023 iThome 鐵人賽 30 天完賽心得

> 15th鐵人賽目錄傳送門：https://ithelp.ithome.com.tw/users/20135558/ironman/6290

[toc]

各位好，我是初次參賽的
儘管到目前累積兩年多的工作經驗，對未來的發展卻仍感到困惑不已，深知自己需要做什麼改變，比如拓展不同領域的技術、或是挖掘現有知識的深度也好，也因為瞭解自己的個性，需要什麼動力催促自己去執行這件事。因此，決定在今年第一次挑戰鐵人賽，訂下的主題是「前端工程師在 Qiita 閱讀的雜食筆記 」。



## 什麼是 [Qiita](https://qiita.com/)？


[Qiita](https://qiita.com/) 是個日本軟體開發社群，可以想成是專屬日本人的記錄與分享技術的平台。以下簡單介紹網站提供的功能，依導覽列由左到右分別如下：

- [ホーム](https://qiita.com/)（Home）：網站首頁，顯示追蹤中的主題文章、用戶貢獻排行等資訊
- [タイムライン](https://qiita.com/timeline)（Timeline）：類似 [Twitter](https://twitter.com/) 能夠根據喜好的主題，顯示專屬的時間軸
- [トレンド](https://qiita.com/trend)（Trend）：顯示最近討論度高的文章，以及最新技術趨勢排行
- [質問](https://qiita.com/question-feed)（Question）：類似 [Stack Overflow](https://stackoverflow.com/) 提供技術問答的討論區
- [公式イベント](https://qiita.com/official-events)（Event）：官方不定期會舉辦相關活動，例如目前正在進行的「iOS / Android 強化月間」主題徵求投稿活動，也能回顧過去分享的影片與主題文章
- [公式コラム](https://qiita.com/official-columns)（Column）：官方文章專欄
- [募集](https://qiita.com/opportunities)：可外連到 [Devトーク](https://jobs.qiita.com/dev_talks/about)（Talk），提供能夠讓工程師交換職場相關資訊的平台
- [Organization](https://qiita.com/organizations)：顯示公司貢獻排行與介紹，這點和其他以「個人」為主體的討論社群很不一樣，能夠直接觀察該公司近年關心的技術主題，或公司社員對於技術的討論風氣如何等等

之所以會接觸到 Qiita 這個社群平台，主要是看到 2020 年這篇鐵人賽主題：[從 Qiita 看日本前端趨勢](https://ithelp.ithome.com.tw/users/20129711/ironman/3224)。雖然這系列很可惜沒有完賽，但也很慶幸因為這個契機，能夠藉這個管道從日本人的角度探索各種技術知識。

自己本身也自學過一點日文，希望能延續這個主題，透過參加這次鐵人賽作為動力，強迫自己累積更多翻譯經驗，同時又能精進前後端等各領域的知識，真是一石三鳥！

## 主題架構

雖然標題包含「前端工程師」，但不代表主題會特別著重前端領域。在這為期三十天鐵人挑戰賽，希望能夠根據不同領域，挑選幾篇感興趣的內容進行翻譯，也許領域有點雜，還是希望能發揮工程師的雜食精神（？）把各種知識吞下，即使無法在一開始就全盤理解，先求有個知識背景，或許將來的自己有機會用上也說不定。

內容預計將涵蓋以下主題，後續也可能進行增刪微調：

## 文章列表

文章類別與連結，整理列表如下：

> 本系列文章已同步更新至[個人部落格](https://heidiliu2020.github.io/categories/2023%E9%90%B5%E4%BA%BA%E8%B3%BD/)。

| Title | Categories | Blog |
| ---- | ---- | ---- |
| [Day1 - 前言與系列大綱](https://ithelp.ithome.com.tw/articles/10315204) | `入門篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-1/) |
| [Day2 - 寫給工程師的自我管理入門](https://ithelp.ithome.com.tw/articles/10319718) | `入門篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-2/) |
| [Day3 - 工程師必備技能——Google 之力](https://ithelp.ithome.com.tw/articles/10321245) | `入門篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-3/) |
| [Day4 - 寫給菜鳥工程師有關變數/函數/方法的英文命名規則](https://ithelp.ithome.com.tw/articles/10321397) | `入門篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-4/) |
| [Day5 - 解析惡名昭彰的滑動廣告](https://ithelp.ithome.com.tw/articles/10323120) | `豆知識篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-5/) |
| [Day6 - 你知道使用免費 Wi-Fi 時可能洩露機密訊息的途徑有哪些嗎](https://ithelp.ithome.com.tw/articles/10323820) | `豆知識篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-6/) |
| [Day7 - 為什麼軟體必須要版本升級](https://ithelp.ithome.com.tw/articles/10324676) | `豆知識篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-7/) |
| [Day8 - 鹽加密的鹽通常會存放在哪裡](https://ithelp.ithome.com.tw/articles/10325490) | `豆知識篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-8/) |
| [Day9 - 有魅力的 Repository 會如何撰寫 README.md](https://ithelp.ithome.com.tw/articles/10326199) | `入門篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-9/) |
| [Day10 - 透過圖文理解 S.O.L.I.D 原則](https://ithelp.ithome.com.tw/articles/10326231) | `入門篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-10/) |
| [Day11 - 調查工程師的 alias 設定排行](https://ithelp.ithome.com.tw/articles/10328121) | `豆知識篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-11/) |
| [Day12 - 外國「為什麼日本無法像硬體時代一樣在軟體方面表現出色？」](https://ithelp.ithome.com.tw/articles/10328120) | `豆知識篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-12/) |
| [Day13 - 工程師邁向下一階段的學習方法](https://ithelp.ithome.com.tw/articles/10329658) | `職涯篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-13/) |
| [Day14 - 希望看到的工程師履歷撰寫方式](https://ithelp.ithome.com.tw/articles/10330376) | `職涯篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-14/) |
| [Day15 - 面試官在面試工程師時真正想知道的事情 ](https://ithelp.ithome.com.tw/articles/10331188) | `職涯篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-15/) |
| [Day16 - Node.js 是什麼？為什麼大家都在使用？](https://ithelp.ithome.com.tw/articles/10331821) | `前端篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-16/) |
| [Day17 - 告別 jQuery：現代開發不可或缺的 JavaScript 方法](https://ithelp.ithome.com.tw/articles/10332464) | `前端篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-17/) |
| [Day18 - 推薦給前端工程師的 Chrome 擴充功能](https://ithelp.ithome.com.tw/articles/10333170) | `工具篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-18/) |
| [Day19 - 使用 Visual Studio Code 時絕對要安裝的擴充套件 Top20【2022年最新版】](https://ithelp.ithome.com.tw/articles/10333745) | `工具篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-19/) |
| [Day20 - 馬上就能使用的免費 Web API 總覽【2023年最新版】](https://ithelp.ithome.com.tw/articles/10334472) | `前端篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-20/) |
| [Day21 - 日本數位廳的網站太扯了www](https://ithelp.ithome.com.tw/articles/10334680) | `前端篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-21/) |
| [Day22 - 程式設計最難的部分我認為是「估算成本」](https://ithelp.ithome.com.tw/articles/10335624) | `入門篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-22/) |
| [Day23 - ChatGPT 使用方法總整理](https://ithelp.ithome.com.tw/articles/10336359) | `工具篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-23/) |
| [Day24 - 啊？你還在用 ChatGPT 嗎？ Bing 可以免費使用 GPT-4 喔！](https://ithelp.ithome.com.tw/articles/10336882) | `工具篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-24/) |
| [Day25 - 成為具備需求定義～系統設計能力人才的文章](https://ithelp.ithome.com.tw/articles/10337492) | `後端篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-25/) |
| [Day26 - 擁有 20 多年工程師經驗的我，在撰寫設計規格書時所注意的事情](https://ithelp.ithome.com.tw/articles/10337883) | `入門篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-26/) |
| [Day27 - [常有的事]克服「卡住時，請立刻提問」的方法](https://ithelp.ithome.com.tw/articles/10338305) | `入門篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-27/) |
| [Day28 - 事到如今問不出口的 Log 基礎和設計指南](https://ithelp.ithome.com.tw/articles/10338905) | `後端篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-28/) |
| [Day29 - AWS Engineer Roadmap 2023](https://ithelp.ithome.com.tw/articles/10339403) | `雲端篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-29/) |
| [Day30 - 對技術不感興趣有什麼錯？](https://ithelp.ithome.com.tw/articles/10339972) | `職涯篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-30/) |
| [Day31 - 結語 & 關於翻譯的一點心得](https://ithelp.ithome.com.tw/articles/10339999) | `入門篇` | [LINK](https://heidiliu2020.github.io/ironman-2023-day-31/) |

自己並非專職翻譯，用詞可能會無法完整傳達原文想表達的意境，若發現文章內有錯誤或需要改進的地方，還請讀者們留言指教，謝謝。

在最後結語部分，稍微記錄這次在翻譯時的一點心得感想，內容可分為以下幾點：

- 翻譯流程
- 文章管理
- 輔助翻譯工具
- 其他選擇
- iThome 平台使用心得
- 結語

## 翻譯流程

簡單記述這次在翻譯文章時的流程，步驟大致如下：

- 在 [Qiita](https://qiita.com/) 篩選感興趣的文章
- 使用 [Notion](https://www.notion.so/) 管理日文初稿
- 搭配 [ChatGPT](https://chat.openai.com/) 等工具進行翻譯
- 翻譯完成後，會再轉移到 [HackMD](https://hackmd.io/) 管理，主要是確認 Markdown 語法是否有問題
- 貼到 iThome 編輯器，進行最後確認，沒問題就儲存成草稿
- 隔天起床發文送出

關於文章篩選，除了是挑自己感興趣且討論度高的主題以外，也會盡量挑選文章字數在 3 千字上下，感覺翻譯起來比較不會有負擔，但凡事總是有例外，還是有幾篇字數突破到 5 千字以上，卻又無法輕易割捨⋯⋯

在正式開賽前，庫存約有十篇翻譯，到第十天左右進度也很有餘裕，因此天真地以為肯定能夠提早完成，舒舒服服迎接完賽。

隨著時間進行到中期，開始進入到偏技術性的文章，就不能單純仰賴翻譯工具進行翻譯，而是時常需要 Google 或查看 Wiki 等確保用字，以避免自創新詞的情況發生。甚至途中還發生點小插曲，雖然已經完成整篇翻譯，自己卻覺得主題有點太淺，結果乾脆當作練習，另外再找篇新的文章。

結果可想而知，到了後期，進度急速被壓縮，幾乎變成一兩天內就要完成一篇翻譯。也因此，真的還是需要提前把文章準備好，才不會整天被死線追著跑Orz

最後挑選主題，依照類別如下所示，這系列文章也已經整理到[個人部落格](https://heidiliu2020.github.io/categories/)：

- 非程式語言
- 入門篇(10)
- 豆知識篇(6)
- 職涯篇(4)
- 工具篇(4)
- 程式語言
- 前端技術篇(4)
- 後端技術篇(2)
- 雲端篇(1)

其實選文結果跟自己原本預想差蠻多的，因為一開始的想法，是希望能夠程式與非程式各佔一半，程式語言的部分，理想是能夠介紹到四五種語言。

但現實是骨感的，想要能夠在一篇文章中清楚介紹一門程式語言，其實不是件容易的事。如果想要深入探討，這類型文章通常篇幅較長；如果篇幅較短，又可能會是比較粗淺的入門介紹。也因此，最後還是選擇非技術語言類別的文章居多。

## 文章管理

平時在做筆記的時候，也會像這樣搭配 Notion 與 HackMD 來管理文章。以前的我，其實是忠實的 HackMD 粉，但自從瞭解到 Notion 強大的資料管理功能，漸漸轉變成雙棲用戶。之所以仍無法捨棄 HackMD，是因為作為 Markdown 檔案編輯器，使用體驗還是很棒，但對於分類管理就不是強項，這點就靠 Notion 來進行互補。

總結兩者的優缺點如下：

- Notion
- 強大的資料管理功能
- 可以直接內嵌圖片、影片和連結
- 不需花太多心思，就能讓畫面賞心悅目
- 因為功能眾多，一開始可能需要點時間熟悉使用方法
- 雖然支援 Markdown 語法，但匯出檔案有時符號會出現在奇怪位置


- HackMD
- 支援 Markdown 語法
- 編輯器能使用雙欄位模式，編輯的同時馬上顯示預覽結果
- 能夠直接插入圖片並生成語法
- 能夠與 GitHub 同步筆記，進行文章備份
- 文章管理較弱，僅能夠以「標籤」進行文章分類


## 輔助翻譯工具

現在的翻譯工具，已經比起過去充滿「機翻味」的 Google 翻譯成熟許多，尤其是在初次見識到 ChatGPT 的翻譯功能，更是令人嘆為觀止。

一如寫程式能夠直接問 ChatGPT，翻譯也能夠輕易達成。雖然遇到較複雜的情境，或是文法斷句較不規則的情況，還是很容易出現奇怪的結果，甚至翻譯出完全相反的語意。因此，想要完全取代人力可能還為之過早，但不可置否，若能夠妥善使用這些工具，將能夠大幅提升工作效率。或許機器能夠達到 80% 的要求，剩下更細微的部分，就需要由人力去進行優化。

除了 ChatGPT，主要還使用以下幾種翻譯工具：

### ChatGPT

- 網頁版：https://chat.openai.com/
- Chrome 擴充功能：**[ChatGPT for Google](https://chrome.google.com/webstore/detail/chatgpt-for-google/jgjaeacdkonaoafenlfkkkmbaopkbilf)**
- 個人認為比 ChatGPT 官網好用，使用上穩定很多，不會經常出現錯誤導致對話卡住
- 使用免費版 GPT-3.5

### Bing Chat

- 網頁版：https://www.bing.com/search?q=Bing+AI&showconv=1&FORM=hpcodx
- 支援 GPT-4，就翻譯而言沒有太大差別，但或許對寫程式仍有一定幫助
- 次數限制這點真的不太友善，如果不是遇到特別複雜的結構，可能不太會想用 Bing 來協助翻譯
- 詳細可參考這篇：[Day24 - 啊？你還在用 ChatGPT 嗎？ Bing 可以免費使用 GPT-4 喔！](https://ithelp.ithome.com.tw/articles/10336882)

### DeepL Translate

- 網頁版：https://www.deepl.com/zh/translator/l/en/zh
- Chrome 擴充功能：[DeepL Translate: Reading & writing translator](https://chrome.google.com/webstore/detail/deepl-translate-reading-w/cofdbpoegempjloogbagkncekinflcnj)
- 中文只有簡體，尚未支援繁體
- 雖然可搭配「簡轉繁中」的工具，但多一步驟就是有點麻煩

### Mate Translate

- Chrome 擴充功能：[Mate Translate – translator, dictionary](https://chrome.google.com/webstore/detail/mate-translate-%E2%80%93-translat/ihmgiclibbndffejedjimfjmfoabpcke)
- 在閱讀文章時，無意間發現這項工具，體驗上比只有簡體的 DeepL 優秀很多
- 用法同樣是選取翻譯區塊，旁邊會出現 icon 可點選進行翻譯，或是點選右上角的 icon 進行全頁翻譯

使用畫面如下所示，選取區塊旁的兩個 icon 分別是 DeepL 和 Mate：


然而，以上這些翻譯工具，即使輸入提示文字「請翻譯成繁體中文」或下一些「限制語句」，偶爾還是會冒出對岸用語或簡體中文。

舉出部分例子作為對照，如下表所示，這點在翻譯時需特別注意：

| 台灣用語 | 對岸用語 |
| --- | --- |
| 程式 | 程序 |
| 程式碼 | 代碼 |
| 程式語言 | 編程語言 |
| 影片 | 視頻 |
| 資訊 | 信息 |
| 資料庫 | 數據庫 |
| 軟體 | 軟件 |
| 文章 | 帖子 |
| 網際網路 | 互聯網 |

## 其他選擇

除了文章編輯管理工具，以及輔助翻譯工具以外，也會搭配以下方式：

### [goo 辭書](https://dictionary.goo.ne.jp/)

- 日語辭典
- 遇到一些即使 Google 還是不懂意思，或甚至找不到中文翻譯，直接翻日語詞典也是個辦法
- 遇到較口語或新潮的用語，還是要善用 Google 搜尋
- 如何提升 Google 搜尋能力，可參考這篇：[Day3 - 工程師必備技能——Google 之力](https://ithelp.ithome.com.tw/articles/10321245)

### [教育部重編國語辭典](https://dict.revised.moe.edu.tw/index.jsp)

- 沒錯！就是中文辭典
- 避免口語化，確保不是使用台語或對岸用語
- 例如：來去～、觀看視頻
- 有時翻譯奧妙的點就在於，發現自己明明懂日文意思，卻不知道該如何用中文表達 ~~（或突然覺得自己不會中文）~~ 的時候，避免出現奇怪自創用詞

### 問問強者朋友

- 不懂就問！問問精通日文的親朋好友，或是在 PTT、[HiNative](https://tw.hinative.com/) 等平台發問
- 此外，「翻譯時開著教育部辭典和日文辭典，只要有疑慮就查」這點，就是詢問有在接案翻譯的朋友得到的建議

## 結語

轉職成為前端工程師以來，終於輪到自己參賽，從閱讀者的角色轉變為創作者，感覺還是很不可思議。

先前也有在文章中提到，原本自己是想要以 AWS 為主題參賽的。起因是，一直在思考今年能不能有什麼突破，從年中就有計畫要考取 AWS 證照，卻遲遲沒辦法有可見的進度，甚至陷入一段小小低潮。

雖然是題外話，原本其實有過想去日本留學的夢想，甚至還在今年申請到別科資格，雖然後來因為職涯考量還是放棄了。仔細想了想，其實自己已經具備基礎的日文能力，畢竟打從一開始，就是以「興趣」驅動學習日文這件事，那麼何不以這為切入點，試試看能不能借此點燃學習程式的熱情呢？於是就開啟了這次鐵人賽的旅程。

最後，儘管說是創作，但翻譯本身仍舊是建立在他人的「成果」上，透過這次大量閱讀技術文章，除了瞭解與技術、軟硬實力與學習相關的知識內容，同時也瞭解文章架構，以及敘事方式。期許明年或是未來的自己，能夠真正「創作」文章進行技術分享。

感謝您的閱讀，如果發現文章內容有誤或有什麼建議，歡迎留言告訴我，我們有緣再相見！