全景相簿 Theta S 360

JavaScriptTheta S 360PHPCompressor

全景相簿 Theta S 360 這是一項特別的作品，由於近幾年全景攝影器材的進步，所以全景影片、全景照片漸漸的流行起來，而最近剛好也入購了 RICOH Theta S 全景攝影機，所以我便實作了一下 360度全景相簿，這作品我特意分成兩個專案，分別是純前端、純後端的角度切入，所以在 GitHub 上會有兩包 code，以下會大略的說明！ 由…

2015.11.30

在 Google Maps 內多邊形取點 Point in Polygon

Google MapsJavaScript

在 Google Maps 內多邊形取點 Point in Polygon 這是項個人開發的工具，而且需要前後端配合一起弄的作品，主要目的是撈出藉由不規則多邊形範圍內的點座標。 前端 主要是 Google Maps JavaScript API v3 的地圖服務應用，利用 Google Maps Marker、Google Maps Polyline 去畫出一個不規則多邊形，並且利用 Ajax 去後端撈取…

2015.11.26

實作 Google Maps 右鍵選單

Google MapsJavaScript

實作 Google Maps 右鍵選單 此作品主要在於開發出可以在 Google Maps 上面編輯基本路徑的功能，利用 Google Maps JavaScript API 設計出規劃路線的工具，並且可以匯出路間經緯度 Excel。 在 Google Maps 上顯示選單，主要是使用 Google Maps JavaScript Events 來實作，並且搭配 Marker、Polyline 來繪製出路線圖，並且針…

2015.11.05

PHP 實作 ElasticSearch PDO 物件

PHPElasticSearch

PHP 實作 ElasticSearch PDO 物件 這是一套 ElasticSearch 基本 Create、Read、Update、Delete(CRUD) 的使用工具，其工具主要目的就是將資料撈出來並且物件化，架構於 Elastic Library，將讀取出來的資料物件化，以及包裝成方便開發的工具。 主要功能是經由各種 類別方法(static)，對 ElasticSearch 實作 新增、查詢、修改…

2015.08.26

天氣地圖 Weather Maps

jQueryPHPGoogle Maps中央氣象局開放資料Weather

天氣地圖 Weather Maps 這項做主要是藉由中央氣象局的網站資料建置出來的，其中主要功能是可以藉由 Google Maps 查詢各地方的天氣預報概況，並且可以查看各個地區的每小時溫度變化，以及搭配使用 localStorage 來實作前端關注的功能。此作品主要利用 PHP 取得資料，並且編譯成 HTML 檔案上傳 Amazon S3，此架構不僅可以減…

2015.07.10

OAHUD

iOSObject-CHUDApp

OAHUD 因為看到很多 GitHub 上的專案都寫 HUD，這幾天再研究一種東西，一開始我還不知道怎去下關鍵字 Google，不過找著找著 漸漸有方向了！所以就找了一些範例，以及 Google 找資料亂寫亂測，然後有了一點點心得，就來分享一下，如果有觀念不正確請各位指教！ 簡略講解一下，首先我看了 MBProgressHUD 的做法，其中的 show…

2015.07.09

CatMap

iOSGoogle MapsInstagramObject-CApp

CatMap 此作是我第一個比較完整的 iOS 的 App，主要利用基本的 iOS 元件製作照相上傳、分享、地圖功能，以下是我一些學習的筆記與心得！ App 沒什麼主要方向，這就只是個到處模仿的小作品，一開始利用了 TableView，再經由客製化的 TableViewCell 去做出類似 Instagram、Facebook 的動態訊息頁，然後再利用 ImagePickerCon…

2015.07.05

實作 Instagram Maps 相片地圖

Google MapsJavaScriptInstagram

實作 Instagram Maps 相片地圖 Instagram App 當中有一項很特別的功能是我很喜愛的，就是地圖模式的瀏覽照片，而且 Instagram 將這項功能優化得不錯，使得當地圖縮小時，密集的 Marker 會合成一個 Marker，而這樣的地圖功能在 Google Maps JavaScript API 上可以實作得到！ 簡單說，這個專案的目的是利用 Google Mpas 來模…

2015.06.29

Google Maps 大富翁

Google Maps

Google Maps 大富翁 這是一個使用 Google Maps JavaScript API 製作的大富翁遊戲！基本上是利用 Google Maps Markers 以及 Polyline 所建置出路線、節點、角色、計分、蓋房... 等設計！ 這是一個使用前端 JavaScript、Google Maps 所設計的大富翁遊戲，主要也使用了 jQuery 以及 SCSS 等工具實作，利用 Google Maps Marker…

2015.05.04

歐芙娜 OFNA

接案

歐芙娜 OFNA 這是一個前、後、系統端技術的外包案實作，其網站名稱為歐芙娜 OFNA，此專案主要負責前端刻板、後端串接、系統端部署部份，版型設計則由宙思設計所製作。 此專案是常見的官網實作，主要由後台的上稿系統挑選完稿後，前台即可顯示所編輯的資料，而前端部分有常見的 Banner 輪播、資訊列表、聯絡我們功能！後端 …

2015.04.03

寬堂空間設計

接案

寬堂空間設計 這是一個前、後端技術的外包案實作，其網站名稱為寬堂空間設計，此專案主要負責前端刻板、後端串接部份，版型設計則由宙思設計所製作。 此專案是我第一次承接視差滾動(Parallax Scrolling)的專案，一般前端常見的視差滾動有層級數量的差異，此專案是使用兩層，所以是差沒有道非常的顯著，但是從背景依然可以…

2015.02.26

實作 Flickr API 搜尋器

Flickr

實作 Flickr API 搜尋器 這是一個簡單快速搜尋 Flickr 的前端工具，借由輸入想搜尋的圖片關鍵字而撈取出 Flickr 上面的熱門照片！ 專案內利用了 Flickr API 製作，作品中 JavaScrip 經由 Flickr Tag API 撈出符合關鍵字的照片集，然後再利用瀑布流套件 Masonry 完成瀑布流效果的搜尋結果。 使用方式如下： 於網頁上方的 搜…

2015.01.28

12345