愛料理技術部落格

透過 vConsole 方便 Debug LIFF 應用

LINE 平台於今年中推出了 LINE Front-end Framework 簡稱 LIFF 框架，讓開發者可以建立輕量型的應用在對話視窗當中，並且提供取得使用者基本資訊、或是發送訊息的功能。

加入分享到 LINE 功能提升內容的口碑傳播

作為一個社群服務出發的食譜平台，在愛料理我們除了重視自身的使用者社群營運之外，也希望能透過使用者與外部社群網路之間的連結，將我們的內容散播給更多使用者，特別是那些從未接觸過愛料理的使用者。

Ruby Hash 的一些應用技巧

Hash 如何選取特定的key value pair

在 ruby 的 array 若要取得相同的值可以直接用 arr1 & arr2，i.e：

[3] pry(main)> arr1 = ['a', 'b', 'c', 'd']
[
    [0] "a",
    [1] "b",
    [2] "c",
    [3] "d"
]
[4] pry(main)> arr2 = ['c', 'd', 'e', 'f']
[
    [0] "c"…

愛料理實習心得

「與其 BFS ，不如成為一個 DFS 的技術人」

這是我在面試實習時帶回來的一句話，直到現在也深深的影響著我。

實習與在學校的 Project 不同，這一年期間實際參與業界的系統、服務開發迅速增加我的實務經驗，了解業界需要的能力、在乎的關鍵是什麼，幫助我在選擇學校的課程、學習的方式都更有方向。

在實習期間自我的成長大約可以分成三個時期：

一、懵懂碰撞期

Optimize CSS delivery in Rails app

這是一篇實作記錄，記錄前陣子透過 Google 的 PageSpeed Tools 發現清除前幾行內容中的禁止轉譯 JavaScript 和 CSS這項被扣分，遵循 Google 官方的建議，用 loadCSS 搭配 critical-path-css-rails 順利把分數找回來。接下來我會詳細描述問題和實作的過程。

Big CSS file block page render

加入在愛料理的產品開發團隊

在愛料理的團隊分享著一個重要的使命：用好的技術與產品設計，來打造出一流的產品體驗，讓更多使用者可以在生活當中因為愛料理感到幸福。

用 Puma-dev 作為 Rails 開發環境伺服器

從 Pow 到 Puma-dev

剛入門 Ruby on Rails 的新手往往會透過 rails server 指令在 localhost:3000 建立伺服器，然而這樣做有幾個缺點：

1. Port 管理不易，若是有多個 app 需要開發，則需要設定不同的 port
2. 需要手動呼叫 rails server 指令，也需要記得關閉免得消耗資源

Server-render ReactJS with Rails

自從愛料理 2013 年導入 ReactJS 以來，有一大部分新的前端功能都是透過 ReactJS 開發。而為了提高可維護性與降低程式複雜度，從去年開始，陸陸續續的把從前用 AngularJS 開發的程式用 ReactJS 改寫，也即將在最近全數改寫完成。不論是新開發的 ReactJS 專案，或是舊的 AngularJS 專案改寫，站上有越來越多的功能是透過 React component 來實踐，也讓我們開始考慮 server-render 的可能。剛好不久之前看到 Airbnb 開源的一套 Rails-friendly 的…

Starting from SCSS-lint to UI kit

本篇淺談如何整理你的 SCSS 專案，從透過 SCSS-lint 來檢查你的 SCSS code 到使用有效的管理概念 The 7–1 Pattern 來整理你的檔案，最後發展成易於維護的 UI Kit (Style Guide)。

SCSS-lint

SCSS-lint 是一套用來幫助檢查你的 SCSS…