Just My Life & My Work

Posts tagged ‘tool’

[Xcode] Time Profiler (時間分析器)

我家產品HappyStyle開發到尾聲,需求上的功能已全數完成,接下來的時間可以來優化各個功能。若想要讓使用者體驗 (User Experience)變得更優,那麼勢必要提升App運作的流暢度。

像是在滑內容清單,若能無「卡頓」現象會是優良的體驗,那麼如何來減少卡頓狀況?我們可以利用Xcode內建的工具Time Profiler (時間分析器),顧名思義就是利用它來分析各個方法 (Method)函式 (Function),所執行的時間狀況會在界面上清楚呈現,除了可以觀察自訂的也能探索內建的。

(繼續閱讀…)

[iOS] APP啟動時間測量

現在做產品跟以往做代工不太一樣,代工只要將功能完成就能交差了事,而產品則除了完成功能外,還要進一步優化性能,包含使用者體驗 (User Experience)

在此我們先來測量APP啟動時間,如上圖啟動時間中的pre-main time。我發現以不同的裝置來使用同一個App,啟動時間都不一樣呢!當然這跟裝置規格有關係,等等就來測量差異多少~

(繼續閱讀…)

安裝彩色的終端機

本篇文章目的如標題:安裝彩色的終端機。主要下載三個套件:iTerm2 + zsh + oh-my-zsh

從2012年寫iOS App以來,有時候會使用到內建的終端機 (Terminal),不過它的介面卻非常陽春,我居然也習以為常超過六年XD~

在進入港商後,同事Adam介紹我安裝oh-my-zsh,它可以讓介面變得「多采多姿」,於是乎剛使用新的iMac,就來把所有開發環境建立起來,以便日後方便有效率地工作!

(繼續閱讀…)

[圖解] Git Flow

過去五年做接案模式的工作,我只會使用非常簡單的Git來版本控制,偶爾才會有同事或夥伴協同合作開發。如今我踏入開發自有產品的環境,必須跟另外兩位前輩工程師合作,此時Git操作就變得更加重要!如何在同一個專案上增修,同一時間不會影響到彼此的任務,做得好就是一門藝術!

Git版本控制有非常多好用的功能,端視專案需求來使用,所以沒有一定的規則!若是同時有多人開發,2010年有個可以當作公版的Git Flow可遵循。現在我參與自有產品開發,大致上就是以上圖的模式來操作。

(繼續閱讀…)

[APP] Windy (有風)

三年前因為颱風來襲,在臉書上得知有Windy這個天氣預測平台,前不久心血來潮我就去下載Windy App,可隨時打開來看目前雲層分佈狀況。

趁著2018/9/8-9這兩天台北暴雨,來記錄一下這個App有趣之處~

(繼續閱讀…)

[App] Gyroscope (陀螺儀)

因為被臉書收購的Move App要「收攤」,我必須在2018年7月30日前備份我1206天的追蹤紀錄,讓我最近發現一個更好用且詳細的工具,是關於記錄人生歷程的平台Gyroscope (陀螺儀)。這個平台有Web、iOS App、Android App,還串接許多第三方來源的資料,比如:Apple Health、Instagram、Twitter、Fitbit、Strava、RescueTime等等。我發覺Gyroscope做得很符合我的需求,就將Move導出來的資料全數匯入Gyroscope

因為介面做的實在太吸引我,讓我很想要寫篇文章來推薦。首先我要介紹思維導圖 (Mindmap)

(繼續閱讀…)

[Xcode] 主線程檢查器 (Main Thread Checker)

我所使用的整合開發環境是Xcode,每年更新都會釋出新的功能,來幫助開發人如我者更有效率地工作!2018年Xcode即將邁入第10版,這裡我想要來介紹主線程檢查器 (Main Thread Checker)

回想2012年我還是個初學者的時候,還不知道主線程的重要性,以致於有時候發生不預期的反應,實在摸不著頭緒!基本上要記住,改變畫面的動作要在主線程實現,不然會發生什麼事?有時候有反應,有時候沒反應,這種狀況debug超級困難呢!

[Xcode] 主線程檢查器 (Main Thread Checker)1

好在Xcode已經能從語法分析來得知,哪些程式碼會跑到非主線程,若改變畫面的元件在非主線程操作,Xcode就會有紫色的提示。上圖表示Label一定要在主線程使用 ([UILabel text] must be used from main thread only)。

(繼續閱讀…)

[Zeplin] Objective C 語法

愛寫iOS App的我,總是要看設計圖,來跟設計師的美學溝通。近年來設計師能透過SketchZeplin合作無間,Zeplin更是能讓工程師立馬上手,就能輕易「看穿」設計師「別有用心」。

除了可以透過鼠標來查看元件相對應位置,還能透過外掛產生Objective C語法,當然還有其他語法如Swift、XML、CSS等等,大大方便工程師不必再自己打code囉~

參考:Zeplin, 跨越工程師與設計師的鴻溝

Sketch 60個設計畫面

因為小蕎流水需要接手前設計師的Sketch原稿,所以我特別測試最新的Sketch 49.1版,打開後赫然發現,總共有60個畫面!!!

Sketch上流社會60個畫面

真是佩服UI設計師可以做出那麼多畫面,也就是說若要App工程師刻出這60個畫面,將會更加有挑戰性~因為各個按鈕要跳轉到某一頁面,不同的情況會有不一樣的顯示。

Sketch 49.1

過去桌機霸橫世界時用得最多是Photoshop,現在手機引領天下後,視覺設計師多用Sketch,相信設計App畫面更加得心應手!

期待這款跨世紀社群App能盡快登場!

[iOS] 使用HTTP的POST方法提交的表單

實在不曉得怎麼命名這篇技術文章,其實就是想要呼叫Web Service來取得資料,跟我過去平常使用的方式不太一樣,所以就特別來一篇記錄,未來就直接參考囉~

[iOS] 使用HTTP的POST方法提交的表單

後台工程師特別使用x-www-form-urlencoded來呼叫此API,怎麼不跟之前一樣使用raw呢?下次來拷問他XD~強迫我一定要學新的實作方法!

(繼續閱讀…)

標籤雲