iT邦幫忙

react native相關文章
共有 34 則文章
鐵人賽 Build on Google AI DAY 24

技術 Day 24 | 所以今天是幾月幾號?告別「第 X 週」,日曆對齊與打卡實戰

前言:AI 算得很開心,但跑者看得很痛苦 經過前幾天的努力,KAKERU 已經能一口氣吐出 24 週的龐大訓練計畫。但如果 UI 上只顯示:「第 13 週,週二...

鐵人賽 Build on Google AI DAY 23

技術 Day 23 | UUID 影分身術!免登入資料隔離與 24 週動態引擎!

前言:當 100 個跑者同時向 AI 許願時 過去的 22 天,我們單人用戶玩得很開心,功能也都順利的進行,但當 KAKERU 實際上線,100 個使用者同時點...

鐵人賽 Build on Google AI DAY 22

技術 Day 22 | 繞過 API 授權地獄,用 Gemini 多模態看懂跑錶與跑步機螢幕

前言:為什麼要用「視覺」解決痛點? 當跑者結束今天的訓練,最希望能把剛跑完的數據記錄下來。傳統運動 APP 為了取得使用者的里程與配速,必須去向 Garmin...

鐵人賽 Build on Google AI DAY 21

技術 Day 21 | AI 動態重算實戰:將狀態發送至雲端,智慧合併新課表並無縫刷新 UI

前言:當計畫遇上變化,展現 AI 教練的真正價值 昨天成功加入了「AI 教練診療室」,提供跑者回報「疲勞指數」與「具體狀況」的精美介面。但在真實的運動情境中,跑...

鐵人賽 Build on Google AI DAY 20

技術 Day 20 | 介面實作 (3):打造課表診療室,實作疲勞度打卡與文字發問介面

前言:計畫永遠趕不上變化,靜態課表的死穴 昨天成功把 JSON 轉化為極具質感的課表 UI。看著 4 週訓練計畫,感覺跑者隨時都可以準備跑了。但在實際狀況裡,備...

鐵人賽 Build on Google AI DAY 19

技術 Day 19 | 介面實作 (2):告別生硬 JSON!拆解 UI 元件並完美綁定 AI 課表資料

前言:骨架有了,現在為它注入靈魂 在 Day 17 時,我們已經勾勒出了課表頁面的基本輪廓;昨天 (Day 18) 更是透過 Zustand 成功打造了 APP...

鐵人賽 Build on Google AI DAY 18

技術 Day 18 | 打造教練的海馬迴:Zustand 與 Persist 持久化實戰

前言:資料拿到了,但 APP 重開就失憶? 在昨天的實作中,我們成功地將「個人檔案頁」與「課表頁」的職責分離,並順利透過 Cloud Run 拿到了 AI 為東...

鐵人賽 Build on Google AI DAY 17

技術 Day 17 | 前後端串接:透過 Axios 呼叫 Cloud Run,並用 AI 跨端排查 Guardrail 障礙

前言:雙A連線,讓手機 APP 與雲端 API 連線 經過前面的努力,目前手機 APP (React Native + Expo) 已經建立好跑者的個人設定與課...

鐵人賽 Build on Google AI DAY 16

技術 Day 16 | 介面實作 (1):打造跑者基本資料的專屬表單,為 AI 準備精準 Context

