狠狠撸shows by User: kewang / http://www.slideshare.net/images/logo.gif 狠狠撸shows by User: kewang / Fri, 11 Aug 2023 16:19:52 GMT 狠狠撸Share feed for 狠狠撸shows by User: kewang 如何在有限资源下实现十年的后端服务演进 /slideshow/ss-259802330/259802330 random-230811161952-044369da
我目前在一間經歷無數次後端演進的旅遊新創公司，在過去的幾年裡，我們陸續面對著各種挑戰，包括 Parse.com 的服務停止、為應對 Google maps 的收費政策而自建景點資料庫、漸進式導入 REST、使用 prerender 提升 SEO、使用 async 服務提升可用性、運用 CDN 快速讀取圖片、從 CSR 轉型到 SSR、導入電商服務，以及開始支援導購商品...等不計其數的功能。 每一項功能的實現不僅需要後端的協助，還要確保前端的相容性，以免讓使用者陷入無法使用服務的狀態。 而我在這次的分享中，將聊聊在只有一個專職後端的情況下，讓大家了解如何進行後端服務演進的挑戰和策略。]]>
我目前在一間經歷無數次後端演進的旅遊新創公司，在過去的幾年裡，我們陸續面對著各種挑戰，包括 Parse.com 的服務停止、為應對 Google maps 的收費政策而自建景點資料庫、漸進式導入 REST、使用 prerender 提升 SEO、使用 async 服務提升可用性、運用 CDN 快速讀取圖片、從 CSR 轉型到 SSR、導入電商服務，以及開始支援導購商品...等不計其數的功能。 每一項功能的實現不僅需要後端的協助，還要確保前端的相容性，以免讓使用者陷入無法使用服務的狀態。 而我在這次的分享中，將聊聊在只有一個專職後端的情況下，讓大家了解如何進行後端服務演進的挑戰和策略。]]> Fri, 11 Aug 2023 16:19:52 GMT /slideshow/ss-259802330/259802330 kewang@slideshare.net(kewang) 如何在有限资源下实现十年的后端服务演进 kewang 我目前在一間經歷無數次後端演進的旅遊新創公司，在過去的幾年裡，我們陸續面對著各種挑戰，包括 Parse.com 的服務停止、為應對 Google maps 的收費政策而自建景點資料庫、漸進式導入 REST、使用 prerender 提升 SEO、使用 async 服務提升可用性、運用 CDN 快速讀取圖片、從 CSR 轉型到 SSR、導入電商服務，以及開始支援導購商品...等不計其數的功能。 每一項功能的實現不僅需要後端的協助，還要確保前端的相容性，以免讓使用者陷入無法使用服務的狀態。 而我在這次的分享中，將聊聊在只有一個專職後端的情況下，讓大家了解如何進行後端服務演進的挑戰和策略。 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/random-230811161952-044369da-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 我目前在一間經歷無數次後端演進的旅遊新創公司，在過去的幾年裡，我們陸續面對著各種挑戰，包括 Parse.com 的服務停止、為應對 Google maps 的收費政策而自建景點資料庫、漸進式導入 REST、使用 prerender 提升 SEO、使用 async 服務提升可用性、運用 CDN 快速讀取圖片、從 CSR 轉型到 SSR、導入電商服務，以及開始支援導購商品...等不計其數的功能。 每一項功能的實現不僅需要後端的協助，還要確保前端的相容性，以免讓使用者陷入無法使用服務的狀態。 而我在這次的分享中，將聊聊在只有一個專職後端的情況下，讓大家了解如何進行後端服務演進的挑戰和策略。
如何在有限资源下实现十年的后端服务演进 from Mu Chun Wang
]]> 26 0 https://cdn.slidesharecdn.com/ss_thumbnails/random-230811161952-044369da-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 深入淺出 autocomplete /slideshow/autocomplete-253634452/253634452 autocomplete-221017035158-108876b0
autocomplete 是現代軟體服務最重要的特性之一，使用者在輸入框輸入了文字，軟體服務就會回傳最適當的選項給使用者，而使用者可以依照回傳的各個選項中選擇其中一個執行動作。 一般的技術文章，大都從前端的角度探討如何在輸入文字時，利用 debounce 和 throttle 這兩個技術，提升使用者的操作體驗及減少後端的負擔。極少探討後端如何實作 autocomplete 的資料結構，讓資料能夠快速回傳給前端。 這次的分享主要就是完全從後端的角度來探討如何利用 Redis 或 Elasticsearch 這類 NoSQL 實作 autocomplete，也會分享多個 autocomplete 常見的情境。 最後也會分享進入正式環境時的技術選型，應該用 Redis 還是用 Elasticsearch 比較好。]]>
autocomplete 是現代軟體服務最重要的特性之一，使用者在輸入框輸入了文字，軟體服務就會回傳最適當的選項給使用者，而使用者可以依照回傳的各個選項中選擇其中一個執行動作。 一般的技術文章，大都從前端的角度探討如何在輸入文字時，利用 debounce 和 throttle 這兩個技術，提升使用者的操作體驗及減少後端的負擔。極少探討後端如何實作 autocomplete 的資料結構，讓資料能夠快速回傳給前端。 這次的分享主要就是完全從後端的角度來探討如何利用 Redis 或 Elasticsearch 這類 NoSQL 實作 autocomplete，也會分享多個 autocomplete 常見的情境。 最後也會分享進入正式環境時的技術選型，應該用 Redis 還是用 Elasticsearch 比較好。]]> Mon, 17 Oct 2022 03:51:58 GMT /slideshow/autocomplete-253634452/253634452 kewang@slideshare.net(kewang) 深入淺出 autocomplete kewang autocomplete 是現代軟體服務最重要的特性之一，使用者在輸入框輸入了文字，軟體服務就會回傳最適當的選項給使用者，而使用者可以依照回傳的各個選項中選擇其中一個執行動作。 一般的技術文章，大都從前端的角度探討如何在輸入文字時，利用 debounce 和 throttle 這兩個技術，提升使用者的操作體驗及減少後端的負擔。極少探討後端如何實作 autocomplete 的資料結構，讓資料能夠快速回傳給前端。 這次的分享主要就是完全從後端的角度來探討如何利用 Redis 或 Elasticsearch 這類 NoSQL 實作 autocomplete，也會分享多個 autocomplete 常見的情境。 最後也會分享進入正式環境時的技術選型，應該用 Redis 還是用 Elasticsearch 比較好。 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/autocomplete-221017035158-108876b0-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> autocomplete 是現代軟體服務最重要的特性之一，使用者在輸入框輸入了文字，軟體服務就會回傳最適當的選項給使用者，而使用者可以依照回傳的各個選項中選擇其中一個執行動作。 一般的技術文章，大都從前端的角度探討如何在輸入文字時，利用 debounce 和 throttle 這兩個技術，提升使用者的操作體驗及減少後端的負擔。極少探討後端如何實作 autocomplete 的資料結構，讓資料能夠快速回傳給前端。 這次的分享主要就是完全從後端的角度來探討如何利用 Redis 或 Elasticsearch 這類 NoSQL 實作 autocomplete，也會分享多個 autocomplete 常見的情境。 最後也會分享進入正式環境時的技術選型，應該用 Redis 還是用 Elasticsearch 比較好。
深入淺出 autocomplete from Mu Chun Wang
]]> 4550 0 https://cdn.slidesharecdn.com/ss_thumbnails/autocomplete-221017035158-108876b0-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 你毕业后要任职的软体业到底都在做些什麼事 /slideshow/ss-250577484/250577484 random-211102101641
* 軟體開發經歷 * 工程師分類 * 不同團隊的運作方式 * 軟體新鮮人必會技能]]>
* 軟體開發經歷 * 工程師分類 * 不同團隊的運作方式 * 軟體新鮮人必會技能]]> Tue, 02 Nov 2021 10:16:41 GMT /slideshow/ss-250577484/250577484 kewang@slideshare.net(kewang) 你毕业后要任职的软体业到底都在做些什麼事 kewang * 軟體開發經歷 * 工程師分類 * 不同團隊的運作方式 * 軟體新鮮人必會技能 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/random-211102101641-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> * 軟體開發經歷 * 工程師分類 * 不同團隊的運作方式 * 軟體新鮮人必會技能
你毕业后要任职的软体业到底都在做些什麼事 from Mu Chun Wang
]]> 126 0 https://cdn.slidesharecdn.com/ss_thumbnails/random-211102101641-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 网路服务就是一连串搜寻的集合体 /slideshow/ss-250477686/250477686 random-211019152849
大家出遊前會在搜尋引擎上找景點或遊記，進而找到 Funliday，進入網站後又會在站內搜尋其他景點來規劃行程。 所以這次演講的上半段會分享我們應該要如何做好搜尋引擎最佳化 (SEO)，讓使用者在搜尋時能夠更容易找到我們的內容。下半段則是分享我們如何使用 Elasticsearch，讓使用者在站內輸入關鍵字時，能更容易知道使用者的搜尋意圖，並且提供有用的內容。 此次分享預計包括：seo, elasticsearch, autocomplete, ssr, schema.org, google search console]]>
大家出遊前會在搜尋引擎上找景點或遊記，進而找到 Funliday，進入網站後又會在站內搜尋其他景點來規劃行程。 所以這次演講的上半段會分享我們應該要如何做好搜尋引擎最佳化 (SEO)，讓使用者在搜尋時能夠更容易找到我們的內容。下半段則是分享我們如何使用 Elasticsearch，讓使用者在站內輸入關鍵字時，能更容易知道使用者的搜尋意圖，並且提供有用的內容。 此次分享預計包括：seo, elasticsearch, autocomplete, ssr, schema.org, google search console]]> Tue, 19 Oct 2021 15:28:49 GMT /slideshow/ss-250477686/250477686 kewang@slideshare.net(kewang) 网路服务就是一连串搜寻的集合体 kewang 大家出遊前會在搜尋引擎上找景點或遊記，進而找到 Funliday，進入網站後又會在站內搜尋其他景點來規劃行程。 所以這次演講的上半段會分享我們應該要如何做好搜尋引擎最佳化 (SEO)，讓使用者在搜尋時能夠更容易找到我們的內容。下半段則是分享我們如何使用 Elasticsearch，讓使用者在站內輸入關鍵字時，能更容易知道使用者的搜尋意圖，並且提供有用的內容。 此次分享預計包括：seo, elasticsearch, autocomplete, ssr, schema.org, google search console <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/random-211019152849-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 大家出遊前會在搜尋引擎上找景點或遊記，進而找到 Funliday，進入網站後又會在站內搜尋其他景點來規劃行程。 所以這次演講的上半段會分享我們應該要如何做好搜尋引擎最佳化 (SEO)，讓使用者在搜尋時能夠更容易找到我們的內容。下半段則是分享我們如何使用 Elasticsearch，讓使用者在站內輸入關鍵字時，能更容易知道使用者的搜尋意圖，並且提供有用的內容。 此次分享預計包括：seo, elasticsearch, autocomplete, ssr, schema.org, google search console
网路服务就是一连串搜寻的集合体 from Mu Chun Wang
]]> 417 0 https://cdn.slidesharecdn.com/ss_thumbnails/random-211019152849-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 老司機帶你上手 PostgreSQL 關聯式資料庫系統 /slideshow/postgresql-250366908/250366908 postgresql-211004144619
會提到下面內容 1. Migration 資料庫版本管理 2. Node.js 整合 3. PostGIS 實務應用 4. DB 儲存資料用 5. Blurhash 顯示]]>
會提到下面內容 1. Migration 資料庫版本管理 2. Node.js 整合 3. PostGIS 實務應用 4. DB 儲存資料用 5. Blurhash 顯示]]> Mon, 04 Oct 2021 14:46:18 GMT /slideshow/postgresql-250366908/250366908 kewang@slideshare.net(kewang) 老司機帶你上手 PostgreSQL 關聯式資料庫系統 kewang 會提到下面內容 1. Migration 資料庫版本管理 2. Node.js 整合 3. PostGIS 實務應用 4. DB 儲存資料用 5. Blurhash 顯示 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/postgresql-211004144619-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 會提到下面內容 1. Migration 資料庫版本管理 2. Node.js 整合 3. PostGIS 實務應用 4. DB 儲存資料用 5. Blurhash 顯示
老司機帶你上手 PostgreSQL 關聯式資料庫系統 from Mu Chun Wang
]]> 3728 0 https://cdn.slidesharecdn.com/ss_thumbnails/postgresql-211004144619-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 使用 PostgreSQL 及 MongoDB 從零開始建置社群必備的按讚追蹤功能 /slideshow/postgresql-mongodb/249897251 postgresqlmongodb-210731150144
按讚、追蹤是網路社群必備的兩個功能，但最容易與使用者互動的這兩個功能，後端其實花了不少功夫達成。 這場分享會先從按讚功能講起，包括如何利用 PostgreSQL 設計易維護的 table 以及如何使用 lock 避免重複按讚；後半段則是會結合 MongoDB，讓使用者發文時，能夠快速通知他的追蹤者。 至少會提到的內容包括： * PostgreSQL table 設計 * MongoDB collection 設計 * Redis lock 應用 * Message Queue 發送通知]]>
按讚、追蹤是網路社群必備的兩個功能，但最容易與使用者互動的這兩個功能，後端其實花了不少功夫達成。 這場分享會先從按讚功能講起，包括如何利用 PostgreSQL 設計易維護的 table 以及如何使用 lock 避免重複按讚；後半段則是會結合 MongoDB，讓使用者發文時，能夠快速通知他的追蹤者。 至少會提到的內容包括： * PostgreSQL table 設計 * MongoDB collection 設計 * Redis lock 應用 * Message Queue 發送通知]]> Sat, 31 Jul 2021 15:01:44 GMT /slideshow/postgresql-mongodb/249897251 kewang@slideshare.net(kewang) 使用 PostgreSQL 及 MongoDB 從零開始建置社群必備的按讚追蹤功能 kewang 按讚、追蹤是網路社群必備的兩個功能，但最容易與使用者互動的這兩個功能，後端其實花了不少功夫達成。 這場分享會先從按讚功能講起，包括如何利用 PostgreSQL 設計易維護的 table 以及如何使用 lock 避免重複按讚；後半段則是會結合 MongoDB，讓使用者發文時，能夠快速通知他的追蹤者。 至少會提到的內容包括： * PostgreSQL table 設計 * MongoDB collection 設計 * Redis lock 應用 * Message Queue 發送通知 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/postgresqlmongodb-210731150144-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 按讚、追蹤是網路社群必備的兩個功能，但最容易與使用者互動的這兩個功能，後端其實花了不少功夫達成。 這場分享會先從按讚功能講起，包括如何利用 PostgreSQL 設計易維護的 table 以及如何使用 lock 避免重複按讚；後半段則是會結合 MongoDB，讓使用者發文時，能夠快速通知他的追蹤者。 至少會提到的內容包括： * PostgreSQL table 設計 * MongoDB collection 設計 * Redis lock 應用 * Message Queue 發送通知
使用 PostgreSQL 及 MongoDB 從零開始建置社群必備的按讚追蹤功能 from Mu Chun Wang
]]> 3791 0 https://cdn.slidesharecdn.com/ss_thumbnails/postgresqlmongodb-210731150144-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Funliday 新創生活甘苦談 /slideshow/funliday/242893641 funliday-210217092532
到 udn 分享的內容]]>
到 udn 分享的內容]]> Wed, 17 Feb 2021 09:25:31 GMT /slideshow/funliday/242893641 kewang@slideshare.net(kewang) Funliday 新創生活甘苦談 kewang 到 udn 分享的內容 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/funliday-210217092532-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 到 udn 分享的內容
Funliday 新創生活甘苦談 from Mu Chun Wang
]]> 392 0 https://cdn.slidesharecdn.com/ss_thumbnails/funliday-210217092532-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 大解密！用 PostgreSQL 提升 350 倍的 Funliday 推薦景點計算速度 /slideshow/postgresql-350-funliday/239561261 pg-201128065635
Funliday 是一個極度依賴景點資料的網路服務，大家從十月開始在使用 Funliday 在「景點瀏覽」輸入城市，或者是移動地圖出現的推薦景點，應該都是極速出現，跟之前兩年的速度實在是相差甚遠。這中間的差異主要是調整了演算法、儲存資料以及索引，更重要的是不要求絕對即時，這樣子可以讓計算的時間加快了 350 倍以上，這場分享就是解釋 Funliday 是如何利用上面這些技術加快計算時間。 文字筆記：https://www.facebook.com/kewang.information/posts/2728954360714254 預計提到的內容包括：PostgreSQL、Redis、CDN]]>
Funliday 是一個極度依賴景點資料的網路服務，大家從十月開始在使用 Funliday 在「景點瀏覽」輸入城市，或者是移動地圖出現的推薦景點，應該都是極速出現，跟之前兩年的速度實在是相差甚遠。這中間的差異主要是調整了演算法、儲存資料以及索引，更重要的是不要求絕對即時，這樣子可以讓計算的時間加快了 350 倍以上，這場分享就是解釋 Funliday 是如何利用上面這些技術加快計算時間。 文字筆記：https://www.facebook.com/kewang.information/posts/2728954360714254 預計提到的內容包括：PostgreSQL、Redis、CDN]]> Sat, 28 Nov 2020 06:56:35 GMT /slideshow/postgresql-350-funliday/239561261 kewang@slideshare.net(kewang) 大解密！用 PostgreSQL 提升 350 倍的 Funliday 推薦景點計算速度 kewang Funliday 是一個極度依賴景點資料的網路服務，大家從十月開始在使用 Funliday 在「景點瀏覽」輸入城市，或者是移動地圖出現的推薦景點，應該都是極速出現，跟之前兩年的速度實在是相差甚遠。這中間的差異主要是調整了演算法、儲存資料以及索引，更重要的是不要求絕對即時，這樣子可以讓計算的時間加快了 350 倍以上，這場分享就是解釋 Funliday 是如何利用上面這些技術加快計算時間。 文字筆記：https://www.facebook.com/kewang.information/posts/2728954360714254 預計提到的內容包括：PostgreSQL、Redis、CDN <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/pg-201128065635-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Funliday 是一個極度依賴景點資料的網路服務，大家從十月開始在使用 Funliday 在「景點瀏覽」輸入城市，或者是移動地圖出現的推薦景點，應該都是極速出現，跟之前兩年的速度實在是相差甚遠。這中間的差異主要是調整了演算法、儲存資料以及索引，更重要的是不要求絕對即時，這樣子可以讓計算的時間加快了 350 倍以上，這場分享就是解釋 Funliday 是如何利用上面這些技術加快計算時間。 文字筆記：https://www.facebook.com/kewang.information/posts/2728954360714254 預計提到的內容包括：PostgreSQL、Redis、CDN
大解密！用 PostgreSQL 提升 350 倍的 Funliday 推薦景點計算速度 from Mu Chun Wang
]]> 2745 0 https://cdn.slidesharecdn.com/ss_thumbnails/pg-201128065635-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 如何使用 iframe 製作一個易於更新及更安全的前端套件 /slideshow/iframe-238967650/238967650 iframe-201025074415
Funliday 即將提供熱點圖的 library 給網站開發者，可以把熱點圖嵌入到網頁內，用地圖的方式呈現未來旅遊熱點圖，讓大家了解哪些地區比較熱門。 而這場 talk 會分享如何利用 Leaflet, iframe 及 expressjs 建置一套熱點圖 library，內容包括 1. 如何快速使用 iframe 開發 library 2. 如何驗證 domain 及 API 呼叫次數 3. 想將內部數據公開但又想避免內部數據外流]]>
Funliday 即將提供熱點圖的 library 給網站開發者，可以把熱點圖嵌入到網頁內，用地圖的方式呈現未來旅遊熱點圖，讓大家了解哪些地區比較熱門。 而這場 talk 會分享如何利用 Leaflet, iframe 及 expressjs 建置一套熱點圖 library，內容包括 1. 如何快速使用 iframe 開發 library 2. 如何驗證 domain 及 API 呼叫次數 3. 想將內部數據公開但又想避免內部數據外流]]> Sun, 25 Oct 2020 07:44:14 GMT /slideshow/iframe-238967650/238967650 kewang@slideshare.net(kewang) 如何使用 iframe 製作一個易於更新及更安全的前端套件 kewang Funliday 即將提供熱點圖的 library 給網站開發者，可以把熱點圖嵌入到網頁內，用地圖的方式呈現未來旅遊熱點圖，讓大家了解哪些地區比較熱門。 而這場 talk 會分享如何利用 Leaflet, iframe 及 expressjs 建置一套熱點圖 library，內容包括 1. 如何快速使用 iframe 開發 library 2. 如何驗證 domain 及 API 呼叫次數 3. 想將內部數據公開但又想避免內部數據外流 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/iframe-201025074415-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Funliday 即將提供熱點圖的 library 給網站開發者，可以把熱點圖嵌入到網頁內，用地圖的方式呈現未來旅遊熱點圖，讓大家了解哪些地區比較熱門。 而這場 talk 會分享如何利用 Leaflet, iframe 及 expressjs 建置一套熱點圖 library，內容包括 1. 如何快速使用 iframe 開發 library 2. 如何驗證 domain 及 API 呼叫次數 3. 想將內部數據公開但又想避免內部數據外流
如何使用 iframe 製作一個易於更新及更安全的前端套件 from Mu Chun Wang
]]> 2958 0 https://cdn.slidesharecdn.com/ss_thumbnails/iframe-201025074415-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 pppr - 解決 JavaScript 無法被搜尋引擎正確索引的問題 /slideshow/pppr-javascript-238751058/238751058 pppr-201006022709
在使用前端三巨頭開發網站的時候，如果沒特別對 meta tag 做處理的話，render 出來的結果會造成 social network 或是 search engine 的內容出現極大落差。而 prerender 可以將這種爬蟲類的 request，使用 headless chrome 的方式將內容完整呈現出來。 這場分享會從 CSR (client-side rendering) 及 SSR (server-side rendering) 的差異開場，帶入 Funliday 自行開發的 prerender 套件 pppr，以及 pppr 解決了哪些原本 prerender.io 不足的地方，並讓大家了解在使用 prerender 技術時會遇到的一些問題。 本次分享預計會提到下列內容：prerender, nodejs, expressjs, puppeteer, nginx, CSR, SSR, LRU cache, CDN]]>
在使用前端三巨頭開發網站的時候，如果沒特別對 meta tag 做處理的話，render 出來的結果會造成 social network 或是 search engine 的內容出現極大落差。而 prerender 可以將這種爬蟲類的 request，使用 headless chrome 的方式將內容完整呈現出來。 這場分享會從 CSR (client-side rendering) 及 SSR (server-side rendering) 的差異開場，帶入 Funliday 自行開發的 prerender 套件 pppr，以及 pppr 解決了哪些原本 prerender.io 不足的地方，並讓大家了解在使用 prerender 技術時會遇到的一些問題。 本次分享預計會提到下列內容：prerender, nodejs, expressjs, puppeteer, nginx, CSR, SSR, LRU cache, CDN]]> Tue, 06 Oct 2020 02:27:09 GMT /slideshow/pppr-javascript-238751058/238751058 kewang@slideshare.net(kewang) pppr - 解決 JavaScript 無法被搜尋引擎正確索引的問題 kewang 在使用前端三巨頭開發網站的時候，如果沒特別對 meta tag 做處理的話，render 出來的結果會造成 social network 或是 search engine 的內容出現極大落差。而 prerender 可以將這種爬蟲類的 request，使用 headless chrome 的方式將內容完整呈現出來。 這場分享會從 CSR (client-side rendering) 及 SSR (server-side rendering) 的差異開場，帶入 Funliday 自行開發的 prerender 套件 pppr，以及 pppr 解決了哪些原本 prerender.io 不足的地方，並讓大家了解在使用 prerender 技術時會遇到的一些問題。 本次分享預計會提到下列內容：prerender, nodejs, expressjs, puppeteer, nginx, CSR, SSR, LRU cache, CDN <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/pppr-201006022709-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 在使用前端三巨頭開發網站的時候，如果沒特別對 meta tag 做處理的話，render 出來的結果會造成 social network 或是 search engine 的內容出現極大落差。而 prerender 可以將這種爬蟲類的 request，使用 headless chrome 的方式將內容完整呈現出來。 這場分享會從 CSR (client-side rendering) 及 SSR (server-side rendering) 的差異開場，帶入 Funliday 自行開發的 prerender 套件 pppr，以及 pppr 解決了哪些原本 prerender.io 不足的地方，並讓大家了解在使用 prerender 技術時會遇到的一些問題。 本次分享預計會提到下列內容：prerender, nodejs, expressjs, puppeteer, nginx, CSR, SSR, LRU cache, CDN
pppr - 解決 JavaScript 無法被搜尋引擎正確索引的問題 from Mu Chun Wang
]]> 3657 0 https://cdn.slidesharecdn.com/ss_thumbnails/pppr-201006022709-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 模糊也是一種美 - 從 BlurHash 探討前後端上傳圖片架構 /slideshow/blurhash/237455317 output1-200801051619
BlurHash 可以用來增強在觀看圖片時的使用者體驗，用 30 bytes 就能呈現出有意義的 placeholder。 但不同的圖片存取架構在實作 BlurHash encode 的時候會有不同做法。 這次的分享就會用 BlurHash 做為引子，帶入前端上傳圖片以及後端上傳圖片兩種系統架構要注意的地方。 主要內容包括：BlurHash、S3、CDN、Nodejs、SocketIO、Message queue、Image processing, Lazy loading、React kewang 會以後端為主，分享以前後端不同方式上傳圖片的注意事項；而 simon 則會以前端 React 為主，並帶入 BlurHash + Lazy loading 的實作過程以及注意事項]]>
BlurHash 可以用來增強在觀看圖片時的使用者體驗，用 30 bytes 就能呈現出有意義的 placeholder。 但不同的圖片存取架構在實作 BlurHash encode 的時候會有不同做法。 這次的分享就會用 BlurHash 做為引子，帶入前端上傳圖片以及後端上傳圖片兩種系統架構要注意的地方。 主要內容包括：BlurHash、S3、CDN、Nodejs、SocketIO、Message queue、Image processing, Lazy loading、React kewang 會以後端為主，分享以前後端不同方式上傳圖片的注意事項；而 simon 則會以前端 React 為主，並帶入 BlurHash + Lazy loading 的實作過程以及注意事項]]> Sat, 01 Aug 2020 05:16:19 GMT /slideshow/blurhash/237455317 kewang@slideshare.net(kewang) 模糊也是一種美 - 從 BlurHash 探討前後端上傳圖片架構 kewang BlurHash 可以用來增強在觀看圖片時的使用者體驗，用 30 bytes 就能呈現出有意義的 placeholder。 但不同的圖片存取架構在實作 BlurHash encode 的時候會有不同做法。 這次的分享就會用 BlurHash 做為引子，帶入前端上傳圖片以及後端上傳圖片兩種系統架構要注意的地方。 主要內容包括：BlurHash、S3、CDN、Nodejs、SocketIO、Message queue、Image processing, Lazy loading、React kewang 會以後端為主，分享以前後端不同方式上傳圖片的注意事項；而 simon 則會以前端 React 為主，並帶入 BlurHash + Lazy loading 的實作過程以及注意事項 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/output1-200801051619-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> BlurHash 可以用來增強在觀看圖片時的使用者體驗，用 30 bytes 就能呈現出有意義的 placeholder。 但不同的圖片存取架構在實作 BlurHash encode 的時候會有不同做法。 這次的分享就會用 BlurHash 做為引子，帶入前端上傳圖片以及後端上傳圖片兩種系統架構要注意的地方。 主要內容包括：BlurHash、S3、CDN、Nodejs、SocketIO、Message queue、Image processing, Lazy loading、React kewang 會以後端為主，分享以前後端不同方式上傳圖片的注意事項；而 simon 則會以前端 React 為主，並帶入 BlurHash + Lazy loading 的實作過程以及注意事項
模糊也是一種美 - 從 BlurHash 探討前後端上傳圖片架構 from Mu Chun Wang
]]> 2987 0 https://cdn.slidesharecdn.com/ss_thumbnails/output1-200801051619-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Google Maps 開始收費了該怎麼辦？ /slideshow/google-maps-167080995/167080995 google-190828080916
Google Maps API 在 2018/7 開始收費後，Funliday 估算每個月要付很多很多很多很多錢給 Google，為了不要被 Google 的龐大費用壓垮，Funliday 開始自建 LBS 資料庫 (POIBank)。 這次就是要分享建置 POIBank 時所必備的工具，包括常用的座標系 4326 & 3857 轉換、畫邊界的 GeoJSON、標範圍的 GeoHash、轉換地址經緯度的 Pelias、OpenStreetMap 圖資及 PostgreSQL (PostGIS) 的效能調校技巧外，也會搭配真實案例讓大家了解如何利用這些開發工具建置一個 LBS 資料庫。]]>
Google Maps API 在 2018/7 開始收費後，Funliday 估算每個月要付很多很多很多很多錢給 Google，為了不要被 Google 的龐大費用壓垮，Funliday 開始自建 LBS 資料庫 (POIBank)。 這次就是要分享建置 POIBank 時所必備的工具，包括常用的座標系 4326 & 3857 轉換、畫邊界的 GeoJSON、標範圍的 GeoHash、轉換地址經緯度的 Pelias、OpenStreetMap 圖資及 PostgreSQL (PostGIS) 的效能調校技巧外，也會搭配真實案例讓大家了解如何利用這些開發工具建置一個 LBS 資料庫。]]> Wed, 28 Aug 2019 08:09:16 GMT /slideshow/google-maps-167080995/167080995 kewang@slideshare.net(kewang) Google Maps 開始收費了該怎麼辦？ kewang Google Maps API 在 2018/7 開始收費後，Funliday 估算每個月要付很多很多很多很多錢給 Google，為了不要被 Google 的龐大費用壓垮，Funliday 開始自建 LBS 資料庫 (POIBank)。 這次就是要分享建置 POIBank 時所必備的工具，包括常用的座標系 4326 & 3857 轉換、畫邊界的 GeoJSON、標範圍的 GeoHash、轉換地址經緯度的 Pelias、OpenStreetMap 圖資及 PostgreSQL (PostGIS) 的效能調校技巧外，也會搭配真實案例讓大家了解如何利用這些開發工具建置一個 LBS 資料庫。 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/google-190828080916-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Google Maps API 在 2018/7 開始收費後，Funliday 估算每個月要付很多很多很多很多錢給 Google，為了不要被 Google 的龐大費用壓垮，Funliday 開始自建 LBS 資料庫 (POIBank)。 這次就是要分享建置 POIBank 時所必備的工具，包括常用的座標系 4326 &amp; 3857 轉換、畫邊界的 GeoJSON、標範圍的 GeoHash、轉換地址經緯度的 Pelias、OpenStreetMap 圖資及 PostgreSQL (PostGIS) 的效能調校技巧外，也會搭配真實案例讓大家了解如何利用這些開發工具建置一個 LBS 資料庫。
Google Maps 開始收費了該怎麼辦？ from Mu Chun Wang
]]> 6694 1 https://cdn.slidesharecdn.com/ss_thumbnails/google-190828080916-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Git 可以做到的事 /slideshow/git-148845426/148845426 git-190604132646
git]]>
git]]> Tue, 04 Jun 2019 13:26:46 GMT /slideshow/git-148845426/148845426 kewang@slideshare.net(kewang) Git 可以做到的事 kewang git <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/git-190604132646-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> git
Git 可以做到的事 from Mu Chun Wang
]]> 767 1 https://cdn.slidesharecdn.com/ss_thumbnails/git-190604132646-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 那些大家常忽略的 Cache-Control /slideshow/cachecontrol/119987741 1-181019081247
大家在開發完一個網路服務之後，所謂的效能最佳化常常就是畫面調整、資料庫反正規化、讀寫分離、業務分離、加 MQ、加 Redis......不計其數的各種最佳化手段。但對於 HTTP 規範中的 Cache-Control 就比較常忽略。 Cache-Control 可以幫助 client 減少發送不必要的 request，也可以幫助 server 減少不必要的資料庫存取。有效提高 server 的 throughput。 這個 talk 除了介紹 Cache-Control 的運作原理外，也會展示如何利用常見的 framework 整合 Cache-Control 及 in-memory store 提高你的 server 效能。 也會分享如何利用 ZooKeeper 來解決多台 server 在 invalidate cache 之後，in-memory store 不一致的同步問題。]]>
大家在開發完一個網路服務之後，所謂的效能最佳化常常就是畫面調整、資料庫反正規化、讀寫分離、業務分離、加 MQ、加 Redis......不計其數的各種最佳化手段。但對於 HTTP 規範中的 Cache-Control 就比較常忽略。 Cache-Control 可以幫助 client 減少發送不必要的 request，也可以幫助 server 減少不必要的資料庫存取。有效提高 server 的 throughput。 這個 talk 除了介紹 Cache-Control 的運作原理外，也會展示如何利用常見的 framework 整合 Cache-Control 及 in-memory store 提高你的 server 效能。 也會分享如何利用 ZooKeeper 來解決多台 server 在 invalidate cache 之後，in-memory store 不一致的同步問題。]]> Fri, 19 Oct 2018 08:12:47 GMT /slideshow/cachecontrol/119987741 kewang@slideshare.net(kewang) 那些大家常忽略的 Cache-Control kewang 大家在開發完一個網路服務之後，所謂的效能最佳化常常就是畫面調整、資料庫反正規化、讀寫分離、業務分離、加 MQ、加 Redis......不計其數的各種最佳化手段。但對於 HTTP 規範中的 Cache-Control 就比較常忽略。 Cache-Control 可以幫助 client 減少發送不必要的 request，也可以幫助 server 減少不必要的資料庫存取。有效提高 server 的 throughput。 這個 talk 除了介紹 Cache-Control 的運作原理外，也會展示如何利用常見的 framework 整合 Cache-Control 及 in-memory store 提高你的 server 效能。 也會分享如何利用 ZooKeeper 來解決多台 server 在 invalidate cache 之後，in-memory store 不一致的同步問題。 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/1-181019081247-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 大家在開發完一個網路服務之後，所謂的效能最佳化常常就是畫面調整、資料庫反正規化、讀寫分離、業務分離、加 MQ、加 Redis......不計其數的各種最佳化手段。但對於 HTTP 規範中的 Cache-Control 就比較常忽略。 Cache-Control 可以幫助 client 減少發送不必要的 request，也可以幫助 server 減少不必要的資料庫存取。有效提高 server 的 throughput。 這個 talk 除了介紹 Cache-Control 的運作原理外，也會展示如何利用常見的 framework 整合 Cache-Control 及 in-memory store 提高你的 server 效能。 也會分享如何利用 ZooKeeper 來解決多台 server 在 invalidate cache 之後，in-memory store 不一致的同步問題。
那些大家常忽略的 Cache-Control from Mu Chun Wang
]]> 1433 4 https://cdn.slidesharecdn.com/ss_thumbnails/1-181019081247-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 如何利用 OpenAPI 及 WebHooks 讓老舊的網路服務也可程式化 /slideshow/openapi-webhooks/106397720 abc-180718075025
大家都談 OpenData 那麼久了，也該是來聊聊 OpenAPI 才對。 這場演講會利用現在台灣佔有率蠻高的企業內部服務 (外部：Library) 及企業即時通訊軟體 (內部：OpenAPI) 為展示，讓大家了解如何讓老舊的網路服務也能 Open 出來。 最後會再分享一下什麼是 WebHooks，以及如何實作及要注意的細節。期許之後大家所開發的網路服務不只能夠接收外部資料 (OpenAPI)，也能即時提供內部資料給外部服務 (WebHooks)。]]>
大家都談 OpenData 那麼久了，也該是來聊聊 OpenAPI 才對。 這場演講會利用現在台灣佔有率蠻高的企業內部服務 (外部：Library) 及企業即時通訊軟體 (內部：OpenAPI) 為展示，讓大家了解如何讓老舊的網路服務也能 Open 出來。 最後會再分享一下什麼是 WebHooks，以及如何實作及要注意的細節。期許之後大家所開發的網路服務不只能夠接收外部資料 (OpenAPI)，也能即時提供內部資料給外部服務 (WebHooks)。]]> Wed, 18 Jul 2018 07:50:25 GMT /slideshow/openapi-webhooks/106397720 kewang@slideshare.net(kewang) 如何利用 OpenAPI 及 WebHooks 讓老舊的網路服務也可程式化 kewang 大家都談 OpenData 那麼久了，也該是來聊聊 OpenAPI 才對。 這場演講會利用現在台灣佔有率蠻高的企業內部服務 (外部：Library) 及企業即時通訊軟體 (內部：OpenAPI) 為展示，讓大家了解如何讓老舊的網路服務也能 Open 出來。 最後會再分享一下什麼是 WebHooks，以及如何實作及要注意的細節。期許之後大家所開發的網路服務不只能夠接收外部資料 (OpenAPI)，也能即時提供內部資料給外部服務 (WebHooks)。 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/abc-180718075025-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 大家都談 OpenData 那麼久了，也該是來聊聊 OpenAPI 才對。 這場演講會利用現在台灣佔有率蠻高的企業內部服務 (外部：Library) 及企業即時通訊軟體 (內部：OpenAPI) 為展示，讓大家了解如何讓老舊的網路服務也能 Open 出來。 最後會再分享一下什麼是 WebHooks，以及如何實作及要注意的細節。期許之後大家所開發的網路服務不只能夠接收外部資料 (OpenAPI)，也能即時提供內部資料給外部服務 (WebHooks)。
如何利用 OpenAPI 及 WebHooks 讓老舊的網路服務也可程式化 from Mu Chun Wang
]]> 2068 2 https://cdn.slidesharecdn.com/ss_thumbnails/abc-180718075025-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 如何與全世界分享你的 Library /slideshow/library-80280143/80280143 library-170929064339
牛頓說過「如果說我看得比別人遠，那是因為我站在巨人的肩上」，這句話的意思就是要你善用現有資源。但是你也可以更進一步，做個開源者分享你自己的資源。 這場 talk 主要是拿 Java 為例子，教大家如何使用 GitHub, JitPack, Bintray......等服務，分享你寫好的輪子給全世界。 另外也讓大家知道如何利用 semver 訂定版本號，再加上各種 git branch 策略，順利分享你的輪子。]]>
牛頓說過「如果說我看得比別人遠，那是因為我站在巨人的肩上」，這句話的意思就是要你善用現有資源。但是你也可以更進一步，做個開源者分享你自己的資源。 這場 talk 主要是拿 Java 為例子，教大家如何使用 GitHub, JitPack, Bintray......等服務，分享你寫好的輪子給全世界。 另外也讓大家知道如何利用 semver 訂定版本號，再加上各種 git branch 策略，順利分享你的輪子。]]> Fri, 29 Sep 2017 06:43:39 GMT /slideshow/library-80280143/80280143 kewang@slideshare.net(kewang) 如何與全世界分享你的 Library kewang 牛頓說過「如果說我看得比別人遠，那是因為我站在巨人的肩上」，這句話的意思就是要你善用現有資源。但是你也可以更進一步，做個開源者分享你自己的資源。 這場 talk 主要是拿 Java 為例子，教大家如何使用 GitHub, JitPack, Bintray......等服務，分享你寫好的輪子給全世界。 另外也讓大家知道如何利用 semver 訂定版本號，再加上各種 git branch 策略，順利分享你的輪子。 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/library-170929064339-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 牛頓說過「如果說我看得比別人遠，那是因為我站在巨人的肩上」，這句話的意思就是要你善用現有資源。但是你也可以更進一步，做個開源者分享你自己的資源。 這場 talk 主要是拿 Java 為例子，教大家如何使用 GitHub, JitPack, Bintray......等服務，分享你寫好的輪子給全世界。 另外也讓大家知道如何利用 semver 訂定版本號，再加上各種 git branch 策略，順利分享你的輪子。
如何與全世界分享你的 Library from Mu Chun Wang
]]> 506 3 https://cdn.slidesharecdn.com/ss_thumbnails/library-170929064339-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 如何與 Git 優雅地在樹上唱歌 /slideshow/git-79444304/79444304 git-170905103759
版本控制是現今軟體開發大家都一定要會的技能，而 Git 更是目前的版本控制主流。 這場演講不教大家最基本的 Git 指令，而是分享大家最困擾的分支策略及存取模型，也會分享我們在多環境開發時的分支策略，更推薦大家如何利用 GitLab 來管理程式碼。也會分享如何利用 Redmine + Git 來管理 issue。最後也會加上如何用 SemVer 制定版號。 Git 易學難精，每個專案也都有自己不同的分支及存取策略。希望這場演講能讓大家在管理程式碼時更容易上手。]]>
版本控制是現今軟體開發大家都一定要會的技能，而 Git 更是目前的版本控制主流。 這場演講不教大家最基本的 Git 指令，而是分享大家最困擾的分支策略及存取模型，也會分享我們在多環境開發時的分支策略，更推薦大家如何利用 GitLab 來管理程式碼。也會分享如何利用 Redmine + Git 來管理 issue。最後也會加上如何用 SemVer 制定版號。 Git 易學難精，每個專案也都有自己不同的分支及存取策略。希望這場演講能讓大家在管理程式碼時更容易上手。]]> Tue, 05 Sep 2017 10:37:59 GMT /slideshow/git-79444304/79444304 kewang@slideshare.net(kewang) 如何與 Git 優雅地在樹上唱歌 kewang 版本控制是現今軟體開發大家都一定要會的技能，而 Git 更是目前的版本控制主流。 這場演講不教大家最基本的 Git 指令，而是分享大家最困擾的分支策略及存取模型，也會分享我們在多環境開發時的分支策略，更推薦大家如何利用 GitLab 來管理程式碼。也會分享如何利用 Redmine + Git 來管理 issue。最後也會加上如何用 SemVer 制定版號。 Git 易學難精，每個專案也都有自己不同的分支及存取策略。希望這場演講能讓大家在管理程式碼時更容易上手。 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/git-170905103759-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 版本控制是現今軟體開發大家都一定要會的技能，而 Git 更是目前的版本控制主流。 這場演講不教大家最基本的 Git 指令，而是分享大家最困擾的分支策略及存取模型，也會分享我們在多環境開發時的分支策略，更推薦大家如何利用 GitLab 來管理程式碼。也會分享如何利用 Redmine + Git 來管理 issue。最後也會加上如何用 SemVer 制定版號。 Git 易學難精，每個專案也都有自己不同的分支及存取策略。希望這場演講能讓大家在管理程式碼時更容易上手。
如何與 Git 優雅地在樹上唱歌 from Mu Chun Wang
]]> 4505 12 https://cdn.slidesharecdn.com/ss_thumbnails/git-170905103759-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 API Blueprint - API 文件規範的三大領頭之一 /kewang/api-blueprint-api apiblueprint-api-170728005309
API Blueprint - API 文件規範的三大領頭之一]]>
API Blueprint - API 文件規範的三大領頭之一]]> Fri, 28 Jul 2017 00:53:09 GMT /kewang/api-blueprint-api kewang@slideshare.net(kewang) API Blueprint - API 文件規範的三大領頭之一 kewang API Blueprint - API 文件規範的三大領頭之一 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/apiblueprint-api-170728005309-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> API Blueprint - API 文件規範的三大領頭之一
API Blueprint - API 文件規範的三大領頭之一 from Mu Chun Wang
]]> 1401 4 https://cdn.slidesharecdn.com/ss_thumbnails/apiblueprint-api-170728005309-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 團體共同協作與版本管理 - 01認識共同協作 /slideshow/01-72860145/72860145 01-170306141034
* slack：溝通平台 * 可以跟 LINE 一樣使用,但可串接多種服務 * Trello：專案管理平台 * 可溝通的便利貼 * Markdown：易讀易寫的檔案格式 * HackMD：使用 Markdown 的共筆平台 * 可以多人編輯的文件平台]]>
* slack：溝通平台 * 可以跟 LINE 一樣使用,但可串接多種服務 * Trello：專案管理平台 * 可溝通的便利貼 * Markdown：易讀易寫的檔案格式 * HackMD：使用 Markdown 的共筆平台 * 可以多人編輯的文件平台]]> Mon, 06 Mar 2017 14:10:34 GMT /slideshow/01-72860145/72860145 kewang@slideshare.net(kewang) 團體共同協作與版本管理 - 01認識共同協作 kewang * slack：溝通平台 * 可以跟 LINE 一樣使用,但可串接多種服務 * Trello：專案管理平台 * 可溝通的便利貼 * Markdown：易讀易寫的檔案格式 * HackMD：使用 Markdown 的共筆平台 * 可以多人編輯的文件平台 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/01-170306141034-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> * slack：溝通平台 * 可以跟 LINE 一樣使用,但可串接多種服務 * Trello：專案管理平台 * 可溝通的便利貼 * Markdown：易讀易寫的檔案格式 * HackMD：使用 Markdown 的共筆平台 * 可以多人編輯的文件平台
團體共同協作與版本管理 - 01認識共同協作 from Mu Chun Wang
]]> 310 2 https://cdn.slidesharecdn.com/ss_thumbnails/01-170306141034-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Git 經驗分享 /slideshow/git-71176118/71176118 git-170119090814
Git 經驗分享]]>
Git 經驗分享]]> Thu, 19 Jan 2017 09:08:14 GMT /slideshow/git-71176118/71176118 kewang@slideshare.net(kewang) Git 經驗分享 kewang Git 經驗分享 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/git-170119090814-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Git 經驗分享
Git 經驗分享 from Mu Chun Wang
]]> 3924 8 https://cdn.slidesharecdn.com/ss_thumbnails/git-170119090814-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 https://cdn.slidesharecdn.com/profile-photo-kewang-48x48.jpg?cb=1691770617 ## Experiences * 3 years in Android Development ( in past ) * 3 years in Backend Development ( currently ) * 3 years in System Analysis ## Familiar with * Git * Java * Hadoop Ecosystem / HBase Design Schema ( http://www.slideshare.net/kewang/how-to-build-a-scalable-sns-using-hbase ) * RESTful APIs ( http://www.slideshare.net/kewang/how-to-build-a-scalable-sns-via-polling-push ) ## Owner * Hedis ( http://hedis.io ) * hbase-dataflow ( http://kewang.github.io/hbase-dataflow/ ) ## Others * JavaScript ( AngularJS / Node.js ), HTML, CSS, PHP, Rails * GitHub ( https://github.com/kewang ) * SNS APIs ( Facebook ) * Web service frameworks ( Jersey / JAX-WS ) * Clouds ( AWS / Heroku / Firebase ) ... https://fb.me/kewang.information https://cdn.slidesharecdn.com/ss_thumbnails/random-230811161952-044369da-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/ss-259802330/259802330 如何在有限资源下实现十年的后端服务演进 https://cdn.slidesharecdn.com/ss_thumbnails/autocomplete-221017035158-108876b0-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/autocomplete-253634452/253634452 深入淺出 autocomplete https://cdn.slidesharecdn.com/ss_thumbnails/random-211102101641-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/ss-250577484/250577484 你毕业后要任职的软体业到底都在做些什麼事