iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 4158 瀏覽

鐵人賽自我挑戰組

Ruby on Rails 與它們相關的東西系列第 31 篇

技術 Day31 - 在 Windows 底下的 Ubuntu 18.04 執行 Ruby on Rails 的 RSpec Capybara 能顯示 Chrome 瀏覽器跑 E2E 測試

前言在 Windows 10 底下的 Ubuntu 18.04 LTS 執行 Ruby on Rails 的 RSpec Capybara 能顯示 Chro...

小菜 ‧ 2020-10-13

1 Like 0 留言 1117 瀏覽

鐵人賽 Modern Web DAY 28

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 28 篇

技術 [VR 前後端交響曲Day28] Rails專案開發 - 刪除ticket (使用vuex狀態管理)

CRUD新增、刪除、修改、顯示功能是一個完整的線上系統不可或缺的功能。昨天我們完成了更新 ticket，以及介紹了dispatch讓Vue可以聯絡到Vuex的a...

貓貓工程師 / PM Ting ‧ 2020-10-13

0 Like 0 留言 664 瀏覽

鐵人賽 Modern Web DAY 28

向 Rails 致敬！30天寫一個網頁框架，再拿來做一個 Todo List 系列第 28 篇

技術 [DAY 28] 復刻 Rails - Routing 威力加強版 - 2

承續昨天的實作，今天就來補上 Routing 的最後一個步驟還記得我們怎麼實作 MiniSinatra 的 DSL 嗎? # MiniSinatra def...

從南美回來的礦工 ‧ 2020-10-12

0 Like 0 留言 844 瀏覽

鐵人賽 Modern Web DAY 27

向 Rails 致敬！30天寫一個網頁框架，再拿來做一個 Todo List 系列第 27 篇

技術 [DAY 27] 復刻 Rails - Routing 威力加強版 - 1

昨天我們做了一個 MiniSinatra 來實作 routing 的部分，今天我們將會運用一樣的方式在我們的 Mavericks 加上這個功能，用 DSL 來寫...

從南美回來的礦工 ‧ 2020-10-11

1 Like 0 留言 934 瀏覽

鐵人賽 Modern Web DAY 27

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 27 篇

技術 [VR 前後端交響曲Day27] Rails專案開發 - 編輯ticket (使用vuex狀態管理)

前情提要：前天我們完成了新增ticket，昨天也順便介紹了v-if語法；今天就延續著前兩天的tempo~~，介紹以Vue.js實作CRUD裡的編輯功能！ Ste...

貓貓工程師 / PM Ting ‧ 2020-10-12

1 Like 0 留言 935 瀏覽

鐵人賽 Modern Web DAY 26

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 26 篇

技術 [VR 前後端交響曲Day26] Rails專案開發 - 新增ticket（v-if語法介紹)

昨天鐵人賽做完了新增ticket！所以現在專案裡，Done欄位完成了三張票～不過，在繼續實作編輯及刪除ticket功能之前，昨天的完成品有個地方我還不太滿意...

貓貓工程師 / PM Ting ‧ 2020-10-11

0 Like 0 留言 854 瀏覽

鐵人賽 Modern Web DAY 26

向 Rails 致敬！30天寫一個網頁框架，再拿來做一個 Todo List 系列第 26 篇

技術 [DAY 26] 復刻 Rails - 關於 Routing

