wastemobile wastemobile

#Meteor and Self-hosted Infrastructure

Meteor is an eye-opening JavaScript framework that runs on both the client and the server, giving developers a revolutionary take on software engineering. If you are not familiar with Meteor, I urge you to visit their website.

##An overview

In this brief gist, I am going to discuss the process of setting up a server (in my case, a VPS) to host Meteor applications.

My experience with Meteor has been brief, however it has not taken much demonstration for me to realise the significance of this stellar framework. Let's jump right in!

	var JOURNAL = require('./journal');

	//陣列的 indexOf(name) 回傳索引或 -1（不存在）
	//這個 hasEvent 用來檢測某事件是否存在
	function hasEvent(event, entry) {
	return entry.events.indexOf(event) != -1;
	}
	//將某事件與變松鼠的關係寫成 [n00, n01, n10, n11] 陣列
	function tableFor(event, journal) {
	var table = [0, 0, 0, 0];

	## 資源

	- [入門資源連結](https://cnodejs.org/getstart)
	- [七天學會NodeJS](http://nqdeng.github.io/7-days-nodejs/)
	- [Node.js 包膠不包會](https://github.com/alsotang/node-lessons)
	- [使用 Express + MongoDB 搭建多人博客](https://github.com/nswbmw/N-blog/wiki/第1章--一个简单的博客)

	context: HTML, CSS, JavaScript

	只為了測試前端：

	```
	python -mSimpleHTTPServer
	```

	## Node

	安裝 nvm 管理 node 與 npm，這個程序若使用 Homebrew 安裝，就算看起來沒問題，但使用一陣子、多半是有更新時，很容易出錯，因此改採自行安裝的方法。

	1. git clone https://github.com/creationix/nvm.git ~/.nvm
	2. cd ~/.nvm
	3. git checkout `git describe --abbrev=0 --tags`

	git describe 是尋找距離目前最近的 tag，預設是找正式的標籤，加上參數 `--tags` 則連同輕量級（lightweight - non-annotated tag）也算在內；參數 `--abbrev=<n>` 是修改以七位 hexadecimal 數字的預設，當 `<n>` 等於 `0` 則會捨棄預設的長格式，只將最近的標籤拿來使用。

	// Flat UI Colors
	$turquoise : #1ABC9C;
	$emerald : #2ECC71;
	$peter-river : #3498DB;
	$amethyst : #9B59B6;
	$wet-asphalt : #34495E;
	$green-sea : #16A085;
	$nephritis : #27AE60;
	$belize-hole : #2980B9;
	$wisteria : #8E44AD;

	# 在 Mac 上使用 MAMP, PHP Composer and Laravel

	在個人目錄 `~/` 下已建立了 `bin` 目錄，並加入執行路徑中。

	前往 `bin` 目錄運行下列指令，會安裝一個 `composer.phar` 檔案。（升級時重複運行這行即可。）

	`curl -sS https://getcomposer.org/installer \| php`

	編輯 `~/.bash_profile` 檔案：

	/**
	* Converts an SVG element to an IMG element with the same dimensions
	* and same visual content. The IMG src will be a base64-encoded image.
	* Works in Webkit and Firefox (not IE).
	*/
	$.fn.toImage = function() {
	$(this).each(function() {
	var svg$ = $(this);
	var width = svg$.width();
	var height = svg$.height();

	server {
	listen 80;
	server_name asami.local;
	root /Users/wastemobile/site/asami;
	index index.php index.html index.htm;
	charset UTF-8;

	location ~ /\.ht {
	deny all;
	}

	安裝 Nginx, PHP-FPM, MySQL and phpMyAdmin on OS X Mavericks using Homebrew

	Recently got a new MacBook Pro and decided to set it up from scratch, because I use the same Time Machine backup to migrate from since about four years. Perfect time to get rid of the web server/LAMP (Linux Apache MySQL PHP) stack and replace it with Nginx and PHP-FPM as FastCGI implementation. Below you can read how to setup Nginx, PHP-FPM, MySQL and PhpMyAdmin on OS X 10.9 / Mavericks.

	Xcode

	First of all, get the latest Xcode version via the Mac App Store:

	Download Xcode.app (via Mac App Store)