2017年7月14日 星期五

建立簡單的ES6+React+webpack 3開發環境

在大約1年前,我分享過一篇關於"利用webpack+babel建立簡單的ES6(ES2015)+React開發環境"的文章。

由於最近出了webpack 3,以及包括node,REACT在內的各樣更新。那篇文章恐怕已經過時了。此外,最近開始準備利用REACT開發新的項目,所以,我順便在這裡分享一下建立一個簡單的ES6+React+webpack 3開發環境。


Github地址為:
https://github.com/crongjie/simple_react_webpack3_environment



詳細步驟如下:

1. 首先, 需要下載和安裝Node.js (https://nodejs.org/)

我這篇文章所運用的開發環境的版本如下:
------------------------
node v6.11.1 LTS
npm v3.10.10
------------------------

2. 建立一個新文件夾用作存放文件,在這個例子裡面,我使用的文件夾是 /simple_react_webpack3_environment/

3. 輸入以下指令建立 package.json

npm init


在裡面隨便輸入一些內容, 如下:





2017年6月22日 星期四

[自製程式] FisheyeToPanorama



最近因為在玩魚眼鏡頭的關係,由於找不到好的程序去給我把魚眼(Fisheye)的圖像轉換為全景(Panorama)圖像,所以,自己去參考了一下網上的文章,並且用C#寫了一個簡單的工具去給我轉換圖像。

源代碼在我的Github裡面:
https://github.com/crongjie/FisheyeToPanorama


另外,還提供了exe的下載(需要.net framework):
https://github.com/crongjie/FisheyeToPanorama/raw/master/FisheyeToPanorama.zip

2017年6月19日 星期一

公式が病気 「煌樹まみかお別れの会」


 

由於最近在看新番Re:CREATORS(レクリエイターズ)的關係,而且剛好看見Re:CREATORS的·公式在搞這個奇怪的Event 「煌樹まみかお別れの会」。所以,在6月10日時我去了秋葉原參加這個充滿病気的Event(笑)。



ファンタシースター感謝祭2017





2017年6月10日的時候,去了千葉幕張メッセ的「ファンタシースター感謝祭2017」。
PSO2的Event,我是今年第一次去的呢。過往好像辦了好幾次了。總算是見識到 「ファンタシースター感謝祭2017」是怎樣子的呢。

另外,今年是五週年的紀念......PSO2這遊戲我是在開服時,就玩到現在的,不知不覺,已經玩了5年呢(雖然嘛,和剛開始比較,近年玩的頻率已經算是少很多了)。
但是,雖然過了五年, 幕張メッセ的「ファンタシースター感謝祭2017」倒是蠻多人去參加的呢。



2017年5月4日 星期四

[Raspberry Pi] 在Raspbian上安裝GitLab CE


由於個人開發用了svn好一段時間;另外,因為近期的工作上,都在用git....而且慢慢開始習慣了用git進行版本控制。所以,個人考慮在自家的服務器上裝上git的服務器,來給自己的新項目進行版本控制。
所以,我考慮在自家的Rabpberry Pi上,裝上GitLab。



這篇文章主要的參考內容為:
https://about.gitlab.com/downloads/#raspberrypi2


安裝方法如下:

Step #1:
首先執行以下指令, 更新Rabpberry Pi。
apt-get update
apt-get upgrade


Step #2:
然後,安裝需要的東西。
sudo apt-get install curl openssh-server ca-certificates postfix apt-transport-https
curl https://packages.gitlab.com/gpg.key | sudo apt-key add -


Step #3:
輸入以下指令,開始安裝GitLab:
sudo curl -sS https://packages.gitlab.com/install/repositories/gitlab/raspberry-pi2/script.deb.sh | sudo bash
sudo apt-get install gitlab-ce


安裝需要下載300多MB的內容,而且還額外需要多860MB, 對空間的需求也頗大。
安裝完畢後,會出現以上畫面。

Step #4:
然後,需要編輯檔案 /etc/gitlab/gitlab.rb

預設的話, external_url 的內容為 'http://raspberrypi'

由於HTTP服務器方面,我的Raspberry Pi已用上其他web server方面的服務,所以我在 /etc/gitlab/gitlab.rb 輸入以下內容,把我的GitLab Server設置到 Port 8081, 例子如下:
external_url 'http://IP地址:8081'
unicorn['listen'] = '127.0.0.1'
unicorn['port'] = 10087
nginx['listen_port'] = 8081


Step #5:
編輯 完畢後,輸入以下指令,重設並啟動GitLab。
sudo gitlab-ctl reconfigure


Step #6:
然後,利用 http://你的IP地址:8081  就會進入以下畫面設定管理員密碼:


Step #7:
在輸入完密碼以後,就可以利用以下賬號登入GitLab,或者另外去做一個新帳號。
ID: root
密碼: (剛才輸入的密碼)





後話:

雖然GitLab安裝容易,但可以,在Raspberry Pi裡反應太慢,而且還會因為反應慢,出現Error 502畫面。
所以,個人感覺很一般。也許需要把GitLab裝到別的服務器內,或者是因為我的Raspberry Pi已經運行了很多服務,不適合再用GitLab