Just My Life & My Work

Archive for the ‘教學’ Category

[Flutter] Flutter 簡介

要進入 Flutter 之前,就先來了解它為何會誕生,接著明白其特色與優缺點。讓我們能對它抱持著希望與期待,於日後開發 App 增添信心。🤗

Flutter 是 Google 推出並開源的行動應用開發框架,主打跨平台、高保真、高性能。開發者可以透過 Dart 語言開發 App,一套程式碼能夠同時執行在 iOS 和 Android 平台。Flutter 提供了豐富的套件、介面(接口),開發者可以很快地為 Flutter 新增 Native 擴展。同時 Flutter 還使用 Native 引擎渲染視圖,這相信能為用戶提供良好的體驗。

廣告
(繼續閱讀…)

[Flutter] 原生與跨平台 (Native and Hybrid)

最近踏入跨平台開發,過去有開發過 Xamarin 和 Ionic 的我,原先對跨平台不屑一顧,不過在遇到 Flutter 之後,開始有不一樣的期待!為什麼呢?

第一,開發效率比其他跨平台程式語言還要好;第二,成果效能不輸給原生開發。

在此節錄高手的電子書內容,跟著前人的腳步學習,代表好的開始~😀

其實在幫忙維護公司產品時,覺得花太多時間在編譯上,每次編譯動輒一分鐘以上,若不小心動到核心檔案,編譯時間可能將近 5 分鐘,等待的過程我會滑手機,或是想著下一步要怎麼改動程式碼,行雲流水的思緒被中斷,實在不是很爽快呢~

因緣際會接觸了 Flutter 跨平台開發,第一次聽到 Flutter 是在港商公司,我的 Leader 耳聞 Google 最新跨平台技術誕生,就跟老闆提議可考慮用此技術來改善 UI/UX 不平衡的狀況。不久,老闆就裁掉 50 多人的 IT 部門,很快再招募新一批人馬,使用 Flutter 快速迭代開發,我看到上架到 App Store,下巴差點沒掉下來⋯⋯

如今已過兩年,Flutter 發展得比 React Native 還要蓬勃,想必是其有過人之處!😌

(繼續閱讀…)

[iOS] 蘋果私人電子信箱中繼服務 (Apple Private Email Relay Service)

我公司整合 Apple Login 已滿一年,開始有大量的 @privaterelay.apple.com 註冊我們家服務,每到一個促銷活動或節慶,我們都會寄送 EDM 給用戶,看後台數據發現 @privaterelay.apple.com 開信率是 0%!😭

此時就要了解蘋果私人電子信箱中繼服務 (Apple Private Email Relay Service),來增加我們觸及用戶的機會!

(繼續閱讀…)

[Flutter] GridView.count

最近對 Flutter 開始感興趣,研究起來格外順暢,也許是因為我本身開發 iOS App,所以背景知識技術足夠跨越門檻。

這篇來展示我學習 GridView.count 的紀錄,實際上功能很類似 iOS 的 Collection View,GridView.count 在用法比較容易實作,真的很快!

開發階段,我還可以透過 Chrome 來 debug,比起要花時間編譯到實機或模擬器,Chrome 跑起來奇快無比呢~看來有 Google 老大哥扶持,很多事情都被簡化囉~😁

先來看一下我實現的畫面~

廣告
(繼續閱讀…)

[iOS] Apple 推播通知服務憑證更新

現在推播憑證期限為13個月(多一個月讓你心理準備XD),不過這次才過了半年就發生問題,實際上是可以發出推播,但是手機收不到推播,那到底是什麼問題呢?

追查後發現,原來是我們家的Server太舊,還沒支援HTTP/2,原以為Apple沒有公告,後來找到了,印象中有看過這一通知,但是我沒太留意,畢竟我不曉得我們家Server沒支援HTTP/2呀⋯⋯😝

升級HTTP/2有何好處?可以讓你的網站瀏覽起來更快、更安全、SEO加分!比較 HTTP/1.1 和 HTTP/2 的速度差異,這在圖多的情況最為明顯~

HTTP/2 TECHNOLOGY DEMO

技術總是要與時俱進呀~套一句話,技術如逆水行舟,不進則退~也就是你若保持在原地,其實就是退步,因為他人一直在往前!😙

廣告
(繼續閱讀…)

透過 Performance 看優化成果

人總是會不斷地成長,若沒有成長就會感到不開心,是真的吧?🤪

看到自己經營的App有大幅度進步,實在令人振奮!

上次寫了 Firebase Performance 如何使用,也經過了一個多月,可以來見證我優化某功能的成果囉~🥳

廣告
(繼續閱讀…)

[iOS] 使用Vision人臉偵測2 (Face Detection Using Vision)

此刻要記錄實作內容,才想起先前已寫過一篇,不過那篇是沒有原始碼,然而依舊可參考:[iOS] 使用Vision人臉偵測 (Face Detection Using Vision)。😎

這是2020年11月去陽明山二子坪的大合照
廣告
(繼續閱讀…)

[iOS] Flutter 開發 App 初體驗

沒事千萬不要用最新的技術開發要真的上線的軟體,拿來把玩還可以啦~

這次是高中同學求救,因他公司產品是用 Flutter 來開發 App,想必是想要追求又快又狠又準的新技術,但是沒有考量到一些潛在的問題,其實早一點來找我諮詢,就可以避免掉要找我「救火」的狀況囉~

廣告

首先來了解我使用的開發環境與技術規格:

  • MacOS Catalina 10.15.5
  • Flutter 2.0.1

我急忙在短時間內寫好一個功能齊全的 ShopViewController,接著想辦法整合進對方的 Flutter 專案。

我問目前在博弈業的前同事,有無將 Swift 整合進 Flutter 的經驗,結果他跟我說是寫原生 Swift,真是誤會大了。

(繼續閱讀…)

[iOS] WebView User Agent (WebView 用戶代理)

儘管是在寫 App,然而三不五時就會需要內嵌網頁,因為我們實在很懶(是這樣嗎?),不想要再自己重刻一個頁面~😜

廣告

除此之外,做 Web 端的同仁也想知道,這個網頁的執行是來自哪裡,他們通常會從 User Agent (用戶代理) 下手,此時就會請求我把一些資訊塞進 User Agent

這種做法其實相當簡單呢!現在 iOS 可藉由新的 WKWebView 來實現。

(繼續閱讀…)

[iOS] IAP 付款介面

最近在幫人「救火」,開發 IAP 功能,朋友公司高層好奇,IAP 付款介面能否用 Touch ID 或 Face ID,在此我研究了些眉角。😌

什麼是 IAP 呢?全名是 In App Purchase,中文叫應用內購買

這是捷運管家的付款示意圖。
廣告

其實我在2014年已開發過 IAP,時隔多年來到2021年,後台設定項目的介面也改頭換面,感覺上已經比過去好設定。

(繼續閱讀…)

標籤雲

%d 位部落客按了讚: