iT邦幫忙

兔兔教相關文章
共有 55 則文章
鐵人賽 Modern Web DAY 22

技術 Day23 - 中斷...

開頭,先跟追蹤此系列的讀者道歉, 我失敗了。 是的,我決定在這天為我的系列劃下一個不是很好的句點,卻是我覺得適當的句點。 在學校,我們總是告訴學生「不要放棄」,...

鐵人賽 Modern Web DAY 22

技術 Day 22- Google Apps Script 線上文件更新

咦?To-Do-List 怎麼突然結束了!? 恩…主要是最近接到了不少新的任務,而我想,To Do List 這麼簡單的東西,就不用我一直做了吧? (絕對不會承...

鐵人賽 Modern Web DAY 21

技術 Day 21- To Do List (8) 利用 HTML Template 呈現資料

今天我們一起來實作用 HTML Template 來顯示 To-Do-List 的資料吧! 首先我們一樣先開一個 Google Apps Script 吧!...

鐵人賽 Modern Web DAY 20

技術 Day 20- To Do List (7) 了解 HTML Template

我們今天來研究另一個 HTML Service: HTML Template。 其實你可以把它想成是 Server Side Render 的一種 (註一),他...

鐵人賽 Modern Web DAY 19

技術 Day 19 - To Do List (6) 刪除 To Do Event

很快的我們來到做刪除的部分, 很快速的,我們先來看一下如果我們要把東西從試算表刪除該怎麼做: 我們從上面可以知道,使用 Sheet.deletRow(rowP...

鐵人賽 Modern Web DAY 18

技術 Day 18 — To Do List (5) 新增 To Do Event

昨天我們快樂 (?) 的把資料 render 到網頁上(雖然會有點 Delay,對 UX 不好…不過那可以靠其他東西稍微彌補的。有空才處理) 那麼下一步我們就來...

鐵人賽 Modern Web

技術 Day 31:「不夠吃了...哪裡還有紅蘿蔔?」- Tailwind 和 Vue 的資源分享

大家有體會到自己建立元件的樂趣嗎? 如果沒有也沒關係~因為接下來會分享一些相關資源哦! 其實兔兔知道的資源並不是很多啦,因為兔兔的東西都會自己重造輪子 XD 不...

鐵人賽 Modern Web DAY 17

技術 Day 17 — To Do List (4) 讓網頁呈現試算表資料

經過前面兩天稍微了解了 HTML Service 後,今天我們要來開始實作我們的 To Do List 了! 今天我們分成三個部分進行: 建立假資料。...

鐵人賽 Modern Web DAY 30

技術 Day 30:「很刺眼,這樣太亮了啦!」- 深色模式切換開關

「最近眼睛都一直盯著電腦,超痠的」「而且這台螢幕還壞掉,不能調整亮度」 這樣啊 ... 辛苦了,不過可以不用調亮度啊,把主題換成深色主題就好了! 「深色主題?...

鐵人賽 Modern Web DAY 16

技術 Day 16 — To Do List (3) 深入HTML Service -1

我們今天要來繼續深入 HTML Service ,讓大家對於利用 GAS 架網站這件事情在之後可以更為輕便簡單。 我們繼續看到 Docs 的部分 (註一) :...

鐵人賽 Modern Web DAY 29

技術 Day 29:「欸!你填一下這張表!」- 彈跳視窗、Modal

「注意,您的表單尚未填寫完成」 好,我知道了。 (按下確定) 欸? 為什麼關不掉!?不是按下確定就要關掉了嗎? 這是誰做的爛東西啊,看我怎麼整死你!   (開...

鐵人賽 Modern Web DAY 15

技術 Day 15 — To Do List (1) 了解 HTML Service

昨天我們做完前置作業了,今天我們來看一下這個 HTML Service 是怎麼用! 簡單來說,就是可以乘載簡單的 GET 以及 POST 請求,讓你建立簡單...

鐵人賽 Modern Web DAY 28

技術 Day 28:「今天幾月幾號啊?」- 簡易日曆

「今天是幾月幾號啊?」 今天是 ... 等等!不准看電腦上的! 你先等我造出一個,我們要看日期 ... 就看我們自己做的日曆! (這兔是有什麼毛病,連這個時候...

鐵人賽 Modern Web DAY 14

技術 Day 14— To Do List (1) 專案前置

我們今天要來正式開一個新的專案啦! 不同於以往我們都用 Google Form 來當作載體,這次我們要來製作 Google Apps Script 中的 Web...

鐵人賽 Modern Web DAY 27

技術 Day 27:「流浪到淡水!」- 手風琴選單

嘿,今天是怎樣?都沒有人交作業,是不是昨天的太小菜一疊了! 今天是昨天的延伸,但說難也難不到哪裡去啦~ 因為相信經過前面的兩天,應該已經很清楚步驟了吧? 跟前...

鐵人賽 Modern Web DAY 13

技術 Day 13 - 物品借用紀錄系統 (3) 程式碼解說

今天主要是來補足 Day11 和 Day12 簡(ㄏㄨㄚˊ)約(ㄕㄨㄟˇ)的部分。 我們會講兩個東西: Range.getValues() 會抓到什麼東西。...

鐵人賽 Modern Web DAY 26

技術 Day 26:「按鈕博物館」- 輕鬆變化各種按鈕元件

哈囉大家好~不知道昨天的進度條做的怎麼樣? 想要交作業的人可以貼在昨天的留言區給我呦! 那我們今天的內容也很簡單,二話不說,要開始囉? 前置作業 跟昨天的環...

鐵人賽 Modern Web DAY 12

技術 Day 12 - 物品借用紀錄系統 (3) 系統完成

今天我們就把整個服務完成吧! 不知道大家順利地收到通知了沒? 我已經順利收到囉~ 咦咦咦?發生什麼事! 為什麼我一次收到兩封咧? 回頭看一下程式碼,以及對照...

鐵人賽 Modern Web DAY 25

技術 Day 25:「好慢喔,下載多少了?」- 進度條

終於到了我們的元件篇啦!!! 今天是第一個元件,所以稍微簡單一點。我們要來做下載的進度條~ 前置作業 我們這次要使用的專案環境是 Vue 的,所以之前建立過...

鐵人賽 Modern Web DAY 11

技術 Day 11 - 物品借用紀錄系統 (3) 發送到期與逾期通知

我們昨天順利把借物歸還事件可以自動化上傳到 Google Calendar 上,但是如果借閱人不看 Google Calendar 怎麼辦? 沒關係,我們就自動...

鐵人賽 Modern Web DAY 10

技術 Day 10- 物品借用紀錄系統 (2) 設定 Calendar

昨天我們完成了基礎建設,但是有個地方忘記講到,我現在趕快補充一下! 我們昨天設定歸還日期時,一定有人會問: 這樣他如果在當天的 23:59 分歸還不就也可以嗎...

鐵人賽 Modern Web DAY 24

技術 Day 24:「Switch 也要換遊戲片啦~」- Slot 插槽

不知道大家有沒有買 Switch 呢? 雖然兔兔沒有 Switch,但我知道有遊戲片都不便宜呀! 然後,遊戲總會有玩膩的時候這時候就要把記憶卡插槽裡的卡片拿出...

鐵人賽 Modern Web DAY 9

技術 Day 9— 物品借用紀錄系統 (1) 基礎建構

今天我們要來製作新的專題:物品借用紀錄微服務! 在學校,尤其是行政處室,最常出現的狀況應該就是「借物」這件事情。 不過我想應該各種單位應該都是啦~畢竟資源有限嘛...

鐵人賽 Modern Web DAY 23

技術 Day 23:「兒子,這是你的零用錢」- 元件間的資料傳遞

兔大夫:「請問是兔豪的家屬嗎?」 兔豪爸:「是,我就是。 請問我鵝子他...」 兔大夫:「抱歉,我盡力了 ...」 「他得的是一種 "會常常跟你討零...

鐵人賽 Modern Web DAY 8

技術 Day 8 — 自動化回信機(5) 優化回信機

咦?我們都寫完了,為什麼還不進入下一個專題呢? 嘖嘖,這你就不懂了!身為一個工程師,能動,只是交件標準。但是你後續如果還要維護,那麼你寫的這份爛 code 會在...

鐵人賽 Modern Web DAY 22

技術 Day 22:「您好,歡迎登入 Vuta 奇幻世界」- 事件處理

「燈愣~」 (以下為系統登入事件的自動通知) 「您好,兔兔」「歡迎登入 Vuta 奇幻世界」 咦 ...?系統登入事件?摁,我昨天是有登入沒錯。 「燈愣~」...

鐵人賽 Modern Web DAY 21

技術 Day 21:「爸爸說,家裡要重新裝潢了」- 關於樣式的屬性綁定講解

兔女鵝:「爸爸,兔兔昨天講的好難」「有一大堆東西要記起來,要學不動了 QQ」 兔跋:「一定是家裡的裝潢太壓抑,要換!」 兔女鵝:「不是,爸爸...應該跟裝潢沒...

鐵人賽 Modern Web DAY 7

技術 Day 7— 自動化回信機(4) 勾選後寄出通知信

我們已經順利的將 onEdit(e) 以及 MailApp.sendMail(message) 學完了,那麼下一步當然就是把它結合起來囉! 結合的概念非常簡單,...

鐵人賽 Modern Web DAY 20

技術 Day 20:「資料拿來我就幫你改」- Vue 基礎觀念及常用語法

嘿~昨天的內容還行嗎? 「兔兔,昨天突然就接收到大量語法!」 齁,這個我就要說聲不好意思~原本是應該先介紹基本觀念,但我們今天基本觀念要寫在 SFC 裡面練習...

鐵人賽 Modern Web DAY 6

技術 Day 6— 自動化回信機(3) 寄出信件功能

昨天我們終於把取得試算表內資訊的任務搞定了!接下來就是打勾之後,我們把信件寄出這個任務了! 首先,按照慣例我們來看一下 Docs 的部分,了解一下怎麼把信寄出:...