從github下載code後，更改到bitbucket私人專案的步驟

有時候因為需要參考到github的程式進行修改，修改後的程式碼要放在私人專案進行測試的話，步驟可參考:

https://stackoverflow.com/questions/46691186/how-to-clone-a-project-from-github-but-use-bitbucket-as-remote-repository

原理:

1. 把github的origin改成另一個名稱, e.g., upstream
2. 新增origin remote 到bitbucket
3. push 到新origin remote

Let encrypt ssl install

ref:  https://certbot.eff.org/#ubuntuxenial-apache

1. 安裝certbot
$ sudo apt-get update

$ sudo apt-get install software-properties-common
$ sudo add-apt-repository ppa:certbot/certbot
$ sudo apt-get update
$ sudo apt-get install python-certbot-apache 

2. 執行下列命令，回答問題後，就完成ssl安裝

$ sudo certbot --authenticator webroot --installer apache

3. 每90天會過期，寫下列命令到 crontab自動展期
crontab -e


# renew ssl cert
43 6 * * 1 certbot renew

Machine Learning好文章

http://blog.csdn.net/soulmeetliang/article/details/72619885

Git學習的好資料

[線上讀書會] Mouson 主講 git 入門 與應用實務
https://www.youtube.com/watch?v=gVByWjwetVc

[線上讀書會] 語堂 主講 github 實現多人共同開發

https://www.youtube.com/watch?v=OmlGiqilfRI

Vue的好教學影片

Vue.js入门学习
https://www.youtube.com/playlist?list=PLu3b11EPo_MfxhGAgO1LTJuDLTMCHIGLv

HTML APP快速版面規劃

nav: black, white
jumbotran: light-blue, dark font
button: green, white
font icon
6-column: white, black
side title: white, light gray
4-column: white, black
foot: green white
facebook font-awesome icon

tool:
fa2png.io

VueRouter的問題

如果沒有顯示，要檢查輸入的網址有沒有問題，
預設的情況下，必須為 localhost:8080/#/data/route, 重點在#字號，如果直接用絕對路徑去輸入，那麼vueRouter就會判斷錯誤。

詳
https://stackoverflow.com/questions/40550446/vue-js-routing-to-pages-not-working

Word2Vec好資料

1. https://youtu.be/Z7XimPdCFZ0

2. https://www.slideshare.net/ywchen88/word2vec-70245972?qid=c15fa37e-19cc-4903-b6a1-4486adc3a265&v=&b=&from_search=9

3. https://www.slideshare.net/HyunYoungLee3/word2-vec-81790245?qid=8ca149b7-4bb7-4b31-a1f8-f787ef8d9903&v=&b=&from_search=8

4. http://www.52nlp.cn/synonyms-%E4%B8%AD%E6%96%87%E8%BF%91%E4%B9%89%E8%AF%8D%E5%B7%A5%E5%85%B7%E5%8C%85

4. https://github.com/huyingxi/Synonyms

修正download目錄更新很慢的問題

https://www.laptopmag.com/articles/slow-windows-downloads-folder

如何在node js中上傳檔案

ref:
multipart/form-data

What does enctype='multipart/form-data' mean?
https://stackoverflow.com/questions/4526273/what-does-enctype-multipart-form-data-mean

https://www.hacksparrow.com/handle-file-uploads-in-express-node-js.html

1. 可以用express內建的body parser，解出multipart/form-data後，直接利用req.filename來存取資料。

2. 可以在 ios中，找相關程式來形成post的multipart/form-data後，送給server解析

處理二欄Word論文時，殺不掉的最後空白頁面

在寫二欄Word論文時，常常會碰到殺不掉的最後空白頁面，造成很大的困擾。把最後一頁刪除，則文件格式會跑掉；不刪除，則列印時都會出現最後空白一頁，多送紙。

解決方法:
到最後一行，把字型設定到最小，就可以解決這鳥問題。(不正規解法，但有用。)

OpenStack Install with CentOS

bg 重裝...Orz



安裝文件參考
https://www.hkitblog.com/?p=28724

vSwitch觀念影片
https://youtu.be/7x-JzMDN6Wc


很重要，必看***Introduction to Open vSwitch (OVS)
https://www.youtube.com/watch?v=rYW7kQRyUvA

