我的Chrome裝了一個擴充功能，是RSS訂閱，網頁若有更新它會跑出數字通知提醒我，對於總是有點急、無法接受APP有未讀數字（所以我的手機頁面非常乾淨，因為我無法容許有紅色數字）的我來說，我總是很快就會去點來看。
⠀⠀⠀⠀⠀
這個擴充功能，第一個訂閱的RSS是「Google關鍵字搜尋趨勢」，現在大家在用Google搜尋什麼，這個頁面會每隔一段時間就會告訴我，時快時慢，要視當日搜尋關鍵字的多寡及流動率來看。
⠀⠀⠀⠀⠀
而今天我大概按了十幾回吧，每一次的關鍵字幾乎都不一樣，但大抵上不脫「疫情」兩字。
⠀⠀⠀⠀⠀
想了一下，其實從前幾天開始，關鍵字搜尋的流動就非常快，到了今天，現在雙北居民只能待在家裡，多半也只能透過網路來接受外界資訊，所以關鍵字流動率高好像也是必然結果。不過有時候我會想，我們真的需要這麼多資訊嗎？
⠀⠀⠀⠀⠀
我一直都相信（也是越來越相信）有「言靈」這樣的力量，大家在自己SNS上頭寫的各種資訊，新聞媒體上的資訊，看多了，那些文字、那些照片擁有的力量，一再衝進我們看似身處家裡，但實值在網路上奔馳的思緒裡，想想，其實還滿可怕的（想到《錄影帶謀殺案》）。
⠀⠀⠀⠀⠀
可能對於現在活在資訊多到可以令人情緒爆炸──就像《印第安納瓊斯》水晶骷髏那集反派凱特布蘭琪的下場──吸收過多或被渲染過多，可能才是一場真正危機，也許要學習怎麼讓思緒離開這個好用工具，並找到可以讓人有「歸屬感」的安穩沉溺世界，才是我們這個世代的新命題。
⠀⠀⠀⠀⠀
其他人的話，我不太清楚（遊戲類的話，能讓我有沉溺感的只有曠野之息，完全是改變我對「遊戲」這件事物的偉大作品），我的話，只能是書、劇，還有電影。
⠀⠀⠀⠀⠀
影劇類先不提（但你只要看我最近都在發什麼文就知道我在看啥劇了），這一年，許多客氣的出版社會寄試閱書給我，我有興趣的都會盡量讀，所以有稍微練習怎麼提昇閱讀速度（說穿了就是專注力練習），前天讀完《我所預感的悲傷未來》（後半段很有趣），今天讀完了讀了一個月多的《諾蘭變奏曲》（諾蘭比我想像中的還要有趣很多），快速重讀了柳橋出版的《全裸導演》，然後稍微開啟了印刻出版的《片斷人間》與最近二版的佐野洋子《靜子》（看了四分之一，佐野真的是個非常坦承到驚人的創作者）。
⠀⠀⠀⠀⠀
再加上睡前重讀的向田邦子《回憶·撲克牌》與黃麗群《海邊的房間》，我自己覺得，我從這些文字裡，確實得到很多。安全感也好，不可能寫得比他們好，但觀察別人是怎麼寫的，其實也是我的生活樂趣之一（反正我宅在自己世界也不是一天兩天的事了…）。
⠀⠀⠀⠀⠀
也許可以給大家做個小參考，畢竟可以「逃」到另一個世界，是一件幸福的事。
⠀⠀⠀⠀⠀
另外，剛看到葉郎發了募集大家可以講心聲的動態，想了一下，若您有什麼意見想法，最近在讀什麼，玩什麼，看什麼（比方說烏梅真是又帥又可愛之類也可以），其實也不妨留言在這篇，也許也可以給大家一個參考的憑據吧（也是這個小小專頁，在這時的少數用處吧）。

▌學習資源 ▌

師大翻譯所的語言學習寶庫 🔥

幾位學弟妹花了數週時間，
蒐集本所在校生及校友愛用的語言學習資源，
加以彙整而成 。

內容相當豐富，
大家快來挖寶吧！

