Loophly 是一個獨立開發者的實驗場。不是大公司,不是創投支持的新創, 只是一個相信「好的工具可以改善生活,好的生活可以改善世界」的人, 一個一個地打造小工具。
Loophly is one independent developer's lab. Not a big company, not VC-backed — just someone who believes "better tools make better lives, and better lives make a better world," building one small tool at a time.
Loophly 由兩個英文字組成:Loop(循環)與 Friendly(友善)。 這個名字背後有一個我一直相信的道理: 當你的生活過得稍微好一點,你就更有餘裕對身邊的人好一點; 他們也會把這份善意傳遞出去。一個小小的改善,有可能在世界上引發漣漪。
Loophly combines Loop (cycle) and Friendly (kindness). The name carries a belief: when your life improves even a little, you have more capacity to be kind to those around you; they pass that kindness forward. A small improvement can ripple outward into the world.
所以我打造的每一個工具,都試著解決一個真實的、日常的小問題: 睡不好?焦慮反芻?家庭帳務混亂? 如果一個小工具能讓你早十分鐘睡著,或是讓夫妻之間的財務透明一點, 那這個工具就完成了它的使命。
So every tool I build tries to solve one real, everyday friction: trouble sleeping? anxious rumination? messy household finances? If a small tool helps you fall asleep ten minutes sooner, or makes financial transparency a little easier between partners — that tool has done its job.
起因很簡單:我跟老婆需要一個只有我們兩個人用的記帳工具, 能即時同步、能看歷史帳目、不需要付費訂閱。 市面上的記帳 App 不是功能太複雜,就是需要邀請陌生人一起。 於是我用 Vue 2 + Firebase 做了一個專屬我們的 PWA。 從這個小工具,我學到了 Firebase 即時同步、Google 認證、以及「為真實使用者打造產品」的感覺。
The trigger was simple: my wife and I needed a two-person expense tracker that synced in real time, showed transaction history, and required no subscription. Everything on the market was either too complex or designed for groups. So I built a private PWA using Vue 2 + Firebase. From this tool I learned Firebase real-time sync, Google Auth, and what it feels like to build something for real daily use.
某個輾轉難眠的夜晚,我查到了 Luc Beaudoin 博士的「認知洗牌法」研究, 試了一遍,竟然真的有效。但當時沒有一個好用的工具。 於是我決定自己做一個:Next.js + React + Tailwind CSS v4, 支援 13 種語言,有語音朗讀、背景音效、睡眠計時器,PWA 可離線使用。 這個工具讓我深入了解了 Web Speech API、Screen Wake Lock、Service Worker 等瀏覽器 API, 也第一次認真做了 i18n 多語言系統。
On a sleepless night, I discovered Dr. Luc Beaudoin's Cognitive Shuffle research. I tried it — and it actually worked. But there was no good tool for it. So I built one: Next.js + React + Tailwind CSS v4, supporting 13 languages, with TTS, background sounds, a sleep timer, and offline PWA support. Building this taught me the Web Speech API, Screen Wake Lock, Service Workers, and got me serious about i18n multi-language systems for the first time.
Loophly 的目標不是快速推出大量工具,而是每一個工具都真正有用。 我寧願花三個月做好一個工具,也不要倉促推出十個半成品。 下一個工具正在構思中——它會解決另一個日常生活中真實存在的小摩擦。
Loophly's goal isn't to ship tools fast — it's for every tool to be genuinely useful. I'd rather spend three months getting one tool right than rush ten half-finished ones. The next tool is taking shape — it will address another real piece of everyday friction.
用認知洗牌法幫助您更快入睡。支援 13 種語言、語音朗讀、背景音效。完全免費、無帳號。
Cognitive Shuffle sleep aid. 13 languages, TTS, ambient sounds. Free, no account needed.
了解更多 → Learn more →專為兩人設計的共用記帳工具。Firebase 即時同步,Google 帳號登入,記錄家庭收支。
Shared expense tracker for two. Firebase real-time sync, Google sign-in, household finance tracking.
前往工具 → Open tool →身為獨立開發者,每個產品都是從零開始學習新技術的機會。以下是這兩個工具帶給我最重要的技術收穫:
As an independent developer, every product is a chance to learn new technology from scratch. Here are the most important technical lessons from these two tools:
Firebase Firestore 的 onSnapshot 讓兩個人的帳本能即時更新,完全無需輪詢。這讓我深刻理解了「事件驅動架構」的優雅。
Firebase Firestore's onSnapshot keeps two people's ledger in sync instantly, no polling needed. This gave me a deep appreciation for event-driven architecture.
Service Worker、Web App Manifest、離線快取——這些技術讓 ZzzDeck 能裝到手機主畫面、離線使用,體驗接近原生 App,卻不需要上架 App Store。
Service Workers, Web App Manifest, offline caching — these technologies let ZzzDeck install to the home screen and work offline, with a native feel, without the App Store gatekeeping.
Web Speech API(語音合成)、Screen Wake Lock(防止螢幕睡眠)——ZzzDeck 幾乎完全靠瀏覽器原生 API,不需要任何後端,這讓我對 Web Platform 的能力重新評估。
Web Speech API (TTS), Screen Wake Lock — ZzzDeck relies almost entirely on browser-native APIs with no backend. Building it reset my understanding of how capable the modern web platform really is.
ZzzDeck 支援 13 種語言,每種語言有 240 個視覺化單字。這讓我學到了 hreflang SEO、動態路由語言切換、TTS 語言對應的細節,以及「讓不同文化的用戶都感到自在」的設計考量。
ZzzDeck supports 13 languages, each with 240 visualization words. This taught me hreflang SEO, dynamic route language switching, TTS locale mapping, and the design nuances of making users from different cultures feel at home.