UMiP by kewang using takahashi method

•

2 likes•1,440 views

Mu Chun Wang

Technology

What's hot

livernal.netのプレゼン

Hagiwara takayuki

cblue_grails@njug5

ทวิร พานิชสมบัติ

Lisp M入門

Masaomi CHIBA

WebアプリケーションフレームワークMojoの紹介

Yuki Kimoto

三国志演義第9集

gunyouak

Mozilla コアハッカー育成計画(PDF)

Taro Matsuzawa

コンピュータやセンサの小型化が進み、生活の中へと多くのシステムが導入され、人々を支えています。システムでは、センサから人々の行動に関するデータが取得され、コンピュータがそのデータを分析しています。本実習では、マイコン（M5Stack）とセンサ（加速度、ジャイロなど）を用いて、「センシング→行動認識」の流れを体験してもらいます。どのような行動をどのような手法（機械学習など）により認識するかについてアイデアを出すところから始めていただき、実装するまでをチャレンジしていただきます。オンライン参加の場合、マイコンとして、M5Stack Grayを郵送しますので適宜オンラインで質問などを受け付けながら進めていく予定です。M5Stack Grayはセミナー終了後に大学へと返送いただきます。

マイコンと機械学習を使って行動認識システムを作ろう

変わる時代、変わらぬ思い

1000speakers-sendai

VimStudyClassNo3

JSplash swf to javascript converter(2008/9/30)

gyuque

ประวัติส่วนตัว

Rawinnipha Songkhum

Merapi -Adobe Air<=>Java-

Masaaki Yonebayashi

FlashMediaServer3開発環境の準備

toyoshi

Webteko mysqlftppc

Hiroaki Kawai

http://www.mxg-777.com 환자들도 손만 움직일수 있다면 소셜 그래프게임 즐길수 있습니다 마우스만 있으면되요 유노? 골치아프게 뭐 계산하고 컨트롤 하고 순발력 요구하고 그런거 없어요 그런게임 지겨워요 진짜 탈퇴 해버렸습니다 전부다 지금의 소셜 그래프게임 만나고 나서요 간단함속의 심오함이야 말로태초부터 내려온 모든 게임의 근간 아닙니까 바둑 장기 체스 등과 같은거 말이죠 심플베스트다시한번 추천 드립니다 소셜 그래프게임이 정답입니다. 부정할수 없으실꺼에요 해보신다면 짐난리도 아닙니다. 어찌 이런 쉬운 게임이 세상에 나타나서 게임업계를 뒤집어 놓는건지 함해보세요 소셜 그래프게임 한번도 안해본 사람은 있어도 한번만 하는 사람은 없습니다. 강력하게 추천하는 소셜 그래프게임입니다.

아파도 할수있는 게임 소셜 그래프

그래프게임 소셜

第三讲

Qing Feng

http://www.mxg-777.com 있잖아요 저희 소셜 그래프게임 밤낮없이 지키고 있어요 그러니까 필요하시다면 카톡을 주시던가 채팅창에 말해주시면되요 그러면 24시간 언제든 연락 가능 합니다. 그러니 걱정 노노노 아니면 게시판에 남겨두셔도 되고요 저희와 소통할 방법 많아요 오늘은 저도 직접 게임을 했는데요 어우 진짜 많이 땃어요 사실 그냥 이거 접고 게임이나 하고 다닐까 생각해봤는데 그건 무리죠 저도 소셜 그래프게임 운영 책임이 있는데요 그래서 그냥 환전 안하고 이벤트로 뿌렸어요 다들 좋아하셔서 소셜 그래프게임 운영하는게 뿌듯했네요 그럼 오늘도 이만입니다!

저도 소셜 그래프게임 즐깁니다

그래프게임 소셜

cblue@njug5

ทวิร พานิชสมบัติ

Web技術勉強会9回目2(Slideshare用)

龍一田中

What's hot (20)

livernal.netのプレゼン

cblue_grails@njug5

Lisp M入門

WebアプリケーションフレームワークMojoの紹介

三国志演義第9集

Mozilla コアハッカー育成計画(PDF)

マイコンと機械学習を使って行動認識システムを作ろう

変わる時代、変わらぬ思い

1000speakers-sendai

VimStudyClassNo3

JSplash swf to javascript converter(2008/9/30)

ประวัติส่วนตัว

Merapi -Adobe Air<=>Java-

FlashMediaServer3開発環境の準備

Webteko mysqlftppc

아파도 할수있는 게임 소셜 그래프

第三讲

저도 소셜 그래프게임 즐깁니다

