Vue.js

今天想要介紹大家 Vuejs 一個非常小的 javascript 前端的工具或是 library

主要是我實在看了 react 的東西，看起來，真的有點多，感覺很囉嗦，不知道其他人是
做什麼樣的應用，可是，單純只是，這樣的東西，也許哪一天，我要來寫 fb 的前端，才會用吧

react native 對我來說，還是覺得不要再繞了，直接原生寫，會比較好玩 ;-)


backbone 用起來不錯，不過像是 angularjs 的 two way binding 或是其工具，要達到 angular 的方便，
用 backbone 需要自己刻，或是用第三方的延伸套件，對於 angularjs 方便用，不過又介入太深，完全就是他官方規範的
那一套寫法，引入了，很多概念，有點複雜了，要客製的時候，會採不少坑

最重要的還是我反骨啦，不相信一定要變複雜，不相信，要達到更多好處，生產力要降低
不相信，Designer 的合作，變得更難

小試一下，vuejs ，非常對味，產能倍增，上手簡單，看完說明第一頁，開始刻，立馬把一個很小的 app 由 backbone 用 Vue.js 來寫 ，邊看邊學
很快就可以看完了，有點像是精簡版的 angularjs，加上給你自己決定，要不要走 react 的設計模式
render 的方式和 react 不同，官方說法，是說很快

如果要走 redux 的模式，也有現成的套件



http://vuejs.org/
https://github.com/vuejs/awesome-vue
https://github.com/vuejs/vue-devtools
https://laracasts.com/series/learning-vue-step-by-step


越是做複雜的東西，工具越是要簡單

想給個讚，勸各位跳坑，用不是大家一致叫好的東西，自己能發現他的美好，自己分辨一個工具到底對你是加分還是減分，才是

潮

cc3d mini 刷 betaflight

分享 cc3d mini 刷 betaflight 的心得

之前用 cc3d 飛，都是用 openploit 官方的韌體，看到新版的並不支援 cc3d ，韌體也幾乎不再更新，先前雖有聽到 cleanflight 的韌體，但是一直沒有去嘗試，覺得 led 的的功能，好像對我幫助不大，openpilot 直接抄置頂文的 pid 設定，也飛的很穩，直到，後來一直看到 cleanflight 及 betaflight 的韌體更新速度，看到，可以直接把所有的警報功能，都移到飛控本身，可以讓我少掛一塊，失控警報的小板子，新版的韌體，國外大多評價都不錯，先前，看到 facebook 的社團也有分享 blackbox 的功能，就衝了一下，我是刷 bin 版，沒有把原本，openpilot 的 bootloader 蓋掉，沒有 auto tune，但是，還是可以利用即時調節的方式，可以直接在飛行的時候，調整所有的 PID 值，做最好調整，不必再掛藍牙版，或是手動方式，來來回回的調整，這對，我這種，機架是自己拼湊出來的四軸最友善了，因為，世界上，我這一台是獨一無二的，抄不到最適合的值，只有自己知道，調好後，直接降落，美國手，左邊左下，右邊，右下，就會存下來
cc3d mini 刷 betaflight ，borisbstyle 有打包馬達輸出，第六腳，當成蜂鳴器的輸出
https://github.com/borisbstyle/betaflight

https://github.com/borisbstyle/betaflight/releases

https://github.com/borisbstyle/betaflight/releases/download/v2.1.3/betaflight_CC3D.bin

https://github.com/borisbstyle/betaflight/releases/download/v2.1.3/betaflight_CC3D.hex

加上簡單的電路，就可以讓飛控，可以判斷低電壓的警報，及各種警報，或是直接有開關控制，很方便

接線參考圖
https://github.com/Arakon/cleanflight/blob/CC3D/docs/Wiring/CC3D%20Buzzer.png


我的警報器，及電壓分壓，找不到 1K ohm 10K ohm的電阻，我用 10K ohm 及 100K ohm 代替，不可以用太小的喔，這樣電流會太大
警報器，有線路圖可以參考

https://github.com/…/blob/CC3D/docs/Wiring/CC3D%20Buzzer.png