其中我也有略盡綿薄之力
所以要沾光一下 😂😂😂

【GITI春日強檔🔥語言能力養成特別企劃】

春眠不覺曉，發懶的春日又將迎來讓人更加慵懶的連假，今天小編也來跟大家分享一些比較輕鬆的話題吧。

對於翻譯從業人員來說，語言能力是最基礎的入門門檻，正因如此，每位譯者自己都有自己一套有效且能持續增進語言能力的方式。

想知道翻譯所的校友和同學們平時都如何加強語言能力嗎？
好奇我們在翻譯時會使用哪些工具嗎？

小編這就一次說給你聽！

⭐️ B語言(英文為主)能力培養

📌 Netflix：其實Netflix不僅是個歐美劇平台，裡頭也有非常多值得一看的紀錄片和電影。最近Google Chrome上甚至出現了一套新的擴充應用工具——LLN(Language Learning with Netflix)，小編覺得功能使用起來有些類似我們熟知的Voicetube，有興趣透過Netflix學語言的朋友們，不妨也可以下載來使用看看喔！

📌 TED：相信TED Talks也在許多人的口袋名單當中，在增進語言之餘，還能接觸到許多不同領域的知識 。此外，TED線上廣播——TED Radio Hour，也是一個很棒的學習工具。但小編個人私心最喜歡的其實是 TED Ideas，偏向用於讀寫能力的提升，裏頭有許多不同領域的文章，但大多與我們的日常生活息息相關，寫作筆法也相當簡明、流暢，很適合在通勤時讀上個一兩篇。
💡小提醒：TED 大部分的演講都經過排練，將贅語及不必要的資訊都過濾過，資訊相對密集，很適合作為學習英文的題材。但若要當口譯練習的題材，最好學習一段時間之後再開始使用。

📌 NPR：本所同學大力推薦NPR Hourly Newscast，不論是語速或是資訊密度，都很適合做聽力或口譯練習使用。此外，NPR官網上的其他頻道也都十分有趣。

📌 新聞、雜誌：New York Times, Washington Post, CNN, BBC, The Guardian, The Economists等網站上的文章，品質都很不錯，若對新聞翻譯或編譯有興趣的朋友們，更能透過這些網站學習撰寫英文報導的技巧。

很多人往往都是踏入了翻譯界後，才驚覺自己的母語(A語言)其實不如想像中好，時常在翻譯時想不出好的對應詞或策略。所以，保持A語言閱讀習慣也是非常重要的，能幫助我們增加語言使用的彈性，讓翻譯技巧更上一層樓。

⭐️ A語言(中文為主)能力養成

📌 島讀App：每天會推播一篇精選文章，常常會讀到或學到新東西。

📌 風傳媒、關鍵評論：彙整當前社會、政治熱門議題，提供時事分析與評論。

📌 報導者：深入剖析近期社會、政治議題，提供更全面、客觀的觀點。

📌 作家的社群網站：小編本身對文學很感興趣，所以有Follow許多作家的社群網站，時時能閱讀到作家日常隨筆。

📌 出版社或書商的社群網站：時報出版、博客來Okapi等發布的文章都大多挺有趣的文章，通常與文學有關，時不時也會出現一些與翻譯相關的主題，很適合對文學翻譯有興趣的朋友們關注。

「我們不是人肉字典！」
這句話想必是許多譯者的心聲。其實在翻譯的過程當中，我們也都會遇到不懂的生字，或是不確定該使用哪些搭配詞彙，這時候，我們就會請出自己的翻譯法寶，來幫助我們順利完成任務：

㊙️ Visuwords：輸入特定字詞，該網站就會以心智圖列出所有相關的詞語，非常好用。

㊙️ Netspeak：做中進英時必查的網站，可以找到許多搭配詞跟使用頻率。

㊙️ Wordreference、Hinative：這兩個網站屬論壇類型，有非常多英語相關問題，基本上解答皆由母語人士提供，在不確定搭配詞或字詞差異時，非常好用。