前言:AI 教練也需要認識你 在 Day 9 設計後端 Prompt 範本時,我們預留了 {{TARGET_RACE}}(目標賽事)與 {{CURRENT_LE...

鐵人賽 Build on Google AI DAY 15

技術 Day 15 | 導覽列與路由:實作首頁、課表頁、個人頁面的絲滑切換

前言:單頁 APP 是不夠的,我們需要導覽列! 昨天我們完成了「KAKERU」的第一個首頁畫面。有讀者一定有發現,畫面底部出現了一個非常有質感的黑色懸浮導覽列!...

鐵人賽 Build on Google AI DAY 14

技術 Day 14 | React Native 核心觀念轉換:從 Web 元件思維走向跨平台 Mobile APP

前言:為什麼選擇 React Native? 經過前面 13 天的奮戰,我們位於 GCP 雲端的 AI 大腦已經準備就緒,不僅能精準吐出 JSON 格式的馬拉松...

鐵人賽 Build on Google AI DAY 2

技術 Day 2 | 系統大腦與藍圖:從前端框架到雲端平台流程全展開

前言:沒有設計圖,怎麼蓋大樓? 歡迎來到鐵人賽 Day 2!昨天向大家說明了這個APP的誕生,也確立了用 AI 來拯救我們破碎課表的偉大目標。 但在真正實作之前...

鐵人賽 Build on Google AI DAY 1

技術 Day 1 | 單鐵的一生如履薄冰?用 Google AI 打造專屬馬拉松教練!

前言:專案想法的由來 欸~~大家好!開賽第一天,既興奮又期待!但既然報名了,頭洗下去就對啦! 說到這款 AI教練 App的起源,真的要特別感謝我的學弟。以前學生...

徵才 【徵3個月短期技術人員】React Native開發人員

誠徵短期React Native開發人員(ios、Android) 說明:支援以開發中的APP 期望時間:ASAP 地點:台北市民生社區(希望白天可以on s...

鐵人賽 Mobile Development DAY 1
卡卡30天學 React Native 系列 第 1

技術 [ 卡卡DAY 1 ] - React Native 一個 target 一個 start

背景與前言: 我是個轉職的前端工程師,近期因專案需要開始寫APP,基於我有React的基礎,所以選擇React Native的相對比swift跟kotlin好上...

技術 2021 年 iOS 应用程序开发七种最佳语言

移動應用程序現在幾乎是每個在線業務的必備品。最新的 StatCounter 數據顯示,多達56% 的在線連接是通過移動設備建立的,這使它們高於平板電腦和計算機。...

徵才 React Native 工程師

工作內容 開發支付系統相關 Web 及 ios / Android App。 網頁切版、互動呈現、元件開發,與後端串接 API。 優化效能,辨識並解決效能瓶頸...

徵才 [徵才] 創順科技 - React Native Engineer

React Native Engineer [50000 ~ 100000 ~ /per month] 依經驗決定薪資 :: 工作內容 負責構建基於...

技術 [轉載][React Native] Airbnb: 我們一起寫過的 React Native

之前 Airbnb 宣佈停止使用 React Native,也佛心公佈了一系列技術文章解析停用 RN 的原因和當中學到的寶貴經驗,各位大大都記憶猶新吧~不過要啃...

技術 React Native與Android交互

React Native與Android交互 author: ImL1s email: iml1s@outlook.com github: clickme...

鐵人賽 Modern Web DAY 30

技術 Day 30 / Conclusion

Conclusion <好讀版> 30 天系列結束了,最後這一章來簡單回顧一下這本書的知識範疇,我覺得用 3 個小節來帶過這章是一個很好的方式——分...

鐵人賽 Modern Web DAY 29

技術 Day 29 / Other -- Deploy

Deploy <好讀版> 前言 30天系列要進入尾聲了,在倒數第二天的這時候,要來講開發產品流程的最後一步 —— 部署。不過這篇的部署目前只會提到...

鐵人賽 Modern Web DAY 24
React - DOM界的彼方 系列 第 24

技術 Day 24: React篇 - 路由器(router) 與 本篇小結

今天的主題是路由器(router),以及關於React篇的一些總結資訊。今天並沒有把路由器整合到原先的TodoApp之中,所以沒有範例。 註: 本文章同步放...

鐵人賽 Modern Web DAY 4

技術 React Native 工欲善其事,必先利其器 開發小撇步

再看一本書時一定要先翻翻目錄,才能知道這本書值不值得讀,能學到什麼新東西,在使用新環境開發新東西時是一樣的道理,學會了經典的 Hello World 就要開始知...

鐵人賽 Modern Web DAY 3

技術 如何新增一個 React Native 專案

還沒有把 React Native 環境建置起來的朋友,可以參考這篇 React Native 環境建置 再繼續閱讀這篇喔 新增專案 react-native...

鐵人賽 Modern Web DAY 1
APP 開發的新世界 系列 第 1

技術 Day1 / Introduction

很抱歉最近實在太忙了,以至於一直沒辦法把前文好好寫完,現在先為大家預覽一下 Day3 的內容! Exponent:上手與執行 q第一篇指南的首要目標是盡快地建...

鐵人賽 Modern Web DAY 8
React - DOM界的彼方 系列 第 8

技術 Day 08: ES6篇 - Destructuring Assignment(解構賦值)

本章的目標是對Destructuring Assignment(解構賦值)提供一些使用上的說明。這些語法在React、React Native、Redux等等...

鐵人賽 Modern Web DAY 10

技術 Day 10 / Infrastructure -- React Native Routing

React Native Routing <好讀版> 前言 Routing 指的是各個畫面之間的路由。如果使用原生 React Native 的 N...

鐵人賽 Modern Web DAY 9

技術 Day9 / Infrastructure -- React Native Routing

React Native Routing <好讀版> 前言 Routing 指的是各個畫面之間的路由。如果使用原生 React Native 的 N...

鐵人賽 Modern Web DAY 8

技術 Day8 / Infrastructure -- I18n

I18n <好讀版> 前言 I18n,指的是internationalization,也就是多國語系的意思。一般來說,好的 boilerplate...