iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Mobile Development

30 天程式邊緣人 - React Native 的孤獨開發指南 系列

疫情的關係大家都經歷了在家長香菇的三個多月
沒有任何社交活動,沒有辦法上山下海
也讓原本就是邊緣人的Edmond的邊緣感又再往上升了

但也讓我發現一個人的生活其實也是滿適應的
如果未來要像這樣孤獨終老的話
好像也不會有什麼問題(?

所以在這個系列文中
我要跟大家分享我的開發經驗以及開發流程
從 user stories 到最後的 deploy
在 30 天一起成為孤獨型玩家

參賽天數 15 天 | 共 15 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文 團隊想吃羊肉爐
DAY 1

[Day01 - 簡介] 成為一位孤獨型玩家,從亂點技能開始

Hello 大家好我是 Edmond,大家在疫情期間是否感受到滿滿的孤獨感呢?又是否突然發現,自己其實滿適合一個人的呢?(大錯。本次想要來跟大家介紹一個人的開發...

2021-09-16 ‧ 由 Edmond 分享
DAY 2

[Day02 - 規劃與設計] 從生活中發想需求

發想自己的需求,看看生活中有什麼是想要改進的或是解決的,再來立定一個主題吧! 目前比較煩惱的大概是: 出去玩整理包包常常忘東忘西,像是潛水啊裝備越買越多有時候要...

2021-09-17 ‧ 由 Edmond 分享
DAY 3

[Day03 - 規劃與設計] 建立 Wireframe 讓你開發不迷路

如果不想要大家一起通靈通出一坨O,請不要偷懶做好規劃。我說那個Excel寫出來的功能列表也是不夠的,畢竟大家對文字的理解都不同。 一份好的匡線圖也可以做好聚焦的...

2021-09-18 ‧ 由 Edmond 分享
DAY 4

[Day04 - UI/UX] 確認使用的 UI framework

開始畫圖之前,先確認好要使用的UI framework,來確認可以使用什麼元件。才不會有實作畫面很困難的問題。這邊提供幾個元件來給大家參考: 以下是我使用過的:...

2021-09-19 ‧ 由 Edmond 分享
DAY 5

[Day05 - UI/UX] 為APP製作 LOGO

要開始畫一個LOGO之前我習慣先簡單列出一些主題文字。這次要做的是一個旅遊包包整理APP所以我列出下面這些文字。 戶外旅遊 打包行李 確認的 輕巧的 快速的...

2021-09-20 ‧ 由 Edmond 分享
DAY 6

[Day06 - UI/UX] 建立 APP Design Guideline

在開始畫設計稿之前,我們要先確認一下我們的字級以及主色以及輔色等等。這邊我套用去年自製的 Design Guideline Template 來定義簡單的設計規...

2021-09-21 ‧ 由 Edmond 分享
DAY 7

[Day07- React Native]建立 React Native 專案

React Native 官網 現在有許多可以建立雙平台的工具,像是 Golang 的 Flutter,還有 Vue.js 的 Vue Native 這些都可以...

2021-09-22 ‧ 由 Edmond 分享
DAY 8

[Day08 - React Native] 路由,使用 React Native Navigation

React Navigation 在這邊使用 Wix/React Native Navigation搭配 Wix/React Native Navigation...

2021-09-23 ‧ 由 Edmond 分享
DAY 9

[Day09 - UI/UX] UI 繪製

在UI出圖之前,我們先確認好目前的 wireframe 是完整的。接下來只要依照 wireframe 來實作UI的部分即可: 以登入為例: 接下來就一張一張把...

2021-09-24 ‧ 由 Edmond 分享
DAY 10

[Day10 - UI/UX] 上傳UI至 Zeplin

當我們畫完UI後,接著要將UI上傳到Zeplin 點選 Plugins > Browse 搜尋 Zeplin 安裝完後就可以開匯出 Plugins &g...

2021-09-25 ‧ 由 Edmond 分享