前言 對於網頁或是APP，常會有閱讀非母語的時候，有些人會選擇透過網頁翻譯的方式直接閱讀，這會導致翻譯不到位、語意偏移等等問題，所以在比較完善的系統上，開發者會添加所謂的多國語言，讓使用者閱讀起來更加便利，而今天來分享一下簡單的多國語言的管理方法。 翻譯方法 若是就目前的開發方式，普遍會找尋i18n套件，而有些也套件支援AI輔助翻譯，讓語意更貼近開發者想表達的內容，但牽扯到效能及其他成本的...

前情提要 雲端服務除了便利，對於開發者來說，只需透過一些成本就能大大減輕開發時間，想說來做個羽球臨打的APP看看，但想說做就做完整一點，把一般交友軟體功能加入進來，要叫什麼好呢?交友…，叫Join You! LOGO 這邊推一個蠻方便的工具，讓我們當起圖文詠唱師。 Canva - 這邊借助線上的AI生成工具來使用，並且有也有其他設計工具，對於自用的來說已有足夠的功能，這樣簡...

前情提要 通常開發一個專案，都是依據開發需求來決定所運用的技術，而從零到有生成一個APP也是一樣，還需要針對不同的作業系統做開發上的調整，而後續維護也是一個問題，因此有些公司會選擇使用PWA(Progressive Web Application)來做替代方式，雖然他功能受到限制，但對於不想花太多時間開發的人會是個好選擇。 而在玩Vite的過程中發現到Vite PWA這個插件的便利性，今天讓...

前情提要 對目前企業來說，如果要達到服務上低偶和、靈活擴充、敏捷開發，都會採用微服務的開發架構，那今天要做的，是一個前後端分離的為服務架構。 K8s(Kubernetes) K8s是一個容器管理引擎，它可移植、可擴展，只要透過使用者的配置來管理工作負載及各項服務，從早期的傳統部屬 →虛擬化部屬→到今天要說的容器部屬，而它的誕生，主要是為了解決”手動部屬多個容器到多台機器上監控與管理”，因此...

前情提要 所謂的工廠法，在前端設計模式上面算是行之有年，目的是為了達到元件低耦合，做出組件化好管理的Code，那讓我們來看一下Dart是怎麼做的。 模擬http請求情況 void getAnimalList() { const jsonArray = ''' [{"name": "happy", "type": "dog", "age": 18, "no": 4}, {"nam...

前情提要 當碰到跑大量的演算法，或是下載較大的檔案，都會碰到UI整個卡住的情形，那這到底是怎麼回是?這要從底層開始說起。 首先要知道，Dart是一種單執行緒語言，這意味著在運行時，都會依序處理完佇列中每個工作(Event Loop)。 打開Observatory debugger看一下，當我們在運行時(run main.dart)，可以發現一定會有一個叫main的Isolate。 ...

使用dart:ffi與C語言進行溝通 前情提要 某次需求要在手機上開啟文件，而文件本身有經透過C/C++來做加密，這時候dart:ffi就派上用場了。 什麼是dart:ffi 首先要講一下FFI(Foreign Function Interface)，作為編寫程式的人來說，它是一種通用術語，所表達的是開發者可以透過某種語言去呼叫或橋接另一種語言，而Dart也不例外，它可以在Dart Nat...

安裝本次使用的筆記套件 安裝時輸入 $ gem install jekyll bunlder 檢查是否正確安裝 $ jekyll -v Warning: $ bundle add webrick( 缺少部分gem，webrick 不再是 Ruby 3.0 中的捆綁 gem，要額外裝) 接下來按照步驟建立Jekyll專案 開始第一頁筆記 在_posts新...

安裝RubyInstaller 到網上下載RubyInstaller(以Windows為例)RubyInstaller for Windwos。DevKit會外加windows平臺下編譯和使用本地C/C++擴展包的工具 安裝途中會詢問是否加入PATH，如果搜尋不到($ which gem)，請到環境變數確認。 安裝後執行 ridk instal...