tag:blogger.com,1999:blog-202122322024-03-18T11:02:17.448+08:00Mozilla Links 正體中文版Mozilla 最新消息與使用秘技sanopuphttp://www.blogger.com/profile/10395439663477715548noreply@blogger.comBlogger547125tag:blogger.com,1999:blog-20212232.post-23382172378483768782017-03-02T20:56:00.002+08:002017-03-02T21:08:11.518+08:00Firefox <3 Tor Browser<p>如果你曾用過 <a href="https://zh.wikipedia.org/zh-tw/Tor">Tor</a>,你很可能用過 Tor 瀏覽器;如果你用過 Tor 瀏覽器,你就用過 Firefox。Tor 瀏覽器幾乎就是 Firefox - 雖然有改動和增加一些程式碼,但 Tor 瀏覽器中 95% 左右的程式碼來自 Firefox。Firefox 和 Tor 瀏覽器團隊已經合作了很長一段時間,但在 2016 年,我們開始了前所未有的緊密合作,藉著這些合作,Tor 瀏覽器團隊能更順利的進行他們的工作,為 Firefox 使用者加入更多的隱私性功能,並且讓兩個瀏覽器都更安全。</p>
<p>Tor 瀏覽器團隊利用 <a href="http://blog.mozilla.com.tw/posts/98/firefox-esr%E4%BC%81%E6%A5%AD%E7%89%88%E8%A8%88%E5%8A%83%E5%95%9F%E5%8B%95">Firefox ESR(企業版)</a>,再加上一些額外的 patch,來建造 Tor 瀏覽器。這些 patch 提供了 Tor 瀏覽器使用者們重要的隱私功能,但也表示每當 Tor 瀏覽器團隊要使用一版新的 Firefox 時,他們必須修改那些 patch 以符合新版的 Firefox,這樣的工作佔了 Tor 瀏覽器開發大部份的時間。</p>
<p>2016 年,我們開始將 Tor 瀏覽器的 patch 拿來,uplift 到 Firefox。當一個 patch 被 uplift 時,我們把 Tor 瀏覽器的改變加進 Firefox,預設都設為關閉,但可以透過設定開啟。這使 Tor 瀏覽器團隊的工作減少了,因為他們只需要更改設定,而不用更新 patch。這也讓 Firefox 團隊有機會測試 Tor 瀏覽器先進的隱私功能,考慮是否能進一步開放給更多的使用者。</p>
<p>這個 uplift 專案的第一個目標是一個叫 <a href="https://www.torproject.org/projects/torbrowser/design/#identifier-linkability">First Party Isolation</a>(譯註:第一方隔離?)的功能,它提供了非常強的反追蹤保護(但可能會使某些網站無法正常顯示)。Mozilla 組成了一個<a href="https://wiki.mozilla.org/Security/FirstPartyIsolation">專門的團隊</a>(譯註:有我有我!Fixed bugs 有 12 個是我解的哈哈),使用當初實作 <a href="https://blog.mozilla.org/tanvi/2016/06/16/contextual-identities-on-the-web/">Containers</a> 的技術,將 Tor 瀏覽器中的 First Party Isolation 功能實作到 Firefox 中。這個團隊也透過自動化測試和 QA 的協助來確保 Firefox 的隔離至少和 Tor 瀏覽器一樣強,甚至找到了一些 Tor 瀏覽器可以更加強的地方。這段時間內,Mozilla 的團隊和 Tor 瀏覽器的團隊合作密切,包含每週的視訊會議,以及九月的一次面對面會議。</p>
<p>First Party Isolation 將會被包含在 Firefox 52 中,而 Tor 瀏覽器的下一個版本也會建立在這之上。因此,Tor 瀏覽器團隊將不需要再為這個版本更新 First Party Isolation 的 patch。在 Firefox 中,First Party Isolation 預設是關閉的(因為相容性的問題),但 Firefox 使用者可以透過將 about:config 中的 privacy.firstparty.isolate 設為 true 來打開這個功能。</p>
<p>我們很興奮能在 2017 年持續這份合作。首先我們很快會開始 uplift <a href="https://wiki.mozilla.org/Security/Fingerprinting">一系列的 patch</a> 來防止瀏覽器上的指紋分析 (fingerprinting)。另外對於 <a href="https://zh.wikipedia.org/zh-tw/%E6%B2%99%E7%9B%92_(%E9%9B%BB%E8%85%A6%E5%AE%89%E5%85%A8)">sandboxing</a>,我們也會研究如何結合 <a href="https://blog.torproject.org/blog/q-and-yawning-angel">Yawning Angel 已經在 Tor 瀏覽器上做的</a>,和 Firefox 預計於 2017 年初開始釋出的 <a href="https://wiki.mozilla.org/Security/Sandbox">sandboxing 功能</a>。</p>
<p>最後,我們也不能忘記 Mozilla 和 Tor 專案之間持續合作解決各種安全漏洞。幾週前,我們雙方同時被通知了一個<a href="https://blog.mozilla.org/security/2016/11/30/fixing-an-svg-animation-vulnerability/">利用 Firefox 中的零時差漏洞針對 Tor 瀏覽器的攻擊</a>。我們合作在 24 小時之內開發、測試、並修復了這兩個瀏覽器。</p>
<p>由 Firefox 和 Tor 瀏覽器團隊的合作,可以看出 <a href="https://www.mozilla.org/zh-TW/about/manifesto/">Mozilla 的開放、自主參與的原則</a>是如何推動網路的安全和隱私性。我們很自豪在 2016 年和 Tor 瀏覽器完成了這些,我們也期望能持續打造一個更安全且更注重隱私的網路。</p>
<blockquote>
原文 / <a href="https://blog.torproject.org/blog/tor-heart-firefox">Tor at the Heart: Firefox | The Tor Blog</a><br>
作者 / Ethan Tseng and Richard Barnes<br>
翻譯 / <a href="http://pohsianghao.com/firefox-loves-tor-browser/">Po-Hsiang (Jonathan) Hao</a><br>
授權 / <a href="http://creativecommons.org/licenses/by/4.0/">創用 CC 姓名標示 4.0 國際 授權條款</a>
</blockquote>
<p>φ Irvin 編輯</p>irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-16564398122299663592017-01-02T21:24:00.001+08:002017-01-02T21:31:24.479+08:00 Firefox 使用 Adblock Plus 時記憶體更省了<blockquote>譯註:<a href='https://blog.mozilla.org/nnethercote/2015/07/01/firefox-41-will-use-less-memory-when-running-adblock-plus/'>本文原文</a>發表於 2015 年七月。2015 年 9 月發佈的 Firefox 41 已針對此問題進行更新,縮減了 Adblock 等類似情境下的記憶體用量,本文為問題與解決過程的概述,於 2016 年 5 月完成翻譯。</blockquote>
<p>去(2014)年,我寫了一篇文章,<a href='https://blog.mozilla.org/nnethercote/2014/05/14/adblock-pluss-effect-on-firefoxs-memory-usage/'>討論 ABP 對 Firefox 的記憶體使用情況的影響</a>,以下是該篇文章的重點。</p>
<blockquote>
<p>第一點, <a href='https://bugzilla.mozilla.org/show_bug.cgi?id=1001426'>只要啟用 ABP,就會持續佔用大約 60~70 MiB 的資源</a>。[…] 這看起來大概是因為有額外的 JavaScript 記憶體用量,也有部分原因歸咎於額外記憶體用於版面配置。</p>
<p>第二點,<a href='https://bugzilla.mozilla.org/show_bug.cgi?id=988266'>每一個 iframe 都會占用約 4 MiB 的資源</a>。這是因為 ABP 會把一個龐大的樣式置入每一個 iframe 中。許多網頁上都會有多個 iframe,因此被占用的記憶體也會快速的增加。 舉例來說,如果我開啟了 <a href='http://techcrunch.com/'>TechCrunch</a>,然後捲到每一篇文章中的社群網站按紐 […],在沒有開啟 ABP 的情況下,Firefox 使用了大約 194 MiB 記憶體,開啟了 ABP 後,占用的量變為 417 MiB,先前的兩倍以上。</p>
<p>還有一個更極端的案例是 <a href='http://vimcolorschemetest.googlecode.com/svn/html/index-c.html'>這個網頁</a>,它包含超過 400 個 iframes。在沒有 ABP 的情況下,Firefox 會使用大約 370 MiB 的資源,開啟了 ABP 後,占用的量就上升到了 1,960 MiB。(譯註:原始連結已消失,<a href='http://metalelf0.github.com/VimColorSchemeTest-Ruby/python.html'>[1]</a> <a href='http://metalelf0.github.io/VimColorSchemeTest-Ruby/ruby.html'>[2]</a> 是近似的重製頁面)</p>
</blockquote>
<p>(其實這一段敘述不太精確;實際上的資源使用量是以「文件」(<em>Document</em>)數計算,包含了分頁中的最上層文件和 iframe 裡的文件。)</p>
<p>上個禮拜,Mozilla 的開發人員 <a href='http://mcc.id.au/'>Cameron McCormack</a> 完成了一些補丁(Patch)修正 <a href='https://bugzilla.mozilla.org/show_bug.cgi?id=77999'>bug 77999</a>,這個 bug 已經存在超過 14 年。這個補丁讓 CSS 的關聯資料能被共享(具體來說,這些補丁增加了一個資料結構來共享「使用者代理樣式表」的結果)就此完全解決了<a href='https://bugzilla.mozilla.org/show_bug.cgi?id=988266'>第二個問題</a>,兩個問題之中比較重要的部分。</p>
<p>舉例來說,在上面提到的「極端例子」(概稱 Vim Color Scheme Test)裡,每個文件的記憶體用量都減少了 3.62 MiB。該網頁中有 429 個文件,總共減少了大約 1,500 MiB,讓該網頁的記憶體使用量下降到 450 MiB 左右,和沒有開啟 ABP 時相比已經沒有差那麼多了。(這些數據都是在 64 位元的架構下進行測試的。)</p>
<p>我也在多個網站上測試,並且確認當啟用 ABP 時,每個文件均能節省約 3.6 MiB 的記憶體。 不同網頁上的文件數目相差甚大,因此實際效果取決於頁面狀態(我想再針對 TechCrunch 做測試,但是它的首頁已經整個換新了,且不再觸發這麼大量的記憶體。)舉例來說,我在其中一個測試時分別打開了 <a href='nytimes.com'>紐約時報</a>、<a href='cnn.com'>CNN</a> 和 <a href='bbc.co.uk'>BBC</a> 的首頁和其中的四篇文章,總共有 15 個分頁。在包含了 Cameron 補丁的 Firefox 上啟用 ABP 時,可以少用約 90 MiB 的記憶體,減少了 10%以上。</p>
<p>就算沒有使用 ABP,這個補丁仍然有其他好處。比如說,在 Vim Color Scheme Test 裡,每個文件的實體記憶體用量都下降約 0.09 MiB,總共減少了 40 MiB 左右。</p>
<p>如果您想要自行測試的使用量的變化,您會需要 <a href='https://nightly.mozilla.org/'>Nightly</a> 版本的 Firefox 和 <a href='https://adblockplus.org/en/development-builds'>ABP 的開發中版本</a>(因為最近出現了一個和 JavaScript 分析有關的<a href='https://bugzilla.mozilla.org/show_bug.cgi?id=1176702'>錯誤</a>,造成舊的 ABP 無法在 Nightly 上運作)。 在 Firefox 的 <a href='about:memory'>about:memory</a> 頁面中,您可以發現「style-sets」的大小變小了。您也會在「layout/rule-processor-cache」下方看到一個新項目,這是新的共享資料的量測數據,它通常只有幾 MiB 而已。</p>
<p>這項改進已經準備放進 Firefox 41 ,並<a href='https://wiki.mozilla.org/RapidRelease/Calendar#Future_branch_dates'>預定於 2015 年 9 月 22 日發佈</a>。而其他釋出頻道的使用者,Firefox 41 Beta 預定將在 8 月 11 日釋出,而 Firefox 41 開發者版本則會於一、兩天內發佈。</p>
<blockquote>原文 / <a href='https://blog.mozilla.org/nnethercote/2015/07/01/firefox-41-will-use-less-memory-when-running-adblock-plus/'>Firefox 41 will use less memory when running AdBlock Plus | Nicholas Nethercote</a>
作者 / Nicholas Nethercote</blockquote>
<p>φ 蒼天炎劍 翻譯 - Kevin-WY、Irvin 編輯</p>irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-23815112789192032782016-12-15T20:57:00.001+08:002016-12-15T20:58:13.257+08:00使用 Firefox,分享更容易了!<p><a href="https://activations.cdn.mozilla.net/zh-TW/" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNblkCcGqGWWdYbNYYyXIYWOpmYLk3SP9IWDX-0-ifHkftugk58dIYzPzCTQM3jnXXLg9aFseAgvzwWuco8N_LpjAhyphenhyphenMlK4PZr0fVnk9Bo1DQHotwmKXlAQr-QAAiWWbXrKRQpTA/s1600/sharing.png" /></a></p>
<p>在網路上找到某些東西後,想立即分享嗎?<a href="https://support.mozilla.org/zh-TW/kb/share-webpage-through-firefox-share">Firefox 的分享功能</a>,可讓您在瀏覽器中直接分享頁面,而不必離開您訪問的網站。相當方便!</p>
<p>打開我們的<a href="https://activations.cdn.mozilla.net/zh-TW/">社交服務頁面</a>,點擊「立刻啟用」連接至 Facebook、Twitter、Yahoo! Mail、Tumblr、LinkedIn 等您偏好的網站。當您下次找到值得分享的東西時,只要點擊分享圖示(紙飛機),就能立刻送出。</p>
<p><a href="https://activations.cdn.mozilla.net/zh-TW/">> 立即設定輕鬆分享</a></p>
<blockquote>
原文 / <a href="https://blog.mozilla.org/theden/2015/07/30/sharing-made-easy-with-firefox/">Sharing made easy with Firefox | The Den</a><br>
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC: BY-SA 3.0</a> 或其後版本
</blockquote>
<p>φ iris 翻譯 - Kevin-WY 編輯</p>
irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com1tag:blogger.com,1999:blog-20212232.post-10130700091507077062016-09-16T00:56:00.000+08:002016-09-16T01:01:49.217+08:00摩茲動手做(五)自己的瀏覽器自己改─使用新版 Firefox Addon SDK 開發簡單的附加元件<blockquote>
<p><a href="http://goodjack.blogspot.tw/2016/03/getting-started-tutorial-firefox-addon-sdk-tool-jpm.html">本文原文</a>出自《小克'S 部落格》,作者小克更新謀智台客〈<a href="http://tech.mozilla.com.tw/posts/5832/%E8%87%AA%E5%B7%B1%E7%9A%84%E7%80%8F%E8%A6%BD%E5%99%A8%E8%87%AA%E5%B7%B1%E6%94%B9-part-i-%E5%88%A9%E7%94%A8firefox-addon-sdk%E9%96%8B%E7%99%BC%E7%B0%A1%E5%96%AE%E7%9A%84%E9%99%84%E5%8A%A0%E5%85%83">自己的瀏覽器自己改 (Part I) -利用Firefox Addon SDK開發簡單的附加元件</a>〉一文,以新的 jpm 工具相關資訊,取代原文中使用的舊版 cfx 工具而成。</p>
<p>也歡迎參閱由 WM 撰寫的〈<a href="http://mozlinks.moztw.org/2012/08/add-on-sdk-firefox.html">摩茲動手做(二)用 Add-on SDK 寫簡單的 Firefox 套件</a>〉 一文。如果有開發相關疑問,歡迎加入 <a href="https://moztw.org/community/telegram/">MozTW dev/add-on 開發</a> Telegram 聊天頻道,一起討論套件開發的心得與問題。</p>
</blockquote>
<h2 id="toc_0">前言</h2>
<p>Firefox 最受歡迎的特色之一,就是量多而且質精的附加元件 (Add-on)。在 <a href="https://Add-ons.mozilla.org">Firefox 附加元件網站</a>中,您可以找到各式各樣的附加元件,滿足您上網的各種需求。在這篇文章中,我們將會介紹如何利用 <a href="https://developer.mozilla.org/en-US/Add-ons/SDK">Firefox Add-on SDK</a> 撰寫簡單的附加元件,改變網頁的外觀與行為。</p>
<p>即使不是自己架設的網站,我們也能隨心所欲的改善它們的使用經驗!</p>
<h2 id="toc_1">準備工作</h2>
<p>為了減輕開發者的負擔,Mozilla 推出 Add-on SDK,取代原來基於 <a href="https://developer.mozilla.org/en-US/Add-ons/Overlay_Extensions">XUL 技術</a>的附加元件框架。相較於傳統的 XUL,Add-on SDK 提供更多簡單易用的 API,簡化開發流程,另外也提供了許多新的使用者介面元素,來配合新版的 Firefox 介面。</p>
<p>為了能夠使用最新的 API,建議您先<a href="http://moztw.org/firefox/">更新 Firefox 到最新版</a>。</p>
<p>您還需要安裝最新版的 Add-on SDK,以下將以 Linux 平台作為教學範例 ( OS X 也適用 ),若是使用 Windows 請參考 <a href="https://developer.mozilla.org/en-US/Add-ons/SDK/Tools/jpm#Installation">Install the Add-on SDK</a>。</p>
<p>首先下載最新版的 Add-on SDK,您需要先安裝 <em>npm</em> (包含在 Node.js 中)。可以使用以下指令確認是否安裝過:</p>
<div><pre><code class="language-none">/usr/bin/env node -v</code></pre></div>
<p>若顯示錯誤訊息如 <em>/usr/bin/env: node: No such file or directory</em>,則透過指令安裝:</p>
<p><em>Ubuntu</em></p>
<div><pre><code class="language-none">sudo apt-get install nodejs-legacy</code></pre></div>
<p><em>OS X</em>(請先安裝 <a href="http://brew.sh/index_zh-tw.html">Homebrew 套件管理工具</a>)</p>
<div><pre><code class="language-none">brew install node</code></pre></div>
<p>接者透過 npm 安裝 jpm</p>
<div><pre><code class="language-none">npm install jpm --global</code></pre></div>
<p>安裝後測試看看是否成功:</p>
<div><pre><code class="language-none">jpm</code></pre></div>
<p>若安裝成功您應該會看到 jpm 的可用指令統整畫面。</p>
<p>特別的是,只要安裝 jpm 時有使用 <code>--global</code> flag,就不用像舊式的 cfx 工具,需要使用指令啟用 Add-on SDK 環境。</p>
<h2 id="toc_2">初始化一個新的專案</h2>
<p>Web 工程師都知道要學習 HTML、JavaScrprt、CSS 最好的資源就是 <a href="https://developer.mozilla.org/zh-TW/">Mozilla Developer Network</a>。我們就試著用 Firefox Add-on 來把 MDN 調教改造成我們想要的樣子。</p>
<p>我們會先示範如何插入 JavaScript 來改變 MDN 的背景顏色,接著我們再示範如何在 MDN 的首頁上插入自己的按鈕,並且可以讓按鈕執行我們自己定義的 JavaScript。</p>
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUTrkABFRXQ9U6Oau4Pu8ELgWJGqwg3TWcNSIFKbZwNfBtpVoBWI9is3gWzrNomIfgCE4JjZER6XoZ1J3rtY6ZQSb3298oAq8wb7uLcwllfjlD8_BJzlM1fNW4288XJk0XjR5q/s640/%25E8%259E%25A2%25E5%25B9%2595%25E6%2588%25AA%25E5%259C%2596+2016-03-10+13.30.04.png" /></div>
<div style="text-align: center;">套用 Add-on 之前的 MDN 網站</div>
<p>假設我們把這個新的專案叫作 mdn-mod ,第一步我們先讓 Add-on SDK 幫我們生成必要的檔案與目錄結構:</p>
<div><pre><code class="language-none">mkdir mdn-mod
cd mdn-mod
jpm init</code></pre></div>
<p>當執行完 <code>jpm init</code> 之後,jpm 會詢問我們關於此附加元件的一些資訊,例如程式名稱、版本號、作者、授權條款等等,這些資訊會被用來建立 <em>package.json</em> 檔。現在我們只要連按 Enter 使用預設值。</p>
<p>完成後,我們的 <em>mdn-mod</em> 資料夾就會出現以下的檔案:</p>
<div><pre><code class="language-none">.
├── index.js // Add-on 主要的 JavaScript 程式碼,程式的進入點
├── README.md // 說明文件
├── package.json // 定義這個 Add-on 的 metadata
└── test // 測試檔案,之後再介紹
└── test-main.js</code></pre></div>
<h2 id="toc_3">用 page-mod 插入 JavaScript 到指定網站</h2>
<p>Add-on SDK 提供的一個實用 API 叫作 <a href="https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/page-mod">page-mod</a>,其用途是當 Firefox 開啟指定的網站時,就插入一段自己的 JavaScript 到頁面上,因此可以改變特定網站的行為。</p>
<p>首先我們打開 index.js,加入以下幾行程式碼:</p>
<div><pre><code class="language-none">var pageMod = require("sdk/page-mod");
var data = require("sdk/self").data;
pageMod.PageMod({
include: "*.mozilla.org",
contentScriptFile: data.url("my-script.js")
});</code></pre></div>
<p>第五行的 <code>include: “*.mozilla.org”</code> 就是我們希望套用的網址(<code>*</code> 代表萬用字元)。只要 Firefox 開啟的網址是以 <em>mozilla.org</em> 結尾,就會插入 contentScriptFile 指定的 JavaScript 檔案。在這裡我們使用了 <code>data.url(“my-script.js”)</code>,意思是放在 <em>data/</em> 資料夾下的 <em>my-script.js</em> 檔案。</p>
<h2 id="toc_4">改變 MDN 背景顏色</h2>
<p>目前為止我們還沒定義 Content Script 要執行什麼。現在馬上新增一個檔案 <em>data/my-script.js</em>,插入以下一行簡單的程式碼:</p>
<div><pre><code class="language-none">document.body.style.background="red";</code></pre></div>
<p>這行代碼會把 <em><body></em> 的背景設成紅色,等同於以下這段 CSS 的效果:</p>
<div><pre><code class="language-none">body {
background-color: red;
}</code></pre></div>
<h2 id="toc_5">使用乾淨的瀏覽器進行測試</h2>
<p>完成上述步驟以後,我們的 Add-on 已經可以準備測試了。但是我們日常使用的 Firefox 可能有很多個人設定,或是安裝了很多其他 Add-on,會干擾我們的測試。此時我們只要執行</p>
<div><pre><code class="language-none">jpm run</code></pre></div>
<p>Add-on SDK 就會幫我們開啟一個完全乾淨的 Firefox 使用者設定檔(Profile),讓我們可以在近乎出廠設定的 Firefox 底下測試我們的 Add-on。</p>
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Jtdy7W1AyuDzly6gaKC-rqKIi3UitcvqKPQuh-7nlIrwJVjMB3UFqKj9I8ptzZaTUunR8viqFT8YZ9IKhTVzPo5kBWu4zPyL3E7PMG670tn5arAFhqmeaPLCeK1jXoYq4OXi/s640/%25E8%259E%25A2%25E5%25B9%2595%25E6%2588%25AA%25E5%259C%2596+2016-03-10+13.28.59.png" /></div><br />
<div style="text-align: center;">乾淨的 Firefox Profile</div>
<p>當我們在新開的 Firefox 裡面開啟 <a href="">http://developer.mozilla.org/</a>,毫不意外的 MDN 的背景就變成紅色了!</p>
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAV2n1QboF2qYT8O8HbDRy53B8XGaoDTMmM3kSH_nP2KtTAEAMfHaEdWXOp-E7tNaMRJRkc6FCW4muw1nQ0UWRpyLg6yFPNhFyuGZM52-SS1gPGmowJoQre_au7sf4M0c9lMSK/s640/%25E8%259E%25A2%25E5%25B9%2595%25E6%2588%25AA%25E5%259C%2596+2016-03-10+13.27.38.png" /></div><br />
<div style="text-align: center;">MDN 的背景已經被改成紅色</div>
<h2 id="toc_6">添加新按鈕</h2>
<p>除了改變現有的頁面以外,我們也可以自由的插入任何自己想要的元件。讓我們再次打開 <em>data/my-script.js</em>,加入以下程式碼:</p>
<div><pre><code class="language-none">var button = "<button onClick='alert(\"Hi!\")'>CLICK ME</button>";
document.body.innerHTML = button + document.body.innerHTML;</code></pre></div>
<p>再這段程式碼裡面,我們定義了一個 html5 的按鈕,並且讓它被按下 (觸發 <em>onClick</em> 事件) 時,跳出一個訊息框說「Hi!」 (<code>alert('Hi!')</code>),緊接著就把這個按鈕插入到 body tag 的最前面。</p>
<p>當我們再次執行 <code>cfx run</code> 來瀏覽 MDN 時,就會看到畫面最上方出現了一個按鈕。</p>
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2xw_G9pbnsQoJJ9EON-wicz_uaR_AUbiNiYusELLkRsHeqGSoA0z_EYDxmkHMmp3uczezkUPQXT84vEKr8GNIwzfH3O_WheHREuHkrucM0_TdZqaiKDTuYlUAaac55EogExix/s640/%25E8%259E%25A2%25E5%25B9%2595%25E6%2588%25AA%25E5%259C%2596+2016-03-10+13.26.10.png" /></div>
<div style="text-align: center;">出現了 CLICK ME 按鈕</div>
<p>按下按鈕馬上跳出寫著「Hi!」的訊息框。</p>
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO1Ws6MZ3PlOFH6gXPdHSpjk_kzjeZiLZcQavEwdujvieuVl1yuNDzOGswzp_A3yFaEb0AT5mgMShZEcQoVjWtT5M_mF9tlRtlLwi1U1truP2LoYAJjHY-LFUrYSseI89AYdYi/s640/%25E8%259E%25A2%25E5%25B9%2595%25E6%2588%25AA%25E5%259C%2596+2016-03-10+13.25.13.png" /></div>
<div style="text-align: center;">跳出了寫著「Hi!」的訊息框</div>
<h2 id="toc_7">打包出貨</h2>
<p>如此一來我們的 Add-on 就大功告成了!如果要把這個 Add-on 包裝成可以分享的 <a href="https://developer.mozilla.org/en-US/Add-ons/SDK/Tutorials/Getting_Started_(jpm)#Packaging_the_add-on">xpi</a> 格式,只要執行 <code>jpm xpi</code> 即可。</p>
<p>Add-on SDK 會生成一個副檔名為 <em>.xpi</em> 的安裝檔。不論是要直接傳給親朋好友,或是拿去 Firefox 附加元件網站上架都可以!</p>
<p>以上就是一個簡單的 Add-on 教學。</p>
<h2 id="toc_8">參考資訊</h2>
<ol>
<li>Firefox 附加元件網站 <a href="">https://add-ons.mozilla.org</a></li>
<li>Firefox Add-on SDK (MDN) <a href="">https://developer.mozilla.org/en-US/Add-ons/SDK</a></li>
<li>Overlay Extension using XUL <a href="">https://developer.mozilla.org/en-US/Add-ons/Overlay_Extensions</a></li>
<li>Install the Add-on SDK <a href="">https://developer.mozilla.org/en-US/Add-ons/SDK/Tools/jpm#Installation</a></li>
<li>package.json 格式說明 <a href="">https://developer.mozilla.org/en-US/Add-ons/SDK/Tools/package_json</a></li>
<li>page-mod <a href="">https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/page-mod</a></li>
<li>Packaging the add-on <a href="">https://developer.mozilla.org/en-US/Add-ons/SDK/Tutorials/GettingStarted(jpm)#Packagingtheadd-on</a></li>
</ol>
<h2 id="toc_9">授權</h2>
<p>本篇原始著作衍生自〈謀智台客〉<a href="http://tech.mozilla.com.tw/posts/5832">自己的瀏覽器自己改 (Part I) -利用Firefox Addon SDK開發簡單的附加元件</a>一文,作者為 <a href="http://tech.mozilla.com.tw/posts/author/slyumozilla-com">Lyu Shing</a>,以<a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC 姓名標示—相同方式分享條款 3.0 或更新版本</a>授權釋出。</p>
<blockquote>
原文 / <a href="http://goodjack.blogspot.com/2016/03/getting-started-tutorial-firefox-addon-sdk-tool-jpm.html">自己的瀏覽器自己改 (Part 2) -利用新的 jpm Firefox Addon SDK 開發簡單的附加元件 - 小克’s 部落格</a><br>
授權 / <a href="http://creativecommons.org/licenses/by-sa/4.0/">創用CC 姓名標示-相同方式分享 4.0 國際版</a><br>
作者 / 小克
</blockquote>
<p>φ 小克 撰寫 - Toppy、Irvin 編輯</p>
toppy368http://www.blogger.com/profile/04876586226778177270noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-52170173669052377282016-05-27T13:35:00.001+08:002016-06-20T06:12:12.284+08:00我的開源故事:Tanay Pant<h3>一段 Mozilla 旅程:從貢獻者至 Firefox 校園大使執行委員會</h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD8N5XqbnWom9NTBjtZyWf-asppq92WV0HQw-r6Z2vpLJTnsH41OChrPkHdN0viuoeuHIBr4TVXnnSO1qZ8U2GjozlMCH6_Y4Q6kj8ihnSe-242PcoQ-hO6OvAuOvjfrej1LK4/s1600/image01.png" /></div>
<p>我的開放原始碼旅程,起始自於大學一年級時,加入 Mozilla <a href="https://www.mozilla.org/en-US/contribute/studentambassadors/">Firefox Sudent Abassadors</a> 計畫。</p>
<p>我是在 Mozilla 的 #webmaker IRC 頻道潛水時遇見 <a href="https://twitter.com/epilepticrabbit">Laura Hilliger</a> 的。當時我們討論了我參與中的獨立出版資訊安全和黑客雜誌 <a href="https://tanay1337.makes.org/thimble/LTE4OTk3NTc1Njg=/the-code-zer0-magazine-issue-1">CodeZer0</a>,她鼓勵我為 Webmaker 的 <a href="https://wiki.mozilla.org/Webmaker/TeachTheWeb">#TeachTheWeb</a> 活動設計一份網路安全教材。在此之後,我們合作設計了多份提倡網頁素養的教材,獲得很多很棒的回饋。 </p>
<p>因為對 <a href="https://teach.mozilla.org/">Webmaker</a> 及 FSA 的貢獻,我受邀參加印度 Bangalore 舉辦的 <a href="https://wiki.mozilla.org/MozCamp">MozCamp</a> Beta 活動,遇到許多啟發激勵我撰寫程式、貢獻開源碼計畫的人。在此我學到現代網路技術,例如 <a href="https://nodejs.org/en/">Node.js</a> 和 <a href="https://angularjs.org/">AngularJS</a>,並且開始貢獻程式碼到 Webmaker 專案。</p>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2_5lhJa3oF1MU-9j2sPDo7siOHHIWzpEVWl8HvFP3VxIVPtPbEsC1nBJVkW-11ItKl-Y4s_1Czc3NMI5Y7vRU1IAKGNr69v8NWoWMDTj3d4uHQVrG6Wy97TTIF-sXceTqf966/s1600/image02.jpg"><img border="0" height="348" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2_5lhJa3oF1MU-9j2sPDo7siOHHIWzpEVWl8HvFP3VxIVPtPbEsC1nBJVkW-11ItKl-Y4s_1Czc3NMI5Y7vRU1IAKGNr69v8NWoWMDTj3d4uHQVrG6Wy97TTIF-sXceTqf966/s640/image02.jpg" width="640" /></a>
<br>
MozCamp Beta, Bangalore
</div>
<p>同時,FSA 社群經理邀請我擔任地區大使,幫助帶領、指導社群裡的校園大使們。幫助新志願者,讓我燃起對社群經營的興趣,希望能以領導者的身分,擔起更大的責任。我因此加入 <a href="https://reps.mozilla.org/">Mozilla Reps</a> 計畫,開始指導來自世界各地的成員。這是一群為了維護網路開放而一起努力的人,能夠成為他們的一份子是很棒的經驗。</p></p>
<p>2015 年時,我申請加入 FSA 執行委員會。這群摩茲人是校園大使計畫的領導者,負責制定目標、架構及規劃活動,而我主掌溝通一職。</p>
<p>因為對 Mozilla 程式庫的貢獻經歷,我學到許多技術知識,進而撰寫 <a href="http://tanaypant.com/learning-firefox-os-application-development-released/">Learning Firefox OS application development</a> 一書。當來自世界各地的開發者與我聯繫,告知我這本書非常棒、他們十分喜愛、並且從中學到了什麼時,是一種很美妙的感覺。我也被列入 Firefox 的貢獻者名單頁面中。</p>
<p>今年,我受邀請參加在新加坡舉辦的 Mozillia Ladershp Summit。這是很棒的學習機會,讓我能見到那些曾在 IRC 上聊過的良師益友們。</p>
<p>近期,我正在 FSA 執行委員會中,協助強化專案的基礎架構,並規劃這個計畫的未來藍圖。同時我也正在製作 Linux 系統上的虛擬助理「Melissa」,幫助那些正在學習 Python 的人,在 Raspberry Pi 或其它嵌入式裝置上製作可規模化的虛擬助理,讓物聯網 (IoT) 更具互動性、更聰明。我也正在撰寫另一本關於這個主題的書,應該很快就會完成了。</p></p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUfYTlP76thGN921GB0gf1fwKJQwzGu7CAKhgrku47MMs3r3BxvH7fjU-KQ6cd5SnpFwR7QD0QdfDhrubQVCf_R6bkHvlLAjNYjNnj35Tf8jVtA4M_x_8wuXy0lPuGOQIE9ByK/s1600/image00.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUfYTlP76thGN921GB0gf1fwKJQwzGu7CAKhgrku47MMs3r3BxvH7fjU-KQ6cd5SnpFwR7QD0QdfDhrubQVCf_R6bkHvlLAjNYjNnj35Tf8jVtA4M_x_8wuXy0lPuGOQIE9ByK/s1600/image00.jpg" /></a></div>
<p>開源碼社群的工作讓我學到一件事:在尋求幫助時,您絲毫不需猶豫。人們都十分友善,而且找到對的導師,對於你的人生會有很大助益。貢獻開放原始碼計畫,對你來說只會有好處,所以不要再浪費時間考慮了。放手一博,投入你喜愛的開源專案社群吧。如果你對於學新技術特別有興趣,沒什麼比得過一天一 commit 的了,同時還能增加你的數位資歷呢!</p>
<p>開源碼社群非常友善,我也十分感激它幫助我獲得領導能力及技術知識。</p>
<h3>我的開放源碼故事</h3>
<p><a href=https://opensource.com/tags/my-open-source-story>我的開源碼故事</a>系列,特別介紹來自各領域的人如何開始接觸開源碼,及他們的常用工具。如果你想分享你的故事,請聯絡:open@opensource.com</p>
<blockquote>
原文 / <a href="http://blog.webmaker.org/introducing-the-new-thimble-an-educational-code-editor-for-teaching-and-learning-the-web">My Open Source Story: Tanay Pant | Opensource.com</a><br>
作者 / Tanay Pant<br>
授權 / <a href="http://creativecommons.org/licenses/by-sa/4.0/">創用 CC 姓名標示-相同方式分享 4.0 國際</a>
</blockquote>
<p>φ Iris 翻譯 - Kevin-WY、Irvin、toppy368 編輯</p>
toppy368http://www.blogger.com/profile/04876586226778177270noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-30788317255768465302016-05-01T22:26:00.000+08:002016-05-05T16:15:21.287+08:00連小編都驚呆了!不死的 Thunderbird 用量持續成長中在此我們很高興的向大家報告:Thunderbird 的使用量正在持續成長中!<p />
Mozilla 使用 <a href="https://wiki.mozilla.org/ADI">Active Daily Installations (ADI)</a> ──伺服器每日接受到的附加元件黑名單更新需求數──來計算程式的使用率。這個數字不完全相等於活躍使用者數,因為不是每個使用者都會每天打開程式,有一些用戶則被防火牆阻擋住了。因而我們使用 ADI 乘以 3 來估計每個月的活躍使用者數量。<p />
為了畫出 Thunderbird 用量的變化趨勢圖,我挑出了幾年來每個月 ADI 的峰值,結果像這樣:<p />
<img border="0" height="387" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiupnBbuUn7kNVHkvCXQBNz99bzuh71YauAv3MXYK8rdGQvC7n_TNxgVQqNSlZNVo9i3qkY0llxekJyVpqz-lgg1aaHJWhpyyui3IJvAmpvI_g0KGl5kRNcBq4MFFcvVhOIh03stQ/s640/Thunderbird_ADI_2018-2015.png" width="640" />
德國已經占據我們第一名用量的國家很久了;在 2014 年的第四季,日本則超越美國成為第二名。這裡是用量排名前十名的國家(2015 年 2 月 24 日當日統計):<p />
<table border="1" style="border-collapse: collapse;">
<caption>2015 年 2 月 24 日 Thunderbird 使用量的國家排名</caption>
<tr>
<td><b>排名</b></td>
<td><b>國家</b></td>
<td><b>ADI 2015-02-24</b></td>
</tr>
<tr>
<td>1.</td>
<td>德國</td>
<td>1,711,834</td>
</tr>
<tr>
<td>2.</td>
<td>日本</td>
<td>1,002,877</td>
</tr>
<tr>
<td>3.</td>
<td>美國</td>
<td>927,477</td>
</tr>
<tr>
<td>4.</td>
<td>法國</td>
<td>777,478</td>
</tr>
<tr>
<td>5.</td>
<td>義大利</td>
<td>514,771</td>
</tr>
<tr>
<td>6.</td>
<td>俄羅斯聯邦</td>
<td>494,645</td>
</tr>
<tr>
<td>7.</td>
<td>波蘭</td>
<td>480,496</td>
</tr>
<tr>
<td>8.</td>
<td>西班牙</td>
<td>282,008</td>
</tr>
<tr>
<td>9.</td>
<td>巴西</td>
<td>265,820</td>
</tr>
<tr>
<td>10.</td>
<td>英國</td>
<td>254,381</td>
</tr>
<tr>
<td></td>
<td>其他地區總和</td>
<td>2,543,493</td>
</tr>
<tr>
<td></td>
<td><b>共計</b></td>
<td><b>9,255,280</b></td>
</tr>
</table><p />
Thunderbird 團隊正在努力準備下一次的重大更新,也就是 Thunderbird 47,釋出時間訂於今(2016)年六月。接下來我們也會持續在 <a href="https://blog.mozilla.org/thunderbird/">Thunderbird 部落格</a>上發表更多相關資訊。<p />
<blockquote>
原文 / <a href="https://blog.mozilla.org/thunderbird/2015/02/thunderbird-usage-continues-to-grow/">Thunderbird Usage Continues to Grow | The Mozilla Thunderbird Blog</a><br>
作者 / <a href="http://mesquilla.com/">Kent James</a><br>
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC 姓名標示-相同方式分享-3.0</a>
</blockquote><p />
<p>φ <a href="http://akabatojuuroku.blogspot.com">十六</a> 翻譯 - Kevin-WY、Irvin、toppy368 編輯<br />toppy368http://www.blogger.com/profile/04876586226778177270noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-5719579385172994442016-04-29T20:36:00.001+08:002016-04-29T20:36:27.954+08:00Firefox 版本釋出時程更新<p>四年前開始,Mozilla 將新版本的推出時間改為固定週期模式,也就是所謂的「<a href="https://blog.mozilla.org/channels/2011/07/18/every-six-weeks/">Train Model</a>」。我們每六週釋出一次新版 Firefox,讓使用者可以更快速的取得新功能以及更新,跟上快速變化的網路世界。我們仔細的研究這個更新時程,並從經驗中學習,發現許多可以改善的空間。現在是再度演進的時候了。</p>
<p>我們已將釋出新版本 Firefox 的時程,改為彈性的六至八週週期。在新週期下,每年的發佈次數與以往相同,但相較於固定的六個月更新週期,還多了一些額外的好處。</p>
<p>舉例來說,我們將能回應新興使用者和市場的需求,調整釋出日期,並確保每一個版本都會至少有六個星期工作時間。藉由彈性的調整週期,我們也能讓大家能好好享受假期,以增進全球 Mozilla 社群的聯繫和福祉。</p>
<p>下方列出 2016 年 Firefox 發佈版本的時程表,您也可以到 <a href="https://wiki.mozilla.org/RapidRelease/Calendar">Wiki</a> 中查看。</p>
<p><strong>2016 Firefox 更新釋出時程表</strong><br>
2016-01-26 – Firefox 44<br>
2016-03-08 – Firefox 45, ESR 45 (間隔六週)<br>
2016-04-19 – Firefox 46 (間隔六週)<br>
2016-06-07 – Firefox 47 (間隔七週)<br>
2016-08-02 – Firefox 48 (間隔八週)<br>
2016-09-13 – Firefox 49 (間隔六週)<br>
2016-11-08 – Firefox 50 (間隔八週)<br>
2016-12-13 – Firefox 50.0.1 (間隔五週,如需緊急修正時釋出)<br>
2017-01-24 – Firefox 51 (在前次發佈的六週後)</p>
<p>註:Firefox ESR 的新版本將會繼續和 Firefox 在同日釋出。</p>
<blockquote>
原文 / <a href="https://blog.mozilla.org/futurereleases/2016/02/04/update-on-2016-firefox-release-schedule/">Update on 2016 Firefox Release Schedule | Future Releases</a><br>
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC: BY-SA 3.0</a>
</blockquote>
<p>φ cysun 翻譯 - Kevin-WY、Irvin 編輯</p>
irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-44366228866226317262016-03-14T02:09:00.001+08:002016-03-17T12:59:13.655+08:00AMO 審核社群的黃金十二年
<p>Firefox,這個可自訂體驗的網路瀏覽器,問世於將近 12 年前。自其時始,你就可以使用<a href="https://addons.mozilla.org/">附加元件</a>-從外觀按鈕、分頁操作、到內容過濾-來完全個人化瀏覽體驗。任何具有程式能力的人,都可以製作 Firefox 附加元件,再發佈到 <a href="addons.mozilla.org">AMO</a> 讓其他使用者使用。這種「用自己的方式瀏覽網路」的概念亟具影響力。時至今日,附加元件已被下載超過四十億次。</p>
<p>在 AMO 中提供的附加元件,上架前都需經過<a href="https://addons.mozilla.org/developers/docs/policies/reviews">人工審核程序</a>,確保其安全性以及隱私,而志工支撐了大部分審核工作。為了能夠完善地進行審查,審核員需要深入程式碼,這可是非常耗費心力的工作。附加元件正常運作時無人會關心,可是一旦發現安全問題時,大家的反應就完全不同了。因此福氣啦,這些審核員可謂真正的無名英雄!</p>
<p>我們的志工們從一開始就意識到附加元件審查的重要性,並建立 <a href="https://web.archive.org/web/20050422034835/http://wiki.mozilla.org/Update:Home_Page#Reviewers.2FEditors_Guide">wiki 頁面</a>組織相關工作。隨著附加元件開始流行,審核數量日益增加,因而還必須聘請數位全職人員,以維持審查順利。截至十多年後的今天,志工仍然需負擔近一半(每週約 150 件)的審查工作。我們排名第一的審查員,已經檢視將近九千個附加元件了!</p>
<p>身為與志工合作的社群經理,我常被問到,到底有什麼秘密,能長久維持這個亟具彈性的社群?真要說起來,根本沒有所謂的單一秘訣。如果你只想要以「酒肉關係」來維持社群,很快就會體會到報酬遞減定律的效用了。</p>
<h3 id="whats-in-it-for-me">我能從中獲得什麼?</h3>
<p>想知道為什麼人們願意加入並持續幫忙審查工作,你需要了解人性。其實無私只是其中一部分原因。大部分人聽到時都很驚訝,很多加入審查的人都有同一個自私的理由:他們本身就是套件開發者,希望自己的元件可以更快通過審查。</p>
<p>有些開發者製作的附加元件有上千萬人使用,甚至達到上百萬呢。對他們來說,快速發佈更新是非常重要的事。審查員不能審查自己的附加元件,因此唯一能加速的方法,就是幫忙消化隊列(但審查員能申請急件審查)。在審查過程中,他們也可以觀摩其他開發者的設計,從中改善自己的附加元件。</p>
<h3 id="intrinsic-motivation">內在動機</h3>
<p>附加元件開發者都寫程式,程式碼本身就能引起他們的興趣,成為他們參與審查的內在動機。在《<a href="http://www.taaze.tw/sing.html?pid=11100238483">動機,單純的力量</a>》(Drive: The Surprising Truth About What Motivates Us)一書中,Daniel Pink 提到,能自我驅動的工作一向具備創意(ceative)、挑戰性(challenging)、非例行公事(non-routine)等屬性,附加元件審查剛好一次到位:每一段程式碼都不一樣(創意)、安全性漏洞不好找(挑戰)、志願者能以自己的步調貢獻(不流於公事)。</p>
<h3 id="not-just-carrots-and-sticks">不只只是蘿蔔與大棒</h3>
<p>幾年前,我們為審查元件設立了計分板,讓參加者們能夠彼此競爭進度。也可以將得分於<a href="https://wiki.mozilla.org/Marketplace/Reviewers/Points_and_Incentives">獎勵計劃</a>中兌換獎品。</p>
<p>雖然這乍看只是建立條件引誘,將紅蘿蔔掛到驢子面前,但其實別有用意。當我們花費時間與資源,寄送手寫的信函與紀念品時,我們也讓審查者感受到他們的重要及我們的誠摯感謝。如果你在回家時收到 Fedex 包裹,發現裡面放了一件尺寸剛好的特別版 T 恤,你一定會了解有人注意到你的努力。</p>
<h3 id="community-and-responsibility">社群與責任</h3>
<p>AMO 審查員們都了解,他們在維持 Firefox 彈性上扮演重要角色,直接影響附加元件使用者的體驗。Firefox 的上億使用者中,將近一半有使用附加元件,因而這可是件不小的壯舉!我常聽到審核者提及,他們會在這裡一直努力,是因為他們喜歡與其他很棒的人,一同負責維持 Firefox 的附加元件安全性。</p>
<h3 id="the-magic-formula">神奇公式</h3>
<p>線上社群相當複雜,由參與者的內在及外在、自私或利他的各種動機組織而成。一個健康、長遠的社群源自於這些因素不同比例的組合,某些來自於社群的自我驅動,其餘則需有心的社群經營者澆灌。在此沒有萬靈丹,你得找出自己的魔幻公式。要知道,那些最神秘的處方,往往與構成我們人性的成分相同。</p>
<p>生日快樂啦,各位 AMO 審核員們!</p>
<blockquote>
原文 / <a href="https://blog.mozilla.org/addons/2014/07/14/the-amo-reviewer-community-turns-10/">The AMO Reviewer Community Turns 10</a><br>
作者 / <a href="https://mozamy.wordpress.com/about/">Amy Tsay</a><br>
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC 姓名標示-相同方式分享-3.0</a>
</blockquote>
<p>φ Roger 翻譯 - 極地狐、Irvin 編輯</p>irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-34632029221689214632015-10-18T00:00:00.000+08:002016-05-03T05:47:16.721+08:00摩茲人歡慶《軟體自由日》 活動直擊<p><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3-mxLqn7pYyKM_mjl5rS609mrQMl7NDg8pKIOSJ9c8v6I0KeCWXF15exjGeU2qSiA_uSfg5xUdxRBXlY-ylvXLSuNX9ufxq-yFTv1Bq6ZhTdA4MqJn90g1u6GlKZ7CuRWsHGJJA/s1600/sfd-cake.png" alt="窗內窗外的 Foxmosa" width=640 height=480 /></p>
<p><a href="//discourse.mozilla-community.org/t/software-freedom-day-with-mozillians-taipei-taiwan/4319">(English version 閱讀英文版)</a></p>
<p>每年的軟體自由日,都是 MozTW 成員齊聚一堂的時刻。我們曾經在這天舉辦 <a href="//moztw.org/events/code-rush/">Code Rush 電影放映會</a>、<a href="http://moztw.kktix.cc/events/2013moztw-sfd">Summit 行前會</a>、<a href="http://moztw.kktix.cc/events/2011moztwsfd">翻譯松</a> …等許許多多的活動。</p>
<p>今年的 9/20,我們趁 Windows 10 上市之際,大舉前進台灣微軟,一同歡慶軟體自由日。不但同時推廣 Firefox、認識微軟的開源平台、聽聽市面少許非 Webkit 引擎的 Microsoft Edge 瀏覽器開發功能,還讓大家小小體驗了一下 SUMO / Amara 翻譯。</p>
<p>與微軟合作舉辦「軟體自由日」活動,是非常有趣的體驗。他們曾經是我們的最大敵人,卻也是現今在網路自由與開源運動上的最強盟友。</p>
<p>以下就跟著我們一起直擊活動現場吧!</p>
<!– more –>
<p><a data-flickr-embed="true" href="//www.flickr.com/photos/irvin/20948777973/" title="摩茲人歡慶軟體自由日 - 微軟的自由軟體 3"><img src="//farm1.staticflickr.com/626/20948777973_8238c3b92a_c.jpg" width="640" height="350" alt="摩茲人歡慶軟體自由日 - 微軟的自由軟體 3"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script></p>
<p><a data-flickr-embed="true" href="//www.flickr.com/photos/othree/21614131582/" title="Software Freedom Day 2015"><img src="//farm6.staticflickr.com/5620/21614131582_75bc7a5e18_c.jpg" width="640" height="427" alt="Software Freedom Day 2015"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script></p>
<h2>分享時間</h2>
<p>活動的第一部分是分享時間,由 Irvin、BobChao 及台灣微軟的 Eric 分享以下數個主題。</p>
<p>完整錄影:</p>
<ul>
<li><a href="//youtu.be/G_1oB4Z24RI">By Othree</a></li>
<li><a href="//www.youtube.com/playlist?list=PLJYQbDzKBkcJtomOr36mczLYmNZw_W-Ul">By Macpaul</a></li>
<li><a href="//channel9.msdn.com/Events/OpenSourceTW/MozTW-SDF-2015">Microsoft Channel 9</a></li>
</ul>
<h3>開場、MozTW 與軟體自由日介紹</h3>
<iframe width="640" height="360" src="//www.youtube-nocookie.com/embed/qujWF-jMUog" frameborder="0" allowfullscreen></iframe>
<iframe src="//channel9.msdn.com/Events/OpenSourceTW/MozTW-SDF-2015/-Firefox-/player" width="640" height="360" allowFullScreen frameBorder="0"></iframe>
<iframe src="//www.slideshare.net/slideshow/embed_code/key/6Uoy67AJZ8tGSO" width="640" height="480" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe>
<h3>Firefox「開箱影片」放映</h3>
<script type="text/javascript" src="//amara.org/embedder-iframe"></script>
<div class="amara-embed" data-height="360px" data-width="640px" data-url="http://www.youtube.com/watch?v=TakXS-5RX14"></div>
<h3>Microsoft 的開放原始碼軟體 (Eric)</h3>
<iframe width="640" height="360" src="//www.youtube-nocookie.com/embed/cQA_p9t7sZ4" frameborder="0" allowfullscreen></iframe>
<iframe src="//channel9.msdn.com/Events/OpenSourceTW/MozTW-SDF-2015/02/player" width="640" height="360" allowFullScreen frameBorder="0"></iframe>
<h3>Firefox OS Add-on 介紹 (BobChao)</h3>
<iframe width="640" height="360" src="//www.youtube-nocookie.com/embed/rsC-AoUC0_U" frameborder="0" allowfullscreen></iframe><br/>
<iframe src="//channel9.msdn.com/Events/OpenSourceTW/MozTW-SDF-2015/03/player" width="640" height="360" allowFullScreen frameBorder="0"></iframe>
<iframe src="//www.slideshare.net/slideshow/embed_code/key/40pk3vEtCQa7bt" width="510" height="420" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe>
<h3>Edge 的開發者功能 (Eric)</h3>
<iframe width="640" height="360" src="//www.youtube-nocookie.com/embed/wvgGekGsSEs" frameborder="0" allowfullscreen></iframe>
<iframe src="//channel9.msdn.com/Events/OpenSourceTW/MozTW-SDF-2015/04/player" width="640" height="360" allowFullScreen frameBorder="0"></iframe>
<h3>Firefox 的最新功能 (Irvin)</h3>
<iframe width="640" height="360" src="//www.youtube-nocookie.com/embed/A2SmnKhxMr0" frameborder="0" allowfullscreen></iframe>
<iframe src="//channel9.msdn.com/Events/OpenSourceTW/MozTW-SDF-2015/05/player" width="640" height="360" allowFullScreen frameBorder="0"></iframe>
<iframe src="//drive.google.com/a/g2.nctu.edu.tw/file/d/0Byl5L6NDJZGEdDNNMGtqc2swenM/preview" width="640" height="480"></iframe><br/>
投影片由 小B 製作</p>
<p> Firefox for Win 10 系列影片:</p>
<ul>
<li>如何變更 Windows 10 的預設瀏覽器<br/>
<iframe width="640" height="360" src="//www.youtube-nocookie.com/embed/e3vaAE0LEGU?rel=0" frameborder="0" allowfullscreen></iframe></li>
<li>在升級 Windows 10 時保留你偏好的設定<br/>
<iframe width="640" height="360" src="//www.youtube-nocookie.com/embed/STchvpE0440?rel=0" frameborder="0" allowfullscreen></iframe></li>
</ul>
<h3>摩茲工寮 (BobChao)</h3>
<iframe width="640" height="360" src="//www.youtube-nocookie.com/embed/GEviM-wAxFw" frameborder="0" allowfullscreen></iframe>
<h2>蛋糕時間</h2>
<p>第一部分結束後,大家一起享用了特製的 Foxmosa 主題蛋糕。</p>
<p><a data-flickr-embed="true" href="//www.flickr.com/photos/othree/21004405363/" title="Software Freedom Day 2015"><img src="//farm1.staticflickr.com/668/21004405363_6461b28003_z.jpg" width="640" height="427" alt="Software Freedom Day 2015"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script><br/>
<a data-flickr-embed="true" href="//www.flickr.com/photos/othree/21437493300/" title="Software Freedom Day 2015"><img src="//farm1.staticflickr.com/740/21437493300_89d02a41ac_z.jpg" width="640" height="427" alt="Software Freedom Day 2015"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script></p>
<h2>翻譯工作坊</h2>
<p>活動的第二部分是分組的翻譯工作坊,大家分成 SUMO 補助說明文件與 Amara 影片字幕兩組,各自貢獻了一個小時的翻譯活動。</p>
<h3>SUMO 小組現場</h3>
<p><a data-flickr-embed="true" href="//www.flickr.com/photos/irvin/20947179124/" title="摩茲人歡慶軟體自由日 - SUMO Sprint 3"><img src="//farm1.staticflickr.com/676/20947179124_a1899b2319_z.jpg" width="640" height="291" alt="摩茲人歡慶軟體自由日 - SUMO Sprint 3"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script><br/>
翻譯進度文件:<a href="//docs.google.com/spreadsheets/d/1FwzhPKQor3l1FXH-0v5K7OKyY_lk_1A2212qgWJF7DQ/edit#gid=0">SUMO Article for SFD 2015</a></p>
<h3>Amara 字幕小組現場</h3>
<p><a data-flickr-embed="true" href="//www.flickr.com/photos/irvin/21382101948/" title="摩茲人歡慶軟體自由日 - Amara 字幕工作坊 2"><img src="//farm1.staticflickr.com/671/21382101948_4195cebdb6_z.jpg" width="640" height="263" alt="摩茲人歡慶軟體自由日 - Amara 字幕工作坊 2"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script><br/>
翻譯進度文件:<a href="http://folder.moztw.org/subtitle/https%253A%252F%252Fpublic.etherpad-mozilla.org%252Fp%252Fmoztw-subtitle-sprint-sfd">2015 SFD Sprint</a></p>
<h2>尾聲</h2>
<p>活動的最後,就是每次都不可或缺的抽獎與合照時間了!</p>
<p><a data-flickr-embed="true" href="//www.flickr.com/photos/alexsh/21574458712/" title="IMG_6597"><img src="//farm1.staticflickr.com/699/21574458712_6319978e4a_z.jpg" width="640" height="427" alt="IMG_6597"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script><br/>
<a data-flickr-embed="true" href="//www.flickr.com/photos/alexsh/21594599981/" title="IMG_6601"><img src="//farm1.staticflickr.com/633/21594599981_3107f5de6c_z.jpg" width="640" height="427" alt="IMG_6601"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script></p>
<p>最後要感謝活動的工作人員與 45 名參加者、提供場地及協助錄影的台灣微軟、支援現場攝影的 Macpaul、Othree、alexsh 以及 Community Marketing 計畫的預算支援。</p>
<h3>附錄</h3>
<ul>
<li><a href="//www.flickr.com/search/?tags=moztwsfd2015&view_all=1">觀看更多活動相片</a></li>
<li><a href="//public.etherpad-mozilla.org/p/r.04009f653dd91d3fe7faede39eb75b12">活動規劃 MoPad 文件</a></li>
<li>Rep 活動頁:<a href="//reps.mozilla.org/e/celebrate-the-software-freedom-day-with-mozillians/">Mozilla Reps - Software Freedom Day with Mozillians</a></li>
</ul>
<blockquote>作者 / <a href="https://mozillians.org/u/irvin">Irvin</a><br>
授權 / <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">創用CC姓名標示-相同方式分享4.0國際 授權條款</a></blockquote>irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com0台灣臺北25.038754757855703 121.5687417984008825.036956257855703 121.56622029840088 25.040553257855702 121.57126329840088tag:blogger.com,1999:blog-20212232.post-87468499431384665742015-10-17T12:00:00.000+08:002015-10-19T16:27:16.060+08:00換個季節佈景,秀出你的個人特色<p>季節正在改變!美國已經準備要進入秋天了,我們想也是時候來裝飾帶有秋天氣息的佈景主題了!佈景主題可以讓你更換瀏覽器的樣貌、凸顯你的個人特色。</p>
<p>以下是我們推薦的一些秋天佈景主題:</p>
<div style="clear: both; text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaavABbPRfLFcaWekAwwxNjN1xhE-72yOblCeluVn4W0eY9uMZFsBctYAaCT8JEAzQQHSQQCncLx-0fX1Ac_quaIWmxmPYMH9Or59be3g1A3GZicvhJevbuvO-dRaJSbUu5gNL/s1600/fall.png" width="640"></div>
<ul>
<li><a href="https://addons.mozilla.org/firefox/addon/leaves-fallen-among-the-stones/">Leaves Fallen Among the Stones</a> 你不需要低頭就可以看盡地面的落葉。</li>
<li><a href="https://addons.mozilla.org/firefox/addon/hillside-turning-orange/">Hillside Turning Orange</a> 會讓你有一種想自已來個鄉村之旅、親眼觀賞的渴望!</li>
<li><a href="https://addons.mozilla.org/firefox/addon/autumn-forest-sunset/">Autumn Forest Sunset Theme</a> 這佈景讓你在使用 Firefox 時,會浮出想在夕陽西下的公園散步的想望。</li>
</ul>
<p>我們並沒有忘記在世界不同角落的朋友們。我們也為你們準備了大量的<a href="https://addons.mozilla.org/firefox/search/?q=spring&cat=themes">佈景主題</a>!
如果你很幸運在等待迎接春季時,你可能會喜歡這些:</p>
<div style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlmJd3VFp1jiTNTjwIgvEMI50VpI3sShlpgI2WDpS4EYf2Bpm56W6908Q6-wUR7HTrXLFr3Sfs8fX0uJwFPmnLsCdHCsyE-_WsPoPO09B7s-DNBj9v0Co0INljmvN6yWE_gIP2/s1600/spring.jpg" width="640"></div>
<ul>
<li><a href="https://addons.mozilla.org/firefox/addon/morning-spring/">Morning Spring</a> 會喚醒你對於所愛的平靜春季早晨的記憶。</li>
<li><a href="https://addons.mozilla.org/firefox/addon/joyful-spring/">Joyful Spring</a> 會讓你想要一邊躺在草地上、一邊凝視天邊的浮雲。</li>
<li><a href="https://addons.mozilla.org/firefox/addon/must-be-spring/">Must be Spring</a> 會讓你想準備品嚐庭院中花兒們的味道!</li>
</ul>
<p>想在安裝佈景主題前看看他會長的如何嗎?只需要簡單的移動滑鼠到你感興趣的主題上,Firefox 就會自動產生預覽畫面。如果你想保留設定,只要按下加入就可以了。你可以在任何時候改變、或移除佈景主題!</p>
<p>還想要看更多佈景?點選<a href="https://addons.mozilla.org/firefox/themes">這邊</a>就可以找到數以千計的佈景主題了。</p>
<blockquote>
原文 / <a href="https://blog.mozilla.org/theden/2013/10/28/seasonal-themes-for-firefox/">Seasonal Themes for Firefox</a><br/>
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC 姓名標示-相同方式分享-3.0</a></blockquote>
<p>φ @ALEX_RELAX 翻譯 - 極地狐、Irvin 編輯</p>極地狐http://www.blogger.com/profile/14050356131598294839noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-49592752744611286972015-08-26T00:15:00.000+08:002015-08-26T00:16:10.734+08:00Webmaker app — 數位掃盲新方法<blockquote>編案: 日前 Mozilla 正式釋出 Android 平台的 <a href="https://play.google.com/store/apps/details?id=org.mozilla.webmaker">Webmaker</a> app。為此我們於此刊載 Mozilla 基金會執行董事 <a href="https://mozillians.org/u/surman/">Mark Surman</a> 於四月時撰寫的文章,希望能讓大家更加了解 Webmaker app 的設計與涵義。</blockquote>
<p>年初在巴塞隆納的 MWC(世界行動通信大會)上,Mozilla 啟動了 <a href="https://webmaker.org/localweb">Webmaker app</a> 的公開測試。這是一個自由且獨立運作的網路出版工具,對於 Mozilla 所致力的「提高世界各地的數位素養(digital literacy)」也是重要的一步。</p>
<p>Webmaker app 的想法,是源自於我們過去一年在孟加拉、印度和肯亞的<a href="http://mzl.la/research">研究成果</a>。這份研究指出兩件事情:智慧型手機的新使用者面臨陡峭的學習曲線,常被侷限在諸如 Facebook 之類的基本 app,<a href="https://webmaker.org/localweb#moi-understanding-users">甚至不知道</a>自己正在「上網」;與此同時,使用者仍然渴望創造在地相關的內容,並期望從中獲益。</p>
<p>Webmaker app 讓每個人都能夠在打開他們的第一隻智慧型手機時,就能快速發佈網站或 app,以滿足這些渴求。學生可以為同儕製作數位公布欄、教師可以製作和發佈教案、商家也可以架設網站來推廣自己的產品。</p>
<p>我們的想法是,讓智慧型手機用戶甫上網之際先快速上手,再協助他們與時俱進。這種「先做再說」的數位素養策略,鼓勵人們視自己為主動的創作者,而非被動的消費者。數十億人在今後幾年內都將開始捫心自問「我為何上網、我該如何使用網路」,而這種觀念將在此扮演重要角色。</p>
<p>Webmaker app 自由且開源,提供超過 20 種語言支援。使用者可以透過手機簡訊、Facebook、WhatsApp…等工具傳送網址,以分享創作成果。Webmaker 中建立的內容,可以在任何手機瀏覽器上打開。目前提供 Android、Firefox OS 和當代手機瀏覽器的版本,更完整的平台將在今年稍晚釋出。</p>
<p>另有一個讓 Webmaker app 更為完善的要素,就是 Mozilla 廣泛且面對面的教學計劃。我們的創作者、輔導者與教育者志工網絡,正在全球超過 80 個國家中運作。這些配備有 app 及其他工具的志工,為協助人們了解網路的運作原理、創造與其日常生活習習相關的內容,已在學校、圖書館和其他公共場所,舉辦了許許多多的非正式工作坊。僅僅去年一年,Mozilla 志工們就在 450 個城市中舉辦了 2,513 場工作坊!</p>
<p>此一數位素養運動,是我們與合作夥伴共同推展而出。Mozilla 和那些對開放網路、在地內容及賦權用戶,與我們一樣感到熱情、且深具影響力的非政府組織、行動電話營運商、和其他全球性組織<a href="https://webmaker.org/localweb#partner">聯手合作</a>,以確保我們的數位素養計劃能幫助到最需要的人。</p>
<p>當數十億位首次接觸網路的用戶上網時,他們會發現一個可以打造、型塑並每天使用,以改善自身、業務和教育的平台。這是一個具有雄心壯志的目標,但 Mozilla 已經準備好了。想要參加、或更家了解我們的數位素養行動,請到 <a href="https://webmaker.org/localweb">webmaker.org/localweb</a>。</p>
<blockquote>原文 / <a href="https://blog.mozilla.org/blog/2015/03/01/webmaker-app-takes-fresh-approach-to-digital-literacy/">Webmaker App Takes Fresh Approach to Digital Literacy | The Mozilla Blog</a><br>
作者 / <a href="https://blog.mozilla.org/blog/author/markmozillafoundation-org/">Mark Surman</a><br/>
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC 姓名標示-相同方式分享-3.0</a></blockquote>
<p>φ Nini Hsu、楊椀婷 翻譯 - <a href="http://mozillians.org/u/irvin">Irvin</a> 編輯</p>irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-498490860351115672015-07-17T20:29:00.001+08:002015-07-17T20:36:14.218+08:00Showing off Firefox in HKOSCon 2015<blockquote>編按:MozTW 共七位成員於 6/26~27 參與 HKOSCon 2015 香港開源年會,並在現場設置 Mozilla 攤位,本文為 Yao Wei 的第一手報導。我們也將於 8/15~16 於中研院舉辦的 <a href="coscup.org/">COSCUP 2015</a> 擺攤,並展出與香港年會中相近的內容,歡迎大家前來參觀。</blockquote>
<p><a href="https://www.flickr.com/photos/irvin/19053197300/in/album-72157654694304708/" title="MozTW team @ HKOSCon2015 #FoxYeah"><img src="https://farm1.staticflickr.com/484/19053197300_af31eb329d_z.jpg" width="640" height="480" alt="MozTW team @ HKOSCon2015 #FoxYeah"></a></p>
<p><a href="http://2015.opensource.hk">HKOSCon</a> is an annual open source conference in Hong Kong, similar to <a href="http://coscup.org">COSCUP</a> in Taiwan. This year it took place in HKSTP (Hong Kong Science and Technology Park). Our booth was in a glass corridor connecting the food court and the conference building. It was a brilliant idea to set up booths in the corridor, where people working in the science park may walk through it for lunch.</p>
<p><a href="https://www.flickr.com/photos/irvin/19181237455/in/album-72157654694304708/" title="MozTW booth @HKOSCon2015"><img src="https://farm1.staticflickr.com/290/19181237455_5a9cc24f69_z.jpg" width="640" height="480" alt="MozTW booth @HKOSCon2015"></a><br/>
<a href="https://www.flickr.com/photos/irvin/18620003613/in/album-72157654694304708/" title="MozTW booth @HKOSCon2015"><img src="https://farm1.staticflickr.com/268/18620003613_4576c923e2_z.jpg" width="640" height="480" alt="MozTW booth @HKOSCon2015"></a></p>
<p>In our booth, we promoted Firefox, and Mozilla in general — an organization focus on freedom of choice, open standards and privacy. To accomplish this, we have a physical version of the <a href="https://foxyeah.mozilla.org">#FoxYeah campaign</a> which began right before HKOSCon. We have boards printed with reasons of using Firefox, and asked people to pick one they like most and <a href="https://www.flickr.com/search/?tags=foxyeah%2Chkoscon">take a picture with it</a>. However, attendees tend to be shy in front of cameras; we had very few people who are willing to take a picture other than staffs.</p>
<p>Also, we showed off <a href="https://www.mozilla.org/zh-TW/firefox/os/2.0/">Firefox OS</a>, one of the major projects in Mozilla. We let visitors know the potential of web technology by using our devices. Especially, as the mobile market is overly saturated, some people ask us what else Firefox OS can be applied into. We reply with the <a href="https://www.mozilla.org/en-US/firefox/os/devices/tv/">FxOS-powered UHD TV</a> which just hit the market, and the ongoing <a href="http://mozopenhard.mozillafactory.org/about">Web of Things experiments</a> from Mozilla Japan.</p>
<p>The booths along with us featured some interesting projects:</p>
<ul>
<li><a href="http://stroke5.webnode.tw">Chinese input method designed for the seniors</a>, and an ambitious project of building Chinese font compliant with Hong Kong standard</li>
<li><a href="https://www.honeynet.org/chapters/hongkong">Net of honeypots</a></li>
<li><a href="http://olpc.asia">Computers for children in developing countries</a></li>
<li>The experiments installing Linux desktop in various devices</li>
<li>3d-printed airsoft guns</li>
</ul>
<p>Sammy Fung, the organizer of the conference, had a lightning talk session talking about the history of open source conference in Hong Kong, and we believe the renaissance of open source movements in this place has just begun.</p>
<p>You can see more photos from <a href="https://www.flickr.com/search/?tags=hkoscon">the tag on Flickr</a>.</p>
<blockquote>Author / Yao Wei<br/>
License / <a href="http://creativecommons.org/licenses/by-sa/3.0/tw/">CC BY-SA-3.0 TW</a></blockquote>irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-24153468690719583602015-06-21T17:54:00.000+08:002015-11-03T11:22:35.865+08:00Firefox 使用者類型研究(北美洲)<p>從 2012 年 10 月到 2013 年 2 月,使用者經驗研究團隊進行了史上最大的計畫:<em>以北美洲使用者為對象,針對使用者型態進行的大規模研究調查</em>。這不但是獨特且令人興奮的計畫,也彰顯我們優秀的團隊合作。(無論是使用者經驗團隊內,或與 Mozilla 的其他單位皆是)</p>
<div style="text-align: center;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN0QGvLEVBckPSN6HZ-7y3pDs8HSxm5yYSGx1ayp_1wFX4NcwHZeKgPqVqteJzTIrvhe8eeA82StXJqBn0dbquMaukzcck2K7crfG6EeuKlhkd5oRjgRLRBDRccJKzbZ6LqlzBBw/s640/P1000115.jpg" width="640" /><br>
一位參與者筆電上的 Firefox</div>
<p></p>
<h2>研究目標</h2>
<p>本專案的主要目標是根據他們的行為、態度、信念和動機來定義和描述使用者族群,我們將這些分類稱為「使用者類型」(User Type),因為我們的重點放在使用者與產品及服務的互動和行為,而非行銷面向(我們也從<a href="http://www.sciencedirect.com/science/article/pii/S0747563210000245">這篇對類似研究進行後設分析的優秀論文</a>中借用了「使用者類型」和「使用者分類學」等術語)。</p>
<p>除了定義使用者類型外,研究的另一個主要目標是,清楚地了解我們的使用者,他們是誰、他們如何使用我們的產品和服務。有了這些資訊,我們就可以針對人們實際使用我們的產品及服務的方式來設計產品及功能。 我們相信這些使用者類型,將幫助整個 Mozilla(不只是使用者經驗或產品團隊)做出決策、設定優先順序,為我們的產品和服務指引方向。</p>
<p>我們選擇從北美開始,是因為我們團隊最熟悉這個市場。因為我們團隊主要位於北美,將研究限於美國和加拿大能夠節省交通預算,減少招聘及與第三方廠商合作的費用。</p>
<p>由於具有地域上的限制,我們將盡量避免將此結果套用到其他地區。然而,一些小型的後續研究指出,下列部分分類的特點,仍能套用在其他文化及其他瀏覽器的使用者上。</p>
<h2>研究方法</h2>
<p>我們的研究分為三個部份:</p>
<ul>
<li>找尋 24 戶地理位置及人口分佈顯著不同,並使用 Firefox 為主要網頁瀏覽器的家庭,進行晤談,於此研究中,我們試圖探索受訪者在行為、動機、態度及其如何成為 Firefox 使用者的關聯性,我們在多倫多、安大略、北卡羅萊納州的夏洛特和加州洛杉磯等地區周邊完成這些家庭訪談。</li>
<li>針對類似 Firefox 使用者母群進行簡單抽樣,受試者人數為 45 位,邀請使用者填寫線上日誌方式收集簡短縱貫研究的使用者行為資料。</li>
<li>以 1000 人為樣本的量化研究,試圖驗證前兩項質化研究的結果。研究結果發現受試者可劃分為我們先前研究的數個特質,並透過因素分析驗證這項結果,我們還能估計每個使用者類型在母群所佔的百分比。</li>
</ul>
<div style="text-align: center;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFhrc-qykOzRhEz6PAmpPXMD9lfPXUAAJQDRRWnnVobeWwIhhWQe_7xWrxZAYND_wSxf371Ex3jYIFitDLtIae4EcGdKDRviF-JMBC6WR6UgtgvIWW9-agE3BStepU8T3_Xno7tA/s640/analysis.png" width="640" /><br>
身在定性研究的分析迷霧中</div>
<p></p>
<h2>研究結果</h2>
<h3>Firefox 使用者類型</h3>
<p>基於以上的量化研究,我們發現絕大多數的 Firefox 使用者(約九成)或多或少都能歸類成某個類型。雖然很多人擁有多重類型的特質,但這些使用者最後都能被歸納為於某種特定類型。少數使用者所表現出的特質則介於多種特質之間。</p>
<p>以下是我們找出的六種使用者類型,與其主要的相關屬性,包含:</p>
<ul>
<li>一段第一人稱的敘述,描述此類使用者的動機和行為</li>
<li>該類型佔整體 Firefox 使用者的百分比</li>
<li>與該使用者類型相關的人口統計數據</li>
</ul>
<p>我們要特別感謝為每種使用者類型設計出下列圖形的 <a href="https://mozillians.org/u/zfang/">Zhenshou Fang</a>。</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6zNR7JBuW8dRQpK9Ta1jXg0jkTi1J7c-Hy1iv-G6qUkEdK32NR5pBbUwW-WDBqqoVG1Nn1O5dGuBDt2B3Ux5uswPeAl8i-n_kLknY8Ug01GYDOKkq4xJn7b1620Sfoe_agS9Acw/s1600/Enthusiasts.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6zNR7JBuW8dRQpK9Ta1jXg0jkTi1J7c-Hy1iv-G6qUkEdK32NR5pBbUwW-WDBqqoVG1Nn1O5dGuBDt2B3Ux5uswPeAl8i-n_kLknY8Ug01GYDOKkq4xJn7b1620Sfoe_agS9Acw/s640/Enthusiasts.png" width="456" /></a></p>
<h2>熱衷者</h2>
<p>我熱衷於了解與採用新科技。我也喜歡自己解決技術問題。</p>
<h3>屬性</h3>
<ul>
<li>熱衷於新科技</li>
<li>會自行解決遇到的技術問題</li>
<li>想要掌控自身的瀏覽體驗</li>
<li>很可能有自訂瀏覽器</li>
<li>對新科技有自信</li>
<li>在裝置間同步、傳送資料與媒體</li>
<li>絕大部分經常上網</li>
<li>很可能曾上大學或具有學士以上學歷</li>
<li>偏向年輕的年齡層</li>
</ul>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0S_nJDgA5BRnh_vPoYFzuSQC9GDmBDeUzxb9bEJGMUOZxbrK2ZhRVulO9wolH99TWWm3s_aDdx-g7ZyXR5CTR7ruRA2GnByiewNriPvOZaNEg2utuprR6D8SXv6eEhK99I8rACA/s1600/Busy-Bee.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0S_nJDgA5BRnh_vPoYFzuSQC9GDmBDeUzxb9bEJGMUOZxbrK2ZhRVulO9wolH99TWWm3s_aDdx-g7ZyXR5CTR7ruRA2GnByiewNriPvOZaNEg2utuprR6D8SXv6eEhK99I8rACA/s640/Busy-Bee.png" width="456" alt="" /></a></p>
<h2>忙碌蜜蜂</h2>
<p>我的生活忙碌,希望科技能用就好。對於生活中科技背後的技術細節,我不感興趣。</p>
<h3>屬性</h3>
<ul>
<li>使用科技:網路就是一種「家電」</li>
<li>忙於生活中的各種活動,不優先把時間用於網路中</li>
<li>對於科技背後的細節不感興趣</li>
<li>對於技術問題感到厭煩</li>
<li>部分資料有跨裝置互動</li>
<li>偏向女性</li>
<li>偏向年長</li>
</ul>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLoXa2jl-d6_1O_QESYrePZ75cwz0w2MlKPlejnSdF7lHalc5LJrnQ8xxihXYfhhUXyq9HiD1yipXFTe-86Bjk1rUULIJdECUQx4_iio9MTjIL1fAh6qtukSC4-aBk6AJqOYHdOQ/s1600/Middle-Managers.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLoXa2jl-d6_1O_QESYrePZ75cwz0w2MlKPlejnSdF7lHalc5LJrnQ8xxihXYfhhUXyq9HiD1yipXFTe-86Bjk1rUULIJdECUQx4_iio9MTjIL1fAh6qtukSC4-aBk6AJqOYHdOQ/s640/Middle-Managers.png" width="456" /></a></p>
<h2>中階經理</h2>
<p>我對於科技感到自信與習慣,特別是排除問題。科技是我日常生活的重要元素,但在採用新科技我會先小心評估。</p>
<h3>屬性</h3>
<ul>
<li>對科技感到自信且習慣,但不熱衷</li>
<li>工作、就學與生活都與科技完整融合</li>
<li>能有耐心地對解決自身的技術問題</li>
<li>採納最新的工具與功能,但會先做考慮</li>
<li>可能使用手機、可能整合資料進手機</li>
<li>多工且自訂化</li>
<li>教育程度較熱衷者與魔法師為低</li>
<li>常上線</li>
</ul>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQU7YJUVKBNbxJxnH1ltstG3DDhnV9PGYGXKdeEq0pPqAarCzTPUE1f0zBWKUk3rM2l0SE_49OZH9z_zVAIicVFGWCsyWLsXUJSUYc7ydjnom99tzJ_TOQLCBfCQAmVSgdyiQy3Q/s1600/Stalwarts.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQU7YJUVKBNbxJxnH1ltstG3DDhnV9PGYGXKdeEq0pPqAarCzTPUE1f0zBWKUk3rM2l0SE_49OZH9z_zVAIicVFGWCsyWLsXUJSUYc7ydjnom99tzJ_TOQLCBfCQAmVSgdyiQy3Q/s640/Stalwarts.png" width="456" /></a></p>
<h2>堅定用戶</h2>
<p>就算可能已經過時,我還是會持續使用確定能用的技術。我頑強抵抗更新現有科技,因為我相信「沒壞,就別修它」</p>
<h3>屬性</h3>
<ul>
<li>抗拒變化</li>
<li>非必要下避免升級工具或技術</li>
<li>偏好已知甚於未知</li>
<li>在網路上花費的時間不連續</li>
<li>可能擁有較舊的科技</li>
<li>有限的行動裝置或智慧型手機使用率</li>
<li>此類使用者年齡層分布較廣</li>
</ul>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMeyed9i8PN17jy6r9B9dt7vH69IR9cEnSBLoZivcXrU7iDPcc45eEoFXWBJYk_mpUq2xa37p4ayl3tJioRM1ZJYyQH8-yOKJXW7Fkp6nerMDUXBo1UtC8GrNv2wogBPIPBON6Ag/s1600/Evergreens.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMeyed9i8PN17jy6r9B9dt7vH69IR9cEnSBLoZivcXrU7iDPcc45eEoFXWBJYk_mpUq2xa37p4ayl3tJioRM1ZJYyQH8-yOKJXW7Fkp6nerMDUXBo1UtC8GrNv2wogBPIPBON6Ag/s640/Evergreens.png" width="456" /></a></p>
<h2>長青樹</h2>
<p>我生活中的大部分時間都不仰賴科技。對於使用科技我感到有些抗拒,因為我怕犯下無法更正的錯誤。</p>
<h3>屬性</h3>
<ul>
<li>對新工具與自訂化感到不習慣</li>
<li>沒有網路也可能活得下去</li>
<li>學習科技就跟職訓差不多</li>
<li>同時使用老工具與新科技</li>
<li>網路不是他們生活的重心</li>
<li>在技術問題上仰賴他人</li>
<li>教育程度較低</li>
<li>年齡分布偏高</li>
</ul>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSVUZzEqaPNtyFz841DgstZS8YOJEptZYjid8UkMVP7Nav5AErDM8PlA01c2ypxBnG26k46ye0emz8ld-RN_R4lScy_KIhTitBVOesrVh3UwxMylMEn5wHj3hydKXYHg40W5jg2Q/s1600/Wizards.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSVUZzEqaPNtyFz841DgstZS8YOJEptZYjid8UkMVP7Nav5AErDM8PlA01c2ypxBnG26k46ye0emz8ld-RN_R4lScy_KIhTitBVOesrVh3UwxMylMEn5wHj3hydKXYHg40W5jg2Q/s640/Wizards.png" width="456" /></a></p>
<h2>魔法師</h2>
<p>我喜歡幫自己和別人撰寫程式。技術就是我的生命。</p>
<h3>屬性</h3>
<ul>
<li>軟體開發者或工程師</li>
<li>對網路有非常準確的認知</li>
<li>對安裝、使用與排除技術問題感到信心</li>
<li>喜歡創造技術</li>
<li>通常對 Firefox 感到高度滿意</li>
<li>高度理解且熟練技術</li>
<li>教育程度較高</li>
<li>偏向男性</li>
</ul>
<p>您覺得自己屬於哪一種類型呢?</p>
<blockquote>原文 / <a href="https://blog.mozilla.org/ux/2013/08/firefox-user-types-in-north-america/">Firefox User Types in North America</a> <br/>
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC 姓名標示-相同方式分享-3.0</a></blockquote>
<p>φ chiaoju、Irvin 翻譯 - Roger, petercpg, shadowcrow, BobChao 編輯</p>irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-87921473205210649592015-06-15T21:17:00.000+08:002015-06-19T17:31:19.200+08:00摩茲動手做(四)幫 Firefox OS 修 Bug 的第一步<p>摩茲動手做系列許久不見,第四集終於來了(三年了!)。本文的作者是交大資工的 <a href="http://people.cs.nctu.edu.tw/~ywpu/">Yu Wen Pwu</a> 同學。Yu Wen Pwu 本學期以「幫 Firefox OS 修 Bug」,作為他的大一服務學習課程內容。短短幾個月的時間,已經送了 6 個 Patch,也有三個 Merge 了!</p>
<p>幫 Firefox 修 Bug 不分年齡與經驗,歡迎大家一起來挑戰各式各樣的 <a href="https://bugzil.la/sw:%22%5Bgood%20first%20bug%5D%22">Good First Bug</a>。(歡迎大專院校老師們一同來推動,以貢獻自由軟體作為服務學習課程,請聯繫<a href="http://ossacc.moe.edu.tw/modules/tinyd0/index.php?id=1">教育部自由軟體推廣中心</a>)</p>
<hr></hr>
<p>Firefox OS 所有的 bug 都是在 <a href="https://bugzilla.mozilla.org/" target="_blank">Bugzilla@Mozilla</a> 平台上管理的。因此,第一步當然是先到 Bugzilla 認領一個您想修的 bug (建議從簡單的 good first bug 開始)。或者,您也可以在 Bugzilla 上建立一個新的 bug。</p>
<p>接下來,有一些前置作業要完成。請先在 GitHub 上 fork 它所屬的 repository,例如 Firefox OS 的前端 Gaia:<a href="https://github.com/mozilla-b2g/gaia" target="_blank">mozilla-b2g/gaia</a>。接著請回到您的本地端,執行以下指令:</p>
<pre><code>$ git clone https://github.com/username/gaia.git
$ git remote add upstream https://github.com/mozilla-b2g/gaia.git
$ # check if you have added 'mozilla-b2g/gaia' as 'upstream'
$ git remote -v
</code></pre>
<p>每次開始修 bug 之前,請記得從 upstream 抓取更新,使您的本地端 repository 保持在最新狀態。請執行以下指令:</p>
<pre><code>$ git remote update
$ # do not use 'git merge upstream/master'
$ # use the following command instead
$ git rebase upstream/master
</code></pre>
<p>然後就可以開始修 bug 囉。為了維持簡潔明瞭的 commit log,您應該將所有變更提交為單一一個 commit。您可以參考以下指令:</p>
<pre><code>$ git add filename
$ # your commit message should be in the following form
$ # Bug id - Description of your patch r=reviewer
$ git commit -m 'your commit message'
$ git push origin master
</code></pre>
<p>再次提醒您,如果您提交了超過一個 commit,請務必將其合併為單一一個 commit。您可以參考以下指令:</p>
<pre><code>$ # show the commit history
$ git log
$ # n: the number of commits you want to squash
$ # please replace 'n' with any positive integer
$ git rebase -i HEAD~n
$ # into interactive mode
$ # step i. replace 'pick' with 'squash' except for the first line
$ # step ii. modify commit messages
$ git log
$ # now you should see n commits combined into a single commit
</code></pre>
<p>最後,請至 Mozilla 的 GitHub repository <a href="https://github.com/mozilla-b2g/gaia/pulls">提出 pull request</a>。同樣地,pull request 的標題必需符合 "<code>Bug id - Description of your patch r=reviewer</code>" 的形式。這時系統應該會自動為您在 Bugzilla 上新增一個 attachment,其檔案名稱即為該 pull request 的網址。請在 attachment 上指定 review flag 給相關負責人。</p>
<p>負責人檢查過您提交的程式碼後,請到 Bugzilla 為該 bug 新增一個 keyword "<code>checkin-needed</code>",讓系統自動處理您的 pull request。現在就只要等候您的 pull request 被 merge,然後再前往 Bugzilla 將該 bug 的 status 變更為 <code>RESOLVED FIXED</code>,就完成囉。</p>
<h2>如何測試 Firefox OS?</h2>
<p>Firefox OS 的架構分為:Gonk > Gecko > Gaia。Gonk 是系統核心,以 Linux Kernel 為基礎。而 Gaia 則是 Firefox OS 的前端,完全採用 HTML、CSS、JavaScript 等網頁程式語言來撰寫。要測試 Firefox OS 最簡單的方法是直接在 Firefox 瀏覽器上模擬。您只要開啟 Firefox,點選右上角的開啟選單 > 開發者 > WebIDE,選擇一個 Runtime (若選單中未出現 Firefox OS,則需先安裝一個 Firefox OS 模擬器),就可以直接執行 Firefox OS 囉。</p>
<blockquote>原文 / <a href="http://ywpu.blogspot.tw/2015/03/125-mozilla-firefox-os.html">網頁設計微筆記: 12.5 參與 Mozilla Firefox OS 開發的流程</a> <br/>
作者 / Yu Wen Pwu<br>
授權 / <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">創用 CC 姓名標示-非商業性-相同方式分享 4.0 國際 授權條款</a>授權
</blockquote>irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com1tag:blogger.com,1999:blog-20212232.post-31379136754616739942015-05-01T21:11:00.001+08:002015-05-01T21:11:42.378+08:00前進吧,摩茲巴士!Web 工廠的遊牧之旅<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijIVoPNsIcvAB0tk1BknuM-ebpxAdU3TIO1BtJphxk6HYE_FjdF7AryyLH2-PkMGGACol0JPsLZqv6VHByHVOImU29dXwEvYPdV_des3y4csilOUVjcthNtlaAypsBhLO36vKr_Q/s1600/tumblr_inline_msxxgnjaEa1qz4rgp.jpg" />
</div>
<p>在 2013 年 9 年 19 日,Mozilla Japan 宣布 <a href="http://mozbus-en.tumblr.com/">MozBus Project</a> (摩茲巴士)計畫正式啟動。</p>
<blockquote>編按:關於本計畫一年半來的成果,歡迎查看 <a href="http://mozbus-en.tumblr.com/">MozBus 計畫網站</a></blockquote>
<p>以下是這項計畫的目標:</p>
<ul>
<li>在任何時間、地點與情境下向一般民眾推廣 Web 知識</li>
<li>研究以 Web 作為災害防治基礎建設的應用
<ul>
<li>在災難發生時,應用巴士上的車載網絡</li>
<li>預計這個災害防治基礎建設計畫將擴大到全亞洲,而 MozBus 將成為計畫的網絡和資訊中心樞紐</li>
</ul>
</li>
<li>舉辦各種巡迴工作坊
<ul>
<li>使用 Webmaker 來教導「Web」</li>
<li>舉行網頁和自造者(如雷射切割)工作坊</li>
</ul>
</li>
<li>建置資訊技術教學相關材料</li>
<li>在 Web 的使用、體驗和建構上找尋新的可能性</li>
</ul>
<p>為了實現上述目標,我們與來自各個領域的企業和組織合作,推出 MozBus 計畫,協同來自各單位的輔導員 (Mentor) 共同進行研究、執行上述的活動。</p>
<p>MozBus 車上設有一台發電機、網絡設備、電腦以及其他必要設備;不管在任何地方、任何情況之下,都能夠隨時運用。藉此,我們也降低了舉辦 Webmaker、網站和創作工作坊等活動的硬體要求。</p>
<p>隨著巡迴工作坊的舉辦,我們期望能開展各項研究和開放實驗專案,並以以公開與共享的方式展現計畫成果,讓其得以被重複使用。</p>
<p>為了維持公正與公開,這些專案將會在 Mozilla Factory 的組織架構之下執行。管理和研究所需要的花費和設備費用,將由出資贊助及參與計畫的企業負擔。</p>
<p>目前,以下大學、研究機構以及企業已參與 MozBus 計畫,包含(截至 2013 年 9 月 19 日):</p>
<ul>
<li>慶應大學 SFC</li>
<li>日本 OpenStreetMap 基金會</li>
<li>日本國立天文台(The National Astronomical Observatory of Japan)</li>
<li>IPSTAR</li>
<li>Cisco Systems</li>
</ul>
<p>MozBus 由 Mozilla Factory 社群共同設計。我們希望透過 MozBus,提供大家體驗和認識 Web 的機會,探究與型塑 Web 的更多可能!</p>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv9zpARP80e9kmKXiRmalxRBIHYic0pOIPjyCtvfyNhKYlv6koasyCmGFGArOf3WxAy43nvrIR7EQbO9t6KNSmTCXzNwWAf3OxCwSNuGwQhLpQ9mKkAcUYN4fc-BZIK9T-pRpqKQ/s1600/9810682673_b1f67a2636.jpg" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8bjC8RnPdSHcvtuC-KJ01MXhEKYQJF_U3l0WJiAMsUfataTj58HNmUZ9DHrLnvG_ldfByCKZ6jSL7ibSOqfqQYdvYJ2IYer6zrBkRpDUGtA2dRgyoi6FTA-KTtXpu2XSatPAREQ/s1600/9831522036_9e3c751b88.jpg" />
</div>
<blockquote>原文 / <a href="http://mozbus-en.tumblr.com/post/61740448615/started-mozbus-a-nomadic-web-factory">MozBus Project (en) — Started MozBus: a nomadic Web factory</a> <br/>
刊載日期 / Sep 20th, 2013</blockquote>
<p>φ 交大服務學習 chiaoju、mulnihsu 翻譯 - Irvin 編輯</p>irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-19798001229035750082015-03-27T21:02:00.001+08:002015-03-27T21:02:49.423+08:00新版 Firefox 設定頁網味十足<p>另外一個很棒的 Firefox 改變就要來了!</p>
<p>到目前為止,「Firefox 偏好設定」的長相一直是一堆累贅的視窗組成,幾乎沒可能在其中找到想要的設定。這是典型的軟體問題:隨著程式增加新功能,相關的設定直接加進原本的介面,讓已經很複雜的設定介面隨之膨脹,變得更加複雜。</p>
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-sZDGzdKBkBo7GFq5_0-F9FTnwnhs-ZMPYWZIf04sYYg5QlFcYEZ0CQeGISYjucWpvYpbcUrVcGf0_3Cp-UVF_Ux-89eLLywO-uDtI0gj9gBMrpEuye1tzRrxnKIDHGy-IyvOLQ/s1600/all_firefox_preferences.png" /><br>
這個亂七八糟的東西,就是現在的 Firefox 偏好設定介面</div>
<p>終於,新的契機來了!</p>
<p>Firefox UX 團隊興奮地向大家宣佈,全新的美麗設定頁面,已經成為 Nightly 版本的預設值,很快就會在釋出版中出現了。在這個新設計中,有一致的視覺元素、精進的資訊架構,所有的東西都在內頁中呈現,不需另開視窗。</p>
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRRcDEecbGeSZPW5qt03OUUsGMammwtyLesqJi3ree1aAtZbWL3ZyhrfRWw9X1IDLRwpAZM56p4Fl9rk49QSttMoKr5pCcO70-YweC0-UiwuWnoWfZEaFfG7KRJAGTrWE0GJyw8g/s1600/newpreferences_transparent_background.png" height="640" width="524" /><br>
新的 Firefox 設定頁</div>
<p>為什麼把設定放在內頁中,不另開視窗很重要呢?</p>
<ol>
<li><p><strong>跨裝置的一致性:</strong>使用內頁呈現,讓我們不再需要仰賴裝置繪製獨立的對話框與視窗。這對平板與手機來說格外重要,因為要在上面很難進行視窗管理。今後,Firefox 行動版的使用者在使用桌面版時,就會看到熟悉的介面,反之亦然。</p></li>
<li><p><strong>跨系統的一致性:</strong>Windows、OSX 與 Linux 處理新視窗與對話框的方式都不一樣,這表示在不同的作業系統上,設定頁的使用體驗也不同。在 Firefox 內繪製設定頁,我們可以讓不同系統呈現一致的視覺體驗。</p></li>
<li><p><strong>與網路的一致性:</strong>某方面來說,瀏覽器就是網路的門戶。如果表現得跟充滿對話框的傳統應用程式一樣,就太落伍了。用網頁做設定頁的優點,讓使用者不需在現有分頁之外另開視窗,而破壞體驗。</p></li>
<li><p><strong>可擴充性:</strong>不被小小的浮動視窗限制,意謂我們可以創造更豐富的客製化體驗。附加元件管理員已在先前轉換成內容頁面,讓我們得以實驗更豐富的使用體驗。同樣的,請期待偏好設定畫面上更多的創新設計應用吧!</p></li>
</ol>
<p>未看先回:是的,下一步就是在設定頁上增加搜尋功能。為了能讓你精確的召喚出想要的那個選項,而無須「學習」我們的介面,這是一定要的啦!</p>
<p>在此特別感謝資深視覺設計師 <a href="https://twitter.com/mjmaslaney">Michael Maslaney</a>,它是<a href="http://people.mozilla.org/%7Ejgruen/chameleon/">變色龍專案</a>的先鋒,制定此次改版的風格指南。另外感謝密西根州立大學的學生 Owen Carpenter、Joe Chan、Jon Rietveld 與 Devan Sayles,他們在 2012 年 5 月提出了<a href="http://www.capstone.cse.msu.edu/2012-01/design-day/awards/#auto-owners-exposition-award">獲獎</a>的<a href="http://www.capstone.cse.msu.edu/2012-01/projects/mozilla/">內頁偏好設定設計初版</a>。</p>
<blockquote>原文 / <a href="https://blog.mozilla.org/ux/2014/05/firefoxs-redesigned-preferences-feel-more-like-the-web/">Firefox’s Redesigned Preferences Feel More like the Web | Mozilla UX</a> <br/>
作者 / <a href="https://blog.mozilla.org/ux/author/jborissmozilla-com/">Jennifer Morrow</a> <br/>
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC 姓名標示-相同方式分享-3.0</a> <br/>
刊載日期 / 2014/5/23</blockquote>
<p>φ Mika 翻譯 - Irvin 編輯</p>irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-89248461388842520052015-03-20T08:00:00.000+08:002015-10-17T19:04:01.208+08:00究竟…結果出爐了<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSU2n5RbQ0GsCwLj7ziA7j4yQW1uZr_tD9U5QmgxNKmMKAx79bJ4xmDr9IQCsZBOsFI6DfFd1_F9Wl9wOwnoByq29zRkOazaDkzuuFM5lMZri8rBkhHTJIPBhRiiDEZgLScDgmOg/s1600/feature1_trusted.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSU2n5RbQ0GsCwLj7ziA7j4yQW1uZr_tD9U5QmgxNKmMKAx79bJ4xmDr9IQCsZBOsFI6DfFd1_F9Wl9wOwnoByq29zRkOazaDkzuuFM5lMZri8rBkhHTJIPBhRiiDEZgLScDgmOg/s1600/feature1_trusted.jpg" /></a></div>
<p>數百萬人參與了<a href="https://webwewant.mozilla.org/">「我們想要的網路」投票活動</a>(一張票,一世情;感謝支持!),表達你們認為網路的未來最重要的是什麼事。</p>
<p>結果已經出爐…排在首位的是<b>隱私保護</b>—對我們而言這特別重要。事實上,這是我們的核心價值之一。</p>
<p>我們不只相信你擁有在線上保有隱私的權利,同時我們還捍衛它、並持續不斷在 Firefox 上打造創新的功能,幫助你保有線上生活的控制權。</p>
<iframe width="640" height="360" src="https://www.youtube-nocookie.com/embed/Xm5i5kbIXzc?list=PLwdR-058nLX4Q2Z_zFAFOomE_FPVZ2apH" frameborder="0" allowfullscreen></iframe>
<p>關於 Firefox 如何保護你的隱私,<a href="//mozilla.org/firefox/desktop/trust/">立刻了解更多</a>!</p>
<blockquote>原文 / <a href="https://blog.mozilla.org/theden/2014/07/17/the-results-are-in/">The results are in</a><br>
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC 姓名標示-相同方式分享-3.0</a><br>
刊載日期 / 2014/7/17</blockquote>
<p>φ Yingui Chen 翻譯 - Wildsky、Irvin 編輯</p>irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-58667216391056862772015-03-18T01:19:00.000+08:002015-03-18T01:19:24.766+08:00(大概是) 好事一椿… Metro 介面 Firefox 開發再度延宕<blockquote>編按:本文刊載於 2014 年 3 月的 The Mozilla Magazine 中。MozLinks 正體中文版目前人力不足,積稿如山,在此誠徵有志成員<a href="http://mozlinks.moztw.org/p/mozilla-links.html">加入編輯團隊</a>。</blockquote>
<p><b>為 Window 8 作業系統特別開發的 Metro 介面 Mozilla Firefox,正式釋出的機會看起來微乎其微。Firefox 副總裁在 Mozilla Future Releases 部落格的一篇文章中說明原因。</b></p>
<p>Firefox 副總裁 Johnathan Nightingale <a href="https://blog.mozilla.org/futurereleases/2014/03/14/metro/">日前表示</a>,已要求工程師和發行經理暫緩釋出 1.0 版的 Metro 介面 Firefox,因為「釋出可能會是個錯誤」。根據副總裁的說法,Firefox Metro 釋出預覽版僅有約 1000 個活躍測試者,但全球每日都有數百萬個活躍用戶使用 Firefox 的其他開發測試版本。這個現象讓 Mozilla 重新考量 Windows 8 與 8.1 的 Metro 介面版 Firefox 是否真有廣大的需求。</p>
<p>IE 作為 Windows 的預設瀏覽器,和 Google Chrome 一樣具備 Metro 模式。然而,在單一作業系統中同時推行兩種不同的使用介面,也引發各界爭議,據傳微軟已計畫在明年度的某個時刻,將開發主力轉移至「Windows 9」上。(編按:目前已公佈新版 Windows 將會是「Windows 10」,跳過「9」)</p>
<p>Mozilla 表示,雖然 Metro 介面版需求鮮少,但一旦正式釋出,還是得盡力修補錯誤及其他問題。由於用戶這麼少,我能想見為何繼續開發將會是吃力不討好的事情。無怪乎開發團隊決定終止,並著重在改進桌面版與 Android 版的 Firefox 上。</p>
<p>Google Chrome 的 Metro 模式則具有不同的目的:讓民眾熟悉 Chrome OS 以網路為核心的介面(雖然沒有網路的情況下也能使用)。這麼一來,民眾就能在購買 Chromebook 前先一探究竟。Google 透過 Windows 8 宣傳 Chromebook 使用體驗,所以即便需求量少,開發 Metro 介面還是有利於 Google。</p>
<p>Mozilla 的情況則不同,我賭 Metro 介面版的用戶會超少,而且除非 Mozilla 持續除錯、改善瀏覽器,不然難保還會招來一堆批評。趕緊對外說明 Mozilla 不感興趣的原因,然後塊陶是個更好的抉擇,Firefox 的副總裁就如此進行了。</p>
<p>至於程式碼<a href="http://hg.mozilla.org/projects/metro">就留給有興趣的開發者們傷腦筋吧</a>。不論 Mozilla 未來會不會因為用戶增長而改變心意,至少目前看來,較合邏輯的結論是— Metro 介面的 Firefox 不會釋出了啦。</p>
<p>你同意 Mozilla 任務應當著重在可接觸到較多用戶的產品上嗎?</p>
<blockquote>原文 / <a href="http://www.moz-mag.com/2014/03/mozilla-firefox-for-windows-8-metro/">Mozilla Firefox for Windows 8 "Metro" gets delayed again; Probably for good - The Mozilla Magazine</a><br>
作者 / A.I. Sajib<br>
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC 姓名標示-相同方式分享-3.0</a></blockquote>
<p>φ Cheng Yi Liu 翻譯 - Irvin 編輯</p>irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-79453654937335110672015-01-31T01:46:00.001+08:002015-01-31T12:25:50.930+08:00Firefox for Android 的兩個新功能<p>我們很高興的在此公佈兩個超棒的 <a href="https://play.google.com/store/apps/details?id=org.mozilla.firefox">Android 版 Firefox</a> 新功能:</p>
<ol>
<li><p><a href="https://support.mozilla.org/zh-TW/kb/use-awesome-screen-search-web-bookmarks-and-more#w_rearrange-hide-or-set-a-default-panel/">家,甜美又能任意裝潢的家</a> <br/>
以您喜歡的方式安排您的首頁。新增最愛的面板到您的首頁,選擇您預設的面板、或隱藏不需要的。</p></li>
<li><p><a href="https://support.mozilla.org/zh-TW/kb/how-do-i-share-things-firefox-android">快速分享按鈕</a> <br/>
現在您只需要輕輕的按一下分享按鈕,就可以透過您最愛的社交應用程式,快速又容易的分享網頁。(編按:而且 Firefox 還會記住你最愛使用的服務,並放到選單的最上方!)</p></li>
</ol>
<p>請確保您已擁有最新版的 Firefox Android 版,<a href="https://play.google.com/store/apps/details?id=org.mozilla.firefox">或現在就立即下載</a>。這樣,您就能享受一切最新的功能!</p>
<blockquote>原文 / <a href="https://blog.mozilla.org/theden/2014/07/16/two-new-features-for-firefox-for-android/">Two new features for Firefox for Android</a> <br/>
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC 姓名標示-相同方式分享-3.0</a></blockquote>
<p>φ <a href="http://osiris-s8321414.blogspot.tw/">歐西里斯</a> 翻譯 - Irvin 編輯</p>irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-56414429848288556752015-01-23T14:24:00.001+08:002015-01-23T14:24:13.719+08:00Firefox 附加元件下載突破四十億次啦!<p>正因有這些令人讚嘆的附加元件,「客製化」成為許多人選擇 Firefox 作為獨立瀏覽器的理由。數字會說話:</p>
<ul>
<li>有 18,000 個<a href="https://addons.mozilla.org/zh-TW/firefox/">附加元件</a>可供使用</li>
<li>有 369,000 個<a href="https://addons.mozilla.org/firefox/themes/">佈景主題</a>在藝廊中等著你</li>
<li>自 2009 年統計起,捐獻給開發者們的金額已達兩千萬台幣(USD $634,000)</li>
<li>附加元件下載突破 4,000,000,000,四.十.億.次!(大聲歡呼)</li>
</ul>
<p>多麼「個人化」!在此我們不只為貢獻心力開發超讚 Firefox 附加元件的人歡呼,也要為使用這些附加元件的你們歡呼。今天就<a href="https://addons.mozilla.org/firefox/">來看看最新的附加元件</a>,然後替你的 Firefox 加上一些厲害的功能吧!</p>
<blockquote>原文 / <a href="http://blog.mozilla.org/theden/2015/01/19/firefox-add-ons-hit-4-billion-downloads/">Firefox Add-ons Hit 4 Billion Downloads | The Den</a> <br/>
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0">創用 CC 姓名標示-相同方式分享-3.0</a></blockquote>
<p>φ <a href="https://wildsky.cc">Wildsky</a> 翻譯 - Irvin 編輯</p>irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com2tag:blogger.com,1999:blog-20212232.post-45518625642021171932015-01-07T21:44:00.000+08:002015-10-17T19:04:01.203+08:00重修 Mozilla 資料隱私原則<p>對於資料運用透明化的承諾,是 Mozilla 的核心特質。我們設立的「<a href="https://www.mozilla.org/en-US/privacy/principles/">資料隱私原則</a>(Data Privacy Principles)」中,清楚的傳達了這份信念。這份在 2011 年首度釋出的原則,是 <a href="https://www.mozilla.org/zh-TW/about/manifesto/">Mozilla 宣言</a> 的補充資訊,作為我們處理資料時的指引。</p>
<p>今年稍早,我們重新檢視了這份原則,也邀請 Mozilla 跨部門的成員與公眾提供意見。我們將在此公開新版的 Mozilla 資料隱私原則。</p>
<p>這項更新反應了 Mozilla 內外的改變。自 2010 年以來的四年間,Mozilla 成長、發展出過去未有的新產品和服務。在 2014 年的 Snowden 事件後,公眾對於使用者掌控與透明化表達的強烈要求,也成為我們重新檢視產品和與隱私政策的契機。</p>
<p>Mozilla 資料隱私原則,將持續在創造產品、發展服務、管理用戶資料、挑選合作夥伴並與其互動時,作為我們的指引,形塑我們的公開政策與倡議行動。</p>
<p>Mozilla 的五個資料隱私原則為:</p>
<p><em>沒有意外</em> <br/>
以透明與益於用戶的方式使用與共享資訊。</p>
<p><em>使用者掌控</em> <br/>
提倡及運用最佳的典範實務作法開發產品,讓使用者得以掌控他們的資料與線上體驗。</p>
<p><em>有限資料</em> <br/>
只收集需要的資料,盡可能的去身分識別化,並在不再需要時刪除。</p>
<p><em>合理的設定</em> <br/>
在安全性和用戶體驗間取得合理平衡。</p>
<p><em>深度防禦</em> <br/>
維持多層次的安全防護機制,其部分需可被公開驗證。</p>
<p>結合 Mozilla 宣言,當我們為使用者和網路奮鬥時,這份原則將持續指引我們的作為。為維持網路的自由和開放,我們透過透明化及給予掌控權,將使用者置於中心;透過限制資料的收集、合理設定以及強力的防護,將使用者可能遭遇的風險降至最低。</p>
<blockquote><p>原文 / <a href="https://blog.mozilla.org/privacy/2014/11/11/mozillas-data-privacy-principles-revisited/">Mozilla’s Data Privacy Principles Revisited | Mozilla Privacy Blog</a> <br/>
作者 / <a href="https://blog.mozilla.org/privacy/author/ddixonmozilla-com/">Denelle Dixon-Thayer</a> <br/>
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC 姓名標示-相同方式分享-3.0</a></p></blockquote>
<p>φ 張瑞明、Irvin 翻譯</p>irvinhttp://www.blogger.com/profile/15161996249607084651noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-19408056163940076852014-11-03T12:00:00.000+08:002014-11-03T15:19:27.270+08:00Firefox 10 週年了,短片募集中!<p style="text-align:center;"><iframe src="//www.youtube-nocookie.com/embed/j6pwTk4D8WI" width="600" height="338" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p>一個轉眼之間,<a title="MozTW Mozilla Taiwan Community" href="http://moztw.org/" target="_blank">MozTW</a> 跟 <a title="Firefox Download" href="http://moztw.org/firefox/" target="_blank">Firefox</a> 都已經十歲了。上述的影片是 <a title="Mozilla" href="http://mozilla.org/" target="_blank">Mozilla</a> 的一個行銷活動,希望能夠邀請全球愛用 <a title="Firefox Download" href="http://moztw.org/firefox/" target="_blank">Firefox</a> 的使用者手持著「Firefox 是我自己的選擇」的自製看板拍照;並加上 hashtag 「<a title="choose idependent twitter hashtag" href="https://twitter.com/search?q=%23ChooseIndependent&src=typd" target="_blank">#ChooseIndependent</a>」以及「<a title="Firefox 10 years hashtag" href="https://twitter.com/search?q=%23fx10&src=typd" target="_blank">#fx10</a>」上傳至自己的社群網路上 ( Twitter / Facebook / Plurk 等等 )。</p>
<p><span id="more-418"></span></p>
<h2>獨立自主的選擇,為何如此重要</h2>
<p>十年前的這個時候,為了追求更加進步的網路,於是 Firefox 因應而生。在這十年,我們獨立自主、自由選擇,不因財團主意而破壞追求網路自由與開放的意願。</p>
<h2>照片、影片募集中</h2>
<p>看到了這個活動之後,立刻讓我想到 <a title="Mozilla" href="http://mozilla.org/" target="_blank">Mozilla</a> 曾經拍攝過的一部影片叫「<a title="I am a Mozillian!!" href="https://www.youtube.com/watch?v=LuyBGkbzTjs" target="_blank">I am a Mozillian</a>」。自己覺得如果能夠拍攝類似的影片的話,應該還蠻酷的!而且 <a title="MozTW Mozilla Taiwan Community" href="http://moztw.org/" target="_blank">MozTW</a> 打算為 <a title="Firefox Download" href="http://moztw.org/firefox/" target="_blank">Firefox</a> 在 11/15 舉辦一場<a title="立刻參加!!!" href="http://moztw.kktix.cc/events/firefox10years" target="_blank">盛大的 10 週年生日趴</a>,所以我自己希望能夠透過這部影片吸引更多人來參加活動、認識 <a title="Mozilla" href="http://mozilla.org/" target="_blank">Mozilla</a> 及 <a title="MozTW Mozilla Taiwan Community" href="http://moztw.org/" target="_blank">MozTW</a>!</p>
<p><em>* 影片中除了會推廣 <a title="MozTW Mozilla Taiwan Community" href="http://moztw.org/" target="_blank">MozTW</a> 所舉辦的 <a title="參加拜託 QAQ" href="http://moztw.kktix.cc/events/firefox10years" target="_blank">Firefox 10 週年派對</a> 以外,也會宣傳 <a title="MoCo TW" href="http://mozilla.com.tw/" target="_blank">Mozilla Taiwan </a>的 <a title="Firefox 10 years" href="http://mozilla.com.tw/10years/" target="_blank">Firefox 10 週年系列活動</a>。</em></p>
<p><strong>募集方式</strong></p>
<p>感謝你願意協助拍攝,照/影片中可以一個人或多個人;拍攝的時候別忘了要拿著一張板子上面寫「Firefox is my independent choice in “你所在的都市”」。影片的格式希望能在 720p (含) 以上,檔案格式可以為 mp4 / mts / m2ts / mov 。</p>
<p>拍攝完畢之後上傳到任意免空或自己的空間,然後寄信給我 <a href="mailto:orin@moztw.org" target="_blank">orin@moztw.org</a> 就可以囉。謝謝大家 !!</p>
<blockquote>原文 / <a href="http://blog.orinx.com/we-need-you-firefox-decade/">Orin's Blog - Firefox 10 週年了,短片募集中!</a><br/>
作者 / <a href="https://mozillians.org/zh-TW/u/orin/">Orin</a><br/>
</blockquote>
<hr />
<p>編按:由 MozTW 社群舉辦的 <a href="http://moztw.kktix.cc/events/firefox10years">Firefox 10 週年歡慶派對</a>已經在日前開放報名了。活動適合想認識 Mozilla、MozTW、及 Open Sourse 或是完全沒有經驗但覺得有趣的人來(簡單來說就是適合各式各樣的人),內容非常豐富有趣,絕對不會讓你失望,請大家務必報名參加喔! ;-)</p>極地狐http://www.blogger.com/profile/14050356131598294839noreply@blogger.com1tag:blogger.com,1999:blog-20212232.post-25208698846955903012014-10-22T12:00:00.000+08:002014-10-22T14:48:05.046+08:002014 Webmaker 社群發展<p>這篇文章檢視了 <em> <a href="https://webmaker.org/">Mozilla Webmaker</a> 社群的原則</em>,以及我們在 2014 年推動社群的<em>主要努力方向</em>。</p>
<p><a href="http://amiradhalla.com/2013/11/14/maker-partys-around-the-world-4-month-review/">有</a><a href="https://michelle.makes.org/thimble/the-manic-tremors">很</a><a href="http://brettgaylor.tumblr.com/post/70626520407/webmaker-in-2014">多</a><a href="http://hivelearningnetwork.org/">人</a>一起<em>型塑出以下成果</em>,<em>希望</em>來年能有<a href="https://davidwboswell.wordpress.com/2013/09/30/what-would-a-million-mozillians-do/">更多更多人一起加入</a>,讓 Mozilla 的使命能散佈與擴大到更多地方。</p>
<p>以下是 Chris Lawrence 跟我暱稱作<em>「後設敘事」</em>的草稿。這篇稿子試圖描述一些<em>我們 2014 年預計要做的事情,以及為什麼要做這些事</em>。非常歡迎大家提供各種想法與建議!</p>
<div style="text-align: center;"><a href="https://www.flickr.com/photos/mozillaeu/10490704864" title="MozFest by Mozilla in Europe, on Flickr"><img src="https://farm8.staticflickr.com/7426/10490704864_e49ff6a4eb_z.jpg" width="640" height="428" alt="MozFest"></a></div>
<h2>我們的原則</h2>
<blockquote><em>我們相信,讓人們能透過開放平台進行協作,對個人的成長與眾人的未來是很重要的。</em></blockquote>
<p>Webmaker 社群團隊承諾會基於 <a href="https://www.mozilla.org/mission/">Mozilla 使命</a>,建立一個符合以下敘述的網際網路:
<ul>
<li><em>易於了解</em>:它是透明的-我們可以關注它、認識它。</li>
<li><em>協同工作</em>:它提供一個可以輕鬆玩及創新的機會。</li>
<li><em>屬於眾人</em>:它對所有人公開,由我們自己去定義它。</li>
</ul>
</p>
<iframe width="640" height="360" src="//www.youtube.com/embed/Xrh2FN1y8CY?feature=player_embedded" frameborder="0" allowfullscreen></iframe>
<p>我們可以藉由 <a href="http://connectedlearning.tv/what-is-connected-learning">Connected Learning principles</a> 來引導我們,它主張學習該是:
<ul>
<li><em>以生產力為中心</em>:透過實際動手操作,將會擁有更深入的學習。</li>
<li><em>開放地連結起來</em>:不管在學校、家庭還是社群都可以使用。</li>
<li><em>互相分享目標</em>:利用網路的力量,讓有志同道合的人一起合作。</li>
</ul>
</p>
<p>將這些原則編織在一起後,我們的目標是:
<ul>
<li>塑造充滿創意、創新以及合作的<em>環境</em>。</li>
<li><em>建立產品、專案、實作練習</em>,讓更多的人藉由動手做而學習。</li>
<li><em>茁壯社群</em>,使之能參與並致力其中。</li>
<li><em>開放的教與學</em>,給人一項生活中可以實際用上的工具。</li>
</ul>
</p>
<div style="text-align: center;"><a href="https://secure.flickr.com/photos/newyouthcity/10559886703"><img src="http://michellethorne.cc/wp-content/uploads/makerparty-at-mozfest1-e1388767418448.jpg" alt="" title="makerparty at mozfest" width="550" height="365" class="aligncenter size-full wp-image-2496" /></a></div>
<h2>為什麼要有 Web 素養?</h2>
<p>我們已經有很多透過 Web 所得,不論是數位或類比的經驗。網路讓我們更完整地看待世界、並與其他人互動。不論是無意識或是過度地,<em>網路都正在建構著我們,而同時我們也正塑造它</em>。</p>
<p><em>教與學無法自外於這個轉變</em>;通常人們<em>害怕的心態會多於被賦予能力的感覺</em>。到底我們要怎樣,才能夠讓人更加能夠學習關於網路的五四三呢?</p>
<p><em>我們相信,能有 Web 素養是很重要的</em>,意思就是說我們要增長以下的知識:
<ul>
<li>Web <em>文化</em></li>
<li>Web <em>技巧</em></li>
<li>Web <em>公民權</em></li>
</ul>
</p>
<p>重要的是,<em>網路素養是一個整體的觀點</em>。他不僅僅只是<em>簡單的「學寫程式」</em>,而是闡述<em>線上與線下地帶變得模糊</em>的地帶,以及<em>網路和現實世界複雜的互動方式</em>。</p>
<div style="text-align: center;"><a href="https://secure.flickr.com/photos/mozillaeu/10495282536"><img src="http://michellethorne.cc/wp-content/uploads/webliteracyoffline.jpg" alt="" title="webliteracyoffline" width="550" height="365" class="aligncenter size-full wp-image-2497" /></a></div>
<h2>到目前為止的故事</h2>
<p>為了先闡述這件事,我們透過網路組織,<em>號召個人和團體一起推行讓人知道得更多、做得更多、做得更好的運動</em>。</p>
<p>在 2013 年 1 月,我們啟動了第一輪行動。Webmaker 社群開始測試一些<em>催化全球網路素養躍進</em>的策略與專案,於各地扎根。</p>
<p>我們集合現有的行動,諸如 <a href="http://hivelearningnetwork.org/">Hive Learning Network</a> 和 <a href="https://wiki.mozilla.org/Summer_Campaign_2012">Summer Code Party</a>,同時也規劃新的活動,好比 <a href="http://hivenyc.org/teachtheweb/">Teach the Web MOOC</a> 和 <a href="https://webmaker.org/standard">網路素養一覽</a>。</p>
<p>現在,一年過去,這些計畫還在<em>持續散佈及擴展</em>。</p>
<div style="text-align: center;"><a href="https://secure.flickr.com/photos/mozillaeu/10491775973"><img src="http://michellethorne.cc/wp-content/uploads/atmozfest.jpg" alt="" title="atmozfest" width="550" height="365" class="aligncenter size-full wp-image-2499" /></a></div>
<h2>Webmaker 社群</h2>
<p>我們的社群成員尋求:
<ul>
<li><em>提升</em>他們的 Web 素養。</li>
<li><em>建構和分享</em>教學工具。</li>
<li><em>增加</em>實際的人脈網路。</li>
<li><em>參與</em>並協同行動。</li>
<li><em>鑑別</em>具有在地風格的全球運動。</li>
</ul>
</p>
<div style="text-align: center;"><img src="http://michellethorne.cc/wp-content/uploads/webmaker-mentors.jpg" alt="" title="webmaker mentors" width="550" height="365" class="aligncenter size-full wp-image-2494" /></div>
<p>下面這張圖是我們的「領先用戶」。 這裡有一些在專案中,非常積極參與的社群成員,這些成員可以被分成幾種類型。本圖只是大致繪製,並不是非常完整。目的在於蒐集一些社群成員的動機,然後以視覺化方式互相比較。</p>
<iframe style="text-align: center;" src="https://michelle.makes.org/thimble/lead-user-matrix-webmaker-community-team" width="640" height="1000"></iframe>
<h2>我們的團隊</h2>
<p>我們提供我們的社群:
<ul>
<li><em>開放的網路群體</em>:連結人群及尋找合作、創新的組織。</li>
<li><em>Webmaker.org</em>:完整、具影響力,專注為推展 Web 素養設計的產品。持續提供入門課程、工具、徽章和使用者頻道,讓使用者能夠成為 Web 的製造者。有了這個產品,我們將能推行在「學習寫程式」之外,另一個差異化的「Web 素養」空間。<a href="https://webmaker.org/">(webmaker.org)</a></li>
<li><em>Web 素養</em>:定義人們真正地「懂 Web」時所需具備的素養和能力<a href="https://webmaker.org/standard">(Web Literacy Map</a></li>
<li><em>發展專業能力</em>:使用開放的網路平台,增進開放的教學技巧和方法。<a href="http://infogr.am/teachtheweb-27148?src=web">(Teach the Web)</a></li>
<li><em>運動</em>:舉辦活動以擴展與宣傳我們「從做中學」的理念。<a href="https://webmaker.org/party">(Maker Party)</a></li>
<li><em>脈絡化的品牌識別</em>:建構具有在地特色的全球品牌。<a href="http://hivelearningnetwork.org/">(Hive Learning Network)</a></li>
</ul></p>
<p>更詳細的未來路線,將會在近期推出。</p>
<p>這是提供支援與貢獻的<em>組織成員概觀</em>:</p>
<div style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc5L6d_hbiJH6VXFaVP5vjb9HNFZcIDp2nAGJF0e-PPVxyrc2ax1Szq9QGZHjeowAEkBOK2_4tBPZdA87EejamU6FOGpiXjoZtIhHOK01jZShxLMnXp_zd97Mlas2TbgqAOm5E/s1600/webmaker-tree.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc5L6d_hbiJH6VXFaVP5vjb9HNFZcIDp2nAGJF0e-PPVxyrc2ax1Szq9QGZHjeowAEkBOK2_4tBPZdA87EejamU6FOGpiXjoZtIhHOK01jZShxLMnXp_zd97Mlas2TbgqAOm5E/s600/webmaker-tree.png" /></a></div>
<h2>2014 年大事件:</h2>
<p>在 2014 年,我們將會進行:
<ul>
<li><em>#teachtheweb 訓練</em>:一月開始 – 進行中,有線上活動,也在某些地方舉辦實體活動</li>
<li><em>Hive Summit</em>:二月,位置未定</li>
<li><em>Webmaker 社群工作週</em>:暫定在第一季結束時推出,地點待定</li>
<li><em>Maker Party</em>:六月~九月,全球活動</li>
<li><em>Mozfest</em> :十月中後期,地點位於倫敦</li>
</ul>
</p>
<p>持續還有很多活動企劃中。</p>
<p>我們剛開始計劃<em>本年的活動</em>,非常<em>歡迎你提供意見</em>給我們。如果你很感興趣的話,<a href="https://webmaker.org/getinvolved">寄信給我們來湊一咖</a>吧!</p>
<blockquote>編按:本文寫於 2014 年初,上述預定活動剩下 10 月底倫敦舉辦的 <a href="http://2014.mozillafestival.org/
">Mozilla Festival</a>。MozTW 將會在活動結束後舉辦連續聚,邀請參加 Mozfest 的朋友們,談談這個令人感到好奇的活動裡面到底有些什麼!屆時請不要錯過囉~</blockquote>
<div style="text-align: center;"><a href="https://secure.flickr.com/photos/mozillaeu/10495231325"><img src="http://michellethorne.cc/wp-content/uploads/teachtheweb-scrum.jpg" alt="" title="teachtheweb scrum" width="550" height="365" class="aligncenter size-full wp-image-2498" /></a></div>
<blockquote>
原文 / <a href="http://michellethorne.cc/2014/01/webmaker-community-in-2014/">Webmaker Community in 2014 | Michelle Thorne</a><br />
作者 / Michelle Thorne<br />
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC 姓名標示-相同方式分享-3.0</a></blockquote>
<p>φ 交大服務學習 翻譯 - 極地狐、petercpg、Irvin 編輯</p>
極地狐http://www.blogger.com/profile/14050356131598294839noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-56236155704187127352014-10-16T12:00:00.000+08:002014-10-16T14:41:10.407+08:00TED 演講:Ryan Merkley 展示 Popcorn<a href="https://www.flickr.com/photos/tedconference/7557667480" title="TG12_45577_2R6A8993_1920 by TED Conference, on Flickr"><img src="https://farm9.staticflickr.com/8010/7557667480_9cbe1296f4_z.jpg" width="640" height="427" alt="TG12_45577_2R6A8993_1920"></a>
<p><strong>今日,來勢洶洶的 Popcorn Maker 首度在 TED.com 亮相,展示 Popcorn 擁有在網路裡改變敘事方法的潛力。</strong></p>
<p>Mozilla 營運長 Ryan Merkley,6 月 29 日在 Edinburgh 的 TED Global 中,現場實際操作 Popcorn Maker。
這個線上工具是 Mozilla <a href="https://webmaker.org/">Webmaker</a> 專案的一部份,非常容易上手,它可以讓任何人將即時的內容添加到任何影片內 - 像是照片、地圖、社交媒體等等。</p>
<center><p>
<iframe src="https://embed-ssl.ted.com/talks/lang/zh-tw/ryan_merkley_online_video_annotated_remixed_and_popped.html" width="640" height="360" frameborder="0" scrolling="no" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</p></center>
<h2>影片突破框架</h2>
<p>「影片誕生於網路世界時是在一個小小的盒子裡,與它相關的眾多資訊跟影片本身並沒有辦法連動。但 Popcorn Maker 改變了這個框架。」Merkley 這樣說。</p>
<p>「Popcorn 將影片打造成新的模式,讓它就好像是網頁本身一般——動態的、充滿超連結、可混搭,然後他就突破以往的框架了。」</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7rW8j5svDgiEotvsrlME7APgDktyWLYGS_fSFbx8XDeEZVCECJ27jxyWSjyuWV05ENMuoKB1uo0kYmwMh0jX7XYciyBZunc8Zw3t2d5XVvRzpFzROvgRHoTkAo1jawqq88_IO/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-10-01+%E4%B8%8B%E5%8D%886.38.17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7rW8j5svDgiEotvsrlME7APgDktyWLYGS_fSFbx8XDeEZVCECJ27jxyWSjyuWV05ENMuoKB1uo0kYmwMh0jX7XYciyBZunc8Zw3t2d5XVvRzpFzROvgRHoTkAo1jawqq88_IO/s600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-10-01+%E4%B8%8B%E5%8D%886.38.17.png" /></a></div>
<h2>Popcorn + TED 演講</h2>
<p><strong>Mozilla 也實驗性的 在 TED Talks 內用其他的方法演講。</strong>
Popcorn 團隊今天發佈了 <a href="http://blog.ted.com/2012/10/19/meet-popcorn-maker-beau-lotto/">Dr.Beau Lotto 做的 TED Talk 混搭版</a>。他在影片裡加入了一層可點選的圖層,讓任何人都可以在這一層當中加些新東西、編輯、或者混製。</p>
<p><strong>「我們將 TED 影片加入一些內容,來測試新的 Popcorn Maker 應用程式。這是個很棒的方法,Popcorn Maker 的新功能是我們去年在做的東西。」</strong>
Popcorn 計劃總監、<a href="https://blog.mozilla.org/blog/2012/10/19/ted_popcorn/www.etherworks.ca">Brett Gaylor</a> 這樣說。
「我們直接用 Popcorn 在影片內新增連結、維基百科條目、圖片及地圖。這讓我們有更多學習的機會,也能夠更深入地溝通。」</p>
<p>「<em><strong>對 TED 來說是非常興奮的事,Popcorn Maker 擁有讓 TED Talks 創造出更多、更豐富的資訊生態的潛力。</strong>——來自編輯團隊、演講者、還有身為觀眾的你</em>」—— <a href="http://blog.ted.com/2012/10/19/meet-popcorn-maker-beau-lotto/">TED.com</a></p>
<h2>在 Mozilla Festival 推出 Popcorn Maker 1.0</h2>
<p><strong>Mozilla 會在十一月位於英國倫敦的 <a href="http://mozillafestival.org/">Mozilla Festival</a> 推出 Popcorn Maker 1.0。</strong>
同時,我們也會放出跟今天在 TED 演講上發表的內容一樣的<a href="https://popcorn.webmaker.org/templates/basic/?savedDataUrl=ted.json">新 Beta 版</a>。
在團隊為最後成品努力的同時,Beta 版就已經有完整的功能,可以給任何想第一個嘗試的人使用。</p>
<h2>深入了解</h2>
<ul>
<li><strong>看 <a href="http://www.ted.com/talks/ryan_merkley_online_video_annotated_remixed_and_popped.html">TED 演講</a>。</strong>現在已經上了 <a href="http://www.ted.com/talks/ryan_merkley_online_video_annotated_remixed_and_popped.html">TED.com</a> 與 <a href="http://www.youtube.com/watch?v=641aB1Dv1DY">YouTube</a> 了,快點開來看!</li>
<li><strong><a href="http://popcorn.webmadecontent.org/11">Popcorn 影片動手做</a>。</strong>我們已經用 Popcorn Maker 混搭了一段 TED 演講影片做展示,用 Popcorn 製作屬於自己的互動式影片真的非常容易上手。</li>
<li><strong><a href="https://popcorn.webmaker.org/templates/basic/?savedDataUrl=ted.json">Popcorn Maker beta 版來嘗鮮</a>。</strong>製作屬於自己的影片,然後告訴我們你的感想。</li>
</ul>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh68ChI29feuH2nDhv6DCFI2jAEusJSHlikvYzoSNqM4BS8Dknj_-KHTbPJUFRGW0PW5gwA08JvcI4E49WQk_978oCalnnXuBk3FXqAexBcYAx4FKYcua8W1y2EHRF_hkgi1Wtj/s1600/TED-home-page.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh68ChI29feuH2nDhv6DCFI2jAEusJSHlikvYzoSNqM4BS8Dknj_-KHTbPJUFRGW0PW5gwA08JvcI4E49WQk_978oCalnnXuBk3FXqAexBcYAx4FKYcua8W1y2EHRF_hkgi1Wtj/s600/TED-home-page.png" /></a></div>
<h2><em>關於TED</em></h2>
<p>TED 是一個非營利組織,透過科技、娛樂與設計的世界致力宣揚「理念值得推廣」。全世界的人在 TED.com 上都可以免費觀賞最精彩的演講與表演。</p>
<h2>開放原始碼行動</h2>
<p><strong>Popcorn Maker 是由許多摩茲人建構的</strong>,包括 Popcorn.js 的社群貢獻者,例如 Bobby Richter、Jon Buckley、Kate Hudson、Scott Downe
以及 Ben Moskowitz,這些有才華的團隊成員加強了工具功能。貢獻者還包括與 Mozilla 有特別合作關係的 Toronto’s Seneca 大學。Popcorn Maker 如果沒有由老師 David Humphrey 領導學生 Christopher de Cairos、Matthew Schranz、還有 David Seifreid 的話,也不會完成。</p>
<blockquote>
原文 / <a href="https://blog.mozilla.org/blog/2012/10/19/ted_popcorn/">TED Talk: Ryan Merkley demos Popcorn</a><br/>
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC 姓名標示-相同方式分享-3.0</a>
</blockquote>
<p>φ 交大服務學習 翻譯 - 極地狐 編輯</p>
<hr />
<p>編按:<br/>
這篇是 2012 年的文章,<a href="http://www.ted.com/talks/ryan_merkley_online_video_annotated_remixed_and_popped?language=zh-tw">Popcorn 的 TED 演講影片</a>已在 ted.com 釋出繁中版本,<a href="https://popcorn.webmaker.org/zh-TW/editor/">Popcorn Maker 也已有繁中的成品</a>了。另外 Webmaker 整個專案<a href="https://webmaker.org/tools">也有其他好用的工具</a>等你來玩玩看喲!</p>
極地狐http://www.blogger.com/profile/14050356131598294839noreply@blogger.com0tag:blogger.com,1999:blog-20212232.post-61861900838186814562014-10-02T12:00:00.000+08:002014-10-02T15:17:54.302+08:00咱們來說說 Popcorn Maker <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisGtcC8dr4U2PafuEed4wJ8V3IvE_9FFXnfUabABhrmaJ44zGBhPra6kRUDytXr7tCwbmcOLag5sgkxKk8pCnAuXJIRroChwnliXNSI5QJwaYpS94O-7nzDjg6wFG9Zxg6eNWv/s1600/Mozfest_11Nov_004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisGtcC8dr4U2PafuEed4wJ8V3IvE_9FFXnfUabABhrmaJ44zGBhPra6kRUDytXr7tCwbmcOLag5sgkxKk8pCnAuXJIRroChwnliXNSI5QJwaYpS94O-7nzDjg6wFG9Zxg6eNWv/s600/Mozfest_11Nov_004.jpg" /></a><br/>
Brett Gaylor 在 Mozilla Festival 中發表 Popcorn Maker。
</div>
<p>今天,很榮幸地在 <a href="http://mozillafestival.org/">Mozilla Festival</a> 上發表 1.0 版本的 Popcorn Maker。Popcorn Maker 是一個免費的網頁應用程式,它可以讓網路影片具有互動性、能夠豐富影片內容、讓它充滿魅力。</p>
<p><strong>Popcorn Maker 可以輕易的讓你在網路影片裡加進一些內容、也可以混搭不同素材,然後再分享出來。</strong>
只要簡單地拖拉物件到頁面中,就可以在任何影片裡增加生動的內容——像是照片、地圖、連結、社群媒體等等,而且只要在瀏覽器當中就可以進行了。
讓影片增加些內容及連結,讓人每次觀看都覺得獨特,這樣播放影片的方式,在網路上是個全新的方法。</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFVYem2KUNvS5lQavsS1I029mPGZU40n96Pn7TtH90HLKOqcOqyF0ZfSXYJvALctx_ZRLuRtZxDLEC2JpXVlzvBPU_fxy3jUy8NR_fhrvsJ0PwADQDf3j6lMXQcM-_qk0eQDEs/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-10-01+%E4%B8%8B%E5%8D%886.38.17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFVYem2KUNvS5lQavsS1I029mPGZU40n96Pn7TtH90HLKOqcOqyF0ZfSXYJvALctx_ZRLuRtZxDLEC2JpXVlzvBPU_fxy3jUy8NR_fhrvsJ0PwADQDf3j6lMXQcM-_qk0eQDEs/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2014-10-01+%E4%B8%8B%E5%8D%886.38.17.png" width="600"/></a></div>
<h3>Popcorn Maker 故事</h3>
<p>「<strong>直到現在,網路影片依舊藏在小小的黑色盒子裡。</strong>」
Mozilla Popcorn 總監 <a href="https://twitter.com/remixmanifesto">Brett Gaylor</a> 這樣說到:「Popcorn Maker 改變了這個局勢,影片製作好像變得像是網頁的一部份了:可以改、可以放連結、也能重新混搭,它把周圍的世界也一起連結起來了。」</p>
<p>去年 Mozilla 發表了一個給開發者的 Javascript 函式庫,<a href="http://popcornjs.org/">Popcorn.js</a>。它帶來了一些開創性的作品,比如說像是 NFB 的 <a href="https://blog.mozilla.org/blog/2011/11/05/popcorn-1-0-launch-and-world-premier-of-one-millionth-tower/">One Millionth Tower</a>、PBS 和 NPR 的 <a href="https://blog.mozilla.org/blog/2012/10/11/adlibs/">2012 election coverage</a> 、還有<a href="http://popcornjs.org/demos">其他作品</a>等等。</p>
<p>「<strong>但在此之前,Popcorn 的能力大多只針對開發者有用。</strong>」
Brett 說「Popcorn Maker 將這股力量放在<em>每個人</em>的手中,藉由直覺性的操作介面,讓每個人都可以上手。我們對於這個工具未來能夠在這個世界中創造出什麼,感到無比興奮。」</p>
<p>身為 Mozilla <a href="https://webmaker.org/">Webmaker</a> 專案的一部分,Popcorn Maker 擁有非常獨特的合作方式,它是 Mozilla 和數個電影工作者、開發者、年輕的媒體工作者,還有 <a href="http://zenit.senecac.on.ca/wiki/index.php/Main_Page">Seneca College 的開放科技發展中心</a>一起設計、協同合作下,建造出來的成果。</p>
<p>Popcorn Maker 完全使用 Open Web、用 HTML、CSS 和 Javascript 寫成。
「它基本上就是用一個網頁製造出另一個網頁。對於在網路應用程式能做到什麼,Mozilla 有著更大的願景,我想這是一個非常好的範例。」Brett 這樣說。</p>
<center><p><iframe src="https://popcorn.webmadecontent.org/12t_" frameborder="0" width="560" height="358"></iframe></p></center>
<h3>加入我們</h3>
<ul>
<li><a href="https://popcorn.webmaker.org/">快來試試看 Popcorn Maker</a>,讓我們知道你在想什麼。</li>
<li><a href="https://webmaker.org/en-US/projects/?tool=popcorn#filter">來 Webmaker.org 看看 Popcorn Maker 有什麼新東西</a> ,然後製作可互動的收音機、名人混音視頻、或動畫漫畫等等的吧。</li>
<li><a href="https://blog.mozilla.org/blog/2012/10/19/ted_popcorn/">來看看 TED Talks 怎麼說 Popcorn Maker 的</a>。在世界上最受歡迎的網站影片裡面增加一些互動圖層。</li>
<li><a href="https://wiki.mozilla.org/Webmaker/Code#Popcorn">來加入我們,成為開發者、或貢獻者</a>。裡面有程式碼,追蹤的一些議題,還有如何加入 Popcorn 社群的方法。</li>
<li><a href="https://hacks.mozilla.org/2012/11/popcorn-maker-1-0-released-how-it-works/">來讀些 Mozilla Hacks 的內容</a>。Bobby Richter發佈的訊息,裡面描述了對於這個工具背後的科技的一些深入探討。</li>
</ul>
<blockquote>
原文 / <a href="https://blog.mozilla.org/blog/2012/11/11/popcorn-maker/">Introducing Popcorn Maker | The Mozilla Blog</a><br/>
授權 / <a href="http://creativecommons.org/licenses/by-sa/3.0/">創用 CC 姓名標示-相同方式分享-3.0</a>
</blockquote>
<p>φ 交大服務學習 翻譯 - 極地狐 編輯</p>極地狐http://www.blogger.com/profile/14050356131598294839noreply@blogger.com0