[小工具] flash提示窗變變變

Published on:
  • 好用的gem- gritter,可以把簡單的flash提示窗變成如下圖

安裝4步驟
步驟1:

Gemfile
+ gem 'gritter'

bundle install 後要記得重啟 rails s
步驟2:
終端機輸入 `rails g gritter:locale
步驟3:

app/assets/javascripts/application.js
+ //= require gritter

步驟4:

app/assets/stylesheets/application.scss
 + *= require gritter

如何讓他顯示~~~?

app/views/layouts/application.html.erb
<%= render "common/footer" %>
</body>          
+  <%= js add_gritter(flash[:notice],image: :notice , title: "BGR:", sticky: false), extend_gritter(position: :bottom_right) %>
+  <%= js add_gritter(flash[:warning],image: :notice , title: "BGR:", sticky: false), extend_gritter(position: :bottom_right) %>
+  <%= js add_gritter(flash[:success],image: :notice , title: "BGR:", sticky: false), extend_gritter(position: :bottom_right) %>
</html>        
+  <script>new WOW().init();</script>

我的方式是有用到的flash都要變成這個視窗。所以寫了3個flash。gritter上還有其它用法的說明。這邊我只用了最簡單的~

[錯誤紀錄] params 沒有設定,導致表格內容無法顯示

Published on:


  • 位置:Admin/appointments/index 網頁

  • 錯誤訊息:Appointment 後台表格的message 內容不會顯示出來,用rails c創建可以,但在網頁上表格填寫的卻不行。
    紅色框框是rails c 裡建立的, 黃色匡是在網頁上填寫表單後送出的

  • 原因:因為用rails c建立可以顯示,代表message的代碼部分是沒有錯誤的。
    但是為什麼在網頁上填寫卻不行呢? FORM SUBMIT後會送參數到controller篩選後再到view顯示。
    於是去檢查controller的params 有沒有設定到:message 。

  • 錯誤排除方式:將controller裡的def appointment_params 參數加上message

[錯誤紀錄] NoMethodError

Published on:


  • 位置:Admin/appointments/index 網頁

  • 錯誤訊息:undefined method strftime for nil:NilClass

  • 原因:由於在開發時,到後面才實作將加入 booking_time 的欄位,所以導致之前的資料完全沒有booking_time 的數值

  • 錯誤排除方式:進入rails c 把之前的資料給刪掉,重新創建一筆,就正常了

Appointment.destroy_all
Appointment.create(user_id:1,service_id:1,booking_name:"test",
  booking_phone:"1234",booking_time:"2017/05/12 16:10",booking_email:"11@test.com",message:"123")

[工具] RealtimeBoard 便利貼功能,視覺化溝通白板

Published on:

優點

  • 可以使用功能很多,也有提供模板可以用,除了網頁版也有app。只要有手機就可以用囉~超方便

    • 插入各種雲端服務的影音資料
    • 插入圖表、圖庫、模板
    • 新增各種筆記
    • 在圖片、文件上畫註解
    • 連結多個物件,繪製流程圖
    • 選擇多個物件、建立群組
    • 所有編輯自動儲存
    • 多人協同合作
    • 線上即時討論串
    • 重新組織看板
    • 放大縮小看板視野
  • 免費帳戶提供最多三個看板額度,每個看板可以邀請三位協作者,對小型團隊間的討論或許就能滿足需求

如何使用

藉由項目管理學習管理自己的人生

Published on:

項目管理重點:
留1/3時間測試跟排練,2/3時間開發
先找出『成功』的定義,根據『成功』排定時間管理的優先順序
保留出測試時間,開發時先開發主要功能再做支線功能。
砍掉不必要的功能,等日後有時間再補上

任何需要時間的都需要項目管理,包含你的人生。
現在社會平均人可以活到80歲
例如我自己對於成功的定義是我希望35歲以前可以擁有財富自由
現在是25歲,還有10年的時間
扣掉1/3,我還有7年時間可以達成目標!
7年內如何達到目標,再去規劃安排短程跟長程目標。
運用項目管理所學到的套路,去管理自己的人生。
會發現自己的人生變得有意義而且目標明確。

[報錯記錄]ActiveRecord::StatementInvalid

Published on:

位置:終端機

錯誤:進行rails c 測驗j.collectors << u的時候失敗,顯示ActiveRecord::StatementInvalid: Could not find table 'job_favorites'

解法:
因為顯示『Could not find table 'job_favorites'』 檢查自己是不是沒有rake db:migration
果然! rake後就成功了~

與自己對抗的10天,透過交流找到出路

Published on:

從4/25到今天,總共10天的時間。
10天內我要爬出坑,爬到一半就又跌下去了。
我的作品9天左右沒有更新,全棧營學習的進度,停滯不前。
4/27-28感冒兩天,請假在家。 看了老師的項目管理篇,試著定出自己的項目管理。
打算4/29-5/1三天的連假,好好補上落後的進度!!
台北meetup群的同學們討論後決定4/29-5/1三天 都開meetup大家可以一起討論大賽項目遇到的問題。
4/29參加後, 4/30一早就又開始不舒服拉肚子了,於是兩天meetup 沒參加到。 想當然,也不會有進度。
由於公司請假了兩天,於是5/2和5/3開啟了恐怖加班,兩天都加班了四個小時。
回家後,知道自己進度落後,覺得大賽也贏不了,那麼多天沒更新了。
決定放棄,先學習JD store ,殊不知,跟著教材走,5/2只寫完了user stroy
5/3預計進度 是要做完第一部分,可是只安裝完bootstrap就做不下去了。
逃避打代碼,逃避全棧營學習,想放棄,覺得自己學不會的那種心態。
5/4也逃不了加班。只好8點在公司看完直播在回家。
直播完,老實說,老師給了很多雞血,很多打中我在魔改時的要害。
於是終於肯誠實面對自己這陣子所有的負面情緒。
加上同學即時的關心。因為我很多天沒更新logdown也沒更新作品。
和同學聊了一下自己的最近的心情感想。
總結出我的心態應該是『覺得進度落後了,怎麼趕也趕不上,想放棄』
於是他幫我分析了。
我其實根本沒有落後,交了作品就已經是前三分之一了。
而且讓人喜歡並投票支持你的作品,並不是很容易的事情。
是要有計畫的!而我的作品票數並不是很低。
所以要放棄完美主義,真的全部都是呼應老師直播裡所說的,
去拆解你所遇到的問題,找出最小可行的問題,一個一個解決。
既然已經知道自己的問題是在心態上,就從心態上去矯正。
有時候自己知道自己問題在哪,但是卻不知道該從何做起。
這時候可以厚著臉皮請教同學,每個人的見解都不同。
透過他們的眼看到那麼努力的自己。你才會知道現在發生在你身上的情緒跟心態問題根本不是問題。
透過同學,你才會發現,深陷在迷霧中,就算知道方向,但看不到路在哪。而同學就是你的那道光,讓你不在路上迷失。
所以交流是很重要的。

[分享] 5分鐘手把手教學 - tawk線上即時客服系統

Published on:

5分鐘內迅速安裝好線上即時客服系統

系統介紹--twak

  • 特性: 一切"免費"。目前沒有額外的付費方案,沒有分什麼付費版或免費版,也沒有廣告。 可用於所有網站。它也可以用在一般的網頁上,Joomla!系統其他系統,或是只用單純的HTML網頁也行。 有中文介面。中文也很重要,很多這類的系統可能不一定有中文介面。 全功能。這套tawk有幾乎應該有的線上客服功能。它也有提供iphone和android的手機應用程式(給客服人員用的)

如何安裝:

網站是https://www.tawk.to
雖然網站沒有中文說明,不過註冊完進管理區後可以在選擇"中文"
官網畫面


註冊後頁面可選擇中文,接著按照他的步驟一步一步做就可以囉


到這個步驟,複製框內的代碼,貼到 app/views/layouts/application.html.erb

如何更改設定呢?

他的好處是:我們不需要去改代碼,在tawk後台編輯就好囉~


好處二:在他的後台編輯外觀是可以直接看到的~是不是超方便~