最後，翻譯除了語言能力以及技巧外，背景知識也非常重要，每位譯者都有自己擅長或偏好的領域。小編針對不同知識領域，整理了一些網站供有興趣的朋友們參考，讓大家在平常想用英文跟別人分享如政治或體育的話題時，再也不會因為不知道時事的英文而不敢開口！

🔍 政治、外交：The Hill (國會動態，如外交部質詢)、AIT 網站 (語域高，適合正式演說)、劉必榮國際新聞評論、Taiwan Watch 美國國會台灣觀測站等。

🔍 新聞編譯：英倫網、金融時報FT中文網雙語閱讀、民視英語新聞等（以上三個網站的新聞都以雙語呈現，官方譯文可供參考）

🔍 體育：Bleacher Report、BBC Sports等

選擇學習工具和資源時，每個人的需求都不盡相同，有些人希望快速、有些人希望無痛，但唯一一項大家都會考量到無非就是「能否持續」。學習語言就像學習知識一樣，都並非一蹴可幾，只有找到一個能夠驅策自己前進的動力和方法，才能有朝一日抵達我們目標的終點。

HTML/CSS/JavaScript 開發工具總整理

這篇幫您整理出實作 HTML/CSS/JavaScript 時，一些比較酷的工具、函式庫。非常有用！很推薦大家看！我簡單翻譯一下大綱，不過我會推薦以：

(1) 編輯器：教您用那個工具來撰寫 HTML/CSS/JavaScript 會比較好。
(4) 函式庫：補充 JavaScript 原來不足之處。如同加上「金剛飛翼（函式庫）」後的「鐵金剛（JavaScript）」就突然能飛是一樣的。
(3) 前處理器：把常用、好用、可能高達數百行的 CSS/JavaScript 程式碼，濃縮成一個名字，讓您使用後，彈指之間有如寫出數百行 CSS/JavaScript 般。
(2) 框架：原始碼外觀可能完全不像 JavaScript，但寫完後，會由框架轉換成 JavaScript 去執行。讓您不但「寫得少」，還有「功能多」的好處。有點像「前處理器」+「函式庫」的綜合體。
(5) 工具：一些測試、編譯、模板等工具，可以讓你的程式設計工作，更加自動化、更輕鬆。

這樣的順序來研讀。不過我底下的翻譯為了配合原文，無法調整成我認為理想的順序，請大家見諒囉！

原文連結：
https://tutsplus.com/tutorial/essentials-tools-for-a-modern-front-end-development-workflow/

---------

(1) 編輯器（寫碼之用）：

- 「Sublime Text 3」：
這個我們介紹過好幾次了！個人非常推薦！Sublime Text 3 是要錢的，不過它的前一版 Sublime Text 2，則可以「試用」到天荒地老，不另收費！

- 「Light Table」：
它的好處就是一邊編輯，可以一邊看到結果。不必等到用瀏覽器秀出來才知道對錯。不過這個特性個人沒有覺得有多好，我自己不太推。

- 「WebStorm」：
一個將「寫碼、偵錯、看結果」全部整合在一個視窗的工具。是很不錯！但如果您不喜歡掏錢買軟體，這個可能不是你要的。

- 「Vim」：
已經五十歲的一個老牌編輯器！免費、不太好學、但學會後您不會想換其它編輯器。這有點像開慣手排車的人，要他回來開自排車，簡直要了他的命一樣。

- 「Brackets」
也是整合「寫碼、偵錯、看結果」於一身的工具。Adobe 研發、免費。不過整合得沒有 WebStorm 好，很多功能 Sublime Text 2/3 也做得到。所以個人還是認為學 Sublime Text 比較划算。

(2) JavaScript 程式框架（Frameworks）：

所謂「框架」，就是把本來要自己寫兩三百行程式碼才能實現的功能，讓您在彈指之間就寫出來的工具。如果您的程式碼用了「框架」，外觀上有可能看起來一點都不像 JavaScript 原始碼！不過它在底層「展開」後，仍然是 JavaScript 原始碼無誤！只不過你要寫的是那一兩行「未展開」的框架原始碼，而非「展開後」那兩三百行 JavaScript 原始碼就是了。

