拿Trello當資料庫 建一個店家清單:下篇-建立清單頁面

拿 Trello 當資料庫 建一個店家清單 – 下篇:建立清單頁面

本篇大綱:上篇的最後取得了Url、整理取得的資料、製作顯示清單頁面、捷運站選單、清單卡片部份、店家詳細資料、原始碼及Demo。本篇要筆記的是取得資料後的整理,以及處理成一個店家清單的頁面。為了有切換的功能,除了上篇的公館站外,Augustus另外又建了一個古亭站。

File API 客製上傳檔案按鈕(input file)

File API 客製上傳檔案按鈕 / input file

本篇大綱:客製上傳檔案input html 部份、客製上傳檔案input js 部份、示範頁面。最近朋友遇到一個需求,就是要客製上傳檔案的按鈕。覺得寫成一篇,然後把code存起來,以後要用比較好找。可以看到input的id,跟label的for,兩個值要是相同的,這樣就可以把label跟input綁起來。

用Vue CLI 3 + Vuetify 製作說明頁面

用 Vue CLI 3 + Vuetify 製作說明頁面

用Vue CLI 3 + Vuetify 製作說明頁面 本篇大綱:關於「套件集合站」、本篇使用資源、安裝Vue CLI 3、建立Vue CLI 3專案、安裝Vuetify、製作頁面模版、抓firebase資料、Vue Router:id、pathMatch、製作頁面、build 產出原始碼、本篇原始碼。

Google Map API學習筆記-2:在地圖上畫個日本結界

Google Maps API 學習筆記 – 2:在地圖上畫個日本結界

本篇大綱:畫折線、畫多邊形、畫圓形、共用參數:可否拖動、可否編輯。除了畫圖,也可以刪除、檢查、本篇用到的原始碼。前幾天看老高與小茉的youtube影片,看到日本有2個結界,正好Google Maps API的文件看到在地圖上畫幾何圖形這塊,就想說不然拿這個當範例好了,還正好適合。

如何用Google Excel當作資料庫

如何用 Google Excel 當作資料庫

本篇大綱:本篇會用到的資源:資料、樣式、原始檔。建立Google excel sheet、發佈google excel到網路、建一個會員列表的頁面、從google excel接資料。這一篇是如何把google excel當作資料庫,並實作出一個簡單的會員列表頁出來。

完全客製google表單,美化表單樣式

完全客製 Google 表單,美化表單樣式

本篇大綱:google表單很方便,但可以更好的使用、實作1:設計所需欄位,用Google表單製作、實作2:從google forms裡拿必要資訊 url / name、實作3:建立一個網頁的表單、實作4–1:客製表單+google forms的值、實作4–2:POST到google forms

用line push messaging api推播每日氣象預報

用 LINE Push Messaging API 推播每日氣象預報

本篇大綱:本篇用到的資源、安裝所需套件、拿訂閱者的基本資料、存使用者選擇的地區、從氣象局拿資料、LINE push api、建立排程。這篇紀錄的是實作一個推播天氣機器人的甘苦路。實作一個「每日早上7點,自動推播天氣預報」的機器人。之前陸陸續續寫的幾篇筆記文,就是在為這個功能做準備。

接氣象局api、跨網域get資料

接氣象局 API、跨網域 AJAX 資料

本篇大綱:本篇要解決的問題、接氣象局api需要的3個東西 -1 氣象局提供的授權碼 -2 取得要get的url -3 可跨網域取得資料的api -4 補充:只想取得某個區的資料。跨網域get資料 -1 直接用別人寫好的線上功能 -2 自己寫一個後端api,用api去取資料

Let's Write

前端工程師 Augustus 的學習筆記 — solving problems, in simple ways.