基本上照官方的就可以了，找不到現成的零件，也可以自己算一下，增益值，變通一下，給蜂鳴器的輸出不可以大於 25毫安培，比較好，我是警報器，焊好後，確認好後，用熱融膠給他包一下，然後，分壓器，就是用熱縮套，加杜邦頭，美化一下，做成一條 線，電池正接歐姆數大的電阻，電阻串接點接 CC3D 接收第 7腳 (我是用 R6D ppm 的模式 ，第7腳是接收 battery 電壓分壓後的電壓，不可超過 3.3 伏特) ，歐姆數小的電阻另一頭，接電池負，如果，你找不到批配的電阻，也可以在控制介面裡調整，放大值 vbat_scale 預設是 110 ，我就是照這個去配 ，蜂鳴器依照，那個參考線路圖，接到馬達輸出的第6 個就可以，圖片的電晶體用的是 557 他的增益值不同，一樣和官方建議的都一樣是 PNP 的電晶體，官方是建議 2n3906 ，電阻是 2.2K
我也是找不到 2.2 K 的電阻，只要到 3.3K 的電阻，及 KN3906 PNP 的電晶體
這就是我的電壓分壓，及蜂鳴器
啟動叫，armed 叫，失控叫，切換設定叫，低電壓依我設定叫，要他叫就叫，嫌小聲沒關係，自己選一棵大聲一點的蜂鳴器
小小聲的說，目前真的太弱了，太常撿機子了，所以這些警報，尋機功能就很實用，很羨慕那些，飛一趟，做一些優美動作，都不用撿機的大大

我的麵包板 BB 245

現在自己的四軸，用現成的零件拼拼湊湊，覺得

比買現成的機架彈性大很多，可以組自己想要的軸距，以後，應該不會再買機架了

材料，麵包洞洞板，現成的碳纖機臂，或是鋁合金或是碳纖管，方管，圓管都可以，我目前覺得
鋁合金方管的效益最高，不用固定座，成本便宜

馬達，我另外用白色的飲料蓋子保護，碳纖機臂，底部我也綁上，泡綿，等於，整台機子都有保護到

上面有上蓋，電控都在身體裡，下面有海綿墊著機臂，馬達有瓶蓋，電池，我是用魔鬼沾束帶，固定在下面，電池有用泡泡袋
包覆，保護，這樣非常的耐撞，耐摔，但是務必遵守飛行安全守則

http://copter.ardupilot.tw/introduction/safety-multicopter/

下面就是大概的組機圖了

麵包板，及碳纖機臂，加上分電板，及一個可調電壓的降壓模組


指甲大降壓模組


電子變速器，焊接上分電板，把額外輸出的電源，都上杜邦頭，方便外接


加一層減震座，我事直接用 8mm 的鋁柱，鎖前後減震板的孔位，飛控板，直接用 3m 壓克力膠帶黏上去


飛控板黏上去，遙控的接收器我在黏在飛控板上


側面


加上圖傳，及三合一警報器的固定方式，左右，都用束帶固定

海盜式單眼 FPV goggle 零件

準備用這些零件，來做成單眼的 FPV 眼鏡，滿足一下買不下去肥鯊眼鏡的小確幸


完成後的樣子






取景器效果很好，可是單眼，我不會飛

麵包洞洞板當四軸機身

最後


這一張是有上圖傳，FPV 的樣子



麵包板一片 28 元，相當便宜，後來我的電路，不走麵包板，單純只是鑽孔，做成機身，機臂，買現成的一支大約 75 ~100 元，碳纖材質

另一種，自製機架的方式，是買碳纖管，然後才切成想要的尺寸，再買現成的馬達座，但是算起來比較貴，要做軸距 280 mm 以上可以考慮

DIY 四軸馬達保護

臂可折，槳可斷，可是馬達，貴呀，還是省一點吧

DIY 馬達保護座







我是小電鑽，在把飲料蓋，鑽孔，在連馬達一起鎖上，這樣鎖緊後，蓋子，自然會微開，我後來覺得蓋子不需要鑽孔，用美工刀，切割，要鎖的溝槽就可以了
就不太需要精準孔位，溝槽，切大一點就好

完工，飛起來，還好，飛行時間也沒有明顯減少

另外一台，要用麵包板，打造的迷你小四軸，做好了，在跟大家分享

墜機

飛了幾次，開始動作越來越大膽，

白目的開始翻了起來，一陣大風，

墜地後



好險，機臂沒斷，飛起來，也還正常

繼續飛下去

小四軸

小四軸 QAV 250 Pro 板

開始組裝



電變，有些人，用金插接，有些人直接焊在馬達的線上面，或是將電變版，上面的線拆了，直接馬達線焊上去，我是直接焊
另外這一塊分電版，小四軸，可以不用啦，我後來，是把它拆了，不用了，一般，會需要 5V 或是 12 V 的電源，3S 的鋰電，大約 11.1V ，我選的電變 Emax 銀燕12A BLHeli 系列電變/電調
有帶 5V 1A 的 BEC 供電，另外就是，小四軸，沒有吃電很兇，所以分電版，我是覺得不用了，如果有用分電板，記得碳纖的機架會導電，要絕緣好


