葉顆顆
Sudo Ninja
Published in
6 min readJul 23, 2016

--

ocowchun

API Gateway 處理錯誤狀態

在使用 API Gateway 建立 Method 時,需要自己去處理對應的 http 狀態碼,預設的狀況全部都會回傳 200 , 如果你是使用 API Gateway 來當作 proxy 介接其他 Web Service 的話,可以在 Integration Response 直接設定將 proxy 回傳的狀態碼對應到你指定的狀態碼,如果是 AWS Lambda 的話,可以透過 errorMessage 的 selection pattern 來處理對應碼的狀態,AWS 的 blog 中提出一種 practice 是 errorMessage 中加入 prefix 的方式來處理對應碼,例如 “[BadRequest] Validation error: Missing field ‘name’”,個人覺得這樣的方式蠻不錯的。

ref

Error Handling Patterns in Amazon API Gateway and AWS Lambda

Kalan

Rethink rem

雖然在 Sudo 開發中,我們都偏向於使用 px,為了避免巢狀 em 的問題,所以全部採用絕對單位。 但是 em rem,我覺得都是值得去使用的屬性之一。

這一篇講解了 em px rem 的關係,篇幅不長,值得一看!

Takeaways from react europe

這個禮拜在家看了 react europe 的 talks,是說 redux 的作者也太帥太年輕了吧!

Henry

React Native Extended StyleSheet

看起來很強的 *強化版 React Native StyleSheet*,值得好好來研究一下。

Peter

Craft Prototype 試用版

Silverflow 被 Invision 併入 Craft 中更名成 Prototype, 就在想到底何時可以看見 Prototype 功能呢?

結果六月底收到 Prototype 作者 Aby 發送的 beta 版信件, 內容就是附上 Prototype beta 版本啟用序號, 希望透過釋出 beta 版本找出 bug 或是使用者回饋。

啟用方法:

  1. 打開 Craft Manager,按下 cmd + shift + b,會跳出 beta 版本輸入框
image
  1. 輸入啟動碼後,Craft 會調查你的工作背景,包含:名稱、電子信箱、公司名、職稱、公司網址
image
  1. Craft Manager 會自動變成有 Prototype 功能的 beta 版本
image
  1. 在上方選單選擇 Prototype Beta
  2. 需要再安裝 Prototype beta 的 Craft
image
  1. 可以開始體驗囉!

Craft Prototype 如何使用:

使用 Prototype 功能需要搭配 Invision 的手機應用程式 — Invision Viewer_。

使用 USB 或是 Wifi 連接電腦,

image

接著使用 Craft Prototype 建立一個 Prototype Project, 設定 Prototype 起始畫面,Invision Viewer 上就可以找到 Prototype project 了。

如何讓 Prototype 運作起來?

Prototype 是以 element、Artboard 作為基底,創造出一個模擬 App 的 Prototype。

選擇起始畫面後,點選元件(按鈕、輸入框等等)後按下 C 建立動作, 目前支援下列使用行為: 1. 連結至其他頁面 此時可以點選其他 Artboard,選取 Artboard 後選擇觸發條件(手勢)與轉場特效。

image
  1. 其他行為
image
  1. Link back (回上一頁)
  2. 啟動相機(真的會啟動啊!)
image
  1. 瀏覽相片庫(上傳照片用)
  2. 關閉彈出視窗
  3. 以 Safari 開啟網頁
  4. 寄信至某信箱
  5. 傳文字簡訊
  6. 打電話
  7. 設定 fixed header 完成後該元件將會常駐在螢幕上方。
  8. 設定 fixed footer 手機 APP 常常會有 Navigation bar。
  9. Web View 設定連外網站,點選 button 元件時可以點選,但選取 text layer時無法點選。 craft 應該是會辨別選取的元件是否為 group,判斷它是不是 button, 所以如果欲使用文字連結,可能要在將 text 元件變成 group。
  10. Input field(Text layer only) 只有文字圖層可以設定,模擬真的可以編輯文字的情境, 設定文字行數、預設文字、要不要有清除按鈕、return 鍵的動作(例如按下後關閉小鍵盤) 在設定後,手機上點選該文字圖層就會跳出小鍵盤(真的可以使用啊!!!)
image

神奇的 選取元件後(若為按鈕),Prototype 會自動將該元件的觸控區延伸出去,非常貼心!

小結論

先前也有試用其他 Prototype 相關的服務,例如 Prott , 當然還有許多其他的 Prototype 工具,這裡只討論用介面製作 Prototype 的工具。

  1. 網路 相較於 Prott 在網站上的設定與操作,Craft Prototype 感覺更快速輕巧, 不會受到網路不穩而影響設定,Craft 可以在本機設定、操作。
  2. 模擬操作 Craft Prototype 的操作也更具細節(真的可以開啟相機等等), 與 Prott 頁面是設定死的不能操作不同。
  3. 支援裝置 但 Prott 目前支援 Web 與 Mobile app,而 Craft 目前只有支援 Mobile app。

因此要說設定操作上,Craft 稍微直覺些。 模擬程度上,雖然 Craft 還在 Beta 版本,但模擬的操作已經很細微。 運用廣泛程度,Prott 目前是非常泛用的!

--

--