Dates
2026
April
Top ⇈2022
June
Top ⇈2020
June
July
September
- » 第12屆鐵人賽Day 20 Rails專案開發 - 建立Vue元件: Ticket component
- » 第12屆鐵人賽Day 19 Rails專案開發 - 建立Vue元件: Column component
- » 第12屆鐵人賽Day 18 Rails專案開發 - 第2個Model: 建立看板 Kanban
- » 第12屆鐵人賽Day 17 Rails專案開發 - 第1個Model : 註冊, 登入 UI修改
- » 第12屆鐵人賽Day 16 Rails專案開發 - 網站進度規劃
- » 第12屆鐵人賽Day 15 Vue instance 的 mounted()
- » 第12屆鐵人賽Day 14 Vue instance的生命週期
- » 第12屆鐵人賽Day 13 Vuex狀態管理
- » 第12屆鐵人賽Day 12 跨多層的Vue元件資料傳遞: event bus
- » 第12屆鐵人賽Day 11 Vue元件單向傳遞: $emit 製作todo list
- » 第12屆鐵人賽Day 10 Vue元件裡由內而外的事件單向傳遞: $emit
- » 第12屆鐵人賽Day 9 Vue元件裡的props屬性(2)
- » 第12屆鐵人賽Day 8 Vue元件裡的props屬性(1)
- » 第12屆鐵人賽Day 7 Rails專案內加上Vue元件
- » 第12屆鐵人賽Day 6 Vue instance的computed屬性
- » 第12屆鐵人賽Day 5 v-bind, v-model, v-on
- » 第12屆鐵人賽Day 4 Vue的單向資料流: 鬍子語法
- » 第12屆鐵人賽Day 3 在Rails專案產生Vue app
- » 第12屆鐵人賽Day 2 Rails 與 Vue 的架構介紹
- » 第12屆鐵人賽Day 1 Vue.js + Rails 開賽宣言
October
- » 第12屆鐵人賽Day 30 Rails專案開發 - 網站部署 + 完賽感言
- » 第12屆鐵人賽Day 29 Rails專案開發 - Action Cable即時互動功能: 以edit和delete ticket為例
- » 第12屆鐵人賽Day 28 Rails專案開發 - 刪除ticket (使用vuex狀態管理)
- » 第12屆鐵人賽Day 27 Rails專案開發 - 編輯ticket (使用vuex狀態管理)
- » 第12屆鐵人賽Day 26 Rails專案開發 - 新增ticket（介紹v-if語法）
- » 第12屆鐵人賽Day 25 Rails專案開發 - 新增ticket
- » 第12屆鐵人賽Day 24 Rails專案開發 - Vuex狀態管理(2) mapState、mapGetters、mapActions、mapMutations
- » 第12屆鐵人賽Day 23 Rails專案開發 - Vuex狀態管理 (1)
- » 第12屆鐵人賽Day 22 Rails專案開發 - Vue draggable套件拖拉ticket
- » 第12屆鐵人賽Day 21 Rails專案開發 - Vue draggable套件拖拉column
December
Top ⇈2019
January
- » 使用RVM安裝Ruby和Rails新版本
- » 使用實體變數instance variable增進rails效能
- » Rails的 MVC 架構: 淺談 controller 和 model
- » 在jekyll blog加入新tag
February
March
- » javascript blackjack game
- » javascript AJAX
- » javascript jQuery
- » javascript ES6
- » javascript 使用Chrome Console撰寫
- » javascript 物件導向程式
- » javascript 事件
- » javascript DOM
- » javascript 迴圈
- » javascript 陣列
- » javascript 函數
- » javascript 變數
- » javascript 簡介
- » css: RWD 響應式網頁設計
- » css: bootstrap
- » css: flexbox遊戲-青蛙攻略
- » css: flexbox排版
- » css: scss.sass
- » css: 個人簡歷
- » css: 新聞排版
- » css: 進階排版語法
April
- » Git branch 分支
- » [Git 簡介
May
- » 將Jekyll blog文章的外部連結另開新分頁
- » Git 小劇場
- » Github介紹與Git Flow 開發流程
- » Git rebase 修改commit歷史記錄
- » Git reset 與 Git tag 標籤 : 回到過去的commit
2018
August
- » Deploy到Heroku前，將Rails專案從SQLite設定為PostgreSQL
- » 在Github用Jekyll創建屬於你自己的blog
- » Ruby on Rails練習 - MacOS安裝篇
September
- » Ruby面試精選30題 - Day16 iterator 和 loop 比較
- » Ruby面試精選30題 - Day15 alias和alias_method比較
- » Ruby面試精選30題 - Day14 each, map 和 collect 比較
- » Ruby面試精選30題 - Day13 instance_eval 和 class_eval 的差別
- » Ruby面試精選30題 - Day12 千變萬化的變數: class variable, class instance variable 與 instance variable
- » Ruby面試精選30題 - Day11 Ruby 的 block, proc, lamdba方法比較
- » Ruby面試精選30題 - Day10 Ruby invoke method調用方法?
- » Ruby面試精選30題 - Day09 Ruby的 or-equals 是什麼意思呢?
- » Ruby面試精選30題 - Day08 Sting的concat串接
- » Ruby面試精選30題 - Day06 Ruby三種存取限制Public, Protected, Private
- » Ruby面試精選30題 - Day07 Symbol符號與String字串比較
- » Ruby面試精選30題 - Day05 Ruby中的self物件與singleton method
- » Ruby面試精選30題 - Day04 玩弄Ruby的方法: instance method與class method
- » Ruby面試精選30題 - Day03 Module模組: include與extend
- » Ruby面試精選30題 - Day02 Module模組與Class類別比一比
- » Ruby面試精選30題 - Day01 用Class類別寫個參賽宣言吧！
- » [RubyGems] carrierwave (4) 使用Imagemagick修改圖片大小
- » [RubyGems] carrierwave (3) Deploy 圖片上傳功能到 Heroku網站
- » [RubyGems] carrierwave (2) 利用Amazon S3 架設圖片伺服器
- » [RubyGems] carrierwave (1) 在Rails實現圖片上傳功能
October
- » Ruby面試精選30題 - Day28 Ruby的 ** (double splat) operator
- » Ruby面試精選30題 - Day27 Ruby裡的Hash預設值
- » Ruby面試精選30題 - Day26 Ruby的錯誤處理機制 Rescue
- » Ruby面試精選30題 - Day25 初探 Rails: .present? 和 .exists?比較
- » Ruby面試精選30題 - Day24 nil?, empty? 和, blank? present? 比較?
- » Ruby面試精選30題 - Day23 Ruby的'=='，'===' 'eql?' 'equal?'
- » Ruby面試精選30題 - Day22 and 和 or 比較
- » Ruby面試精選30題 - Day21 Ruby的true，false和nil
- » Ruby面試精選30題 - Day20 Ruby的Enumerable列舉
- » Ruby面試精選30題 - Day19 Ruby裡的yield
- » Ruby面試精選30題 - Day18 Ruby裡的多行字串
- » Ruby面試精選30題 - Day17 Ruby裡的freeze和frozen?