[Rails] 複合搜尋
使用方式 def index @products = Product.all @products = @products.where("name LIKE ?", "%#{params[:product_name]}%") if params[:product_name].present? @pr...
Category
|
Tag
|
Year
|
Month
回到頂部 ↑
回到頂部 ↑
回到頂部 ↑
回到頂部 ↑
回到頂部 ↑
回到頂部 ↑
回到頂部 ↑
回到頂部 ↑
回到頂部 ↑
回到頂部 ↑
回到頂部 ↑
回到頂部 ↑
Posts by Category
Rails
[Rails] 刪除時 confirm 跳出兩次以上的問題
前言 最近製作專案時，常發生按下刪除鈕，彈出好幾個確認視窗 “Are you sure?”，要按很多次才會真的刪除。 查了網頁原始碼，也沒發現重複載入的 javascript，在百思不得其解之下，只好一直亂 google，終於在 stackoverflow 討論串找到解決方式。 發生原因 此問題原來是在做 ...
[Rails] 多個資料庫連結
前言 最近可能需要串接其他系統，但該系統又沒有現成的 api，需要直接進行多個資料庫撈取與回寫時使用 方式 在 database.yml 加入其他 db 的設定 default: &default adapter: postgresql encoding: u...
[Rails] 建立簡易 Category 方式
說明 此範例主要建立簡易的分類與下拉選單，例如：商店有分中式、日式、韓式等類型可選擇，將建立兩table進行類別對商店的1對多關連。 建立方式 1. 先建立 Model Category 及 category_id 欄位 rails g model Category name:string content...
[Rails] Counter Cache 用法
前言 最近發現常常使用 conuter cache，紀錄一下增加記憶。 使用時機 當有兩個 table 為 1對多關聯，並需要統計關聯 table 的數量時。此時每次存取網頁都需要再統計一次數量，會造成效能低落。 若使用Counter Cache，則可讓每次關聯 table 數量異動時，由程式自動紀錄至主要...
[Rails] 加入 bootstrap tooltip 效果
加入方式 1. 加入 js // [path] app/assets/javascripts/application.js $(document).ready(function() { $('.has-tooltip').tooltip(); }); 此段意思是在 document (整個網頁) re...
[Rails] will_paginate 分頁使用方式
Github will_paginate 這是原版的，轉為 html code 時會用 div 包，需要另外自行套樣式 will_paginate-bootstrap 如果用 bootstrap 樣式，直接使用這個即可 使用方式 controller 中 原本寫法： @posts = Post.all...
[Rails] Notice Message 建立方式
建立方式 加入 helper # [path] app/helpers/application_helper.rb module ApplicationHelper def notice_message alert_types = { notice: :success, alert: :dange...
[Rails] Partial 用法
基本用法 例如：app/view/comments/_comment.html.erb 其他 template 要引用此 partial： <%= render :partial => "comments/comment" %> 簡略寫法： <%= render "commen...
[Rails] Simple form 使用方式
網站 https://github.com/plataformatec/simple_form 安裝 gem 'simple_form' bundle install rails generate simple_form:install --bootstrap 基本使用方式 只要輸入 f.in...
[Rails] 常用 gem
gemfile gem 'awesome_rails_console' gem 'devise' gem 'bootstrap-sass' gem 'simple_form' #gem 'bootstrap_form' #gem "font-awesome-rails" #gem 'will_paginate...
[Rails] 實作按讚(喜歡/不喜歡)功能
推薦 gem acts_as_votable 使用方式 加入acts_as_votable # [path] gemfile gem 'acts_as_votable', '~> 0.10.0' bundle install (記...
[Rails] each 使用 index
使用方式 <% @groups.to_enum.each.with_index(1) do |group, index| %> <tr> <td><%= index %></td> </tr> <% end %>...
[Rails] 12 in 12 挑戰 1 - AReddit
專案概述 網頁連結看板，提供使用者瀏覽，並提供有登入的使用者建立/修改/刪除，有喜歡和不喜歡的功能，並可於該連結留言。 步驟 Step1. 起步走 建立新專案 rails new AReddit 初始化git git init git add . g...
[Rails] Strong Parameter
strong parameter 是什麼? strong parameter是一個rails的安全機制，他是為了解決「大量賦值(Mass assignment)」因為太方便而造成的安全性議題。 為什麼我們要用 strong parameter? 簡單講就是限制可寫入的欄位，才能有效避免被Hack猜中其...
[Rails] Routing 的 Namespace
namspace 是什麼? 一種特定scope應用，能夠創造出一組獨立的controller、path、url Helper等。 例如： namespace :admin do resources :products end 可創造path： http://localhost:300...
[Rails] Validation 相關用法
前言 今天在使用驗證的時候覺得綁手綁腳，還是整理一些 Validation 常見使用方式來用好了。暫時先這些，之後使用到會再補充.. 驗證觸發點 只有在以下method執行時，才會觸發驗證： create create! save save! update update! 驗...
[Note] 給 Rails 新手惡補清單
基本能力 Google - 請點滿此技能 English - 現在至少會Google找翻譯的程度(我發現很多人錯誤訊息明明寫得很清楚，ex.template missing，但還是會直接丟Slack問，可以預想絕對無法進步) 沒碰過 unix-like 環境 terminal - 至少知道...
高雄 Rails 實戰班上課心得
先講結論 其實語言學久了就會知道，你在乎的不是語言，而是這個生態圈。 這堂課有很多助教可以問、課後有slack可以加入、有Office Hour、meetup可以參加，其實這張票就是通往這個生態圈的門票。 你問我值不值得，我絕對推薦你來參加，因為課程不僅是表面上的4週，還是永久的學習圈。 前提是你能夠好好利用...
[Note] Rails method new, build, create, save的差異
前言 練習 Rails101 時，經常有此疑惑，為何新增時用 new，但在實際建立又用 create， 而後又看到 build 的用法，所以為此應該進一步研究一下。 說明 首先這邊需要將 new, build, create, save 先區分為兩類： 類方法: new, bulid, create...
[Guide] Rails 使用 Bootstrap 套版步驟
選定想要的模板 先到startbootstrap.com去找免費模板 http://startbootstrap.com/ 找到後下載下來解壓縮，會看到很多資料夾，請直接點開index.html 確認需要調整的地方 點開後會看到你要的套版畫面，請於畫面空白處點右鍵選擇“檢視網頁原始碼” ...
[Note] Rails 實戰班上課筆記
《 一、軟體規劃 》 Computational Thinking 電腦解決問題的思維 把大問題拆解成可以時作的小問題 實作過程中找資源 User Story 實作方式 以人出發，先寫出所有角色主要項目 針對每個角色進行功能的擴寫 最後堆砌成待辦清單 《 二、網站實作(基...
[Guide] Rails101 簡易建立步驟
[ Chapter 1. 環境安裝 ] 1-1 確認ruby版本 ruby -v 1-2 安裝 gem rails 4.2.0 gem install rails -v 4.2.0 --no-ri 1-3 建立一個新 Rails 專案 ( 版本 4.2.0 ) rails _4.2.0_ new ...
[Note] about route links and assets
Route # [path] config/routes.rb root 'topics#index' #root page , go to controllor"topic" and method"welcome" get 'welcome', to: 'topics#welcome' # /welco...
[Guide] Guide for building a Simple Site.
1. check the version ruby -v rails -v 2. create a project gem install rails -v 4.2.0 --no-ri # "--no-ri" means do not install documentations rails _4....
[Guide] Build a Test Project by Scaffold
1. Create a Test Project rails new test_project 2. Turn into the Project cd test_project 3. Init a Git git init git add . git commit -m 'init' 4. Q...
Editor
[Note] Vim 學習筆記
前言 最近學習Rails，有感用滑鼠或觸控板仍是不夠快速，切換一直很卡， 可能也是之前習慣用notepad++的關係，改用atom後很多快捷鍵還是不太習慣， 社群中剛好有人在使用vim，讓我想起還有一個曾經想學習卻一直卡關的Editor，剛好趁此機會直接跳槽吧。 簡介 Vim是一套很古老知名免費且開源的編輯器，...
[Note] MacVim安裝方式
先安裝 homebrew http://brew.sh 使用 brew 安裝 MacVim brew update brew install vim 系統已經內建不需再安裝，因此我沒執行此行(避免有人系統沒內建，這邊還是加入此行) brew install macvim brew ...
[Tools] Atom snippets
Atom snippets https://gist.github.com/sdlong/e2188e26ad1a0231ae29 輸入簡碼，按下tab <!-- lt --> <% link_to("", path) %> <!-- ltd --> <%= l...
Ubuntu
如何使用自定義的 iso 建立 Linode
如何使用自定義的 iso 建立 Linode
Ubuntu 如何 mount windows 的分享資料夾
ubuntu 如何連接 windows 的分享資料夾
Ubuntu 如何使用排程 crontab
ubuntu 如何使用排程 crontab
CSS
[CSS] CSS 與 SASS/SCSS 轉換方式
前言 由於 bootstrap 的套版常常都是使用 css，改成 scss 會比較好做調整，因此想到是否有工具能夠快速轉換。 確認的結果官方及有兩個指令可以互相轉換，且也有線上網站提供轉換。 指令轉換 (以下範例xxx為input，yyy為output) SASS/SCSS 轉 CSS sass xxx...
[Rails] 關聯的 model 發生 nil 錯誤狀況處理方式
前言 關聯的 model 發生 nil 錯誤狀況處理方式。 因為實作時常發生此狀況，特此紀錄 狀況 有兩個Model為1對多的關聯，如Event及Category class Event < ActiveRecord::Base belongs_to :category end class ...
Jekyll
Jekyll 使用 mermaid 繪製流程圖
mermaid 是使用 JavaScript 開發的圖表工具。 他受到 Markdown 啟發，使用簡易的文字定義，即可動態建立圖表。 本文介紹如何將其嵌入 Jekyll 之中。
Jekyll 使用 private repo 建立 gh-pages
免費版的 github 建立 gh-pages 必須公開 repository。 如果想省錢又不想把 markdown 直接公諸於世該怎麼辦？
Links
[Links] The Reference of Rails
Studies Intro to Rails Rails 101 Rails 102 Rails實戰聖經 Articles Land Dream Rails Job xdite Blog Courses Rails 即戰力 meetups Rails...
Git
[Note] GIT常用指令
查詢 git status # 查詢狀態 git log # 查看log git branch # 查看目前branch 本地 git init # 初始化 git add . # 新增所有 git commit -m "[content]" # commit目前內容 git checkout [...
Agile
[Agile] User Stroy
User Story 是什麼? 敏捷專案常用技巧，其重點不在撰寫規格，而是改由用戶故事帶出專案架構。 為什麼我們要用 User Story? 透過不同角色，不同場景去模擬專案執行時的狀況，才能真實的呈現，甚至能抓出原本少思考到的問題。 透過簡單的功能敘述，才能使團隊成員皆能清楚了解項目實際運作方式...
Tool
[Tools] 圖片生成器
網站 http://placehold.co/ 在施作網頁畫面的時候，常需要放圖片，直接使用此方式即可： <img class="img-responsive" src="http://placehold.co/900x300" alt=""> 格式調整 長寬只填一項，就是正方形 ...
Ruby
[Ruby] Bitwise Shift
前言 剛好看到有人在詢問此問題，就打了一大篇，非本科系大概不知道， 應該每個語言都有 « 和 » 這個兩個 operator 吧。 可以拿 mac 的計算機來按， command+3 切到程式語言模式 ( command+1 切回來) 觀察二進位的變化。( 如下面範例的點法，就是5 + << 和 ...
JavaScript
[JavaScript] 轉頁 fadeIn/fadeOut 效果
前言 此方式需使用 turbolinks 的方法 新增效果 css 這邊使用animate.css動畫效果， 下載 animate.css 放至 assets/stylesheet，確保他有被application.scss載入 加入轉頁 javascript 新增一檔案，放至 assets/javas...
Vue
[Vue.js] 結合Rails建立簡易CRUD
1. 首先先建立一個vue101的專案 rails new vue101 -T 2. 加入vue套件 (這步驟可以改用現成的gem vuejs-rails) 把vue.js、vue-resource.js放進/vendor/assets/javascript/中 (vue-resource...