-->

JavaScript

A collection of 9 posts

CI

如何自動化 release 的流程?

這篇文章會介紹如何使用 semantic-release 這個工具,自動化 Node.js (or JavaScript) 專案的版本號,以及 changelog 的 release 流程。 什麼是 semantic-release?為什麼要用 semantic-release?如何使用 semantic-release?什麼是 semantic-release?semantic-release 可以自動完成下列這些事: 當 code 被 push 或 merge PR 回 production branch (ex: master) 的時候CI build 被觸發,semantic-release 會收集此次更新的所有 commit messages(需遵循

  • Amo Wu
    Amo Wu
Amazon CloudFront

Amazon S3 正確處理 HTML5 History 路由問題

如果你是使用 Angular、React 或是 Vue 來開發 SPA(單頁面應用),並且放在 Amazon S3 Static Website Hosting 上的話,那麼你會碰到 URL routing 的問題。 一般 react-router 或 vue-router 都預設使用 hash 的方式來處理 SPA 的路由: http://domain.com/#!/paths如果你不喜歡 #!/ 的顯示方式,可以使用 HTML5 的 History API,這樣就能像一般網站那樣顯示 URL: http://domain.com/paths但是使用

  • Amo Wu
    Amo Wu
AngularJS + Google Spreadsheet
AngularJS

AngularJS + Google Spreadsheet

概要這篇文章主要是說明如何寫 AngularJS 的 service,以類似 $resource REST 的方式來取得 Google 試算表的資料。 本文假設讀者已讀過 AngularJS Tutorial,了解 AngularJS 基本概念。目錄建立試算表TemplateApp ModuleServiceController注意事項參考建立試算表前往 https://drive.google.com 或是參考已經建立好的試算表。 先建立一份新的試算表:建立 > 試算表。 填寫資料表,以 AngularJS

  • Amo Wu
    Amo Wu
Agile

Development Tools

不知不覺,這個月的文章還沒想好要寫什麼,七月就過了... 這一篇我打算分享一些最近在關注的玩意兒。 TrelloTrello 是 Joel 團隊開發,一個專案管理的工具,當然,他是雲端網頁,所以在任何地方都可以掌握團隊的專案進度。 Trello 可以使用 Google 的帳號登入,登入後可以根據專案的開發流程自訂專屬的 Board ,每個 Board 內可以貼上各個項目的 Card,並且可以和專案成員即時協作。 自己本身大概用過兩三套這種PMS的產品,Trello 簡單易用,一個人獨立開發使用也很方便,算是敏捷式開發上不可或缺的好工具。 影片介紹: 另外,Trello 也有提供 iPhone 的版本: SublimeSublime 是一個很棒的程式碼編輯器,前一陣子在這篇 Which is the Best Code Editor? 得到很高的分數。

  • Amo Wu
    Amo Wu
JavaScript

How to list the properties of a javascript object

本篇參考 stackoverflow 的 How to list the properties of a javascript object 要如何知道 Javascript 物件擁有哪些 proerty? var dog = { name: 'Lucky', age: 3, breeds: 'Shiba Inu' };上面是一個小狗的物件,裡面有一些自訂的屬性 'name', 'age', 'breeds' 等等... 那要怎麼在程式中知道這些屬性呢? 比較新的瀏覽器(IE9, FireFox, Chrome...)可直接使用 Object.keys 這個方法 var keys = Object.keys(

  • Amo Wu
    Amo Wu
JavaScript

Javascript and this

筆記一個 javascript 的特性。 通常在使用一些 method 的時候參數都帶有 Callback Function: click(callbackFunction)如果在這個 Callback Function 裡面直接使用 this 是沒有辦法的: callbackFunction = function() { this.doSomethiing(); // undefined }必須先在在外層定義 this 為一個變數才可以: var self = this; callbackFunction = function() { self.doSomethiing(); // OK!! }參考文章:Javascript - 淺談this與Closure

  • Amo Wu
    Amo Wu
Facebook

Javascript message on Facebook post feed

之前在使用Facebook API的時候碰到的問題,,筆記一下。 如果在沒有登入Facebook的情況下開啟 Feed Dialog 發佈訊息, 會被導到一個莫名其妙的頁面,上面只有一串 javascript 如下 <script type="text/javascript"> window.location.href="fbconnect:\/\/success? post_id=XXXXXX; </script>這個問題我碰到兩次: 一次是在網頁版直接使用 Graph API call 的方式開啟 Feed Dialog一次是在 iOS Facebook SDK 中使用 Feed DialogiOS好像是在4.0以下才會發生,不太確定

  • Amo Wu
    Amo Wu