蘋果環境、鄉土北港、白沙屯 GPS、開發心得與開箱文章。https://oawu.tw/zh-Hanthttps://oawu.tw/blog/macos/zed/https://oawu.tw/blog/macos/zed/Zed 編輯器的設定：從 Cursor 轉換過來的原因、settings.json 與 keymap.json 的配置、多游標與導覽快捷鍵、Snippet 與格式化設定。Fri, 28 Aug 2026 16:00:00 GMT蘋果環境AppleZedEditorhttps://oawu.tw/blog/macos/hammerspoon/https://oawu.tw/blog/macos/hammerspoon/用 Lua 腳本自動化 macOS 的視窗管理。從 BetterTouchTool 換過來的原因、輔助使用權限的設定、快捷鍵配置，以及 Finder 快捷鍵衝突的處理。Wed, 26 Aug 2026 16:00:00 GMT蘋果環境AppleHammerspoonLuaAutomationhttps://oawu.tw/blog/macos/base/https://oawu.tw/blog/macos/base/macOS 重灌後的第一步：App Store 必裝軟體、截圖與 Workspace 目錄的建立、hosts 設定、Finder 與 Dock 調校，以及一整套系統偏好設定的調整。Tue, 18 Aug 2026 16:00:00 GMT蘋果環境ApplemacOSFinderDockhttps://oawu.tw/blog/macos/iterm2/https://oawu.tw/blog/macos/iterm2/iTerm2 的安裝與設定：Xcode command line 工具、Homebrew 與 oh-my-zsh、產生 SSH 金鑰並佈署到 GitHub 與伺服器，以及配色與快捷鍵的調整。Tue, 18 Aug 2026 16:00:00 GMT蘋果環境AppleiTerm2HomebrewZSHSSHhttps://oawu.tw/blog/macos/sublime-text-4/https://oawu.tw/blog/macos/sublime-text-4/Sublime Text 4 的完整設定：啟用 Package Control、安裝常用套件、快捷鍵與主題配色，以及命令列 subl 指令的設定。Tue, 18 Aug 2026 16:00:00 GMT蘋果環境AppleSublime TextEditorhttps://oawu.tw/blog/macos/git-sourcetree/https://oawu.tw/blog/macos/git-sourcetree/Git 與 Sourcetree 的安裝與設定：使用者名稱與信箱、常用的 alias，以及 Sourcetree 的個人化調整。Tue, 18 Aug 2026 16:00:00 GMT蘋果環境AppleGitSourcetreehttps://oawu.tw/blog/macos/chrome/https://oawu.tw/blog/macos/chrome/在全新的 macOS 上安裝 Chrome 瀏覽器，包含官網下載位置與備用載點。Mon, 15 Jun 2026 16:00:00 GMT蘋果環境AppleChromeBrowserhttps://oawu.tw/blog/macos/hack-font/https://oawu.tw/blog/macos/hack-font/安裝 Hack 這款專為程式碼設計的等寬字型，供 iTerm2、Sublime Text 與 Zed 使用。Mon, 15 Jun 2026 16:00:00 GMT蘋果環境AppleFonthttps://oawu.tw/blog/macos/sequel/https://oawu.tw/blog/macos/sequel/Sequel Ace 與 Sequel Pro 的安裝與連線設定，包含 Sequel Pro 不支援 MySQL 8 的處理方式，以及本機資料庫的連線建立。Mon, 15 Jun 2026 16:00:00 GMT蘋果環境AppleSequelMySQLDatabasehttps://oawu.tw/blog/macos/nodejs/https://oawu.tw/blog/macos/nodejs/在 macOS 安裝 Node.js 執行環境與 npm 套件管理工具。Mon, 15 Jun 2026 16:00:00 GMT蘋果環境AppleNode.jsnpmhttps://oawu.tw/blog/macos/cocoapods/https://oawu.tw/blog/macos/cocoapods/CocoaPods 的安裝、iOS 專案的初始化流程，以及 Podfile 的撰寫範例。Mon, 15 Jun 2026 16:00:00 GMT蘋果環境AppleCocoaPodsiOShttps://oawu.tw/blog/macos/macdown/https://oawu.tw/blog/macos/macdown/安裝 MacDown 這款開源的 Markdown 編輯器，用於撰寫與預覽 md 文件。Mon, 15 Jun 2026 16:00:00 GMT蘋果環境AppleMacDownMarkdownhttps://oawu.tw/blog/macos/sip/https://oawu.tw/blog/macos/sip/Sip 螢幕顏色吸取器的安裝與設定，包含色碼格式、快捷鍵，以及授權碼的啟用方式。Mon, 15 Jun 2026 16:00:00 GMT蘋果環境AppleSipColorhttps://oawu.tw/blog/macos/rvm/https://oawu.tw/blog/macos/rvm/用 RVM 管理 macOS 上的 Ruby 版本，包含安裝前的準備工作與版本切換的方式。Mon, 15 Jun 2026 16:00:00 GMT蘋果環境AppleRVMRubyhttps://oawu.tw/blog/macos/apache/https://oawu.tw/blog/macos/apache/在 macOS 建置本機 Apache 伺服器：httpd.conf 設定、hosts 與虛擬主機的配置、常用指令，以及自簽憑證啟用 HTTPS。Mon, 15 Jun 2026 16:00:00 GMT蘋果環境AppleApacheHTTPSServerhttps://oawu.tw/blog/macos/php/https://oawu.tw/blog/macos/php/在 macOS 安裝多版本 PHP 並與 Apache 整合：版本切換、CLI 設定，以及 Composer 與 Deployer 的安裝。Mon, 15 Jun 2026 16:00:00 GMT蘋果環境ApplePHPComposerApachehttps://oawu.tw/blog/macos/mysql/https://oawu.tw/blog/macos/mysql/在 macOS 安裝 MySQL 5.7 與 5.6，包含初始密碼的設定與常見連線問題的處理。Mon, 15 Jun 2026 16:00:00 GMT蘋果環境AppleMySQLDatabasehttps://oawu.tw/blog/macos/redis/https://oawu.tw/blog/macos/redis/在 macOS 安裝 Redis 記憶體資料庫，包含啟動方式、設定檔調整，以及用 phpRedisAdmin 建立 Web 管理介面。Mon, 15 Jun 2026 16:00:00 GMT蘋果環境AppleRedisDatabasehttps://oawu.tw/blog/baishatun-gps/2026/https://oawu.tw/blog/baishatun-gps/2026/安裝數從 144 萬回落到 120 萬，報名人數卻更多了。這篇試著解釋數字背後的原因，也談 AI 工具與這一年的穩定。Thu, 23 Apr 2026 16:00:00 GMT白沙屯 GPS白沙屯 GPS白沙屯媽祖媽祖進香北港朝天宮https://oawu.tw/blog/baishatun-gps/2025/https://oawu.tw/blog/baishatun-gps/2025/第十年，安裝數從 88 萬飆到 144 萬。這年有文化部文化資產局的補助，功能做得少，但系統更穩了。Wed, 21 May 2025 16:00:00 GMT白沙屯 GPS白沙屯 GPS白沙屯媽祖媽祖進香北港朝天宮https://oawu.tw/blog/baishatun-gps/2024/https://oawu.tw/blog/baishatun-gps/2024/安裝次數 885,141 次、同時在線 27,378 人，雙平台免費榜霸榜將近一週。附完整開銷明細，以及失去一位夥伴的那段。Fri, 05 Apr 2024 16:00:00 GMT白沙屯 GPS白沙屯 GPS白沙屯媽祖媽祖進香北港朝天宮https://oawu.tw/blog/baishatun-gps/2023/https://oawu.tw/blog/baishatun-gps/2023/第七年，安裝數約 60 萬，軟體開銷 48,082 元是歷年最高。走路工的油費與保險也一併攤開來講。Thu, 23 Feb 2023 16:00:00 GMT白沙屯 GPS白沙屯 GPS白沙屯媽祖媽祖進香北港https://oawu.tw/blog/baishatun-gps/2022/https://oawu.tw/blog/baishatun-gps/2022/滿五週年。第一次夥伴資助的金額高於支出，不用再擔心籌不到伺服器的錢，也記下走路工路上的油費。Thu, 02 Jun 2022 16:00:00 GMT白沙屯 GPS白沙屯 GPS白沙屯媽祖媽祖進香北港https://oawu.tw/blog/baishatun-gps/2021/https://oawu.tw/blog/baishatun-gps/2021/安裝數從 32 萬成長到 45 萬。這年團隊還堅持不收外界捐款，怕以服務為出發點的 App 沾上金錢就變了調。Thu, 22 Apr 2021 16:00:00 GMT白沙屯 GPS白沙屯 GPS白沙屯媽祖媽祖進香北港https://oawu.tw/blog/develop/AWS-EC2-Lock-SSH/https://oawu.tw/blog/develop/AWS-EC2-Lock-SSH/改 sshd_config 時手殘把 Match User 註解掉，結果全站只剩 SFTP、連 root 都上不去。記下嘗試過的幾條死路，以及最後把 Volume 卸下來掛到另一台 EC2 修好再掛回去的完整步驟。Tue, 27 Oct 2020 16:00:00 GMT開發心得AWSEC2VolumeSnapshotSSHSFTPhttps://oawu.tw/blog/baishatun-gps/2020/https://oawu.tw/blog/baishatun-gps/2020/安裝數突破 32 萬的一年。加了黑暗模式與線上直播，也第一次把義工小編的分工寫進來。Mon, 13 Jul 2020 16:00:00 GMT白沙屯 GPS白沙屯 GPS白沙屯媽祖媽祖進香北港https://oawu.tw/blog/develop/iOS-create-CocoaPods/https://oawu.tw/blog/develop/iOS-create-CocoaPods/把自己常用的 Lib 包成 pod 套件。從 pod lib create 的每一個提問怎麼答、podspec 要改哪些欄位，到寫範例、打 tag 部署到 trunk、在別的專案取用，最後連怎麼刪除都記下來。Sun, 11 Aug 2019 16:00:00 GMT開發心得iOSXcodeCocoaPodsAppGitHubhttps://oawu.tw/blog/baishatun-gps/2019/https://oawu.tw/blog/baishatun-gps/2019/第四年的結案報告，29 萬個安裝、雙平台免費榜第一。後端、AWS 架構、GPS 訊號校正到前端地圖都是一個人做，這年多了 iOS App，也記下 Swift 的學習與送審被 Reject 的經過。Wed, 06 Mar 2019 16:00:00 GMT白沙屯 GPS白沙屯 GPS白沙屯媽祖媽祖進香iOSSwiftAppGoogle MapsAlamofireAWShttps://oawu.tw/blog/baishatun-gps/2018/https://oawu.tw/blog/baishatun-gps/2018/2016 到 2018 三年一次回顧。同時線上人數從 2,000 一路到 5,300，那時伺服器只開最小的服務，一年花不到四千元。Fri, 25 May 2018 16:00:00 GMT白沙屯 GPS白沙屯 GPS白沙屯媽祖媽祖進香北港https://oawu.tw/blog/develop/iOS-CocoaPods-note/https://oawu.tw/blog/develop/iOS-CocoaPods-note/每次都會忘記的 CocoaPods 指令：安裝、查版本、pod init、在 Podfile 加套件、pod install，以及裝完之後要改開 .xcworkspace 而不是 .xcodeproj。Mon, 27 Nov 2017 16:00:00 GMT開發心得iOSXcodeCocoaPodsApphttps://oawu.tw/blog/develop/macOS-High-Sierra-install-PHP-Apache-note/https://oawu.tw/blog/develop/macOS-High-Sierra-install-PHP-Apache-note/系統更新後內建 PHP 變成 7、imagick 一直裝不起來。用 Homebrew 換掉原生的 Apache 與 PHP，並裝上 sphp 指令來切換版本，順手記下新的設定檔位置。Sun, 26 Nov 2017 16:00:00 GMT開發心得macOSApachePHPhttps://oawu.tw/blog/develop/2017-LINE-Taiwan-TechPulse/https://oawu.tw/blog/develop/2017-LINE-Taiwan-TechPulse/抽中 LINE 年度開發者大會的整日筆記。從 Messaging API 新功能、LINE Things 物聯網平台、In-App Web Framework 到 LINE TODAY 的高流量架構與 QA 測試，逐場記錄重點。Thu, 02 Nov 2017 16:00:00 GMT開發心得LINENotehttps://oawu.tw/blog/mazu/%E7%A5%96%E5%AA%BD-%E9%87%91%E9%A0%86%E7%9B%9B-%E8%BD%8E%E7%8F%AD%E6%9C%83/https://oawu.tw/blog/mazu/%E7%A5%96%E5%AA%BD-%E9%87%91%E9%A0%86%E7%9B%9B-%E8%BD%8E%E7%8F%AD%E6%9C%83/朝天宮最早成立的轎班會之一，1910 年由許致糾集地方士紳創立，與北港許氏家族淵源深遠。當年不惜以值五甲地的工資禮聘大陸名師耗時三年打造神轎，曾代表北港入圍日本雕刻博覽會。Tue, 02 May 2017 16:00:00 GMT鄉土北港北港朝天宮陣頭媽祖神轎https://oawu.tw/blog/mazu/%E4%BA%8C%E5%AA%BD-%E9%87%91%E9%A0%86%E5%AE%89-%E8%BD%8E%E7%8F%AD%E6%9C%83/https://oawu.tw/blog/mazu/%E4%BA%8C%E5%AA%BD-%E9%87%91%E9%A0%86%E5%AE%89-%E8%BD%8E%E7%8F%AD%E6%9C%83/與三媽轎班會同時成立，是組織最龐大的轎班會之一，由北港、草湖、新街、新厝四個副爐轎班會共十七位委員組成。遶境不吃炮，信徒改以轎前炮致意，是北港少見的宗教與環保結合。Mon, 01 May 2017 16:00:00 GMT鄉土北港北港朝天宮陣頭媽祖神轎https://oawu.tw/blog/mazu/%E4%B8%89%E5%AA%BD-%E9%87%91%E7%9B%9B%E8%B1%90-%E8%BD%8E%E7%8F%AD%E6%9C%83/https://oawu.tw/blog/mazu/%E4%B8%89%E5%AA%BD-%E9%87%91%E7%9B%9B%E8%B1%90-%E8%BD%8E%E7%8F%AD%E6%9C%83/成立於西元 1811 年，是歷史最悠久的轎班會之一，台南大天后宮咸豐五年的鑄鐘碑記留有捐銀紀錄。會員姓氏承襲清代北港五大姓，最重要的法器是鼓架——「鐘到、鼓到、媽祖到」。Sun, 30 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮陣頭媽祖神轎https://oawu.tw/blog/mazu/%E5%9B%9B%E5%AA%BD-%E9%87%91%E5%AE%89%E7%80%BE-%E8%BD%8E%E7%8F%AD%E6%9C%83/https://oawu.tw/blog/mazu/%E5%9B%9B%E5%AA%BD-%E9%87%91%E5%AE%89%E7%80%BE-%E8%BD%8E%E7%8F%AD%E6%9C%83/成立於民國元年，會員以蔡、陳、楊、吳、許五大姓居多，且不限北港人。會規要求參加者必須親自抬轎、不可只出錢不出力，即使如此會員仍年年增加，擲得爐主的機會極低。Sat, 29 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮陣頭媽祖神轎https://oawu.tw/blog/mazu/%E4%BA%94%E5%AA%BD-%E9%87%91%E8%B1%90%E9%9A%86-%E8%BD%8E%E7%8F%AD%E6%9C%83/https://oawu.tw/blog/mazu/%E4%BA%94%E5%AA%BD-%E9%87%91%E8%B1%90%E9%9A%86-%E8%BD%8E%E7%8F%AD%E6%9C%83/1911 年由從事藤椅業的陳韞招集好友發起，現有會員近二百人，以居住地劃分為四部。設正爐、副爐與遶境爐三個香爐，各有不同的過爐與吃會日期，入會須經監察員審查。Fri, 28 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮陣頭媽祖神轎https://oawu.tw/blog/mazu/%E5%85%AD%E5%AA%BD-%E9%87%91%E9%A0%86%E5%B4%87-%E8%BD%8E%E7%8F%AD%E6%9C%83/https://oawu.tw/blog/mazu/%E5%85%AD%E5%AA%BD-%E9%87%91%E9%A0%86%E5%B4%87-%E8%BD%8E%E7%8F%AD%E6%9C%83/朝天宮六個媽祖轎班會中最年輕的一個，成立於昭和十三年（1938）。起源有兩種說法，都與三媽轎有關，因此又稱「新三媽會」。六媽轎可以吃炮，吃炮量僅次於虎爺轎。Thu, 27 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮陣頭媽祖神轎https://oawu.tw/blog/mazu/%E8%8E%8A%E5%84%80%E5%9C%98-%E5%8D%83%E9%A0%86%E5%B0%87%E8%BB%8D/https://oawu.tw/blog/mazu/%E8%8E%8A%E5%84%80%E5%9C%98-%E5%8D%83%E9%A0%86%E5%B0%87%E8%BB%8D/負責媽祖駕前千里眼、順風耳兩尊大將軍的協會，前身是民國 16 年的北港朝天宮千耳眼爺會。紅臉閉嘴的千里眼、青臉開嘴的順風耳各有典故，神像頭部與衣飾皆為世代相傳的手藝。Wed, 26 Apr 2017 16:00:00 GMT鄉土北港北港陣頭神偶https://oawu.tw/blog/mazu/%E8%99%8E%E7%88%BA%E6%9C%83/https://oawu.tw/blog/mazu/%E8%99%8E%E7%88%BA%E6%9C%83/北港媽祖出巡中最會「喫炮」的神轎，黃色虎紋戰甲、日本式的神轎與步伐自成一格。溪仔底自古稱虎爺街，遶境行經博愛路必以癲轎方式行走並口喊「風來虎嘯」，感念先賢的奉獻。Tue, 25 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮陣頭虎爺神轎https://oawu.tw/blog/mazu/%E9%87%91%E7%91%9E%E6%98%AD-%E8%A8%BB%E7%94%9F%E5%A8%98%E5%A8%98/https://oawu.tw/blog/mazu/%E9%87%91%E7%91%9E%E6%98%AD-%E8%A8%BB%E7%94%9F%E5%A8%98%E5%A8%98/成立於民國八十年，2001 年首次參加媽祖遶境。註生娘娘掌管生育，與保佑順產的臨水夫人性質相似；一般廟宇配祀 36 位或 12 位婆姐，朝天宮只配祀 2 位。Mon, 24 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮陣頭神轎https://oawu.tw/blog/mazu/%E9%87%91%E7%A6%8F%E7%B6%8F-%E5%9C%9F%E5%9C%B0%E5%85%AC%E6%9C%83/https://oawu.tw/blog/mazu/%E9%87%91%E7%A6%8F%E7%B6%8F-%E5%9C%9F%E5%9C%B0%E5%85%AC%E6%9C%83/1925 年由楊清祺、蔡錦榮、蔡再生創立，會員多為北港地區的生意人。轎上除土地公外，還有常被忽略的笨港境主公。這是媽祖轎、虎爺轎之外，另一頂會喫炮的神轎。Sun, 23 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮陣頭神轎https://oawu.tw/blog/mazu/%E9%87%91%E5%9E%82%E9%AB%AB-%E5%A4%AA%E5%AD%90%E7%88%BA%E6%9C%83/https://oawu.tw/blog/mazu/%E9%87%91%E5%9E%82%E9%AB%AB-%E5%A4%AA%E5%AD%90%E7%88%BA%E6%9C%83/1946 年由北港義勇消防隊成員組成，特色是頭戴金垂髫髮帶、身圍肚兜的小朋友轎班。曾因鞭炮威力增強而改用推車，民國 85 年決議恢復由小朋友抬轎，造成一時轟動。Sat, 22 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮陣頭神轎https://oawu.tw/blog/mazu/%E9%9C%87%E5%A8%81%E5%9C%98/https://oawu.tw/blog/mazu/%E9%9C%87%E5%A8%81%E5%9C%98/北港迎媽祖的哨角隊，成立於康熙三十三年（1694），與朝天宮創立於同一時間。北港哨角能吹出五個音，是全台之最；馬頭鑼依神明位階有不同敲法，媽祖受封天后故採帝后規制。Fri, 21 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮陣頭哨角https://oawu.tw/blog/mazu/%E5%BD%8C%E5%8B%92%E5%9C%98/https://oawu.tw/blog/mazu/%E5%BD%8C%E5%8B%92%E5%9C%98/源於賜福里，由許西河受黃俊雄布袋戲的醉彌勒啟發而創立，民國 95 年以「北港彌勒團」之名重組。三尊醉彌勒手拿酒瓶、袒胸露肚，足踩醉步左搖右晃，是北港極具特色的陣頭。Thu, 20 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮陣頭神偶https://oawu.tw/blog/mazu/%E9%96%AD%E5%B1%B1%E5%A0%82-%E7%A5%9E%E7%AB%A5%E5%9C%98/https://oawu.tw/blog/mazu/%E9%96%AD%E5%B1%B1%E5%A0%82-%E7%A5%9E%E7%AB%A5%E5%9C%98/民國 48 年由吳居宅創辦，是北港最早成立的神童團，也是全台神童團的始祖。跳法自創，經五、六年演練修改成形，全套演來需時半小時。全省的仙童與神童幾乎都發源於北港。Wed, 19 Apr 2017 16:00:00 GMT鄉土北港北港陣頭神偶https://oawu.tw/blog/mazu/%E5%A0%B1%E9%A6%AC%E4%BB%94/https://oawu.tw/blog/mazu/%E5%A0%B1%E9%A6%AC%E4%BB%94/走在遶境隊伍最前方的探路與報信者，是義務職也是神職。現今造型由蔡川於民國 45 年設計，紅纓帽、羊皮襖、韭菜、豬腳、瘡疤等每一件配件都對應一句人生哲理。Tue, 18 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮陣頭開路報馬https://oawu.tw/blog/mazu/%E8%81%96%E9%9C%87%E8%81%B2/https://oawu.tw/blog/mazu/%E8%81%96%E9%9C%87%E8%81%B2/1962 年由曾老成、陳金田號召成立的駕前開路鼓，因金聲順走在隊伍最前面距離媽祖聖駕太遠而發心創設。藏有 1984 年宜蘭林午師傅親手打造的全台第一面大銅鑼。Mon, 17 Apr 2017 16:00:00 GMT鄉土北港北港陣頭開路https://oawu.tw/blog/mazu/%E9%87%91%E8%81%B2%E9%A0%86/https://oawu.tw/blog/mazu/%E9%87%91%E8%81%B2%E9%A0%86/台灣最古老的開路鼓隊，前身是清同治五年的「北港路關鼓」，宣統三年由蔡然標秀才易名為金聲順。現存田都元帥譜曲三百餘首，並保有手抄樂譜總簿、百年鼓亭與八台尺大銅鑼。Sun, 16 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮陣頭開路https://oawu.tw/blog/mazu/%E9%91%BE%E9%A7%95/https://oawu.tw/blog/mazu/%E9%91%BE%E9%A7%95/由古代帝王出巡的儀衛隊伍簡化而來，只有受封帝王、后妃的神祇才配用。北港媽祖的鑾駕指儀仗中的兵器，俗稱「七十二隊」，按例由誠心順點心舖負責。Sat, 15 Apr 2017 16:00:00 GMT鄉土北港北港陣頭https://oawu.tw/blog/mazu/%E8%B7%AF%E9%97%9C%E7%89%8C%E8%88%87%E7%88%90%E4%B8%BB%E7%87%88/https://oawu.tw/blog/mazu/%E8%B7%AF%E9%97%9C%E7%89%8C%E8%88%87%E7%88%90%E4%B8%BB%E7%87%88/路關牌位於遶境隊伍最前端，載明完整路線，所有陣頭皆須依此出巡；爐主燈又稱大燈，每一對代表一個參加出巡的團體，燈上書寫各行會的古老燈號與奉祀的主神。Fri, 14 Apr 2017 16:00:00 GMT鄉土北港北港陣頭https://oawu.tw/blog/mazu/%E9%8C%A6%E9%99%9E%E7%A4%BE/https://oawu.tw/blog/mazu/%E9%8C%A6%E9%99%9E%E7%A4%BE/北港新街的子弟戲團，創立於日據時代，歌曲屬南管系、對白用泉州話，早期曾被日本政府禁演。五十年代達到登峰造極，曾公演於台北大稻埕、嘉義城隍廟與台南天后宮。Thu, 13 Apr 2017 16:00:00 GMT鄉土北港北港陣頭南管https://oawu.tw/blog/mazu/%E9%9B%86%E6%96%8C%E7%A4%BE/https://oawu.tw/blog/mazu/%E9%9B%86%E6%96%8C%E7%A4%BE/創立於乾隆十一年（1746），以朝天宮為社址，帶動了北港後續多個南管社團的成立。光緒年間受台灣巡撫唐景崧推薦入清宮演唱，獲頒「御前清曲」與涼傘一把，是全台獨一無二的殊榮。Wed, 12 Apr 2017 16:00:00 GMT鄉土北港北港陣頭南管https://oawu.tw/blog/mazu/%E9%9B%86%E9%9B%85%E8%BB%92/https://oawu.tw/blog/mazu/%E9%9B%86%E9%9B%85%E8%BB%92/創立於咸豐元年（1851）的北管子弟戲團，會館供奉祖師爺西秦王爺。民國四十年達到全盛期，會員一百六十餘人，可分雙陣、演雙棚戲。館內彩牌、托燈、鼓架與百年手工繡旗保存至今。Tue, 11 Apr 2017 16:00:00 GMT鄉土北港北港陣頭北管https://oawu.tw/blog/mazu/%E9%BA%97%E8%81%B2%E6%A8%82%E5%9C%98/https://oawu.tw/blog/mazu/%E9%BA%97%E8%81%B2%E6%A8%82%E5%9C%98/創立於日據時期（民國 25 年），由新協社部分成員組成，初創會員多達 180 人。近年少有新血加入，遶境時會請老師與學生幫忙，也有在三家電視台樂隊工作的團員專程回來。Mon, 10 Apr 2017 16:00:00 GMT鄉土北港北港陣頭樂團https://oawu.tw/blog/mazu/%E5%8C%97%E6%B8%AF%E5%AA%BD%E7%A5%96%E7%9A%84%E4%BF%A1%E4%BB%B0%E5%9C%A8%E6%96%BC%E6%AD%A3%E5%BF%B5/https://oawu.tw/blog/mazu/%E5%8C%97%E6%B8%AF%E5%AA%BD%E7%A5%96%E7%9A%84%E4%BF%A1%E4%BB%B0%E5%9C%A8%E6%96%BC%E6%AD%A3%E5%BF%B5/歷代住持和尚的開示——北港媽祖的信仰在於學習媽祖慈悲入世的菩薩道精神。若只是為遶境貢獻心力財力而無正念，遇到無常時反而容易頓失依靠，生起嗔心怨心。Sun, 09 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮媽祖https://oawu.tw/blog/mazu/%E6%9C%9D%E5%A4%A9%E5%AE%AE%E7%9A%84%E4%BA%94%E7%88%AA%E9%87%91%E9%BE%8D/https://oawu.tw/blog/mazu/%E6%9C%9D%E5%A4%A9%E5%AE%AE%E7%9A%84%E4%BA%94%E7%88%AA%E9%87%91%E9%BE%8D/朝天宮三川殿正門彩繪兩隻五爪金龍而不是門神，全台獨一無二。傳說廟座落於龍穴、媽祖真靈常駐，感召龍天擁護；老一輩說法是位階不足者繪之，反有廟宇崩塌之虞。Sat, 08 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮https://oawu.tw/blog/mazu/%E5%A6%82%E4%BD%95%E5%88%86%E8%BE%A8%E6%96%87%E8%BD%8E%E8%88%87%E6%AD%A6%E8%BD%8E/https://oawu.tw/blog/mazu/%E5%A6%82%E4%BD%95%E5%88%86%E8%BE%A8%E6%96%87%E8%BD%8E%E8%88%87%E6%AD%A6%E8%BD%8E/文轎構造密閉、常有精緻雕刻、行走平穩；武轎四周開放，會左右搖晃甚至倒退，頗具威武氣勢。武轎原是地藏王與城隍爺專用，開放的構造方便關鬼門時尋找在外遊蕩的好兄弟。Fri, 07 Apr 2017 16:00:00 GMT鄉土北港神轎https://oawu.tw/blog/mazu/%E5%A6%82%E4%BD%95%E8%99%95%E7%90%86%E7%A5%9E%E8%BD%8E%E7%9A%84%E5%8F%97%E6%90%8D/https://oawu.tw/blog/mazu/%E5%A6%82%E4%BD%95%E8%99%95%E7%90%86%E7%A5%9E%E8%BD%8E%E7%9A%84%E5%8F%97%E6%90%8D/歷年虎爺轎、六媽轎遭土製炸彈，三媽轎大轎棍斷裂等案例的處理方式——擲筊請示是否更換、恭請住持和尚到出事地點灑淨安座，入廟後再上香祈福。這種慎重的習俗已不復見。Thu, 06 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮神轎https://oawu.tw/blog/mazu/%E8%99%8E%E7%88%BA%E4%B9%9F%E6%80%95%E7%82%B8%E5%BD%88/https://oawu.tw/blog/mazu/%E8%99%8E%E7%88%BA%E4%B9%9F%E6%80%95%E7%82%B8%E5%BD%88/民國 72 年虎爺轎在民主路玉時軒前遭土製炸彈，轎體解體、三尊虎爺受損，當年停止遶境。隔年虎爺臨身起乩，走起路來虎虎生風，逐堆檢查鞭炮，「虎爺嘛驚炸彈」的說法由此而來。Wed, 05 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮虎爺https://oawu.tw/blog/mazu/%E5%AA%BD%E7%A5%96%E5%87%BA%E5%85%A5%E5%BB%9F%E6%99%82%E4%BD%8F%E6%8C%81%E6%B3%95%E5%B8%AB%E5%9C%A8%E5%BF%B5%E4%BB%80%E9%BA%BC%EF%BC%9F/https://oawu.tw/blog/mazu/%E5%AA%BD%E7%A5%96%E5%87%BA%E5%85%A5%E5%BB%9F%E6%99%82%E4%BD%8F%E6%8C%81%E6%B3%95%E5%B8%AB%E5%9C%A8%E5%BF%B5%E4%BB%80%E9%BA%BC%EF%BC%9F/朝天宮是全國唯一以佛教儀典祭祀的媽祖廟，源自 1694 年臨濟宗樹璧和尚自湄洲奉請媽祖來台。出廟的祈福禮拜儀軌含獻供、灑淨、唱疏文與回向，入廟安座則略有不同且不念疏文。Tue, 04 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮https://oawu.tw/blog/mazu/%E6%98%AF%E5%8F%AA%E9%80%B2%E4%B8%8D%E9%80%80%E7%9A%84%E5%8C%97%E6%B8%AF%E5%AA%BD%E7%A5%96%E7%A5%9E%E8%BD%8E/https://oawu.tw/blog/mazu/%E6%98%AF%E5%8F%AA%E9%80%B2%E4%B8%8D%E9%80%80%E7%9A%84%E5%8C%97%E6%B8%AF%E5%AA%BD%E7%A5%96%E7%A5%9E%E8%BD%8E/北港媽祖出巡除了犁轎行三進三出禮之外，一律只進不退。退後代表退步，不利北港與國家的發展；也怕沿途有看不見的神祇或眾生接駕時，神轎退後有失敬之虞。Mon, 03 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮媽祖神轎https://oawu.tw/blog/mazu/%E7%82%B8%E8%BD%8E-%E5%8C%97%E6%B8%AF%E7%82%B8%E8%BD%8E%E7%9A%84%E7%94%B1%E4%BE%86/https://oawu.tw/blog/mazu/%E7%82%B8%E8%BD%8E-%E5%8C%97%E6%B8%AF%E7%82%B8%E8%BD%8E%E7%9A%84%E7%94%B1%E4%BE%86/北港炸炮名列台灣三大炮。由來有幾種說法——日據時代限時遶境而將沿路鞭炮集中一次燃放、民國七十年代禁止犁轎後改為整堆炸轎，以及人力不足使犁轎踩炮逐漸消失。Sun, 02 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮媽祖神轎鞭炮https://oawu.tw/blog/mazu/%E7%8A%81%E7%82%AE-%E5%8F%A4%E5%BC%8F%E7%8A%81%E8%BD%8E%E8%B8%A9%E7%82%AE/https://oawu.tw/blog/mazu/%E7%8A%81%E7%82%AE-%E5%8F%A4%E5%BC%8F%E7%8A%81%E8%BD%8E%E8%B8%A9%E7%82%AE/古式犁轎踩炮是從六尺四門口到轅公門前兩旁皆有擲炮人員，神轎採犁轎的慢跑方式前進而非原地擺動。滿街煙霧中犁轎人員看不清前方，須仰賴義消指揮，掌轎者更需經驗與臂力。Sat, 01 Apr 2017 16:00:00 GMT鄉土北港北港朝天宮媽祖神轎犁炮鞭炮https://oawu.tw/blog/mazu/%E8%BD%8E%E5%A0%B5-Y%E5%AD%97%E5%9E%8B%E8%BD%8E%E5%A0%B5%E7%9A%84%E7%94%B1%E4%BE%86/https://oawu.tw/blog/mazu/%E8%BD%8E%E5%A0%B5-Y%E5%AD%97%E5%9E%8B%E8%BD%8E%E5%A0%B5%E7%9A%84%E7%94%B1%E4%BE%86/三十多年前年輕人多去扛虎爺、太子爺拼吃炮，笨重的媽祖神轎人力短缺。三媽會中較年輕的委員參考蜈蚣陣的木棍與曬衣支柱，設計出轎堵的前身，供短暫休息或吃炮時臨時支撐。Fri, 31 Mar 2017 16:00:00 GMT鄉土北港北港朝天宮神轎https://oawu.tw/blog/mazu/%E8%BD%8E%E9%8C%A2-%E5%8C%97%E6%B8%AF%E5%AA%BD%E7%A5%96%E7%9A%84%E8%BD%8E%E9%8C%A2%E8%88%87%E7%AF%99%E9%8C%A2/https://oawu.tw/blog/mazu/%E8%BD%8E%E9%8C%A2-%E5%8C%97%E6%B8%AF%E5%AA%BD%E7%A5%96%E7%9A%84%E8%BD%8E%E9%8C%A2%E8%88%87%E7%AF%99%E9%8C%A2/篙錢的顏色有別——純黃無花紋用於虎爺與將軍，有花紋者用於媽祖、觀音與佛祖。主要作用是祈福避邪，請回家後綁在斗笠邊緣掛於門邊，遇到受驚嚇也可取來收驚。Thu, 30 Mar 2017 16:00:00 GMT鄉土北港北港朝天宮媽祖神轎https://oawu.tw/blog/unboxing/Nintendo-Switch/https://oawu.tw/blog/unboxing/Nintendo-Switch/在台北地下街意外遇到現貨就直接入手，開箱主機、Joy-Con 與六樣配件，逐一試過 TV、掌上與桌上三種模式，也一併帶了薩爾達傳說 荒野之息回家。Thu, 09 Mar 2017 16:00:00 GMT開箱文章開箱NintendoSwitch薩爾達傳說荒野之息https://oawu.tw/blog/unboxing/PORTER-AMAZE-2WAY/https://oawu.tw/blog/unboxing/PORTER-AMAZE-2WAY/在東京表參道的 Kura Chika Yoshida 帶回的咖啡色 2WAY BRIEF CASE。皮革比 TANKER 堅挺、拉鍊換成 PORTER 自家的，四個隔層剛好放得下 13 吋筆電與文件。Tue, 03 Jan 2017 16:00:00 GMT開箱文章開箱包包PORTERhttps://oawu.tw/blog/develop/F2E-Firebase-LiveMaps/https://oawu.tw/blog/develop/F2E-Firebase-LiveMaps/純前端的即時地圖聊天室，靠 Firebase 的 Realtime Database 與 Hosting 撐起來。也記下用 watchPosition 搭配 enableHighAccuracy 取得瀏覽器定位時遇到的誤差問題。Wed, 12 Oct 2016 16:00:00 GMT開發心得FirebasejQueryGoogle Mapshttps://oawu.tw/blog/develop/GoogleMaps-Marker-Clustering/https://oawu.tw/blog/develop/GoogleMaps-Marker-Clustering/Marker 太多時視角一拉遠就擠成一團。市面上的套件都試過，最後還是自己刻一套可自訂的叢集工具，並比較 moveRun 與 runAll 兩種演算型態在初始速度與閃爍上的取捨。Sun, 02 Oct 2016 16:00:00 GMT開發心得Google MapsMarker ClusteringJavaScripthttps://oawu.tw/blog/develop/GoogleSheets-API/https://oawu.tw/blog/develop/GoogleSheets-API/把 Google 試算表發佈到網路，就能當成免費的唯讀 API 來用。逐步截圖說明怎麼取得文件 key，以及 cells 與 list 兩種回傳格式的差別。Mon, 05 Sep 2016 16:00:00 GMT開發心得Google sheetsAPIhttps://oawu.tw/blog/develop/F2E-PokemonGo-StopMaps/https://oawu.tw/blog/develop/F2E-PokemonGo-StopMaps/進化後 CP 的推測工具，加上網友回報累積的全台巢穴與補給站分佈圖。巢穴資料放在 Google 試算表，前端用 AJAX 取回再畫到地圖上，查詢全在瀏覽器端完成。Tue, 30 Aug 2016 16:00:00 GMT開發心得PokémonGoogle MapsjQueryhttps://oawu.tw/blog/unboxing/Plantronics-BackBeat-FIT/https://oawu.tw/blog/unboxing/Plantronics-BackBeat-FIT/為了跑步而換的無線藍牙耳機，在三創試戴後直接入手。收納袋反折就是手機臂套，IP57 防水、約 24 克重，實際跑完 4.5 公里後記下配戴的感受。Fri, 19 Aug 2016 16:00:00 GMT開箱文章開箱運動耳機Plantronicshttps://oawu.tw/blog/develop/FullStack-Taipei-Activities/https://oawu.tw/blog/develop/FullStack-Taipei-Activities/接新北市文化局的藝文活動開放資料，用 PHP 編成靜態 HTML 丟上 S3。上傳時比對 md5_file 做差異化更新，排程每天早上六點抓一次最新資料。Sun, 26 Jun 2016 16:00:00 GMT開發心得PHPjQuery開放資料新北市https://oawu.tw/blog/develop/F2E-2016-Taipei-Child-Art-Festival/https://oawu.tw/blog/develop/F2E-2016-Taipei-Child-Art-Festival/新北市兒童藝術節活動官網的前端。這年把動畫從 jQuery Animate 全面換成 CSS3 Animation，靠時間差依序控制，畫面比前一年流暢許多。Fri, 17 Jun 2016 16:00:00 GMT開發心得接案jQueryCSSAnimationhttps://oawu.tw/blog/develop/F2E-Number-Flipping-Counter/https://oawu.tw/blog/develop/F2E-Number-Flipping-Counter/用 SCSS 的 for 迴圈搭配 calc 排出 0 到 9 的位置，再用 class 切換 top 做出翻轉效果。整篇逐步配圖，從疊在一起的初始狀態一路做到 overflow 隱藏與 transition。Sat, 11 Jun 2016 16:00:00 GMT開發心得jQueryhttps://oawu.tw/blog/unboxing/SAILOR-REGLUS-pen/https://oawu.tw/blog/unboxing/SAILOR-REGLUS-pen/嫌歐美 F 尖太粗，跑一趟小品雅集試寫，最後挑了寫樂 REGLUS 新青年鋼筆的黑色款，順便補齊擱置已久的 LAMY 吸墨器與第一瓶 AURORA 墨水。Sat, 04 Jun 2016 16:00:00 GMT開箱文章開箱鋼筆SAILOR寫樂https://oawu.tw/blog/develop/FullStack-Browser-Console-QRcode/https://oawu.tw/blog/develop/FullStack-Browser-Console-QRcode/寫給會打開 DevTools 的人看的彩蛋。用二維陣列表示 QR Code 的黑白點，console.log 搭配 CSS 印出來，並用 text-shadow 蓋掉換行造成的行距空白。Fri, 03 Jun 2016 16:00:00 GMT開發心得Google ChromeJavaScripthttps://oawu.tw/blog/develop/FullStack-2016-LiuFangMazu-GPS/https://oawu.tw/blog/develop/FullStack-2016-LiuFangMazu-GPS/與神之路關團隊合作的六房媽過爐定位，首次跟 ASP.NET 後端串接。採前後端分離，這次負責前端版型與 JavaScript，並加上可檢視路關、切換 GPS 點的下拉選單。Sat, 30 Apr 2016 16:00:00 GMT開發心得Google MapsGPS六房媽https://oawu.tw/blog/unboxing/Apple-Watch-Sport/https://oawu.tw/blog/unboxing/Apple-Watch-Sport/趁電信續約低價入手的 38mm 黑色運動版，跑了三個地方才找到現貨。第一次用上感應式充電，也和戴了三個月的 vívosmart HR 放在一起比較。Thu, 28 Apr 2016 16:00:00 GMT開箱文章開箱AppleWatch穿戴手錶https://oawu.tw/blog/develop/FullStack-2016-Mazu-GPS/https://oawu.tw/blog/develop/FullStack-2016-Mazu-GPS/為家鄉做的非官方網站，設計、前端、後端、系統、攝影到上稿都一個人完成。談 Material Design 的版面取捨、遶境動線的地圖動畫，以及活動當天的流量與 GPS 回報架構。Sun, 24 Apr 2016 16:00:00 GMT開發心得Google MapsGPS北港朝天宮媽祖https://oawu.tw/blog/develop/FullStack-2016-Haotien-GPS/https://oawu.tw/blog/develop/FullStack-2016-Haotien-GPS/與大庄媽交流協會合作的進香定位。這次改用 Google 試算表當路徑儲存空間，Android App 用 Sheets API 寫入、前端再取回畫成路線，不必架資料庫也減少 AJAX 衝擊。Fri, 01 Apr 2016 16:00:00 GMT開發心得Google MapsGPS大庄媽媽祖https://oawu.tw/blog/develop/case-Hoga/https://oawu.tw/blog/develop/case-Hoga/宙思設計的官網專案，前端刻板、後端資料庫到系統架設都獨立完成。框架用 OACI 4.1，前端搭 Compass 管理，後台上稿沿用宙思官網的 Layout 再加需要的功能。Sun, 20 Mar 2016 16:00:00 GMT開發心得接案PHPJavaScripthttps://oawu.tw/blog/develop/case-VG/https://oawu.tw/blog/develop/case-VG/純前端的外包案。網頁檔名刻意用中文，一來增強 SEO，二來方便素材人員對應。相似的畫面交給 jQuery Render，版型要換時就不必逐支 HTML 改。Thu, 17 Mar 2016 16:00:00 GMT開發心得接案JavaScripthttps://oawu.tw/blog/baishatun-gps/2016/https://oawu.tw/blog/baishatun-gps/2016/即時流量最高的一個專案。從前後端分離、把靜態檔放上 GitHub.io，到活動中發現後端記憶體吃到八成之後改讓 AJAX 直接讀 S3，記錄整個節能的過程。Mon, 14 Mar 2016 16:00:00 GMT白沙屯 GPSGoogle MapsGPS白沙屯媽祖https://oawu.tw/blog/develop/jQuery-ScrollView-extend/https://oawu.tw/blog/develop/jQuery-ScrollView-extend/想讓手機上水平瀏覽圖片更像 App，於是用 jQuery UI 的 Draggable 固定水平軸，再靠 Touch-Punch 補上手機失效的問題，包成一個 jQuery extend function。Sun, 13 Mar 2016 16:00:00 GMT開發心得jQueryjQuery UIScrollViewhttps://oawu.tw/blog/unboxing/PORTER-TANKER-3WAY/https://oawu.tw/blog/unboxing/PORTER-TANKER-3WAY/託朋友從東京代購的 TANKER 系列三用公事包，手提、側背、後背都行。買它是為了一次裝下 13 吋 MacBook Pro 與雜物，不必再多帶一個電腦包出門。Sun, 21 Feb 2016 16:00:00 GMT開箱文章開箱包包PORTERhttps://oawu.tw/blog/unboxing/vivosmart-HR/https://oawu.tw/blog/unboxing/vivosmart-HR/從第一代 vívosmart 換到加了心率感測的 HR，這次選藍色。記下包裝與充電接頭的改動，也拿手機 App 量到的靜止心率和手環對照了幾次。Sun, 31 Jan 2016 16:00:00 GMT開箱文章開箱穿戴手環https://oawu.tw/blog/develop/FullStack-2016-ZEUS-Design-Studio/https://oawu.tw/blog/develop/FullStack-2016-ZEUS-Design-Studio/長期配合的設計公司官網，分兩期。第一期用 CodeIgniter 架在主機代管，第二期考量作品區的大量圖片流量，整套搬上 AWS EC2 搭配 S3，後端也換成 OACI 4.0。Sun, 10 Jan 2016 16:00:00 GMT開發心得PHPRWDhttps://oawu.tw/blog/develop/F2E-TaipeiTowns/https://oawu.tw/blog/develop/F2E-TaipeiTowns/Google Maps API 拿不到行政區的範圍座標，只好自己把雙北市畫完，再放上 GitHub 讓大家能 fork、發 PR 一起補齊其他縣市。Tue, 08 Dec 2015 16:00:00 GMT開發心得Google MapsGitHubhttps://oawu.tw/blog/develop/case-Bto/https://oawu.tw/blog/develop/case-Bto/只負責前端切版的外包案，用自己的 OAF2E 1.8 框架，Compass 編譯 SCSS，首頁 Banner 輪播由 jQuery 搭配 CSS 完成。Sun, 06 Dec 2015 16:00:00 GMT開發心得接案https://oawu.tw/blog/develop/F2E-Theta-S-360/https://oawu.tw/blog/develop/F2E-Theta-S-360/入手 RICOH Theta S 之後做的 360 度全景相簿。當時官方播放器還是 Flash，索性用 JavaScript 自己寫一個，並刻意拆成純前端與純後端兩個專案來練前後分離。Sun, 29 Nov 2015 16:00:00 GMT開發心得JavaScriptTheta S 360PHPCompressorhttps://oawu.tw/blog/develop/GoogleMaps-Point-in-Polygon/https://oawu.tw/blog/develop/GoogleMaps-Point-in-Polygon/在地圖上畫一個不規則多邊形，撈出範圍內的座標點。前端先算出東北與西南的邊界一起送給後端，後端分兩步：先用矩形範圍進 MySQL 粗篩，再逐點判斷是否落在多邊形內。Wed, 25 Nov 2015 16:00:00 GMT開發心得Google MapsJavaScripthttps://oawu.tw/blog/develop/GoogleMaps-MarkerMenu/https://oawu.tw/blog/develop/GoogleMaps-MarkerMenu/在地圖上規劃路線並匯出經緯度的工具。難點是右鍵插入節點：要把地圖座標換算成畫面的 left 與 top，還得把 Polyline 拆成 Marker 之間的一段段才能各自監聽事件。Wed, 04 Nov 2015 16:00:00 GMT開發心得Google MapsJavaScripthttps://oawu.tw/blog/develop/PHP-ElasticSearch-PDO/https://oawu.tw/blog/develop/PHP-ElasticSearch-PDO/架在 Elastica 之上的一層工具，把 ElasticSearch 的增查改刪包成類別方法，並把查出來的每一筆封裝成物件，各自帶著可繼承的修改與刪除方法。Tue, 25 Aug 2015 16:00:00 GMT開發心得PHPElasticSearchhttps://oawu.tw/blog/develop/FullStack-Weather-Maps/https://oawu.tw/blog/develop/FullStack-Weather-Maps/用中央氣象局的資料做的天氣地圖，可查各地預報與逐時溫度，關注清單存在 localStorage。改版時把後端出 API 的架構換成 PHP 編成靜態 HTML 上 S3，順便把整理好的 Json 也公開成 API。Thu, 09 Jul 2015 16:00:00 GMT開發心得jQueryPHPGoogle Maps中央氣象局開放資料Weatherhttps://oawu.tw/blog/develop/iOS-OAHUD/https://oawu.tw/blog/develop/iOS-OAHUD/自己做一個 iOS 的 HUD。一開始學 MBProgressHUD 加在 view 底下，結果 NavBar 與 TabBar 都蓋不到，改用 UIWindow 才解決。也記下中間那圈彩色轉圈是怎麼用兩層 view 疊出來的。Wed, 08 Jul 2015 16:00:00 GMT開發心得iOSObject-CHUDApphttps://oawu.tw/blog/develop/iOS-CatMap/https://oawu.tw/blog/develop/iOS-CatMap/第一個比較完整的 iOS App，拍照上傳、分享與地圖都有。用客製 TableViewCell 做動態訊息頁，地圖的叢集改造自 REMarkerClusterer，前後端與 API 都自己來。Sat, 04 Jul 2015 16:00:00 GMT開發心得iOSGoogle MapsInstagramObject-CApphttps://oawu.tw/blog/develop/GoogleMaps-Instagram-ImageMaps/https://oawu.tw/blog/develop/GoogleMaps-Instagram-ImageMaps/仿 Instagram 的地圖照片模式。移動地圖時先算出東北與西南的範圍座標送去後端撈點，回傳後用 MarkerWithLabel 顯示照片，縮小時再交給 MarkerClusterer 併成一個。Sun, 28 Jun 2015 16:00:00 GMT開發心得Google MapsJavaScriptInstagramhttps://oawu.tw/blog/develop/GoogleMaps-Richman-Game/https://oawu.tw/blog/develop/GoogleMaps-Richman-Game/拿 Google Maps 的 Marker 與 Polyline 當棋盤，做出路線、節點、角色與蓋房。這版加了電腦對戰，也解掉兩個角色落在同一點時要錯開位置的問題。Sun, 03 May 2015 16:00:00 GMT開發心得Google MapsJavaScripthttps://oawu.tw/blog/develop/case-OFNA/https://oawu.tw/blog/develop/case-OFNA/前端、後端到系統部署都包的外包案，框架用 OACI 1.7。多國語系刻意共用同一組網址，靠 Session 與 Cookie 記住選擇，框架載入 Controller 時再決定要吐哪個 View。Thu, 02 Apr 2015 16:00:00 GMT開發心得接案https://oawu.tw/blog/develop/case-Harmonize/https://oawu.tw/blog/develop/case-Harmonize/第一次接視差滾動的案子，只做了兩層所以差距不算顯著，但捲動時背景仍看得出位移。後端沒用框架，單純用 PHP 處理留言寄信。Wed, 25 Feb 2015 16:00:00 GMT開發心得接案https://oawu.tw/blog/develop/Flickr-Search-API/https://oawu.tw/blog/develop/Flickr-Search-API/輸入關鍵字就撈 Flickr 熱門照片的純前端小工具，用 Flickr Tag API 取資料，再用 Masonry 排成瀑布流。多組關鍵字可以用空白或逗號隔開。Tue, 27 Jan 2015 16:00:00 GMT開發心得Flickrhttps://oawu.tw/blog/develop/jQuery-Youtube-Player/https://oawu.tw/blog/develop/jQuery-Youtube-Player/練習 Youtube API 的操作，用 Local Storage 記住播放清單，再靠按鍵事件做出可循環播放的簡易清單。作者自己也說這功能有點多此一舉。Sun, 28 Dec 2014 16:00:00 GMT開發心得jQueryYoutubehttps://oawu.tw/blog/develop/GitHub-Blog/https://oawu.tw/blog/develop/GitHub-Blog/不用 octopress 那類現成工具，改用 PHP 加命令列自己刻一套。build.php 把 Markdown 編成靜態 HTML 推上 gh-pages，順便產出 sitemap 與 robots.txt。Mon, 15 Dec 2014 16:00:00 GMT開發心得GitHubBloghttps://oawu.tw/blog/develop/F2E-Material-Web-Design/https://oawu.tw/blog/develop/F2E-Material-Web-Design/參考 Material UI 風格做的一套前端元件，用 Gulp 與 Compass 建置，架在自己的 OAF2E 之上。lib 內同時附 SCSS 與 CSS 兩種用法。Sun, 07 Dec 2014 16:00:00 GMT開發心得jQueryMaterialCSShttps://oawu.tw/blog/develop/jQuery-Navbar-extend/https://oawu.tw/blog/develop/jQuery-Navbar-extend/一個 jQuery extend function，樣式靠 SCSS 變數與 Extend Options 調整，開發者可以自行換掉外觀。Wed, 03 Dec 2014 16:00:00 GMT開發心得jQueryNavbarhttps://oawu.tw/blog/develop/case-Chitorch/https://oawu.tw/blog/develop/case-Chitorch/與宙思設計合作的第一個外包案，只做後端與系統，前端刻板由對方負責。後端是上稿系統的基本增查改刪，用 PHP 5.6 搭 CodeIgniter 2.1.4。Tue, 02 Dec 2014 16:00:00 GMT開發心得接案https://oawu.tw/blog/develop/jQuery-Maze-Game/https://oawu.tw/blog/develop/jQuery-Maze-Game/基於 jQuery 的迷宮遊戲，手機上可以用重力感測器搖著玩。附一支地圖產生器可以自訂路線，另外 3D 分支還藏了一個用 CSS transform 疊出六個面的立體視角。Tue, 02 Dec 2014 16:00:00 GMT開發心得jQuery遊戲https://oawu.tw/blog/develop/jQuery-scrollSliderView-extend/https://oawu.tw/blog/develop/jQuery-scrollSliderView-extend/一個支援 RWD 的 jQuery extend function，架構在 jQuery 之上。Sun, 30 Nov 2014 16:00:00 GMT開發心得jQueryhttps://oawu.tw/blog/develop/jQuery-imgLiquid-extend/https://oawu.tw/blog/develop/jQuery-imgLiquid-extend/處理圖片置中的 jQuery extend function。參考了 imgLiquid 但做法不同：不把 img 藏起來改設父層背景，而是讓 img 走 absolute 定位再靠父層 overflow 裁切。Thu, 27 Nov 2014 16:00:00 GMT開發心得jQueryhttps://oawu.tw/blog/develop/PHP-2014-OACI/https://oawu.tw/blog/develop/PHP-2014-OACI/以 CodeIgniter 2.1.4 為底自己長出來的 PHP 框架，加了 PHP ActiveRecord 與 OrmUploader，整併 Compass 與 Gulp，並參考 RubyGems 補上建立、刪除、Migration 這些命令列管理指令。Mon, 10 Nov 2014 16:00:00 GMT開發心得PHPElasticSearchRedisPHP ActiveRecordhttps://oawu.tw/blog/unboxing/Apple-iPad-with-Retina-Display/https://oawu.tw/blog/unboxing/Apple-iPad-with-Retina-Display/第一次買 Apple 的產品，沒等官網直接去燦坤帶回 16GB 的 WiFi 版。記下初次見到 Lightning 傳輸線的印象，以及選購方案附的保護殼與行動電源。Tue, 18 Dec 2012 16:00:00 GMT開箱文章開箱AppleiPadhttps://oawu.tw/blog/develop/C-language-ComicBook/https://oawu.tw/blog/develop/C-language-ComicBook/用 C 語言在終端機畫出模擬 BBS 的版面，配合 wget 把線上漫畫抓下來。介面走自訂的檔案規格再由程式格式化輸出，等於自己刻了一套簡單的 View 層。Fri, 16 Nov 2012 16:00:00 GMT開發心得C 語言SQLitehttps://oawu.tw/blog/develop/PHP-Blog/https://oawu.tw/blog/develop/PHP-Blog/大四作品，接續相簿系統再往社群方向長：上傳檔案、部落格、隱私權限與好友管理。權限模式參考無名小站，版面刻意模仿當時的 Facebook，檔案管理介面則參考 phpMyAdmin。Mon, 20 Feb 2012 16:00:00 GMT開發心得PHPhttps://oawu.tw/blog/unboxing/SYM-GT125/https://oawu.tw/blog/unboxing/SYM-GT125/人生第一台車，爬了好幾天的 PTT 與 Mobile01 才決定。挑灰黑色、看重後座的飛旋踏板，牽回來第一件事是照阿母交代掛上北港朝天宮的香火。Thu, 16 Dec 2010 16:00:00 GMT開箱文章開箱機車https://oawu.tw/blog/develop/PHP-Album/https://oawu.tw/blog/develop/PHP-Album/大三課餘寫的相簿系統，PHP 5.4。當時還不知道框架是什麼，索性自己刻一套，做出登入、上傳、編輯與線上人數，版型也一個人包辦。Wed, 30 Jun 2010 16:00:00 GMT開發心得PHPhttps://oawu.tw/blog/develop/jQuery-Pokemon-Game/https://oawu.tw/blog/develop/jQuery-Pokemon-Game/大學時期的練習作，全站效果都由 jQuery 完成，圖示與視覺自己用小畫家與 PhotoImpact 畫。原本構想過商城與地圖劇情，最後沒有做完。Wed, 30 Jun 2010 16:00:00 GMT開發心得jQueryPokémonhttps://oawu.tw/blog/develop/Arduino-Competition/https://oawu.tw/blog/develop/Arduino-Competition/大三專題，用 Arduino UNO 接上多種感測器，彼此以 XBee 無線通訊，把收集到的車況資訊回報給騎乘者，做成一台基本版的智慧型腳踏車。Fri, 16 Apr 2010 16:00:00 GMT開發心得ArduinoXBeehttps://oawu.tw/blog/develop/Java-Assembler/https://oawu.tw/blog/develop/Java-Assembler/大二系統程式課的作業，把 SIC XE Literal 的組合語言編譯成機械語言。選 Java 是因為 GUI 比較容易做出理想的操作介面。Thu, 30 Apr 2009 16:00:00 GMT開發心得JavaAssemblerhttps://oawu.tw/blog/develop/Java-Plurker/https://oawu.tw/blog/develop/Java-Plurker/大三時用噗浪官方 API 做的 Java GUI 社群管理程式，有多角色登入、發訊息、回覆，還有一個自動回覆機器人。名字就是 Plurk 加上 er。Mon, 06 Apr 2009 16:00:00 GMT開發心得JavaPlurkhttps://oawu.tw/blog/develop/Java-Msn/https://oawu.tw/blog/develop/Java-Msn/學 Java 時發現 Socket 可以走 UDT 與 TCP，就拿它配上 Java GUI 做了一套主從式架構的通訊軟體，由伺服器幫客戶端牽線，再以自訂格式模擬 P2P 的溝通。Tue, 30 Sep 2008 16:00:00 GMT開發心得JavaMSNhttps://oawu.tw/blog/develop/Java-Painter/https://oawu.tw/blog/develop/Java-Painter/大一下高等程式設計的學期作業。做完之後對封裝、繼承與多型這些物件導向特性熟悉不少，也第一次能把成品包成 .jar 分享給朋友。Wed, 30 Apr 2008 16:00:00 GMT開發心得Java小畫家