PHP 實作 ElasticSearch PDO 物件 - OA Wu's Blog
PHP 實作 ElasticSearch PDO 物件
PHP 實作 ElasticSearch PDO 物件
PHPElasticSearch
PHP 實作 ElasticSearch PDO 物件 這是一套 ElasticSearch 基本 Create、Read、Update、Delete(CRUD) 的使用工具,其工具主要目的就是將資料撈出來並且物件化,架構於 Elastic Library,將讀取出來的資料物件化,以及包裝成方便開發的工具。 主要功能是經由各種 類別方法(static),對 ElasticSearch 實作 新增、查詢、修改…
天氣地圖 Weather Maps - OA Wu's Blog
天氣地圖 Weather Maps
天氣地圖 Weather Maps
jQueryPHPGoogle Maps中央氣象局開放資料Weather
天氣地圖 Weather Maps 這項做主要是藉由中央氣象局的網站資料建置出來的,其中主要功能是可以藉由 Google Maps 查詢各地方的天氣預報概況,並且可以查看各個地區的每小時溫度變化,以及搭配使用 localStorage 來實作前端關注的功能。此作品主要利用 PHP 取得資料,並且編譯成 HTML 檔案上傳 Amazon S3,此架構不僅可以減…
OAHUD - OA Wu's Blog
OAHUD
OAHUD
iOSObject-CHUDApp
OAHUD 因為看到很多 GitHub 上的專案都寫 HUD,這幾天再研究一種東西,一開始我還不知道怎去下關鍵字 Google,不過找著找著 漸漸有方向了!所以就找了一些範例,以及 Google 找資料亂寫亂測,然後有了一點點心得,就來分享一下,如果有觀念不正確請各位指教! 簡略講解一下,首先我看了 MBProgressHUD 的做法,其中的 show…
CatMap - OA Wu's Blog
CatMap
CatMap
iOSGoogle MapsInstagramObject-CApp
CatMap 此作是我第一個比較完整的 iOS 的 App,主要利用基本的 iOS 元件製作照相上傳、分享、地圖功能,以下是我一些學習的筆記與心得! App 沒什麼主要方向,這就只是個到處模仿的小作品,一開始利用了 TableView,再經由客製化的 TableViewCell 去做出類似 Instagram、Facebook 的動態訊息頁,然後再利用 ImagePickerCon…
實作 Instagram Maps 相片地圖 - OA Wu's Blog
實作 Instagram Maps 相片地圖
實作 Instagram Maps 相片地圖
Google MapsJavaScriptInstagram
實作 Instagram Maps 相片地圖 Instagram App 當中有一項很特別的功能是我很喜愛的,就是地圖模式的瀏覽照片,而且 Instagram 將這項功能優化得不錯,使得當地圖縮小時,密集的 Marker 會合成一個 Marker,而這樣的地圖功能在 Google Maps JavaScript API 上可以實作得到! 簡單說,這個專案的目的是利用 Google Mpas 來模…
Google Maps 大富翁 - OA Wu's Blog
Google Maps 大富翁
Google Maps 大富翁
Google Maps
Google Maps 大富翁 這是一個使用 Google Maps JavaScript API 製作的大富翁遊戲!基本上是利用 Google Maps Markers 以及 Polyline 所建置出路線、節點、角色、計分、蓋房... 等設計! 這是一個使用前端 JavaScript、Google Maps 所設計的大富翁遊戲,主要也使用了 jQuery 以及 SCSS 等工具實作,利用 Google Maps Marker…
歐芙娜 OFNA - OA Wu's Blog
歐芙娜 OFNA
歐芙娜 OFNA
接案
歐芙娜 OFNA 這是一個前、後、系統端技術的外包案實作,其網站名稱為歐芙娜 OFNA,此專案主要負責前端刻板、後端串接、系統端部署部份,版型設計則由宙思設計所製作。 此專案是常見的官網實作,主要由後台的上稿系統挑選完稿後,前台即可顯示所編輯的資料,而前端部分有常見的 Banner 輪播、資訊列表、聯絡我們功能!後端 …
寬堂空間設計 - OA Wu's Blog
寬堂空間設計
寬堂空間設計
接案
寬堂空間設計 這是一個前、後端技術的外包案實作,其網站名稱為寬堂空間設計,此專案主要負責前端刻板、後端串接部份,版型設計則由宙思設計所製作。 此專案是我第一次承接視差滾動(Parallax Scrolling)的專案,一般前端常見的視差滾動有層級數量的差異,此專案是使用兩層,所以是差沒有道非常的顯著,但是從背景依然可以…
實作 Flickr API 搜尋器 - OA Wu's Blog
實作 Flickr API 搜尋器
實作 Flickr API 搜尋器
Flickr
實作 Flickr API 搜尋器 這是一個簡單快速搜尋 Flickr 的前端工具,借由輸入想搜尋的圖片關鍵字而撈取出 Flickr 上面的熱門照片! 專案內利用了 Flickr API 製作,作品中 JavaScrip 經由 Flickr Tag API 撈出符合關鍵字的照片集,然後再利用瀑布流套件 Masonry 完成瀑布流效果的搜尋結果。 使用方式如下: 於網頁上方的 搜…
用 jQuery 實作 Youtube 播放器 - OA Wu's Blog
用 jQuery 實作 Youtube 播放器
用 jQuery 實作 Youtube 播放器
jQueryYoutube
用 jQuery 實作 Youtube 播放器 此作品主要是練習 Youtube API 的運用,主要功能是利用 API 來操作播放清單以及播放參數的設定。 雖然這功能有點多此一舉..(Youtube 就可以做清單了),但是還是分享一下製作心得! 功能主要就是利用 Youtube 所提供的 API 再利用 Local Storage 紀錄播放清單,再利用 JavaScript 按鍵事件,…
用 GitHub 架設 Blog - OA Wu's Blog
用 GitHub 架設 Blog
用 GitHub 架設 Blog
GitHubBlog
用 GitHub 架設 Blog 使用 GitHub 架設個人 Blog 不僅可以節省伺服器空間,同時也可以使用 Markdown 語法做文章管理,坊間也有很多類似的工具 octopress、pelican,但是最後決定自己做一套使用 PHP、以及 command line 建置出個人的部落格! 看到這標題我想板上很多大大們可能會覺的市面上已經很多資源了,沒想到還有人自…
實作 Material Web Design - OA Wu's Blog
實作 Material Web Design
實作 Material Web Design
jQueryMaterialCSS
實作 Material Web Design 這套前端工具主要是參考 Material UI 風格設計,並且這是一個藉由 Compass、HTML 以及 jQuery..等各種前端工具實作的 Material UI Design for Web,開發者可以自行使用 SCSS 或者 CSS 來做修改,目前是使用 jQuery 來達到更多 UI 回饋效果。 以下是基本的介紹: 此作品開發工具主要使用 Gulp、Co…
吳政賢 個人簡歷 OA Wu LiveCoding.tw