無刷馬達的海綿不要丟，拿來做腳，比鎖螺絲的腳好多了


第一版完成，各位千萬不要這樣走線
馬達的線不要外露出機臂，這樣，撞擊，可能會割到馬達線
另外，馬達，到最後接到電池這一斷，只留一的可以單換得節點，其他不需要的線，都拔掉


改成第二版，只有線，用了兩對金插，直接對電源，還有一個jst 接頭，要留給圖傳的電


最後像這樣，由後面拍


側面，金插，還是用熱縮套，電器膠布，分一下顏色，該固定的，都要固定好，沒有例外，飛上去，掉出來，就麻煩了
原則，就是要輕，接點要少，拆裝要方便，調整維修也可以快速，為原則，可以先想，如果機臂斷一支，維修會很麻煩嗎？


斷槳，各位千萬要買耐炸的，這一種，摸起來，很薄，很脆的，很容易斷的，這一台 QAV-250 我目前是飛 6040 還有 5045 的槳，多飛幾次，再來
跟各位分享心得，差異

How I deploy my golang binary

在網路上，有很多 Docker 的佈署的文章，或是用來測試的方式

用 golang 撰寫的服務，編譯成執行檔後，你可以有很多的選擇，例如：upstart ， supervisord ， 或是 daemontools

這一次，我想用 Docker ，想要他的彈性

但是，不管用 Ubuntu ， Debian 或是官方的 Golang 的 image

總覺得 image 太大，不合用，直接由 scratch 做 image 又覺得，萬一有一些系統的相依套件，需要的時候，不方便

所以這是我目前的萬用 image 的 Dockerfile

FROM alpine:3.2
RUN apk --update add curl
WORKDIR /usr/src/app
ENTRYPOINT  ["/usr/src/app/goapp"]

實際的編譯執行檔，分資料夾放，名字都叫做 goapp，執行 container 的時候，用 -v 掛載進 container 的 /usr/src/app
golang 的程式記得可以用環境變數，更改一些執行的變數，像是，資料庫連結，等等，只要執行 container 時，用 -e 帶給 container

以後上新版的執行檔，就只要下 docker restart your_running_container 而已


image 裡安裝的 curl ，只是要順便把 ssl certificates 安裝，這樣就有 root certificates

這樣的 images 大小大約 8.7 MB ，夠小，也很快

颱風假的新聞

今天是難得的颱風假，看新聞總有一種怪怪的感覺

總是說電影院，或是 KTV 人滿為患，這些媒體記者

這麼多年了，角度總是沒變過

總沒人探討，為何，這些娛樂的營業場所，總是在颱風假，依就營業的問題

讓工作的人員，總是必須冒著生命安全受到侵害的危險，出門工作

就像是地方政府首長，做出對大家生命安全最安全的決定

你選擇，出門玩樂，那是你自由的選擇，但是，這些 KTV，電影院，或是百貨公司的從業人員

他們能選擇對自己安全的選擇嗎？

Prepare your Linux USB bootable on Mac

在 Mac 上面要準備你的 GNU/Linux USB 安裝拇指碟

沒有像上 Linux 上面這麼的方便，畢竟這就是華麗的代價



基本步驟，這裡指的是 Debian 的安裝 ISO 檔案為例

1) 下載 ISO http://cdimage.debian.org/debian-cd/8.0.0/amd64/iso-cd/debian-8.0.0-amd64-netinst.iso


2) 轉檔 hdiutil convert -format UDTO -o debian.img debian-8.0.0-amd64-netinst.iso

3) 找到你 USB SD 卡的磁碟名稱 diskutil list

4) 我的例子是 /dev/disk3

5) diskutil umountDisk /dev/disk3 卸載

5) 切割 USB 碟，格式化， diskutil partitionDisk /dev/disk3 1 "Free Space" "unused" "100%"

6) sudo dd if=debian.img.cdr of=/dev/disk3 bs=1m

恭喜，這樣可以做完收工了，可以有 Linux USB 安裝拇指碟


參考資料
http://blog.tinned-software.net/create-bootable-usb-stick-from-iso-in-mac-os-x/

http://unix.stackexchange.com/questions/114984/how-to-create-a-bootable-linux-installation-usb-from-an-iso-in-os-x

Chrome avatar

忘了，Chrome 到哪一版，更新後，頭像不見了，剩下名字而已

這樣可以繼續用，原本的頭像顯示

打開 Chrome 到 chrome://flags/#enable-new-avatar-menu 關了他，restart Chrome ，Hi avatar.

參考

http://lifehacker.com/how-to-disable-chromes-new-user-menu-1679224275

DD WRT Client Bridge

想要連接，兩間房子的網路，失敗及成功方法