cblue@njug5

Web技術勉強会9回目2(Slideshare用)

More from Mu Chun Wang

我目前在一間經歷無數次後端演進的旅遊新創公司，在過去的幾年裡，我們陸續面對著各種挑戰，包括 Parse.com 的服務停止、為應對 Google maps 的收費政策而自建景點資料庫、漸進式導入 REST、使用 prerender 提升 SEO、使用 async 服務提升可用性、運用 CDN 快速讀取圖片、從 CSR 轉型到 SSR、導入電商服務，以及開始支援導購商品...等不計其數的功能。每一項功能的實現不僅需要後端的協助，還要確保前端的相容性，以免讓使用者陷入無法使用服務的狀態。而我在這次的分享中，將聊聊在只有一個專職後端的情況下，讓大家了解如何進行後端服務演進的挑戰和策略。

如何在有限資源下實現十年的後端服務演進

Mu Chun Wang

autocomplete 是現代軟體服務最重要的特性之一，使用者在輸入框輸入了文字，軟體服務就會回傳最適當的選項給使用者，而使用者可以依照回傳的各個選項中選擇其中一個執行動作。一般的技術文章，大都從前端的角度探討如何在輸入文字時，利用 debounce 和 throttle 這兩個技術，提升使用者的操作體驗及減少後端的負擔。極少探討後端如何實作 autocomplete 的資料結構，讓資料能夠快速回傳給前端。這次的分享主要就是完全從後端的角度來探討如何利用 Redis 或 Elasticsearch 這類 NoSQL 實作 autocomplete，也會分享多個 autocomplete 常見的情境。最後也會分享進入正式環境時的技術選型，應該用 Redis 還是用 Elasticsearch 比較好。

深入淺出 autocomplete

Mu Chun Wang

你畢業後要任職的軟體業到底都在做些什麼事

Mu Chun Wang

大家出遊前會在搜尋引擎上找景點或遊記，進而找到 Funliday，進入網站後又會在站內搜尋其他景點來規劃行程。所以這次演講的上半段會分享我們應該要如何做好搜尋引擎最佳化 (SEO)，讓使用者在搜尋時能夠更容易找到我們的內容。下半段則是分享我們如何使用 Elasticsearch，讓使用者在站內輸入關鍵字時，能更容易知道使用者的搜尋意圖，並且提供有用的內容。此次分享預計包括：seo, elasticsearch, autocomplete, ssr, schema.org, google search console

網路服務就是一連串搜尋的集合體

Mu Chun Wang

老司機帶你上手 PostgreSQL 關聯式資料庫系統

Mu Chun Wang

按讚、追蹤是網路社群必備的兩個功能，但最容易與使用者互動的這兩個功能，後端其實花了不少功夫達成。這場分享會先從按讚功能講起，包括如何利用 PostgreSQL 設計易維護的 table 以及如何使用 lock 避免重複按讚；後半段則是會結合 MongoDB，讓使用者發文時，能夠快速通知他的追蹤者。至少會提到的內容包括： * PostgreSQL table 設計 * MongoDB collection 設計 * Redis lock 應用 * Message Queue 發送通知

使用 PostgreSQL 及 MongoDB 從零開始建置社群必備的按讚追蹤功能

Mu Chun Wang

Funliday 新創生活甘苦談

Mu Chun Wang

Funliday 是一個極度依賴景點資料的網路服務，大家從十月開始在使用 Funliday 在「景點瀏覽」輸入城市，或者是移動地圖出現的推薦景點，應該都是極速出現，跟之前兩年的速度實在是相差甚遠。這中間的差異主要是調整了演算法、儲存資料以及索引，更重要的是不要求絕對即時，這樣子可以讓計算的時間加快了 350 倍以上，這場分享就是解釋 Funliday 是如何利用上面這些技術加快計算時間。文字筆記：https://www.facebook.com/kewang.information/posts/2728954360714254 預計提到的內容包括：PostgreSQL、Redis、CDN

大解密！用 PostgreSQL 提升 350 倍的 Funliday 推薦景點計算速度

Mu Chun Wang

Funliday 即將提供熱點圖的 library 給網站開發者，可以把熱點圖嵌入到網頁內，用地圖的方式呈現未來旅遊熱點圖，讓大家了解哪些地區比較熱門。而這場 talk 會分享如何利用 Leaflet, iframe 及 expressjs 建置一套熱點圖 library，內容包括 1. 如何快速使用 iframe 開發 library 2. 如何驗證 domain 及 API 呼叫次數 3. 想將內部數據公開但又想避免內部數據外流

