js2020.yml

locale: zh-Hant
namespace: js
translations:
    ###########################################################################
    # General
    ###########################################################################

    - key: general.results.description
      t: 關於 JavaScript 生態圈最新流行趨勢的年度調查

    ###########################################################################
    # Introduction
    ###########################################################################

    - key: introduction.js2020
      t: |

            <span class="first-letter">儘</span>管 2020 年不是那麼順遂，整體來說 JavaScript 仍舊持續向上發展。Optional Chaining 和 Nullish Coalescing 這些新功能持續釋出，另一方面 TypeScript 將靜態型別的應用推展至新的境界。

            接著看到框架，正當我們認為事情不會有什麼變動時，Svelte 展露頭角，誓言撼動前端開發的現狀。甚至連 webpack 獨霸多年的建置工具界，最近也頻頻有新的活動。

            但俗話說得好，薑還是老得辣。Svelte 和 Snowpack 讓人眼睛一亮，但 React 和 webpack 仍舊十分耀眼。新的技術很酷，但既有的工具也不會那麼快消失。當然，未來某一天它們終將被劇烈變動的 JavaScript 埋沒，化為時代的眼淚。不過，或許在那天到來之前我們還有得等。

            那，不如珍視我們目前有的吧：良好、持續進步的生態圈！

            ### 團隊

            JavaScript 現況調查由 [Sacha Greif](https://twitter.com/sachagreif) 與 [Raphaël Benitte](https://twitter.com/benitteraphael) 共同發起與維護。

            ### 下載資料

            本次調查提供[原始 JSON 資料下載](https://www.kaggle.com/sachag/state-of-js)。如果你以此做出自己的資料視覺化，跟我們說一聲吧！

            ### 相關連結

            - [CSS 現況調查首頁](https://stateofcss.com)
            - [JS 現況調查首頁](https://stateofjs.com)

            ### 致謝

            感謝 [Alexey Pyltsyn](https://github.com/lex111) 協助翻譯。

            ### 其他資訊

            此網站使用 IBM Plex Mono。有問題或回饋嗎？[立刻聯繫！](mailto:hello@stateofjs.com)

            接下來就讓我們一起瞧瞧 JavaScript 今年在忙些什麼吧！

            <span class="conclusion__byline">– Sacha 與 Raphaël</span>

    ###########################################################################
    # Tshirt
    ###########################################################################

    - key: sections.tshirt.title
      t: T-shirt

    - key: sections.tshirt.description
      t: |
          ## 用行動支持這項調查！

          我們更新了去年廣受歡迎的 👕 State of JavaScript T-shirt 👕，並推出 2020 版！

          這件衣服上有「JavaScript 週期表」，根據類別列出最受歡迎的套件，以及它們的 GitHub 星星數（以千為單位）。

          這件衣服除了能讓你熟悉 JavaScript 的生態圈，說不定也跟其他 JavaScript 開發者有話聊哦！

    - key: tshirt.about
      t: 關於這件 T-shirt

    - key: tshirt.description
      t: |
          有半合身剪裁的希瑟黑[Bella+Canvas 3001 unisex premium t-shirt](https://www.printful.com/custom/mens/t-shirts/unisex-premium-t-shirt-bella-canvas-3001)（男），與希瑟深灰[Anvil 880 Women's Fashion Fit T-Shirt](https://www.printful.com/custom/womens/t-shirts/womens-fashion-fit-t-shirt)（女）供選擇。採用 U.S. 尺寸。

    - key: tshirt.getit
      t: 訂購

    - key: tshirt.price
      t: 美金 $24 + 運費

    ###########################################################################
    # Sections Introductions
    ###########################################################################

    - key: sections.user_info.description
      t: |
          TODO

          今年的調查收集了來自 **102** 個國家、共 **11,492** 位參與者的資料。感謝團隊眾多志願者，今年也是我們第一次能夠將調查的問題翻譯成多國語言。

    - key: sections.features.description
      t: |
          僅管大部分的填答者知曉多數在調查中提及的 JavaScript 功能，不少人仍未有機會使用過它們。

    - key: sections.technologies.description
      t: |
          新推出的 JavaScript 套件獲得高滿意度與低使用率，顯示在選擇適合的工具時還是有些難度。這時候不妨看看調查資料吧，或許能為你指引正確的方向。

    - key: sections.javascript_flavors.description
      t: |
          幾年前 CoffeeScript 帶起將不同寫法轉譯回 JavaScript 的風潮，但如今 TypeScript 已無庸置疑是這方面的領頭羊。

    - key: sections.front_end_frameworks.description
      t: |
          如往常一樣，React 與 Vue 領先，但 Svelte 正快速擴展版圖，看得出角逐前端寶座的野心。

    - key: sections.datalayer.description
      t: |
          資料層方面仍然變動頻繁，但至少清楚的是：GraphQL 和其相關技術會留存。

    - key: sections.back_end_frameworks.description
      t: |
          後端方面仍然十分零碎，但可觀察到 Express 是一方霸主，而 Next.js 維持著它的高滿意度。

    - key: sections.testing.description
      t: |
          測試的生態圈蓬勃發展，新秀 Testing Library 與 Playwright 在滿意度都拿下高分。

    - key: sections.build_tools.description
      t: |
          正當我們覺得 webpack 稱霸建置工具界時，像是 Snowpack and esbuild 這些新工具百花齊放，於是我們決定從 2017 年以來，第一次給他們專屬的調查欄位。

    - key: sections.mobile_desktop.description
      t: |
          JavaScript 不僅只是瀏覽器專屬的，看看最知名的兩個案例吧：Electron 與 React Native。其他像 Expo 與 Capacitor 也開始帶動新一波浪潮。

    - key: sections.other_tools.description
      t: |
          套件與其他工具百家爭鳴，顯示 JavaScript 生態圈已變得相當龐大。今年我們也首次追蹤了像 Deno 與 Hermes 這些 JavaScript 執行環境。

    - key: sections.resources.description
      t: |
          許多良好的資源都列在這了，我們很確定你能在部落格或 podcast 中找到一些更新的東西！

    - key: sections.opinions.description
      t: |
          雖然在 JavaScript 的樂土上一切看似良好，但相較 2018 年的高點，大家對於 JavaScript 的看好程度似乎有些微下降。究竟這樣的情形會持續嗎？我們明年揭曉！


    ###########################################################################
    # Notes
    ###########################################################################

    - key: blocks.source.note
      t: >

        TODO

        此圖表結合不同的資料來源（referrers, URL parameters, and freeform answers）。

        - State of JS: [State of JS](https://stateofjs.com) 郵寄清單。

        - State of CSS: [State of CSS](https://stateofcss.com/) 郵寄清單；包含 `email`、`by email` 等。

        - Work: 包含 `work`、`colleagues`、`coworkers` 等。

    ###########################################################################
    # Awards
    ###########################################################################

    # - key: award.feature_adoption_delta_award.comment
    #   t: With a **{value}** progression in 2020, this was the year CSS Grid crossed over from new technology to established tool.

    - key: award.tool_usage_delta_award.comment
      t: TypeScript 早已是一時之選，而看來它會變得更普遍、無所不在。

    - key: award.tool_satisfaction_award.comment
      t: 有著超高的 **{value}** 滿意度，Testing Library 無疑是 2020 年最受喜愛的工具。

    - key: award.tool_interest_award.comment
      t: 只要開發者有時間進修，GraphQL 依舊是他們的首選。

    # - key: award.most_write_ins_award.comment
    #   t: Many questions also accepted write-in answers, and with **{value}** mentions    PhpStorm was the most popular item overall.

    ###########################################################################
    # Conclusion
    ###########################################################################

    - key: sections.conclusion.description
      t: |
            自古以來，哲學家便在思考一則 JavaScript 悖論：一方面，我們這些開發者迫不及待想使用新的功能，以及宣稱能夠大幅改善開發體驗的新套件。但另一方面，我們卻又嚮往穩定、簡單的工具，不想浪費時間查看 GitHub issue 或過時的 Stack Overflow 問題。

            怎麼辦？我們要用潮到出水的新技術，還是選安定可靠的舊工具？前所未見地，2020 年的調查顯示我們「全都要」。不過，好消息是，JavaScript 社群已經準備好迎接這項挑戰，讓我們一同期待 2021 年到來吧！

    ###########################################################################
    # 年度精選
    ###########################################################################

    - key: picks.my_2020_pick
      t: '我的 2020 年精選：'
    - key: picks.intro
      t: 我們邀請了 JavaScript 社群成員分享他們的「年度精選」

    - key: picks.joshwcomeau.bio
      t: 前軟體工程師、現任講師
    - key: picks.joshwcomeau.description
      t: |
            對學習 web accessibility 而言，這是非常棒的入門資源！我選它是因為，身為 JS 開發者，我們的職責是要確保網站能讓所有人使用，不只是使用鍵盤、滑鼠的明眼人。

    - key: picks.swyx.bio
      t: Infinite Builder
    - key: picks.swyx.description
      t: |
            Svelte 是前端框架的太空電梯，它讓你用極快的速度打造極快的應用程式。

    - key: picks.kentcdodds.bio
      t: 用高品質的軟體改善世界
    - key: picks.kentcdodds.description
      t: |
            Remix 採取的策略和 React 框架不同，它強調「漸進增強」。它以其他現有框架未能做到的方式擁抱 web 平台，我很期待它的潛力。