心得:
0. 要用對外網路，不要用預設的命令，改用 (https://www.rdoproject.org/networking/neutron-with-existing-external-network/)

packstack --allinone --provision-demo=n --os-neutron-ovs-bridge-mappings=extnet:br-ex --os-neutron-ovs-bridge-interfaces=br-ex:eth0 --os-neutron-ml2-type-drivers=vxlan,flat

以上會加入vswitch，之後才能對vm內外互通。

After completion, given a single machine with a current IP of 192.168.122.212 (我的主機是192.168.0.226)/24 via DHCP with gateway of 192.168.122.11(192.168.0.1):

Make /etc/sysconfig/network-scripts/ifcfg-br-ex resemble:

DEVICE=br-ex
DEVICETYPE=ovs
TYPE=OVSBridge
BOOTPROTO=static
IPADDR=192.168.122.212 0.226 # Old eth0 IP since we want the network restart to not 
                       # kill the connection, otherwise pick something outside your dhcp range
NETMASK=255.255.255.0  # your netmask
GATEWAY=192.168.122.1  0.1 # your gateway
DNS1=192.168.122.1   0.1  # your nameserver
ONBOOT=yes

The file above will move the network parameters from eth0 to br-ex. 

Make /etc/sysconfig/network-scripts/ifcfg-eth0 resemble (no BOOTPROTO!):

Note: if on Centos7, the file could be /etc/sysconfig/network-scripts/ifcfg-enp2s0 and DEVICE should be enp2s0

DEVICE=eth0
TYPE=OVSPort
DEVICETYPE=ovs
OVS_BRIDGE=br-ex
ONBOOT=yes

It is also possible to use a bond. In that case /etc/sysconfig/network-scripts/ifcfg-bond0 may look like this:

DEVICE=bond0
DEVICETYPE=ovs
TYPE=OVSPort
OVS_BRIDGE=br-ex
ONBOOT=yes
BONDING_MASTER=yes
BONDING_OPTS="mode=802.3ad"

This means, we will bring up the interface and plug it into br-ex OVS bridge as a port, providing the uplink connectivity.

Restart the network service

# reboot

or, alternatively:

# service network restart

Now, create the external network with Neutron.

# . keystonerc_admin
# neutron net-create external_network --provider:network_type flat --provider:physical_network extnet  --router:external

Please note: "extnet" is the L2 segment we defined with –os-neutron-ovs-bridge-mappings above.

You need to create a public subnet with an allocation range outside of your external DHCP range and set the gateway to the default gateway of the external network.

Please note: 192.168.122.10.1/24 is the router and CIDR we defined in /etc/sysconfig/network-scripts/ifcfg-br-ex for external connectivity.

# neutron subnet-create --name public_subnet --enable_dhcp=False --allocation-pool=start=192.168.122.100.200,end=192.168.122.200.210 \
                        --gateway=192.168.122.10.1 external_network 192.168.122.00.0/24

接下來的，也許可以在圖形化介面做了

Get a cirros image, not provisioned without demo provisioning:

curl http://download.cirros-cloud.net/0.3.4/cirros-0.3.4-x86_64-disk.img | glance \
         image-create --name='cirros image' --visibility=public --container-format=bare --disk-format=qcow2

That's all you need to do from admin perspective to allow your users to connect their private networks to the outside world. Now let's switch to the user.

Since you haven't created a user yet:

openstack project create --enable internal
openstack user create --project internal --password foo --email bar@corp.com --enable internal

Now, let's switch to the newly created user:

# export OS_USERNAME=internal
# export OS_TENANT_NAME=internal
# export OS_PASSWORD=foo

Then create a router and set its gateway using the external network created by the admin in one of previous steps:

# neutron router-create router1
# neutron router-gateway-set router1 external_network

Now create a private network and a subnet in it, since demo provisioning has been disabled:

# neutron net-create private_network
# neutron subnet-create --name private_subnet private_network 192.168.100.0/24

Finally, connect your new private network to the public network through the router, which will provide floating IP addresses.

# neutron router-interface-add router1 private_subnet

Easiest way to the network and to launch instances is via horizon, which was set up by packstack.

1. 如果instance建不起來，有kvm錯誤，要先確定bios有打開虛擬化功能

2. 預設對外ip無法通訊，要設定floating IP前，先確定vSwitch網卡設定是否ok，可參考

https://www.hkitblog.com/?p=28801

3.

Meteor框架記錄

Meteor框架跟django框架很類似，但也有很多不同的地方，如

1. meteor框架的架構主要是會分成client及server，資料庫的部分使用mongodb的collection(這部分的程式碼是可以共用的)。
2. 檔案架構如下，其中imports目錄下的程式碼meteor不會主動載入，需要匯入的時候使用import語法匯入

• client
• server
• imports
• public

3. 在各個目錄下面，會需要設計許多html網頁樣板，meteor會自動掃描樣板整合。
4. 網頁樣板中的(只要一份)、(只要一份)、
5. 在各個目錄下面，會需要設計許多javascript程式，用來輔助樣板功能
6. 在路由的部分，可使用iron router及flow router，如果沒有要整合其他的前端框架，使用iron router 就可以了

Meteor應用設計流程如下:

1. 可利用bootstrap，規劃設計各個版面先
2. 把版面改成meteor樣板
3. 設定路由
4. 針對各個頁面去設計mongodb的集合
5. 針對各個js, 設計輔助功能, 利用meteor語法讀取資料，配製版面
6. 設計表單，針對表單的相關js設計事件處理方法，讀取表單的資料新增到mongodb集合中
7. 基本工能測試服務後，移除不安全的套件
8. 移除 autopublish功能，修改程式碼加入公開集合操作的函式，加強安全性

Meteor好用套件:

1. bootstrape
2. iron router
3. huston admin
4. accounts-ui
5. accounts-password

Install Ubuntu 14.04 on MacAir 2016

REF:

1. Get the wireless driver and put into the flash drive

http://askubuntu.com/questions/626642/how-to-install-broadcom-wireless-drivers-offline

"
If you are using Ubuntu 14.04.2 installation media the driver will not build
If you have 14.04.2, then download 64-BIT DRIVER FROM UBUNTU REPOSITORY or 32-BIT DRIVER, copy it to your home folder and run the same command. But you still need dkms_XXXXX.deb file from installation disk. Or you you can download it from HERE."


2. Install the Ubuntu according to the article

 https://medium.com/@philpl/ubuntu-14-10-running-on-my-macbook-18991a697ae0#.x4gsfg78u

Why Docker? VM or Physical

一些想法
Q:Docker 要裝在實體機還是VM中?
裝在實體機中，效能當然是最好。但是如果沒有用到實體機的全部資源，或實體機運算能力強大，可以把實體機切割成多個VMs，例如同時跑 Windows及Linux VM，如此可充分利用硬體資源。

Q:為什麼實體機有了Docker還要裝多個VM?
Docker有一些限制，如不能跑Windows VM等。

Q:為什麼要在雲端VM中跑Docker?
1. 雲端中心有大量資源，只要有錢，運算能力可以隨時Scale UP。網路頻寬可隨時加大。
2. 雲端中心租用以VM為主，Docker需要跑在OS上，所以需要一台實體或VM才可以執行Docker。
3. 用VM容易備份。

Q:要租多台VMs或一台VM with Dockers?
如果系統無特殊需求，當然是一台VM結合多個Dockers，系統資源較為有效利用，且省錢。

Q: Docker的好處是什麼?
1. 容易佈署，不會有環境問題，跑不起來。
2. 系統獨立，container之間環境獨立，不會因為多個應用系統，如apache, mongodb安裝不同版本函式庫，產生衝突。 可以各個封裝成不同版本的images, 有各自的相依套件，不會產生相依衝突。
3. Docker用aufs檔案系統，可共用系統層，節省資源。
4. Docker實際上是process，不用像VM需模擬系統底層，節省系統資源。
5. 開發者可以有統一的發展環境，不會因為不同電腦,不同作業系統版本，導致在A開發人員環境上可以執行，可是在B人員電腦上因環境問題(如少lib)不能執行。
6. 沒有雲端系統影像檔(VirtualBox, Vmware)相依性，可在不同雲端平台上快速轉移，不用轉換影像檔。
7. 共享docker file資源，可快速發展自己的image。

SHVC /SHM 編譯Windows 10, VS2015

Windows
1. Install TortoiseSVN
2. Go to https://hevc.hhi.fraunhofer.de/shvc
3. Use TortoiseSVN (Click on a folder with right mouse) to download https://hevc.hhi.fraunhofer.de/svn/svn_SHVCSoftware/tags/SHM-12.2/

4. Use visual studio 2015 community to compile.

5. Open the vc solution file.

6. build errors:

7. Install windows 8.1 sdk

8. Build Solution 

9. Watch Results

Mobile App Design Flow

1. Define the Problem and App Solution
2. Define Personas
3. Find the Use Case and User Story
4. Find the feature list
5. Prioritize the feature list (user story? scrum? kaban?)
6. MVP
7. Define main work flows  and others.
8. Prototype High Level Wireframe
9. Confirm the wireframe and prototype with users
10. Coding and Testing

references:
https://www.udacity.com/course/ux-design-for-mobile-developers--ud849

FFMPEG 降低frame數，但保留audio及高視訊品質

ffmpeg -y -i Chap01_06.mp4 -r 15 -c:v libx264 -crf 18 -strict -2 -movflags faststart -c:a copy nnChap01_06.mp4

Scrum and user story好投影片

http://www.slideshare.net/ertjona/workshop-paper-prototying-game

User Story Mapping Workshop (Design Skills 2016)
http://www.slideshare.net/mozyrko/user-story-mapping-design-skills-2016?qid=03fdb600-19a5-4610-9eb8-f9600f0bede2&v=&b=&from_search=5

Agile meetuphsinchu user story mapping workshop
http://www.slideshare.net/ssusere62027/agile-meetuphsinchu-user-story-mapping-workshop?qid=03fdb600-19a5-4610-9eb8-f9600f0bede2&v=&b=&from_search=23

Agile meetup - user story mapping workshop
http://www.slideshare.net/ssusere62027/agile-meetup-userstorymapping?qid=03fdb600-19a5-4610-9eb8-f9600f0bede2&v=&b=&from_search=8

User Story Mapping Workshop
http://www.slideshare.net/danapylayeva/user-story-mapping-workshop?qid=03fdb600-19a5-4610-9eb8-f9600f0bede2&v=&b=&from_search=15

comments:
product goals? ->personas-> user story mapping -> scrum sprint

Agile and user story workshop
http://www.slideshare.net/petersaddington/agile-and-user-story-workshop-peter-saddington?qid=754f9138-698f-4676-b8ee-7d546510d079&v=&b=&from_search=7

Scrum好投影片

http://www.slideshare.net/ertjona/workshop-paper-prototying-game