還記得我們最一開始是怎麼處理 routing 嗎？程式碼大概是像這樣 class App def call(env) if env['REQUES...

從南美回來的礦工 ‧ 2020-10-10

1 Like 0 留言 1099 瀏覽

鐵人賽 Modern Web DAY 25

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 25 篇

技術 [VR 前後端交響曲Day25] Rails專案開發 - 新增ticket

盤點這一週的完成項目：我們現在學會了：把Rails專案裡會重複使用的部分改寫成Vue 元件（column, ticket）使用Vue套件Vue drag...

貓貓工程師 / PM Ting ‧ 2020-10-10

0 Like 0 留言 1256 瀏覽

鐵人賽 Modern Web DAY 25

向 Rails 致敬！30天寫一個網頁框架，再拿來做一個 Todo List 系列第 25 篇

技術 [DAY 25] 復刻 Rails - 千層蛋糕 Rack Middleware

鐵人賽已經接近尾聲，今天要來聊聊 Rails 很重要的一個部分，也是初學者比較少了解到的東西，就是Rack Middleware，你可以在手邊的 Rails 專...

從南美回來的礦工 ‧ 2020-10-09

1 Like 0 留言 3200 瀏覽

鐵人賽 Modern Web DAY 24

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 24 篇

技術 [VR 前後端交響曲Day24] Rails專案開發 - Vuex狀態管理(2) mapState、mapGetters、mapActions、mapMutations

昨天鐵人賽我們kanban專案裡，把column改寫為Vuex狀態管理並透過beforeMount的方式從後端得到資料渲染在網頁上！看起來好像前進了一大步，但...

貓貓工程師 / PM Ting ‧ 2020-10-09

0 Like 0 留言 1108 瀏覽

鐵人賽 Modern Web DAY 24

向 Rails 致敬！30天寫一個網頁框架，再拿來做一個 Todo List 系列第 24 篇

技術 [DAY 24] 復刻 Rails - 關於 before_action

昨天我們示範了如何在 module 裡面用 super 來擴充方法，今天就來將昨天學到的觀念應用在我們的框架裡面關於Metal Rails 在 ActionC...

從南美回來的礦工 ‧ 2020-10-08

1 Like 0 留言 2067 瀏覽

鐵人賽 Modern Web DAY 22

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 22 篇

技術 [VR 前後端交響曲Day22] Rails專案開發 - Vue draggable套件拖拉ticket

已經來到第22天了！剩下一週的時間我的專案就要部署（顯示為加緊趕工）～昨天的鐵人賽把column拖拉完成，今天的需求：拖拉ticket，而且可以移動到不同的...

貓貓工程師 / PM Ting ‧ 2020-10-07

0 Like 0 留言 1224 瀏覽

鐵人賽 Modern Web DAY 23

向 Rails 致敬！30天寫一個網頁框架，再拿來做一個 Todo List 系列第 23 篇

技術 [DAY 23] 復刻 Rails - 用 Rails 的方式整理程式碼 ActionController

經過這幾天的重構整理，看起來越來越有點樣子了，雖然剩下 7 天(扣除掉最後一天完賽宣言衝篇數)，但其實還有很多功能還沒實作完成，尤其是看到 applicatio...

從南美回來的礦工 ‧ 2020-10-07

0 Like 0 留言 1157 瀏覽

鐵人賽 Modern Web DAY 22

向 Rails 致敬！30天寫一個網頁框架，再拿來做一個 Todo List 系列第 22 篇

技術 [DAY 22]復刻 Rails - Application 啟動過程

關於 Rails web 應用程式的啟動過程，對於初學者來說並不會是首要目標，大多數還是會先從 MVC 架構開始學起，但如果學習到一定的程度，想要更深入了解 R...

從南美回來的礦工 ‧ 2020-10-06

0 Like 0 留言 836 瀏覽

鐵人賽 Modern Web DAY 21

向 Rails 致敬！30天寫一個網頁框架，再拿來做一個 Todo List 系列第 21 篇

技術 [DAY 21] 復刻 Rails - 用 Rails 的方式整理程式碼 Active Support

還記得之前我們實作 dependencies.rb 這個檔案的目的是什麼嗎？ # mavericks/lib/mavericks/dependencies.rb...

從南美回來的礦工 ‧ 2020-10-05

1 Like 3 留言 2862 瀏覽

鐵人賽自我挑戰組 DAY 30

Ruby on Rails 與它們相關的東西系列第 30 篇

技術 Day30 - 不免俗一定要來一下的完賽心得

參賽動機當初參賽，單純只是想把工作這段期間所學，當作學習筆記紀錄起來既然要寫，至少要做到輸出的資訊是正確的，以免混淆讀者，若有發現錯字、表達不夠清楚、資訊錯...

小菜 ‧ 2020-10-05

1 Like 0 留言 1226 瀏覽

鐵人賽 Modern Web DAY 20

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 20 篇

技術 [VR 前後端交響曲Day20] Rails專案開發 - 建立Vue元件: Ticket component

昨天的鐵人賽我們終於開始真正把手上在開發的系統變成，Vue.js x Rails專案了，可喜可賀！今天，我想開給自己兩張票ticket，包括明後兩天要製作的t...

貓貓工程師 / PM Ting ‧ 2020-10-05

0 Like 0 留言 793 瀏覽

鐵人賽 Modern Web DAY 20

向 Rails 致敬！30天寫一個網頁框架，再拿來做一個 Todo List 系列第 20 篇

技術 [DAY 20] 復刻 Rails - 用 Rails 的方式整理程式碼 Active Record

前面 19 天我們寫了很多 code，但你會發現我們 lib 資料夾底下很亂，這是目前裡面所包含的東西 . ├── lib │ ├── mavericks...

從南美回來的礦工 ‧ 2020-10-04

0 Like 0 留言 806 瀏覽

鐵人賽 Modern Web DAY 19

向 Rails 致敬！30天寫一個網頁框架，再拿來做一個 Todo List 系列第 19 篇

技術 [DAY 19] 復刻 Rails - ORM - 加上 where

已經搞了好幾天的 ORM，今天總算要做個結尾啦，這個系列我們從 file_model.rb 用 JSON 格式檔案當作資料庫，在到 sqlite_model.r...

從南美回來的礦工 ‧ 2020-10-03

1 Like 1 留言 1246 瀏覽

鐵人賽 Modern Web DAY 19

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 19 篇

技術 [VR 前後端交響曲Day19] Rails專案開發 - 建立Vue元件: Column component

在昨天的鐵人賽，我們利用rails的scaffold指令，迅速地將看板Kanban的CRUD調整成符合專案適合的樣貌，並完成了使用者登入後頁面，列出了目前筆者在...

貓貓工程師 / PM Ting ‧ 2020-10-04

1 Like 1 留言 1226 瀏覽

鐵人賽 Modern Web DAY 18

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 18 篇

技術 [VR 前後端交響曲Day18] Rails專案開發 - 第2個Model: 建立看板 Kanban

話說前幾天聽了星箭廣播「如何變強」特輯：工程師學習新技術，深受啟發。這集的來賓是創業家林宜儒（Lawrence）同時也是一位資深的Rails後端工程師，他分享了...

貓貓工程師 / PM Ting ‧ 2020-10-03

0 Like 0 留言 830 瀏覽

鐵人賽 Modern Web DAY 18

向 Rails 致敬！30天寫一個網頁框架，再拿來做一個 Todo List 系列第 18 篇

技術 [DAY 18] 復刻 Rails - class_eval

我們現在可以選擇要使用什麼資料庫了，今天就來把 Attribube 加上去吧！疑，等等，我們不是在前幾天已經做過了 Attribute 嗎？ (你是不是在偷篇數...

從南美回來的礦工 ‧ 2020-10-02

0 Like 0 留言 4048 瀏覽

鐵人賽自我挑戰組 DAY 27

Ruby on Rails 與它們相關的東西系列第 27 篇

技術 Day27 - Ruby on Rails 中使用 Foreman 打包所有要啟動的 server

前言從原本啟動 Rails server 、 Webpacker 外，後續增加了 Resque、Sidekiq ，變成要開四個視窗啟動，有時還會忘記要開其中一...

小菜 ‧ 2020-10-02

0 Like 0 留言 10334 瀏覽

鐵人賽自我挑戰組 DAY 26

Ruby on Rails 與它們相關的東西系列第 26 篇

技術 Day26 - Ruby on Rails 中使用 FFmpeg 處理影音轉檔、合併、上字幕

前言 FFmpeg 是一個開放原始碼的自由軟體，可以執行音訊和視訊多種格式的錄影、轉檔、串流功能，包含了libavcodec——這是一個用於多個專案中音訊和視...

小菜 ‧ 2020-10-01

1 Like 0 留言 1353 瀏覽

鐵人賽 Modern Web DAY 17

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 17 篇

技術 [VR 前後端交響曲Day17] Rails專案開發 - 第1個Model : User註冊登入. UI修改

今天是中秋連假第二天～祝大家月餅柚子烤肉吃爽爽！話說使用者的註冊登入系統是一個完整的網站不可或缺的功能，昨天規劃好KanbanRails專案進度，把首頁做出...

貓貓工程師 / PM Ting ‧ 2020-10-02

1 Like 0 留言 1062 瀏覽

鐵人賽 Modern Web DAY 16

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 16 篇

技術 [VR 前後端交響曲Day16] Rails 專案開發 - 網站進度規劃

前情提要：我們在鐵人賽第3天的時候為Rails專案裡導入了Vue.js框架，接著花了10天左右的時間熟悉Vue重要的基本語法～嘗試2週內走一輪敏捷開發在接...

貓貓工程師 / PM Ting ‧ 2020-10-01

0 Like 0 留言 814 瀏覽

鐵人賽 Modern Web DAY 17

向 Rails 致敬！30天寫一個網頁框架，再拿來做一個 Todo List 系列第 17 篇

技術 [DAY 17] 復刻 Rails - ORM-威力加強版

中秋節！突然後悔沒有提早一點開賽，有些參賽者已經完賽了... 廢話不多說，直接進入主題吧！讓我們可以選擇使用的資料庫我們現在有支援 SQlite，接下來我們...

從南美回來的礦工 ‧ 2020-10-01

0 Like 0 留言 629 瀏覽

鐵人賽 Modern Web DAY 16

向 Rails 致敬！30天寫一個網頁框架，再拿來做一個 Todo List 系列第 16 篇

技術 [DAY 16] 復刻 Rails - ORM-我說那個 Attribute 呢？

就如同昨天結尾所說的，我們應該要跟 Rails 一樣，用 Task.title 的方式來呼叫方法，而不是用 Taks['title'] 來呼叫，今天我們就來建...

從南美回來的礦工 ‧ 2020-09-30

0 Like 0 留言 6000 瀏覽

鐵人賽自我挑戰組 DAY 25

Ruby on Rails 與它們相關的東西系列第 25 篇

技術 Day25 - Ruby on Rails 中的 Sidekiq 的介紹與應用

前言 Sidekiq 是 Ruby on Rails 中蠻常用的後台任務處理系統，上篇介紹了 Resque Gem，已知這 2 套 Gem 相比，Sidekiq...

小菜 ‧ 2020-09-30

1 Like 0 留言 1216 瀏覽

鐵人賽 Modern Web DAY 14

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 14 篇

技術 [VR 前後端交響曲Day14] Vue instance的生命週期

在第12天鐵人賽前在利用event bus傳情書給某個元件的時候，可能眼尖的客倌會注意到，疑? 這個created()是不是還沒介紹到呢? created()...

貓貓工程師 / PM Ting ‧ 2020-09-29