App 種類概述

Ann Chou-avatar-img
Ann Chou
發佈於程式學習日記
更新於 發佈於 閱讀時間約 1 分鐘

此篇作為 此部落格 App 技術文 的前導介紹，概述 App 種類差異。

▍ App 種類比較

開發 App 的軟體有很多種，例如 Ionic、React Native、Flutter…。

不過我們在決定要使用哪一套工具前，可以先了解 App 要使用多少手機原生功能、人力技術、效能等資訊。

raw-image


關於 PWA 對原生功能支援的「有限」程度，請閱讀 Ionic 7+Angular：PWA camera 相機功能比較。


▍ 相關文章

因為我是 Web 開發者，最近才開始接觸 App 開發，知識認知上還是有限度。

附上更深入比較的文章提供參考。


更多關於我的研究，可藉由 tag: App 主題閱讀。

Ann Chou的沙龍程式學習日記技術實驗室
留言
avatar-img
留言分享你的想法！
avatar-img
Ann Chou的沙龍
17會員
29內容數
從藝術領域轉職到前端工程師，喜歡書寫學習歷程和技術文件，掌握經驗與隨時提取的感覺很好。
Ann Chou的沙龍的其他內容
2025/04/27
【Expo Android 推播整合 02】 專案建置：設定 Firebase、Azure
這篇文章說明如何在 Windows 電腦上設定 Android 推播通知，包含使用 Expo 串接 Firebase 和 Azure 的步驟。文章涵蓋 Firebase 和 Azure 的設定，以及 Android Studio 和 JDK 的配置。
2025/04/27
【Expo Android 推播整合 02】 專案建置：設定 Firebase、Azure
這篇文章說明如何在 Windows 電腦上設定 Android 推播通知，包含使用 Expo 串接 Firebase 和 Azure 的步驟。文章涵蓋 Firebase 和 Azure 的設定，以及 Android Studio 和 JDK 的配置。
2025/04/20
【Expo Android 推播整合 01】 基礎概念：認識 Firebase 與 Azure Notification
介紹在 React Native / Expo 中實作推播通知的方式，並比較使用 Expo Notifications 與整合 Firebase Cloud Messaging（FCM）或 Azure Notification Hubs 的差異。
2025/04/20
【Expo Android 推播整合 01】 基礎概念：認識 Firebase 與 Azure Notification
介紹在 React Native / Expo 中實作推播通知的方式，並比較使用 Expo Notifications 與整合 Firebase Cloud Messaging（FCM）或 Azure Notification Hubs 的差異。
2025/04/19
React Native / Expo 介紹
本篇主題是 React Native 小介紹。 因為先前在測試 Ionic + PWA 開發，對相機功能實在太失望，結果現在我開始用 React Native / Expo 了。 如果還不清楚 Ionic 和 Reac Native 能做不同種類的 App，可以先閱讀 App 種類概述 。
2025/04/19
React Native / Expo 介紹
本篇主題是 React Native 小介紹。 因為先前在測試 Ionic + PWA 開發，對相機功能實在太失望，結果現在我開始用 React Native / Expo 了。 如果還不清楚 Ionic 和 Reac Native 能做不同種類的 App，可以先閱讀 App 種類概述 。
看更多
你可能也想看
Thumbnail
avatar-avatar
渡狼／DL
蝦皮開箱｜TOMICA 吉伊卡哇 烏薩奇兔兔小車
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空，一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮，突然發現幾家商場都又開始重新上架，價格也都回到正常水準，估計是官方又再補了一批貨，想都沒想就立刻下單！ 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷！
#吉伊卡哇#開箱#蝦皮分潤計畫
Thumbnail
avatar-avatar
渡狼／DL
蝦皮開箱｜TOMICA 吉伊卡哇 烏薩奇兔兔小車
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空，一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮，突然發現幾家商場都又開始重新上架，價格也都回到正常水準，估計是官方又再補了一批貨，想都沒想就立刻下單！ 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷！
#吉伊卡哇#開箱#蝦皮分潤計畫
Thumbnail
avatar-avatar
阿千看世界
2025年綜合所得稅繳稅教學：線上申報、信用卡回饋、拆單攻略！
每年4月、5月都是最多稅要繳的月份，當然大部份的人都是有機會繳到「綜合所得稅」，只是相當相當多人還不知道，原來繳給政府的稅！可以透過一些有活動的銀行信用卡或電子支付來繳，從繳費中賺一點點小確幸！就是賺個１%~2%大家也是很開心的，因為你們把沒回饋變成有回饋，就是用卡的最高境界 所得稅線上申報
#2025所得稅#綜合所得稅#繳稅有回饋
Thumbnail
avatar-avatar
阿千看世界
2025年綜合所得稅繳稅教學：線上申報、信用卡回饋、拆單攻略！
每年4月、5月都是最多稅要繳的月份，當然大部份的人都是有機會繳到「綜合所得稅」，只是相當相當多人還不知道，原來繳給政府的稅！可以透過一些有活動的銀行信用卡或電子支付來繳，從繳費中賺一點點小確幸！就是賺個１%~2%大家也是很開心的，因為你們把沒回饋變成有回饋，就是用卡的最高境界 所得稅線上申報
#2025所得稅#綜合所得稅#繳稅有回饋
Thumbnail
avatar-avatar
newman的沙龍
技術筆記-iOS實戰001-搞定基本的SwiftUI，並接上後台API
Part.1 搞定基本的 UI 開始開發 iOS App。 首先準備一台 Mac，然後安裝 Xcode，新增專案，系統即刻生成基本的專案結構。coding 的起點在檔案 ContentView.swift： import SwiftUI struct ContentView: View {  
#iOS#Swift#SwiftUI
Thumbnail
avatar-avatar
newman的沙龍
技術筆記-iOS實戰001-搞定基本的SwiftUI，並接上後台API
Part.1 搞定基本的 UI 開始開發 iOS App。 首先準備一台 Mac，然後安裝 Xcode，新增專案，系統即刻生成基本的專案結構。coding 的起點在檔案 ContentView.swift： import SwiftUI struct ContentView: View {  
#iOS#Swift#SwiftUI
Thumbnail
avatar-avatar
JayLinXR
Figma UX/UI手機App設計教學：點子成行到製作出一個App 系列教學
本篇文章將分享手機App設計教學，並往後介紹使用Flutter開發App的相關知識和技巧。透過這系列的分享，讀者將能夠學習如何利用設計和程式開發技能來製作一個App。文章中也提供了一些靈感來源和教學資源，幫助讀者進行設計和開發的思考和學習。
#教學#分享#設計
Thumbnail
avatar-avatar
JayLinXR
Figma UX/UI手機App設計教學：點子成行到製作出一個App 系列教學
本篇文章將分享手機App設計教學，並往後介紹使用Flutter開發App的相關知識和技巧。透過這系列的分享，讀者將能夠學習如何利用設計和程式開發技能來製作一個App。文章中也提供了一些靈感來源和教學資源，幫助讀者進行設計和開發的思考和學習。
#教學#分享#設計
Thumbnail
avatar-avatar
科技&科幻 | 36號系統
PWA漸進式網路應用程式技術心得
此篇主要紀錄PWA開發過程心得，內容為PWA有什麼特色，為何React可以使PWA成為接近App的操作體驗，以概念敘述與簡單開發流程紀錄來介紹PWA。 什麼是漸進式網路應用程式(PWA) PWA擁有傳統網頁和移動應用的優點，使網頁應用程序可以像應用程序一樣運行，提供更加優越的用戶體驗
#PWA#前端#APP
Thumbnail
avatar-avatar
科技&科幻 | 36號系統
PWA漸進式網路應用程式技術心得
此篇主要紀錄PWA開發過程心得，內容為PWA有什麼特色，為何React可以使PWA成為接近App的操作體驗，以概念敘述與簡單開發流程紀錄來介紹PWA。 什麼是漸進式網路應用程式(PWA) PWA擁有傳統網頁和移動應用的優點，使網頁應用程序可以像應用程序一樣運行，提供更加優越的用戶體驗
#PWA#前端#APP
Thumbnail
avatar-avatar
再寫5分鐘
後端開發環境好難架，初學資料庫到底需要了解哪些東西?
軟體系統的發展歷程大多相似，首重解決基本需求、提供操作介面，進而提升安全性、擴充功能、優化操作。
#資料庫#PostgreSQL#MySQL
Thumbnail
avatar-avatar
再寫5分鐘
後端開發環境好難架，初學資料庫到底需要了解哪些東西?
軟體系統的發展歷程大多相似，首重解決基本需求、提供操作介面，進而提升安全性、擴充功能、優化操作。
#資料庫#PostgreSQL#MySQL
Thumbnail
avatar-avatar
Aries Hsieh - 褪去律師袍的軟體工程師
AttorneyTech - 律師案件管理工具
今天來分享一下我自己開發的 iOS App，以及為什麼會有這個 App 的產生。 這個 App 是在 AppWorks School 時開發的個人專案，從構思到實際開發完畢大約四週左右。而在去年底的時候稍微整理了一下，終於把它上架到 Apple 的 AppStore。
#管理#電子#開庭
Thumbnail
avatar-avatar
Aries Hsieh - 褪去律師袍的軟體工程師
AttorneyTech - 律師案件管理工具
今天來分享一下我自己開發的 iOS App，以及為什麼會有這個 App 的產生。 這個 App 是在 AppWorks School 時開發的個人專案，從構思到實際開發完畢大約四週左右。而在去年底的時候稍微整理了一下，終於把它上架到 Apple 的 AppStore。
#管理#電子#開庭
Thumbnail
avatar-avatar
科技&科幻 | 36號系統
React大前端時代元件構思方法
前言 現在的前端需求已經越來越高，要考慮HTML及CSS的切版美觀程度，以及React以及Flutter所提出的元件(Componet、widget)觀念，也就是將元件模組化，使元件可以更動態的被程式運行，而不用靜態的客製化每一個介面。開發一個好的元件可以提升整體的開發速度，讓任何使用元件的開發者
#React#軟體開發#前端
Thumbnail
avatar-avatar
科技&科幻 | 36號系統
React大前端時代元件構思方法
前言 現在的前端需求已經越來越高，要考慮HTML及CSS的切版美觀程度，以及React以及Flutter所提出的元件(Componet、widget)觀念，也就是將元件模組化，使元件可以更動態的被程式運行，而不用靜態的客製化每一個介面。開發一個好的元件可以提升整體的開發速度，讓任何使用元件的開發者
#React#軟體開發#前端
Thumbnail
avatar-avatar
HKT實驗室
Android API 版本介紹
本課程介紹 Android API 版本，主要介紹關於 Android 版本名稱和 API 等級的對照表。
#Android教學#Android入門指南
Thumbnail
avatar-avatar
HKT實驗室
Android API 版本介紹
本課程介紹 Android API 版本，主要介紹關於 Android 版本名稱和 API 等級的對照表。
#Android教學#Android入門指南
Thumbnail
avatar-avatar
HKT實驗室
Android 教學：使用 Android Studio 建立第一個 App 專案
本課程學習如何使用 Android Studio 建立的第一個應用程式專案：Hello World。
#Android教學#Android入門指南#Android開發
Thumbnail
avatar-avatar
HKT實驗室
Android 教學：使用 Android Studio 建立第一個 App 專案
本課程學習如何使用 Android Studio 建立的第一個應用程式專案：Hello World。
#Android教學#Android入門指南#Android開發
Thumbnail
avatar-avatar
HKT實驗室
新手入門 Android Studio 下載與安裝教學指南 - 從零開始設定你的 Android 開發環境
本篇文章將介紹開發 Android 手機應用程式所需的開發軟體，Google 官方的開發工具 Android Studio。這款軟體不僅免費，還提供完整的支援，適合所有 Android 開發者使用。
#Android教學#Android入門指南#Android開發
Thumbnail
avatar-avatar
HKT實驗室
新手入門 Android Studio 下載與安裝教學指南 - 從零開始設定你的 Android 開發環境
本篇文章將介紹開發 Android 手機應用程式所需的開發軟體，Google 官方的開發工具 Android Studio。這款軟體不僅免費，還提供完整的支援，適合所有 Android 開發者使用。
#Android教學#Android入門指南#Android開發
Thumbnail
avatar-avatar
HKT實驗室
Android 教學【Android 入門指南】系列文章目錄
根據初學者設計了 Kotlin 程式語言的基礎課程，從 Android Studio 到 Android App 開發，提供完整指引。由基礎開始，傳授開發技巧。課程分為三部分：環境安裝、常用元件與界面設計，以及高階技巧如 DataStore、Room 資料儲存與網路處理。
#Android教學#Android入門指南#Kotlin入門指南
Thumbnail
avatar-avatar
HKT實驗室
Android 教學【Android 入門指南】系列文章目錄
根據初學者設計了 Kotlin 程式語言的基礎課程，從 Android Studio 到 Android App 開發，提供完整指引。由基礎開始，傳授開發技巧。課程分為三部分：環境安裝、常用元件與界面設計，以及高階技巧如 DataStore、Room 資料儲存與網路處理。
#Android教學#Android入門指南#Kotlin入門指南
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News