用框架來寫程式，就像你包餃子是買做好的「餃子皮（框架）」來包，而非買「麵粉（JavaScript）」從頭做起。時間上省了很多！

比較著名的 JavaScript 框架有（可以混用）：

- Backbone：jQuery （一種函式庫，後述）最流行的框架。
- Ember.js：提供一堆很美麗的 Cocoa UI（一種用 JavaScript 寫成的人機界面），還讓你用少少幾行完成。
- AngularJS：Google 提供！主要用來擴充 HTML 的功能之用。著重在功能面上的一個框架。
- Knockout.js：它著重在「資料綁定」。這是 Backbone 比較弱的一環。Backbone 做資料綁定可能要好幾百行，Knockout.js 大概只要十幾行就完成了。
- Meteor：架構在 Node.js（一種跑在伺服器上的 JavaScript，地位等同 PHP）的框架，目的是希望讓 Node.js 的程式師能少寫幾行程式碼。
- Mocha：一種針對「JavaScript」做「單元測試」的框架。類似 Java 裡的 JUnit。競爭對手包括「Jasmine」與「QUnit」。

(3) 前處理器（Preprocessors）:

所謂「前處理器」，就是把一些常用、複雜的 CSS/JavaScript 寫法，賦予它一個簡短名字。然後只要你在 CSS/JavaScript 原始碼內 寫上這個名字，這些前處理器，就會把它展開，還原成原來 CSS/JavaScript 的樣子。這會讓你大大縮短開發時間！著名的前處理器排列如下（大部份人會慣用其中之一即可，雖然也可以混用）：

以下是 CSS 的三大前處理器：
- Sass
- LESS
- Stylus

以下是 JavaScript 的兩大前處理器：
- CoffeeScript
- TypeScript

以下是全方位的前處理器：
- CodeKit
- LiveReload

(4) 函式庫（Libraries）：

所謂函式庫，就是人家幫你寫好的 JavaScript 副程式。想用時，直接拿來呼叫即可。正如「鐵金剛（JavaScript）」本來不會飛，加上「金剛飛翼（函式庫）」後，就有飛的功能了。著名的函式庫如下所示：

- jQuery：它是用來操縱整個 HTML 節點（或稱 DOM 結構）最棒的函式庫！講到操作 DOM，除了 jQuery 外不作第二人想！
- Underscore：它是用來補足 JavaScript 沒提供「顯而易見」函數而被發明出來的。如 find(), shuffle()...等。它與 Backbone 框架緊密結合。用了 Backbone 的人很少沒聽過 Underscore 的大名的。
- D3：它的拿手好戲就是顯示統計圖表！如果你想用 JavaScript 顯示各類統計圖表，D3 絕對不可錯過！

(5) 工具（Tools & Utilities）

- RequireJS：一個 JavaScript 檔案/模組載入器。允許你把 JavaScript 寫成小小模組，然後像樂高積木一樣載入使用。不好學，但學會後很值得。
- Testem：JavaScript 的測試用工具。
- Grunt：一個可以將 JavaScript 的編譯、載入、測試、執行工作，自動化的命令列工具。類似 C 語言世界裡的 make。
- Normalize：可以將你的程式碼，改到連用 IE 低版本瀏覽器來看，效果都跟 Chrome 或 Firefox 一樣的工具。
- HTML5 Boilerplate：它裡面包含了上百個「模板」，可以讓你「拷貝與貼上」，就能擁有強大的網頁功能，不必寫大量程式碼。
- Twitter Bootstrap：由 Twitter 工程師貢獻的大量模板，也是可以讓你「拷貝與貼上」使用它們。
- Foundation 4：與 Bootstrap 是競爭對手、也有大量模板供你拷貝與貼上使用之。

https://tutsplus.com/tutorial/essentials-tools-for-a-modern-front-end-development-workflow/

---
原文已經率先刊登於 G+ 私密社團「紀老師網頁程式設計」。對 HTML/CSS/JavaScript 感興趣的朋友，可以申請加入：

https://plus.google.com/communities/100793154849235819235

（申請制，審核時間 24 小時內）