目的希望可以用無線的方式，分出網路到同一棟大樓，不同樓層，兩個陽台，目視可見，不用再重新申請網路

失敗經驗


目前的硬體，主要的 Router AP ，原廠韌體，接 HINET 家用光纖，放九樓陽台
RT-N18U




另一台放在不同樓層的無線 AP，刷 DD WRT 韌體，放四樓陽台
TP-LINK TL-WR1043ND V1




N18U
標準 AP 設定方式，另外固定無線頻道，我固定頻道 6，設定 WDS 可以連線的 AP mac address
Address 192.168.1.1 netmask 255.255.255.0
DHCP server on
DHCP 分配 IP 範圍 192.168.1.100 ~ 192.168.1.254
WPA2/Personal AES

WR1043ND

把 WAN disable
IP 位置設定 192.168.1.2
DHCP server off
Wireless mode 選 Client Bridged
SSID 及密碼和 N18U 相同

重新開機後，電腦，接 WR1043ND 的網路線，是可以上網，但是大約幾分鐘後，網路就會斷，用 telnet 連到
WR1043ND 的機器，去連線，也是一段時間後就會斷，可以由用網路線接 WR1043ND 的上網的電腦，重新取得 ip 連線，又可以回復

實際把上網電腦，設成固定 IP 及路由，也是無法連線，試著，在 WR1043ND 上面設定靜態路由，也沒辦法，

可能是我的網路概念，還不夠清楚，所以就放棄了，尤其覺得一開始都是可以連線，大約幾分鐘後，斷線後，一定要重新 DHCP 得到 IP
才能恢復連線，感到不穩定


最後成功方法解法很簡單，反過來

Hinet 接 WR1043ND 當成主要的無線 Router，反過來，N18U 開成無線中繼模式，這時用 N18U LAN 接著上網電腦，就可以連線了
速度，比一半，在少一點，不過堪用了

原來，原廠的韌體，簡單好用，少花一些時間，會在直接買一台，同牌的支援應該更沒問題

接了，賣家送的 8db 天線，真的有差別，訊號的強度，好很多，帶來的就是連線速度的穩定性

以上，簡單的經驗分享

consul and etcd

Etcd 自從 0.4 版的以後，設定的條件，長得很不像話

該望向 consul 了

掃地機器人 part 1

假日，來做一下簡單的玩具車

就老鼠板的概念

把家裡，一些沒有的東西湊合著做

材料

1. arduino 機板 Mega 2560 NT 320 ，可以用更便宜的

2. 便宜電機驅動板 NT 120

3. 馬達及齒輪組 x 2 NT 190 * 2，有 60 元的可以用

4. HC-SR04 x 2 NT 30 x 2

5. 一般的黏地滾筒 跟老婆要的

6. 不要的紙盒 老婆施捨

7. 數條杜邦線，自己還有


共花 320 + 120 + 380 + 60 = 880 (這一次，只有買馬達，及 arduino 板，其他都是原本就有的)

材料






組裝完




外觀




檢討

輪子，應該要內縮一點，這樣，障礙判斷會更精準

要有類似離開死巷的演算方式


PS: part 2 當然就是加吸塵了

錢薄了，不是房子貴了

現在的小吃，或是零食餅乾，紅豆餅所有的東西

那一樣，沒有比小時候，漲個兩三倍，或是包裝換了

把內容量變小，或是重新取新的名字，加價賣

假如，錢變小的，大家薪水沒有跟著漲上去，就是政府的問題

如果，是錢沒變薄，房子卻變貴不少，再來說炒作的問題

在台北市的精華地段，確實早就有這些問題，這不也是，政府

刻意營造的結果，大興土木，交通便捷，就業績機會豐沛，不往這裡擠，

別的地方賺不到錢呀，這個膝蓋想也知道

只要地方的經營，和建設有跟上，資源分配有合理，而不是一昧的炒作土地的利益

自然炒作，變得沒有利益，假如嘉義人住嘉義，或是花蓮人住花蓮，月入數十萬，我幹嘛沒事離鄉背井，上台北

就像是，河裡有金砂一樣，再遠，大家也會不辭路途遙遠，爭相來掏金

現在就是，有金砂的地方太少了

Google Cloud

Google Cloud Engine 上面的文章，概略介紹

puppet , chef , salt , 及 Ansible 的整合

我則是看看可不可以用 ansible , docker 及 kubernetes 可以方便一點

https://cloud.google.com/developers/articles/google-compute-engine-management-puppet-chef-salt-ansible/

Docker 文件

http://yeasy.gitbooks.io/docker_practice/ 簡體中文

http://philipzheng.gitbooks.io/docker_practice/ 正體中文