Mozilla 開源專案的守護神 – Treeherder
Treeherder 是一個彙集所有測試結果的地方，它將 CI (Continuous Integration) 的測試結果彙整起來變成一個精美的報表，好讓開發者可以直接透過網頁來查看各種測試項目的最新狀態或是錯誤訊息，甚至是幫你分析發生錯誤的測試項目是否是目前某些不穩定 Bug ( Intermi...
文章分類：Open Source
19 篇文章
Where am I?－Part III－用 Geolocation API 以及 Offline Storage 實現導航與離線儲存
app screenshot 之前在 Eric [[1]](https://tech.mozilla.com.tw/ref1) 與 Owen 的文章 [[2]](https://tech.mozilla.com.tw/ref2) 已經介紹了如何使用 Geolocation API [[3]](htt...
使用 Github 開發我的第一個網頁應用程式 （Web App）
photocredit by mike demersphoto credit by mike demers 網頁應用（Web App） 網頁或網站設計是門很容易上手，但卻很難精通的領域。特別是近年來網頁相關技術隨著 HTML5、Node.js、Cordova 等的發展，網頁可適用的邊界進入了爆炸性擴...
自己的瀏覽器自己改 (Part I) －利用Firefox Addon SDK開發簡單的附加元件
Firefox 最受歡迎的特色之一就是量多而且質精的附加元件 (Addon)，在 Firefox Addons 網站 [[1]](https://tech.mozilla.com.tw/ref1) 您可以找到各式各樣的附加元件滿足您的各種上網需求。在這篇文章中我們將會介紹如何利用 Firefox A...
打造專屬於你的 Git 工作流程 — Alias、Commands、Hooks
(Ref: http://blog.openhatch.org/tag/newsletter/) Larry Wall（Perl 之父）曾說過，程式設計師有三大美德： 「懶惰」、「不耐煩」、以及「傲慢」。所以如果你想要成為偉大的程式設計師，你一定要懂得「偷懶」！在每天的軟體開發中，版本控制系統（Ve...
像原生應用程式一樣的 WebApp？趕快學起來！
經常收看謀智台客的讀者可能已經看過怎麼開發一個 (Firefox) WebApp，或是可在 MDN 上找到相關開發資訊。 簡而言之，Mozilla 提出的開放 WebApp 標準草案，允許把使用網頁技術製作的網頁做成 App 來使用。提供的方式除了 App 使用者所習慣的 App Store 模式（...
Address-Sanitizer(ASAN): 一個 C/C++ 記憶體偵錯的工具
LLVM 有一系列以 Sanitizer 結尾的偵錯工具(ASAN/TSAN/MSAN/DFSAN/LSAN)[[1]](https://clang.llvm.org/docs/)，每個工具各司其職，在此我們介紹其中的 ASAN[[2]](https://code.google.com/p/addr...
我也想成為 mozillian！ Part 2 – 你也來Try Try 看
mozillian這篇文章針對 part 1 的 Step 5 中的 Try Server 作進一步的說明。 測試是軟體開發中一個重要的步驟，用來確保軟體正確性、完整性、安全性和品質的過程。測試又分手動測試跟自動測試。在 Mozilla Gecko 這樣的大型軟體專案中，自動測試尤其重要。因為在大型...
人人都可以是指揮家 – Mozart
Mozart 專案是一個利用多個 Web API 來完成的線上遊戲，它使用了 1. Device Motion 來讀取使用者透過手機晃動的幅度, 2. Web Audio 來當成 MIDI 的聲音輸出, 3. Web Socket 來當成手機與伺服器之間的即時通訊。我們只要簡單的搖晃手機，身邊的電腦...
CGDB – 更好用的 GDB
cgdblogo 我們在開發過程中，常常會使用 GDB 來找 bug，但是它是純文字介面，使用上還是有些不便，幸好現在可以找到不少 open source project 來改進這些問題，今天所介紹的 CGDB[[1]](https://cgdb.github.io/) 工具，是我使用過覺得相當好用...
Inter App Communication – App 的溝通橋樑
iac 在開發 App 的時候，我們有時候需要在App之間傳遞資訊，而今天我們要介紹的主角就是新引入的 WebAPI: IAC (Inter App Communication)，有了這個好東西，我們就可以輕易的在 App 間傳遞訊息，以下就用筆者遇到的例子來說明吧： User story 當使用者...
網頁上也能做刮刮樂！運用 HTML5 canvas 合成功能
我就先不賣關子，底下這個 fiddle 就是這篇文章的刮刮樂範例完整版。 可以玩玩看，試著瞭解裡面的程式腳本，或是 fork 來改改看。 有興趣但看不太懂 code 的話， 就跟著本篇文章的介紹帶你入門吧！ 如果大家有看過九月份的「Firefox OS 讓你儘情享受每一刻」活動網頁（註 1）， 應該...
一個打十個 – 讓 Gaia 網頁應用（webapp）支援多重設備（一：像素密度）
credit http://en.wikipedia.org/wiki/File:DaVinciVitruveLucViatour.jpg 使用網頁技術開發應用的好處，是讓使用者不管在什麼設備上，只要有瀏覽器支援，基本上都能使用自己習慣的服務。同時若有需要，也可以較容易地透過 Apache Cord...
先別說 Flash 了，你聽過 SVG 嗎？
Scalable Vector Graphics (SVG)，可縮放向量圖形，是一種 XML 標記語言，用來描述二維向量圖形。SVG 對一般使用者而言， 也許是個相對陌生的名詞，但是我相信大家一定聽過 Adobe Flash，SVG 跟 Flash 一樣，其特點都是使用向量圖形，與事件觸發高度整合，...
想學 Python/Django? 就從 Mozilla 網站專案開始吧！
培樂多黏土早餐 （圖片來源：radiobread） 六月的時候 Askeing 大大介紹了 Python 開發好幫手 – virtualenv，如果你剛好是 Python/Django 的新手，能照著 Askeing 的解說順利地完成 virtualenv 安裝使用，那麼這篇文章可以給你一個自己學習...
Python 開發好幫手 – virtualenv
許多開發者常會使用 schroot 去管理不同的獨立環境來符合自己的開發與編譯上的需求。 在 Python 的世界也有類似的工具 – virtualenv[1]，可以讓使用 Python 的開發者方便快速的建立各自獨立的虛擬環境。在獨立的虛擬環境中開發 Python 程式，可以降低各個環境中的套件數...
越玩越有趣 – OpenCL 與行動裝置的未來！
先節錄一下 OpenCL 在維基百科的介紹 OpenCL (Open Computing Language，開放計算語言) 是一個為異構平台編寫程式的框架，此異構平台可由 CPU， GPU 或其他型別的處理器組成。 OpenCL 由一門用於編寫 kernels （在 OpenCL 裝置上執行的函式）...
跨越語言的邊界 – 淺談 JS API 與 XPConnect
開發 Mozilla 專案主要會使用兩種程式語言：C++ 與 JavaScript。第一次接觸到這份代碼時，我心中就產生了一個疑問：C++ 是強型態、靜態編譯的語言，而 JavaScript 則是弱型態、直譯式的語言，這兩種特性截然不同的程式語言該如何溝通呢？以下讓我們來分析一下 C++ 與 Jav...
開發 Gaia 的好幫手 – Aptana
Gaia 是一個基於 HTML5 技術為基礎，且為 Firefox OS ( 原 Boot to Gecko 專案，以下簡稱 B2G ) 手持系統而生的，使用者界面開發專案。開發 Gaia 的程式語言不外乎使用 HTML5/CSS/JavaScript 等技術，這更是一個不折不扣的 Web 應用程式...