如何使用 iframe 製作一個易於更新及更安全的前端套件

Mu Chun Wang

在使用前端三巨頭開發網站的時候，如果沒特別對 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 無法被搜尋引擎正確索引的問題

Mu Chun Wang

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 探討前後端上傳圖片架構

Mu Chun Wang

Google Maps API 在 2018/7 開始收費後，Funliday 估算每個月要付很多很多很多很多錢給 Google，為了不要被 Google 的龐大費用壓垮，Funliday 開始自建 LBS 資料庫 (POIBank)。這次就是要分享建置 POIBank 時所必備的工具，包括常用的座標系 4326 & 3857 轉換、畫邊界的 GeoJSON、標範圍的 GeoHash、轉換地址經緯度的 Pelias、OpenStreetMap 圖資及 PostgreSQL (PostGIS) 的效能調校技巧外，也會搭配真實案例讓大家了解如何利用這些開發工具建置一個 LBS 資料庫。

Google Maps 開始收費了該怎麼辦？

Mu Chun Wang

Git 可以做到的事

Mu Chun Wang

大家在開發完一個網路服務之後，所謂的效能最佳化常常就是畫面調整、資料庫反正規化、讀寫分離、業務分離、加 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

Mu Chun Wang

大家都談 OpenData 那麼久了，也該是來聊聊 OpenAPI 才對。這場演講會利用現在台灣佔有率蠻高的企業內部服務 (外部：Library) 及企業即時通訊軟體 (內部：OpenAPI) 為展示，讓大家了解如何讓老舊的網路服務也能 Open 出來。最後會再分享一下什麼是 WebHooks，以及如何實作及要注意的細節。期許之後大家所開發的網路服務不只能夠接收外部資料 (OpenAPI)，也能即時提供內部資料給外部服務 (WebHooks)。

如何利用 OpenAPI 及 WebHooks 讓老舊的網路服務也可程式化

Mu Chun Wang

牛頓說過「如果說我看得比別人遠，那是因為我站在巨人的肩上」，這句話的意思就是要你善用現有資源。但是你也可以更進一步，做個開源者分享你自己的資源。這場 talk 主要是拿 Java 為例子，教大家如何使用 GitHub, JitPack, Bintray......等服務，分享你寫好的輪子給全世界。另外也讓大家知道如何利用 semver 訂定版本號，再加上各種 git branch 策略，順利分享你的輪子。

如何與全世界分享你的 Library

Mu Chun Wang

版本控制是現今軟體開發大家都一定要會的技能，而 Git 更是目前的版本控制主流。這場演講不教大家最基本的 Git 指令，而是分享大家最困擾的分支策略及存取模型，也會分享我們在多環境開發時的分支策略，更推薦大家如何利用 GitLab 來管理程式碼。也會分享如何利用 Redmine + Git 來管理 issue。最後也會加上如何用 SemVer 制定版號。 Git 易學難精，每個專案也都有自己不同的分支及存取策略。希望這場演講能讓大家在管理程式碼時更容易上手。

如何與 Git 優雅地在樹上唱歌

Mu Chun Wang

API Blueprint - API 文件規範的三大領頭之一

Mu Chun Wang

團體共同協作與版本管理 - 01認識共同協作

Mu Chun Wang

Git 經驗分享

Mu Chun Wang

More from Mu Chun Wang (20)

如何在有限資源下實現十年的後端服務演進

深入淺出 autocomplete

你畢業後要任職的軟體業到底都在做些什麼事

網路服務就是一連串搜尋的集合體

老司機帶你上手 PostgreSQL 關聯式資料庫系統

使用 PostgreSQL 及 MongoDB 從零開始建置社群必備的按讚追蹤功能

Funliday 新創生活甘苦談

大解密！用 PostgreSQL 提升 350 倍的 Funliday 推薦景點計算速度

如何使用 iframe 製作一個易於更新及更安全的前端套件

pppr - 解決 JavaScript 無法被搜尋引擎正確索引的問題

模糊也是一種美 - 從 BlurHash 探討前後端上傳圖片架構

Google Maps 開始收費了該怎麼辦？

Git 可以做到的事

那些大家常忽略的 Cache-Control

如何利用 OpenAPI 及 WebHooks 讓老舊的網路服務也可程式化

如何與全世界分享你的 Library

如何與 Git 優雅地在樹上唱歌

API Blueprint - API 文件規範的三大領頭之一

團體共同協作與版本管理 - 01認識共同協作

Git 經驗分享