<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-6222258441841103484</id><updated>2024-11-08T23:15:33.883+08:00</updated><category term="晴天陰天雨天"/><category term="看圖說故事"/><category term="只有文字"/><category term="應該分享的"/><category term="C/C++"/><category term="Linux"/><category term="Tools"/><category term="沿路風景"/><category term="音樂會說話"/><category term="CSS"/><category term="PHP"/><category term="生活計畫"/><category term="javascript"/><category term="程式語言"/><category term="網路程式設計"/><category term="論文"/><category term="Apple"/><category term="MAC"/><category term="WebDesign"/><category term="mongodb"/><category term="node.js"/><category term="sublime text"/><category term="網路管理"/><category term="藏在心裡"/><category term="資訊安全"/><category term="AJAX"/><category term="Blogger"/><category term="F2E"/><category term="Hadoop"/><category term="PhoneGap"/><category term="TOEFL"/><category term="bookmarklet"/><category term="express"/><category term="handlebars"/><category term="python"/><category term="shell"/><category term="vim"/><title type='text'>on the road.</title><subtitle type='html'>生活 + 筆記</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>158</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-8349239164783257828</id><published>2014-04-04T14:12:00.000+08:00</published><updated>2014-04-04T14:12:10.228+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="晴天陰天雨天"/><title type='text'>不要成為那樣的大人</title><content type='html'>紛紛擾擾&lt;div&gt;
最終還是敵不過那些心懷詭計的人&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
該退場了&lt;/div&gt;
&lt;div&gt;
但要記住&lt;/div&gt;
&lt;div&gt;
千萬不要成為那樣的大人&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
有一天&lt;/div&gt;
&lt;div&gt;
會改變的&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
謝謝你們&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAc80xT3wji0F7IsaN0F-GOowVhC8PfGsSynIhWDHQQAvzWhmxPDZ9fTRWNBzhuiIMY8nMkzJyfhCLOGGZX3UQakwiJjQO2t-Wrt39G-cDQ16YFyJbUS24oq_ITYAMAdqjPjJpzuw58HA/s3200/PICT0032.JPG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAc80xT3wji0F7IsaN0F-GOowVhC8PfGsSynIhWDHQQAvzWhmxPDZ9fTRWNBzhuiIMY8nMkzJyfhCLOGGZX3UQakwiJjQO2t-Wrt39G-cDQ16YFyJbUS24oq_ITYAMAdqjPjJpzuw58HA/s3200/PICT0032.JPG&quot; height=&quot;404&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/8349239164783257828/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2014/04/blog-post.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/8349239164783257828'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/8349239164783257828'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2014/04/blog-post.html' title='不要成為那樣的大人'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAc80xT3wji0F7IsaN0F-GOowVhC8PfGsSynIhWDHQQAvzWhmxPDZ9fTRWNBzhuiIMY8nMkzJyfhCLOGGZX3UQakwiJjQO2t-Wrt39G-cDQ16YFyJbUS24oq_ITYAMAdqjPjJpzuw58HA/s72-c/PICT0032.JPG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-8742337565977323859</id><published>2014-01-20T19:15:00.000+08:00</published><updated>2014-01-20T19:15:11.630+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="node.js"/><category scheme="http://www.blogger.com/atom/ns#" term="shell"/><title type='text'>用 node.js 跑 shell script </title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbjlaf9aWOHG3gTk2OAZ2r5VfsQ5ypbPBalWbMxnI3GQh125oPJvqEfFv83CQXug2Z5HOGXW_tWE02sSPLcfffciD03JkhFQFxkNugcY4is7LbnoIbdG8yLn4YhlLYrYUPW7Vu3oUkWPU/s1600/nodejs_0.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbjlaf9aWOHG3gTk2OAZ2r5VfsQ5ypbPBalWbMxnI3GQh125oPJvqEfFv83CQXug2Z5HOGXW_tWE02sSPLcfffciD03JkhFQFxkNugcY4is7LbnoIbdG8yLn4YhlLYrYUPW7Vu3oUkWPU/s1600/nodejs_0.png&quot; height=&quot;203&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;怎麼用 node.js 跑 shell script 咧 ?&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;node child_process module 主要提供了四個 create child process 的 function&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;1. exec&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;2. spawn&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;3. fork&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;4. execFile&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;這邊我就只介紹 exec &amp;amp; spawn&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;然後一點點 fork …&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;spawn 是最原始的 create child process function，其他三個都是 spawn 的封裝&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;spawn 和 exec 的最大差別是&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;1. 帶入的參數不同 ( exec 比較靈活 )&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;2. 和 parent process 之間 io 處理上不同 ( 請參考&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #042eee; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&lt;u&gt;http://villadora-blog.herokuapp.com/2013/05/07/differences-between-exec-and-spawn/&lt;/u&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp;這邊就不多提 ~ )&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;直接來看程式碼&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;var cp = require(&lt;/span&gt;&lt;span style=&quot;color: #dd2244; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&#39;child_process&#39;&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;),&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #999988; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;//spawn = cp.spawn,&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;exec = cp.exec,&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #999988; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;//ls = spawn(&#39;ls&#39;, [&#39;-lh&#39;, &#39;/usr&#39;]);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;ls = exec(&lt;/span&gt;&lt;span style=&quot;color: #dd2244; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&#39;ls -lh /usr&#39;&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;ls.stdout.on(&lt;/span&gt;&lt;span style=&quot;color: #dd2244; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&#39;data&#39;&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;, function(data) {&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;console.log(&lt;/span&gt;&lt;span style=&quot;color: #dd2244; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&#39;stdout: &#39;&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt; + data);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;});&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;ls.on(&lt;/span&gt;&lt;span style=&quot;color: #dd2244; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&#39;close&#39;&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;, function(code) {&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;console.log(&lt;/span&gt;&lt;span style=&quot;color: #dd2244; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&#39;child process exited with code&#39;&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt; + code);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;});&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;fork 的話是可以直接執行 node.js 的程式&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;像是&amp;nbsp;fork(&#39;fork_child.js&#39;);&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;而他和 spawn 的差別是 fork 可以會在 parent 和 child process 間建立一個 IPC (&amp;nbsp;Inter-process communication ) 用來做溝通&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;直接來看程式碼&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;fork_parent.js&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;var cp = require(&#39;child_process&#39;),&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; child = cp.fork(&#39;fork_child.js&#39;);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; // spawn(&#39;node&#39;, [&#39;fork_child.js&#39;]);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;child.on(&#39;message&#39;, function(message) {&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; console.log(&#39;parent got a message from child: &#39;, message);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;});&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;child.send(&#39;Call me Daddy&#39;);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;fork_child.js&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;var cp = require(&#39;child_process&#39;);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;process.on(&#39;message&#39;, function(message) {&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; console.log(&#39;child got a message from parent: &#39;, message);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;});&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;process.send(&#39;Daddy ~~~~~~~~~~&#39;);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;然後這次我在 project 中會用到 node.js 的 child process module 是因為我要執行 shell 去掃所有的字串&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;shell command 長這樣 :&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;execStr = &#39;grep -R --exclude-dir={lang,yrb,node_modules,compilers,sprites,uitests,tools,assets,tests} &quot;&#39; + str + &#39;&quot; &#39; + path + &#39; &amp;gt;&amp;gt; str.txt&#39;;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;其實就是讀一個 yrb.json 檔然後掃 string 去 grep 然後輸出到某個 file&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;現在知道可用 child_process module 來寫 shell script&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;簡單啦 ~&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;我就寫一個 for 迴圈把 yrb.json 的每一個 string 讀出來再去做 grep&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;但是 !!&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;遇到了一個問題 …&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;出現了這樣的 error&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;node.js:201&lt;/span&gt;&lt;span style=&quot;color: #202020; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;throw e; //&lt;/span&gt;&lt;span style=&quot;color: #202020; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;process.nextTick error, or error event on first tick&lt;/span&gt;&lt;span style=&quot;color: #202020; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;^&lt;/span&gt;&lt;span style=&quot;color: #202020; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;Error: spawn EMFILE&lt;/span&gt;&lt;span style=&quot;color: #202020; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;at errnoException (child_process.js:481:11)&lt;/span&gt;&lt;span style=&quot;color: #202020; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;at ChildProcess.spawn (child_process.js:444:11)&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;at child_process.js:342:9&lt;/span&gt;&lt;span style=&quot;color: #202020; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;at Object.execFile (child_process.js:252:15)&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;at child_process.js:220:18&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;我就用 google 大神找解法&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;先是找到了&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;1. 設定 ulimit -n 10000 ( 什麼是 ulimit&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #042eee; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&lt;u&gt;http://homeserver.com.tw/2011/04/02/ulimit/&lt;/u&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp;&amp;nbsp;)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;但不行 !!! 在我的 dev 最多就只能調到 1000 … ( 可能是硬體的限制吧 … )&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;然後就找到了另一個解法&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;2. queue&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;nodejs 是 non-blocking … 所以其實會去同時執行多個 process 這樣就會把資源給吃光光 …&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;所以只好寫一個似 blocking 的方法來解決&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;var queue = [],&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; MAX = 20, &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; // only allow 20 simultaneous exec calls&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; count = 0, &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;// holds how many execs are running&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; keywords = […]; &amp;nbsp; // long list of urls&amp;nbsp; // our callback for each exec call&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;function callback(err, stdout, stderr) {&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; count -= 1;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; if (queue.length &amp;gt; 0 &amp;amp;&amp;amp; count &amp;lt; MAX) {&amp;nbsp; // get next item in the queue! &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;count += 1;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;var url = queue.shift();&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;exec(&#39;shell command&#39;, wget_callback);&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; }&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;}&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;keywords.forEach( function(url) {&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; if (count &amp;lt; MAX) {&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; // go get the file!&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;count += 1;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;exec(&#39;shell command&#39;, wget_callback);&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; } else {&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; // queue it up…&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; queue.push(url);&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp; &amp;nbsp; }&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;});&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;

&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;這樣就可以解決一次跑太多 process 把資源吃光光的問題了 !&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Arial; font-size: 13px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;資料參考：&lt;/span&gt;&lt;br /&gt;

&lt;span style=&quot;color: #042eee; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;https://www.byvoid.com/blog/node-child-process-ipc/&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #042eee; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;http://homeserver.com.tw/2011/04/02/ulimit/&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #042eee; font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;http://www.runtime-era.com/2012/10/quick-and-dirty-nodejs-exec-limit-queue.html&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Andale Mono&#39;; font-size: 13px;&quot;&gt;&amp;nbsp;&lt;/span&gt;
</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/8742337565977323859/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2014/01/nodejs-shell-script.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/8742337565977323859'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/8742337565977323859'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2014/01/nodejs-shell-script.html' title='用 node.js 跑 shell script '/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbjlaf9aWOHG3gTk2OAZ2r5VfsQ5ypbPBalWbMxnI3GQh125oPJvqEfFv83CQXug2Z5HOGXW_tWE02sSPLcfffciD03JkhFQFxkNugcY4is7LbnoIbdG8yLn4YhlLYrYUPW7Vu3oUkWPU/s72-c/nodejs_0.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-199343518095514992</id><published>2014-01-17T17:06:00.001+08:00</published><updated>2014-01-17T17:06:07.439+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="MAC"/><title type='text'>在 mac 上 mount remote folder</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3OCnQFSt37gFag07P3rVjhnF2Eng9rHFbNrEWQ6p4eK9dTxFKezr0YVl3aILQGvDt0gQFlg8Tk253Y2urJRpcVNyKEwNJvhvH-8CroSt5thYP7Hw7EalR1mQ4HkoT-oHM5QtAi2PWcSg/s1600/Screen+Shot+2014-01-17+at+4.55.35+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3OCnQFSt37gFag07P3rVjhnF2Eng9rHFbNrEWQ6p4eK9dTxFKezr0YVl3aILQGvDt0gQFlg8Tk253Y2urJRpcVNyKEwNJvhvH-8CroSt5thYP7Hw7EalR1mQ4HkoT-oHM5QtAi2PWcSg/s1600/Screen+Shot+2014-01-17+at+4.55.35+PM.png&quot; height=&quot;112&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
1. 到 &lt;a href=&quot;http://osxfuse.github.io/&quot;&gt;http://osxfuse.github.io/&lt;/a&gt; 下載 OSXFUSE &amp;amp; SSHFS packages&lt;br /&gt;
2. 寫一個 shell script&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #6fa8dc;&quot;&gt;#!/bin/sh&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #6fa8dc;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;color: #6fa8dc;&quot;&gt;mkdir /Volumes/answers_mobile&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #6fa8dc;&quot;&gt;sshfs username@remote_host_folder /Volumes/local_folder_name&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #6fa8dc;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;color: #6fa8dc;&quot;&gt;# to unmount: diskutil unmount force&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
3. 更改此 shell script 的權限 : $ sudo chmod 755 mount.sh&lt;br /&gt;
4. 執行 shell script : $ ./mount.sh&lt;br /&gt;
5. mount 成功&lt;br /&gt;
&lt;br /&gt;
可在 finder 下看到 mount 的 remote folder&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieDTqUabwOLWb_kSYIxF1G4Ze60Dz4ufoADzsT1iW5veQgVSO9K6jsrmL2RPOr07aVsEP70SiIZo0Vw5Q94GpUA8ybq1jGk4MSmA9kiSFgu5w7VVlHHYGFMzAe4vhYqF4I9VntmioJ9ms/s1600/Screen+Shot+2014-01-17+at+5.02.54+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieDTqUabwOLWb_kSYIxF1G4Ze60Dz4ufoADzsT1iW5veQgVSO9K6jsrmL2RPOr07aVsEP70SiIZo0Vw5Q94GpUA8ybq1jGk4MSmA9kiSFgu5w7VVlHHYGFMzAe4vhYqF4I9VntmioJ9ms/s1600/Screen+Shot+2014-01-17+at+5.02.54+PM.png&quot; height=&quot;309&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/199343518095514992/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2014/01/mac-mount-remote-folder.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/199343518095514992'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/199343518095514992'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2014/01/mac-mount-remote-folder.html' title='在 mac 上 mount remote folder'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3OCnQFSt37gFag07P3rVjhnF2Eng9rHFbNrEWQ6p4eK9dTxFKezr0YVl3aILQGvDt0gQFlg8Tk253Y2urJRpcVNyKEwNJvhvH-8CroSt5thYP7Hw7EalR1mQ4HkoT-oHM5QtAi2PWcSg/s72-c/Screen+Shot+2014-01-17+at+4.55.35+PM.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-665432409234739634</id><published>2013-12-07T18:33:00.001+08:00</published><updated>2013-12-07T18:35:00.116+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="express"/><category scheme="http://www.blogger.com/atom/ns#" term="handlebars"/><category scheme="http://www.blogger.com/atom/ns#" term="node.js"/><title type='text'>把 express 的 view engine 改成 handlebars</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9aFGtSwxxpgpQfFZFjfTV8crKJG9nUTrfHaIkp1WNy6Pp0Sr0x9ZBotcNyPRVqpQ6OEZx1XE3C5DayqDFwo2G_DEm1KQRNeOo0vjzkS-doPulp8L6aUkviWppv7I1aBSehFQCUzn_Afw/s1600/Screen+Shot+2013-12-07+at+6.33.23+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9aFGtSwxxpgpQfFZFjfTV8crKJG9nUTrfHaIkp1WNy6Pp0Sr0x9ZBotcNyPRVqpQ6OEZx1XE3C5DayqDFwo2G_DEm1KQRNeOo0vjzkS-doPulp8L6aUkviWppv7I1aBSehFQCUzn_Afw/s1600/Screen+Shot+2013-12-07+at+6.33.23+PM.png&quot; height=&quot;144&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #6aa84f;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #6aa84f;&quot;&gt;&lt;br /&gt;&lt;a href=&quot;http://expressjs.com/&quot;&gt;express&lt;/a&gt;&lt;/span&gt;&lt;/b&gt; mvc default view 是 &lt;a href=&quot;http://jade-lang.com/&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #f1c232;&quot;&gt;jade&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;, 不過因為我不想要再重新記 jade 的一些語法 … 加上最近 project 的 view 是用 &lt;a href=&quot;http://handlebarsjs.com/&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #cc0000;&quot;&gt;handlebars&lt;/span&gt;&lt;/b&gt;&lt;/a&gt; … 所以我決定之後用 express 都還是搭配 handlebars 好了 ( 至少比 jade 熟悉一些 )&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;這裡就筆記要怎麼把 express 的 view 換成 handlebars&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;1. 安裝 express &amp;amp; hbs modules&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;$ npm install express&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;$ npm install hbs&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;或是在 package.json 裡寫好 dependencies 然後在 $ npm install&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;script src=&quot;https://gist.github.com/jean1213/7839304.js&quot;&gt;&lt;/script&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;2. 把 view engine 換成 handlebars&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;script src=&quot;https://gist.github.com/jean1213/7839334.js&quot;&gt;&lt;/script&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span class=&quot;p&quot; style=&quot;background-color: white; line-height: 16.799999237060547px; white-space: pre;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;3. 把 view template 放在 views/ 下 ( 當然這邊可以自己定義要放在哪 )&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;script src=&quot;https://gist.github.com/jean1213/7839342.js&quot;&gt;&lt;/script&gt;
&lt;span class=&quot;p&quot; style=&quot;background-color: white; line-height: 16.799999237060547px; white-space: pre;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
雖然很多人都推 Jade，說寫起來很方便又省時 … 但對於我這個還在學習的小孩還是乖乖的實實在在的寫 html tag 吧 !&lt;br /&gt;
&lt;br /&gt;
接下來想用 express + handlebars 寫一些小東西&lt;br /&gt;
漫漫長路但還是要不停的前進 !</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/665432409234739634/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/12/express-view-engine-handlebars.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/665432409234739634'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/665432409234739634'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/12/express-view-engine-handlebars.html' title='把 express 的 view engine 改成 handlebars'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9aFGtSwxxpgpQfFZFjfTV8crKJG9nUTrfHaIkp1WNy6Pp0Sr0x9ZBotcNyPRVqpQ6OEZx1XE3C5DayqDFwo2G_DEm1KQRNeOo0vjzkS-doPulp8L6aUkviWppv7I1aBSehFQCUzn_Afw/s72-c/Screen+Shot+2013-12-07+at+6.33.23+PM.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-8333981570749608909</id><published>2013-11-27T21:45:00.003+08:00</published><updated>2013-11-27T21:47:41.124+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="sublime text"/><title type='text'>寫 code 需要美麗的字型 安裝篇</title><content type='html'>唉啊 ! 每次一忙寫網誌這件事就會被遺忘 … 然後過不久這裡就會成為廢墟 … 啊不不不不不行啊 !&lt;br /&gt;
&lt;br /&gt;
還是要每個禮拜至少寫一些東西 …&lt;br /&gt;
而且真的是年紀漸大就很容易忘東忘西，筆記真的不能少&lt;br /&gt;
&lt;br /&gt;
好啦廢話不多說快進入主題&lt;br /&gt;
&lt;br /&gt;
最近看到這篇網誌 &lt;a href=&quot;http://cyanglee.logdown.com/posts/2013/01/15/fonts-and-themes-for-coding&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt;&lt;b&gt;Coding 的字型和樣式選擇&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
裡面有介紹到 Adobe Source Code Pro 字型&lt;br /&gt;
一看就覺得很喜歡 ! 決定立馬下載安裝來用 !&lt;br /&gt;
&lt;br /&gt;
MAC 安裝非常簡單&lt;br /&gt;
&lt;br /&gt;
1. 下載 Adobe Source Code Pro Zip 檔 ( 記得解壓縮 ) : &lt;a href=&quot;https://github.com/adobe/source-code-pro/downloads&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt;&lt;b&gt;here&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
2. 打開 MAC 的 Font Book, &amp;nbsp;在 Font 那裡按 &lt;b&gt;+&lt;/b&gt;&lt;br /&gt;
3. 把 Source Code Pro Open Type Version 加進來&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHm5iI2Tbho0Czd6QllXnUk931SVo-au3yxDD6FDVPFutAeXrXjJwklIfkq49wCInqPzpPHW5vmjjAKuY7ISgNGdaWaOXbdoZKfLagmx1dKbB7qn62YsOzzTSwTwzJVlVkH6mcxVGiXwU/s1600/Screen+Shot+2013-11-27+at+9.39.24+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHm5iI2Tbho0Czd6QllXnUk931SVo-au3yxDD6FDVPFutAeXrXjJwklIfkq49wCInqPzpPHW5vmjjAKuY7ISgNGdaWaOXbdoZKfLagmx1dKbB7qn62YsOzzTSwTwzJVlVkH6mcxVGiXwU/s1600/Screen+Shot+2013-11-27+at+9.39.24+PM.png&quot; height=&quot;400&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
Done ! &lt;br /&gt;
&lt;br /&gt;
如此簡單 ~&lt;br /&gt;
這樣就有美麗的字型當然就可以寫出美麗的 code 囉 ( 誤 )&lt;br /&gt;
&lt;br /&gt;
當然也可以在 Sublime Text 設定字型為 Source Code Pro&lt;br /&gt;
Sublime Text 設定方式請參考&lt;a href=&quot;http://www.sublimetext.com/docs/2/font.html&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt;&lt;b&gt;這裡&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Qbab5gX1MNWHHJE6A3QPHKPDHDrmT27ufc4e5s-VnO61hwigXs1XLUUKuU7y0YZLxmGcCE6Y3ed9SzUrAe8MJXd7n94y1lnu2krTW_V3EwJygrknyW-Kd_0hefzEKEMSf1qKQvVZ3z8/s1600/Screen+Shot+2013-11-27+at+9.30.18+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Qbab5gX1MNWHHJE6A3QPHKPDHDrmT27ufc4e5s-VnO61hwigXs1XLUUKuU7y0YZLxmGcCE6Y3ed9SzUrAe8MJXd7n94y1lnu2krTW_V3EwJygrknyW-Kd_0hefzEKEMSf1qKQvVZ3z8/s1600/Screen+Shot+2013-11-27+at+9.30.18+PM.png&quot; height=&quot;400&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/8333981570749608909/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/11/code.html#comment-form' title='1 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/8333981570749608909'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/8333981570749608909'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/11/code.html' title='寫 code 需要美麗的字型 安裝篇'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHm5iI2Tbho0Czd6QllXnUk931SVo-au3yxDD6FDVPFutAeXrXjJwklIfkq49wCInqPzpPHW5vmjjAKuY7ISgNGdaWaOXbdoZKfLagmx1dKbB7qn62YsOzzTSwTwzJVlVkH6mcxVGiXwU/s72-c/Screen+Shot+2013-11-27+at+9.39.24+PM.png" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-7786358194974578882</id><published>2013-09-04T22:55:00.001+08:00</published><updated>2013-09-04T22:55:23.716+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="Tools"/><title type='text'>JShint 和 Sublime Text 的相遇</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIolBLjgepI0vgzfTso6Uej6dm8eOLc2x8nm6SUIhuqiHu43m1UGRv99kkr-spYySr4SYkrJHL_PbtFJ5Jxfgo-r-mFFxbM2Ys8QRqa5ZiNApLqIjaV-dE-JCvlfjGFzdoMlYkMjHu9eY/s1600/Screen+Shot+2013-09-04+at+10.42.20+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;250&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIolBLjgepI0vgzfTso6Uej6dm8eOLc2x8nm6SUIhuqiHu43m1UGRv99kkr-spYySr4SYkrJHL_PbtFJ5Jxfgo-r-mFFxbM2Ys8QRqa5ZiNApLqIjaV-dE-JCvlfjGFzdoMlYkMjHu9eY/s400/Screen+Shot+2013-09-04+at+10.42.20+PM.png&quot; width=&quot;400&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;span id=&quot;goog_733562771&quot;&gt;&lt;/span&gt;
之前剛開始寫 front-end 的時候，有 senior engineer 跟我說要用 jslint 來檢查 js …&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;但現在 project lead 跟我說因為 jslint 太嚴格，有蠻多都是沒有必要的檢查和修正 …&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;要我們改用 jshint&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;這邊就筆記一下怎麼裝 jshint 在 sublime text 上&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;https://github.com/uipoet/sublime-jshint&quot;&gt;&lt;span style=&quot;color: #cc0000; font-family: Courier New, Courier, monospace;&quot;&gt;&lt;b&gt;sublime-jshint github&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;安裝 jshint ：&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;1. 用 npm 裝 jshint&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;2. sublime text package install 裝 jshint&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;3. 新增並修改 jshintrc. vim ~/.jshintrc &lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;script src=&quot;https://gist.github.com/jean1213/6237972.js&quot;&gt;&lt;/script&gt;

&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;這裡加的是 &quot;undef&quot; 和 &quot;unused&quot; 都為 true，是讓 jshint detect 沒有定義的 variable 和定義了但沒有用的 variable ( jshintrc 的設定可以參考&lt;a href=&quot;https://github.com/jshint/jshint/blob/master/examples/.jshintrc&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt;&lt;b&gt;這裡&lt;/b&gt;&lt;/span&gt;&lt;/a&gt; )&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;4. 裝好 jshint 後在 sublime text 上按下 control + j 就會顯示 jshint 了 !&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;寫好 js 就從 jshint 開始吧 !&amp;nbsp;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/7786358194974578882/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/09/jshint-sublime-text.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/7786358194974578882'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/7786358194974578882'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/09/jshint-sublime-text.html' title='JShint 和 Sublime Text 的相遇'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIolBLjgepI0vgzfTso6Uej6dm8eOLc2x8nm6SUIhuqiHu43m1UGRv99kkr-spYySr4SYkrJHL_PbtFJ5Jxfgo-r-mFFxbM2Ys8QRqa5ZiNApLqIjaV-dE-JCvlfjGFzdoMlYkMjHu9eY/s72-c/Screen+Shot+2013-09-04+at+10.42.20+PM.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-1346786812562971339</id><published>2013-09-04T22:40:00.002+08:00</published><updated>2013-09-04T22:40:43.687+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="生活計畫"/><title type='text'>出關</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace; margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDC2-30ufxeKCSYXJGJr1dv8l37iZWyrxUbGLKuEeW6SmntX0TMjcgMX8c7JLkl0v7aaoSg9DtR_rKLutL314XyovH6WalYaL872ByKHvj7l8qD34Ox8C299RtTSgX2iwWQUCMHa_qX5o/s1600/2013-09-02+14.35.27-2.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDC2-30ufxeKCSYXJGJr1dv8l37iZWyrxUbGLKuEeW6SmntX0TMjcgMX8c7JLkl0v7aaoSg9DtR_rKLutL314XyovH6WalYaL872ByKHvj7l8qD34Ox8C299RtTSgX2iwWQUCMHa_qX5o/s320/2013-09-02+14.35.27-2.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace; font-size: xx-small;&quot;&gt;一邊寫 code 一邊喝黑麥汁&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace; font-size: xx-small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;終於從 war room 出關 … 被關了整整兩個禮拜 …&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;幾乎每天都是早上九點半一直到晚上八點 …&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;一邊學習一邊交接一邊寫新的 feature 一邊解 bug&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;雖然累，但很充實；從北京同事身上學到了很多東西&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;看他們做事情嚴謹和認真的態度，我真的有點憂心自己的競爭力，台灣人的競爭力 …&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;接下此 project 真的是一個挑戰，希望自己能夠提升一個檔次。加油吧 !&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;ps. 一忙網誌又荒廢 … 不行不行! 我要養成寫整理 input 寫成網誌的好習慣!&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/1346786812562971339/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/09/blog-post.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/1346786812562971339'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/1346786812562971339'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/09/blog-post.html' title='出關'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDC2-30ufxeKCSYXJGJr1dv8l37iZWyrxUbGLKuEeW6SmntX0TMjcgMX8c7JLkl0v7aaoSg9DtR_rKLutL314XyovH6WalYaL872ByKHvj7l8qD34Ox8C299RtTSgX2iwWQUCMHa_qX5o/s72-c/2013-09-02+14.35.27-2.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-7443988150746461227</id><published>2013-07-13T15:46:00.005+08:00</published><updated>2013-07-13T15:50:51.225+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>css reset vs. normalize</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYIedD6uWEyrB-0HoOXgVbxbwB19GuYtm8Nh23CHntY0hFcs-21-O3PpjDYBfn4ufwxfxq2X-Blt1A35zUtHVcg5qPD6yrBeVx76vgm55xgmd5hbil4ZpglUmcJXCsEvnv2K8Zlgz1E1c/s1600/Screen+Shot+2013-07-13+at+3_Fotor_Collage.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;300&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYIedD6uWEyrB-0HoOXgVbxbwB19GuYtm8Nh23CHntY0hFcs-21-O3PpjDYBfn4ufwxfxq2X-Blt1A35zUtHVcg5qPD6yrBeVx76vgm55xgmd5hbil4ZpglUmcJXCsEvnv2K8Zlgz1E1c/s400/Screen+Shot+2013-07-13+at+3_Fotor_Collage.jpg&quot; width=&quot;400&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;css 解決跨瀏覽器的問題可能會想到用 css hack … 但其實更好的做法是用 &lt;a href=&quot;http://reset.css/&quot;&gt;&lt;b&gt;reset.css&lt;/b&gt;&lt;/a&gt; 和 &lt;a href=&quot;http://normalize.css/&quot;&gt;&lt;b&gt;normalize.css&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;那到底這兩個差在哪裡 ?&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;從 css code 可以看到 reset.css 是將所有元素的屬性都歸零 … 而 normalize.css 則是讓元素的屬性統一(標準化)&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;感覺 normalize.css 比 reset.css 來得更好用一些 ~ 因為 normalize.css 會保留各大瀏覽器原本的屬性，我們再根據原本的屬性去調整就好了；但 reset.css 則要自己重新再設定元素的屬性 …&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;直接來看例子 ~&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;用 normalize.css : 保留了 chrome browser h3 元素的屬性 ( 有 margine )&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfs8LqiXW-917jBmnRzAmWKZL4PHuHtt5uAlVUjJdJOrPfO0yseLlwSaaEsZzZ42x_gEm3hFWfYqEmAON1Rv2tm7Pf4vG2CWoJRpz7LKuRf0wmJWRdylZ8kJldJY7P5-Pa-YxlAu1yZUE/s1600/Screen+Shot+2013-07-13+at+3.39.16+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;361&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfs8LqiXW-917jBmnRzAmWKZL4PHuHtt5uAlVUjJdJOrPfO0yseLlwSaaEsZzZ42x_gEm3hFWfYqEmAON1Rv2tm7Pf4vG2CWoJRpz7LKuRf0wmJWRdylZ8kJldJY7P5-Pa-YxlAu1yZUE/s640/Screen+Shot+2013-07-13+at+3.39.16+PM.png&quot; width=&quot;640&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;用 reset.css : 所有的元素的屬性都被歸零了 … 麻煩請自己再設定 …&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YNTMEfCqAIXYD1e73k3fVbyq8MvAWWWa_s11eky7brIOnJb3hAjCzkCEaIuHL2imD9OYSTsjgtmhxYzTKjXFTe1wR1ZVhL7dgfwOckz0pvpe8jdXCyWiP-5F1N7ub8ZZYZwgD5yaVt8/s1600/Screen+Shot+2013-07-13+at+3.39.37+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;362&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YNTMEfCqAIXYD1e73k3fVbyq8MvAWWWa_s11eky7brIOnJb3hAjCzkCEaIuHL2imD9OYSTsjgtmhxYzTKjXFTe1wR1ZVhL7dgfwOckz0pvpe8jdXCyWiP-5F1N7ub8ZZYZwgD5yaVt8/s640/Screen+Shot+2013-07-13+at+3.39.37+PM.png&quot; width=&quot;640&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;結論：請愛用 normalize.css&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;by the way ~ normalize.css 還適合 html5 喔 !&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/7443988150746461227/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/07/css-rest-vs-normalize.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/7443988150746461227'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/7443988150746461227'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/07/css-rest-vs-normalize.html' title='css reset vs. normalize'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYIedD6uWEyrB-0HoOXgVbxbwB19GuYtm8Nh23CHntY0hFcs-21-O3PpjDYBfn4ufwxfxq2X-Blt1A35zUtHVcg5qPD6yrBeVx76vgm55xgmd5hbil4ZpglUmcJXCsEvnv2K8Zlgz1E1c/s72-c/Screen+Shot+2013-07-13+at+3_Fotor_Collage.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-2014488744815421007</id><published>2013-06-24T14:48:00.000+08:00</published><updated>2013-06-24T14:48:16.105+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="藏在心裡"/><title type='text'>u are my sunflower</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQg72ghIWbbRWu0U1HfVWoV0NE93V99YSOS59l5kB0E-eWIcmw_EdsGjslDw4buTk9BAB8F1NJ6exYLBBu6dfqt-uMbpGi8FvuddL2MXBnX8IPcv17sQ2XPKCQ0K7x-U56QUk929Y2JQY/s1600/2013-06-24+13.53.49.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQg72ghIWbbRWu0U1HfVWoV0NE93V99YSOS59l5kB0E-eWIcmw_EdsGjslDw4buTk9BAB8F1NJ6exYLBBu6dfqt-uMbpGi8FvuddL2MXBnX8IPcv17sQ2XPKCQ0K7x-U56QUk929Y2JQY/s320/2013-06-24+13.53.49.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
thanks u are there.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
u still my sunflower no matter how old i get.&amp;nbsp;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/2014488744815421007/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/06/u-are-my-sunflower.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/2014488744815421007'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/2014488744815421007'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/06/u-are-my-sunflower.html' title='u are my sunflower'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQg72ghIWbbRWu0U1HfVWoV0NE93V99YSOS59l5kB0E-eWIcmw_EdsGjslDw4buTk9BAB8F1NJ6exYLBBu6dfqt-uMbpGi8FvuddL2MXBnX8IPcv17sQ2XPKCQ0K7x-U56QUk929Y2JQY/s72-c/2013-06-24+13.53.49.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-4927171719194240412</id><published>2013-06-11T18:58:00.000+08:00</published><updated>2013-06-11T18:58:02.825+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="生活計畫"/><title type='text'>Fortune Chocolate</title><content type='html'>&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtrwh9DGJ-stxKL0dSQ15suf_ffbNsdSpIw8CDujWZ2dQeAj6pCx0RQgGkRHEnkq9L_AIrusXYkMdxEMne3ICHlT4p9bcoNdCDOWgqnsLwSNQWZDtpG88XYPp7Laa9pcvI3B9b-xpPIBI/s1600/2013-06-11+13.15.16-2.jpg&quot; imageanchor=&quot;1&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtrwh9DGJ-stxKL0dSQ15suf_ffbNsdSpIw8CDujWZ2dQeAj6pCx0RQgGkRHEnkq9L_AIrusXYkMdxEMne3ICHlT4p9bcoNdCDOWgqnsLwSNQWZDtpG88XYPp7Laa9pcvI3B9b-xpPIBI/s400/2013-06-11+13.15.16-2.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&quot;stop hoping and start living &quot;&lt;br /&gt;
&lt;br /&gt;
人生只有一次，別後悔就儘管往前衝吧 !
&lt;br /&gt;
&lt;br /&gt;
希望我永遠保持這樣的衝勁和熱情 &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/4927171719194240412/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/06/fortune-chocolate.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/4927171719194240412'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/4927171719194240412'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/06/fortune-chocolate.html' title='Fortune Chocolate'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtrwh9DGJ-stxKL0dSQ15suf_ffbNsdSpIw8CDujWZ2dQeAj6pCx0RQgGkRHEnkq9L_AIrusXYkMdxEMne3ICHlT4p9bcoNdCDOWgqnsLwSNQWZDtpG88XYPp7Laa9pcvI3B9b-xpPIBI/s72-c/2013-06-11+13.15.16-2.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-2032670189104080644</id><published>2013-06-11T18:47:00.001+08:00</published><updated>2013-06-11T18:47:54.921+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="python"/><title type='text'>python 新手上路 筆記 ( 1 )</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwCKA-fLj-pYz82dgGzfN5IFQnkEoMtyNAx1LV2Xydubo4fxg3TWXFPRlLQFv5dXLQGyIs7YJ0mGNRP-Ia_OfZz3xQgrIYLpvrK4sT1BCHskrqHBkdMPJJSN3IHoE6CgFPKZlwBsUV7wE/s1600/python-logo.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwCKA-fLj-pYz82dgGzfN5IFQnkEoMtyNAx1LV2Xydubo4fxg3TWXFPRlLQFv5dXLQGyIs7YJ0mGNRP-Ia_OfZz3xQgrIYLpvrK4sT1BCHskrqHBkdMPJJSN3IHoE6CgFPKZlwBsUV7wE/s1600/python-logo.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
從大二開始寫 php 一直到現在工作也在寫 php ... ( 雖然公司目前不允許用 python ... )&lt;br /&gt;
寫到自己覺得 server side 有點太侷限於 PHP 了 …&lt;br /&gt;
所以打算開始認真學 python&lt;br /&gt;
&lt;br /&gt;
先從&amp;nbsp;&lt;a href=&quot;http://www.codecademy.com/tracks/python&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt;codecademy&lt;/span&gt;&lt;/a&gt; 基本的開始吧&lt;br /&gt;
邊學就邊做筆記 !&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;p1&quot;&gt;
1. # 單行註解&lt;/div&gt;
&lt;div class=&quot;p1&quot;&gt;
2. &amp;nbsp;&quot;&quot;&quot;&lt;/div&gt;
&lt;div class=&quot;p1&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;多行註解&lt;/div&gt;
&lt;div class=&quot;p1&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;&quot;&quot;&quot;&lt;/div&gt;
&lt;div class=&quot;p1&quot;&gt;
3. len, str are function : str(variable)&lt;/div&gt;
&lt;div class=&quot;p1&quot;&gt;
&amp;nbsp; &amp;nbsp; upper, lower are method : variable.upper()&lt;/div&gt;
&lt;div class=&quot;p1&quot;&gt;
&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;p1&quot;&gt;
&amp;nbsp; &amp;nbsp; test = &quot;HelloWorld&quot;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;p1&quot;&gt;
&amp;nbsp; &amp;nbsp; test is string object and it has it&#39;s own method of upper() and lower()&lt;/div&gt;
&lt;div class=&quot;p1&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;p1&quot;&gt;
fibonacci 數列 (&amp;nbsp;recursive )&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;p1&quot;&gt;
&lt;script src=&quot;https://gist.github.com/jean1213/5501249.js&quot;&gt;&lt;/script&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
十進位轉二進位
&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://jishus.org/wp-content/uploads/2011/04/2011-04-16_185412.jpg&quot; imageanchor=&quot;1&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://jishus.org/wp-content/uploads/2011/04/2011-04-16_185412.jpg&quot; /&gt;&lt;/a&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;script src=&quot;https://gist.github.com/jean1213/5656250.js&quot;&gt;&lt;/script&gt;

&lt;br /&gt;
ps. 我覺得我 recursive 的觀念不是很好啊 &amp;gt; &amp;lt; … 想很久才想到要怎麼寫 … 看來要好好練習了 …
&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/2032670189104080644/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/06/python-1.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/2032670189104080644'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/2032670189104080644'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/06/python-1.html' title='python 新手上路 筆記 ( 1 )'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwCKA-fLj-pYz82dgGzfN5IFQnkEoMtyNAx1LV2Xydubo4fxg3TWXFPRlLQFv5dXLQGyIs7YJ0mGNRP-Ia_OfZz3xQgrIYLpvrK4sT1BCHskrqHBkdMPJJSN3IHoE6CgFPKZlwBsUV7wE/s72-c/python-logo.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-8959808821893346955</id><published>2013-05-21T17:41:00.000+08:00</published><updated>2013-05-21T17:44:35.876+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="Tools"/><title type='text'>Compass CSS Sprite</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju-VolpWpL-Gd7JAihVgbWran0lzUC-UFu4z7VzJ7SoXfR64vKHGtCA9TRgj_FJg8AEklD0sHh3rQ2PypRRC2KNCUOnbclCpROnSIUvj-tBHWTktThV0dp8rWDoaL1w9s4O_oWJN3X9po/s1600/Screen+Shot+2013-05-21+at+5.06.29+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;187&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju-VolpWpL-Gd7JAihVgbWran0lzUC-UFu4z7VzJ7SoXfR64vKHGtCA9TRgj_FJg8AEklD0sHh3rQ2PypRRC2KNCUOnbclCpROnSIUvj-tBHWTktThV0dp8rWDoaL1w9s4O_oWJN3X9po/s640/Screen+Shot+2013-05-21+at+5.06.29+PM.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
去年年底還有 sharing &lt;a href=&quot;http://compass-style.org/&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt;Compass&lt;/span&gt;&lt;/a&gt; … 但今年要用就完完全全忘記啦 !!!&lt;br /&gt;
而且去年 sharing 的時候是直接用 compass 實作一個 project … 所以也沒有文件和投影片留下來&lt;br /&gt;
&lt;br /&gt;
現在又開始當假 F2E … 所以只好再把 compass 拿出來用&lt;br /&gt;
&lt;br /&gt;
總之 compass 是一個 css 的 framework，然後主要是用 &lt;a href=&quot;http://sass-lang.com/&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt;sass&lt;/span&gt;&lt;/a&gt; 寫 … sass 就不多說了 ( 之後有空再寫好了 … 哈哈哈好懶可以不要嗎 )&lt;br /&gt;
&lt;br /&gt;
因為最近很常用到 Compass CSS sprite … 所以紀錄一下&lt;br /&gt;
&lt;br /&gt;
1. 在 compass create 的 project 下建立一個資料夾 images ( 根據&amp;nbsp;config.rb )&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLrAclgxFTRa2sWsJI9VZZtbTLBtmIGN-06UD37U6yWbuGkNTIlRnCC3l_kknszSQXgaujHBzaMFeEYc0C38t_Cr0h46P0Cxq7f0v7aMDtO8tGEqdmjPIW3ZK2nYweab8nRM4_i5PP1GE/s1600/Screen+Shot+2013-05-21+at+5.20.43+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;113&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLrAclgxFTRa2sWsJI9VZZtbTLBtmIGN-06UD37U6yWbuGkNTIlRnCC3l_kknszSQXgaujHBzaMFeEYc0C38t_Cr0h46P0Cxq7f0v7aMDtO8tGEqdmjPIW3ZK2nYweab8nRM4_i5PP1GE/s320/Screen+Shot+2013-05-21+at+5.20.43+PM.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
2. 在 images 資料夾下在建一個資料夾，放想要 sprite 的圖片 ( images/&lt;span style=&quot;color: #3d85c6;&quot;&gt;icon&lt;/span&gt;/ )&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuKVTcRdi_GTzFcZbxriXKFmETkoanSksjHbOx8f7j-mvF2qSbHhzRno-lEPsaK92TKRluzdZKttxcU31NEs-StHDfJHfOV31DjspctanpY4k6Q18_CaYx7lHiiaBfzEx0gtgaqN5PLI/s1600/Screen+Shot+2013-05-21+at+5.24.13+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;98&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuKVTcRdi_GTzFcZbxriXKFmETkoanSksjHbOx8f7j-mvF2qSbHhzRno-lEPsaK92TKRluzdZKttxcU31NEs-StHDfJHfOV31DjspctanpY4k6Q18_CaYx7lHiiaBfzEx0gtgaqN5PLI/s400/Screen+Shot+2013-05-21+at+5.24.13+PM.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
3. 在 xxxx.scss 加入下列兩行&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #e06666;&quot;&gt;@import &quot;icon/*.png&quot;;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #e06666;&quot;&gt;@include all-&quot;icon&quot;-sprites;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #e06666;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
4. xxx.scss 存檔後就會出現 sprite 的大圖還會把圖片的 background-position 算好可直接用 ( 在 xxx.css ) !&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC99gb8f3sUdd4D8eEWLOFrqRpJHLOAQ75S9pwrOcnkEDWbhYXB3biLSgMAIGIIJlQ_godgC4UW2P7fYHT5vGgLKHuYQkq1TWKgZM-Nl-ABBg-PrGcdgw5dN41PKeC7i8V9cI9aDfobsA/s1600/Screen+Shot+2013-05-21+at+5.31.13+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;145&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC99gb8f3sUdd4D8eEWLOFrqRpJHLOAQ75S9pwrOcnkEDWbhYXB3biLSgMAIGIIJlQ_godgC4UW2P7fYHT5vGgLKHuYQkq1TWKgZM-Nl-ABBg-PrGcdgw5dN41PKeC7i8V9cI9aDfobsA/s320/Screen+Shot+2013-05-21+at+5.31.13+PM.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
是不是很方便啊 ~ ( 灑花 )&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;br /&gt;
另外也紀錄一下，CSS sprite 的起始位置是從圖片的左上開始算 ( 0, 0 )&lt;br /&gt;
往上 + 往右 + 往下 - 往左 -&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
ps. 今天工作竟然還要當 UED 自己切圖 … = .. = … 差點發瘋 … 雖然沒有 photoshop 但幸好有 &lt;a href=&quot;http://pixlr.com/&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt;pixlr.com&lt;/span&gt;&lt;/a&gt;&amp;nbsp;… pixlr 根本就是個線上版 photoshop 啊 ! 超好用大推 !&amp;nbsp;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/8959808821893346955/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/05/compass-css-sprite.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/8959808821893346955'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/8959808821893346955'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/05/compass-css-sprite.html' title='Compass CSS Sprite'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju-VolpWpL-Gd7JAihVgbWran0lzUC-UFu4z7VzJ7SoXfR64vKHGtCA9TRgj_FJg8AEklD0sHh3rQ2PypRRC2KNCUOnbclCpROnSIUvj-tBHWTktThV0dp8rWDoaL1w9s4O_oWJN3X9po/s72-c/Screen+Shot+2013-05-21+at+5.06.29+PM.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-292427781863888956</id><published>2013-05-20T22:08:00.000+08:00</published><updated>2013-05-20T22:08:17.649+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tools"/><category scheme="http://www.blogger.com/atom/ns#" term="WebDesign"/><title type='text'>使用 google font </title><content type='html'>&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8P8LGo2gHg7yNETkfGEBLiWw8kK9jc4K__9scFsUgaPJ_flelna_w12pXpn_5suudYHq-nM71NL3eAeS8igWmEH3VRJYJIBeMF5D1gvHqDz7yKy4lqXjTTLz-VWEP3svW9fNAf81ySdU/s1600/Screen+Shot+2013-05-20+at+10.04.51+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8P8LGo2gHg7yNETkfGEBLiWw8kK9jc4K__9scFsUgaPJ_flelna_w12pXpn_5suudYHq-nM71NL3eAeS8igWmEH3VRJYJIBeMF5D1gvHqDz7yKy4lqXjTTLz-VWEP3svW9fNAf81ySdU/s1600/Screen+Shot+2013-05-20+at+10.04.51+PM.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Google font 提供了很多 web font 的選擇 … 只能說 Google 真的太強大了 … &lt;br /&gt;
那個用 PS 做出特殊字型的時代已經過去了 … 唉 … 只能說時代變遷啊 !&lt;br /&gt;
小女孩都長大成成熟美麗的女人了 ( 咦 ?! )&lt;br /&gt;
&lt;br /&gt;
那怎麼用 google font 呢 ?&lt;br /&gt;
&lt;br /&gt;
1. 到 &lt;a href=&quot;http://www.google.com/fonts/#&quot;&gt;google font&amp;nbsp;&lt;/a&gt;&amp;nbsp;找自己喜歡的 font 加到 collection&lt;br /&gt;
&lt;br /&gt;
2. 選好之後按下 collection 右邊按鈕 use&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0noymhPohAlz9fQljuJiviQMDSoJRCWE9dG81c0EmxNS6lyOvlnyJoIb87BkL_qGpaJoqAoMAhKJ138qTOqAAjlSm3ia0ZYMxBm6LrmymrnDX3lTPRnOtI-Lroet2BJPh4moi580R7OM/s1600/Screen+Shot+2013-05-20+at+9.53.40+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;304&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0noymhPohAlz9fQljuJiviQMDSoJRCWE9dG81c0EmxNS6lyOvlnyJoIb87BkL_qGpaJoqAoMAhKJ138qTOqAAjlSm3ia0ZYMxBm6LrmymrnDX3lTPRnOtI-Lroet2BJPh4moi580R7OM/s640/Screen+Shot+2013-05-20+at+9.53.40+PM.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
3. 在 almost done 的 page 可以看到 page load 的速度，選取字元集和要用什麼方式 load ( css、import、js )&lt;br /&gt;
&lt;br /&gt;
by the way … 還可以加入陰影 … 只要加入一個參數就可以了 &#39;effect=shadow-multiple&#39;
&lt;br /&gt;
&lt;br /&gt;
&lt;script src=&quot;https://gist.github.com/jean1213/5612407.js&quot;&gt;&lt;/script&gt;

result 
&lt;br /&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1HeW9MMB8ok-FvNyQO-iFc7juU8E0_zNfqSFPms3k22-QJqHozlCEmFpSas_rvXf9NlSLBgEWY6Bs6gO1lEWgoZ3IsMvI-4M1UhdkhpwxaI3wUPUzrfMp2qhYnHuXC8ZlgoezarJit30/s1600/Screen+Shot+2013-05-20+at+9.50.06+PM.png&quot; imageanchor=&quot;1&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1HeW9MMB8ok-FvNyQO-iFc7juU8E0_zNfqSFPms3k22-QJqHozlCEmFpSas_rvXf9NlSLBgEWY6Bs6gO1lEWgoZ3IsMvI-4M1UhdkhpwxaI3wUPUzrfMp2qhYnHuXC8ZlgoezarJit30/s320/Screen+Shot+2013-05-20+at+9.50.06+PM.png&quot; /&gt;&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/292427781863888956/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/05/google-font.html#comment-form' title='2 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/292427781863888956'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/292427781863888956'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/05/google-font.html' title='使用 google font '/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8P8LGo2gHg7yNETkfGEBLiWw8kK9jc4K__9scFsUgaPJ_flelna_w12pXpn_5suudYHq-nM71NL3eAeS8igWmEH3VRJYJIBeMF5D1gvHqDz7yKy4lqXjTTLz-VWEP3svW9fNAf81ySdU/s72-c/Screen+Shot+2013-05-20+at+10.04.51+PM.png" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-6863417287487128941</id><published>2013-05-17T16:41:00.005+08:00</published><updated>2013-05-17T16:43:52.392+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="bookmarklet"/><category scheme="http://www.blogger.com/atom/ns#" term="javascript"/><title type='text'>簡單寫 bookmarklet </title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir8k_8qwHWIgj3_LBoX9tLgRpxBzg60JyW9NVUA4LUdJ_yETfDyBveemx7katpfOyK-EdzLMvbKkcXSq6LeHXy-QfC51UOXuaI3uJ1VUjs6jLSZh_c3joqiSh2Y9P7TxMI7Fd7d8MJjUw/s1600/Screen+Shot+2013-05-17+at+3.57.23+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;131&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir8k_8qwHWIgj3_LBoX9tLgRpxBzg60JyW9NVUA4LUdJ_yETfDyBveemx7katpfOyK-EdzLMvbKkcXSq6LeHXy-QfC51UOXuaI3uJ1VUjs6jLSZh_c3joqiSh2Y9P7TxMI7Fd7d8MJjUw/s320/Screen+Shot+2013-05-17+at+3.57.23+PM.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
到底什麼是 &lt;span style=&quot;color: #990000;&quot;&gt;bookmarklet&lt;/span&gt; ?&lt;br /&gt;
講簡單點就是偽裝成 bookmark 的 html button …&lt;br /&gt;
&lt;br /&gt;
不懂嗎 ?&lt;br /&gt;
再講白一點就是寫一個 html 超連結 tag ( a href ) 而這個連結 ( href ) 是去執行 javascript … 接下來把這個 a tag 用拖拉的方式放到各大 browser 上的 bookmark bar &amp;nbsp;… 就是 bookmarklet 了 !&lt;br /&gt;
&lt;br /&gt;
the end ... ( 咦 ? )&lt;br /&gt;
&lt;br /&gt;
哈哈哈&lt;br /&gt;
&lt;br /&gt;
可以來看一些例子，像&lt;a href=&quot;http://www.facebook.com/share_options.php&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt; Facebook &lt;/span&gt;&lt;/a&gt;和&lt;span style=&quot;color: red;&quot;&gt;&lt;a href=&quot;https://dev.twitter.com/docs/share-bookmarklet&quot;&gt; &lt;/a&gt;&lt;a href=&quot;https://dev.twitter.com/docs/share-bookmarklet&quot;&gt;Twitter&lt;/a&gt; &lt;/span&gt;都有提供 share 的 bookmarklet，Twitter 還有教學 ! 寫得非常清楚&lt;br /&gt;
&lt;br /&gt;
這邊也提供一個很簡單的 bookmarklet demo&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;javascript:(function(){ var text = &#39;&#39;; text = document.getSelection().toString(); if (text != &#39;&#39;) { alert(text); } })();&quot; style=&quot;background-color: #f9cb9c;&quot;&gt;Select&lt;/a&gt;
&lt;br /&gt;
&lt;br /&gt;
把這個 Select 超連結用拖拉的方式放到 browser 上的 bookmark bar&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnpIoWyYFDy5HD_8ZzNCtpWGbq_WUzclW1BH9cPBPfDmqFoN1WwjDcinjpNuGYS_pFohgRSCUehqWDd7hIiS5DWAiSGj9XnkUQr7g6_GsSdeAa0gIw8dTePjuoFlv1Xhw9VDlFWy11peU/s1600/Screen+Shot+2013-05-17+at+4.31.02+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;61&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnpIoWyYFDy5HD_8ZzNCtpWGbq_WUzclW1BH9cPBPfDmqFoN1WwjDcinjpNuGYS_pFohgRSCUehqWDd7hIiS5DWAiSGj9XnkUQr7g6_GsSdeAa0gIw8dTePjuoFlv1Xhw9VDlFWy11peU/s320/Screen+Shot+2013-05-17+at+4.31.02+PM.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
然後可以到任何網頁選取任何文字，按下 Select !&lt;br /&gt;
這個 bookmarklet 會 alert show 出所選取的文字&lt;br /&gt;
&lt;br /&gt;
source code 
&lt;br /&gt;
&lt;script src=&quot;https://gist.github.com/jean1213/5567104.js&quot;&gt;&lt;/script&gt;

&lt;br /&gt;
在做 bookmarklet 也踩到一些雷 …&lt;br /&gt;
儘量不要 link 到&amp;nbsp;externalized js … 因為有很多網站都會擋執行外部 js code &amp;nbsp;(&amp;nbsp;e.g. Facebook ... )&lt;br /&gt;
&lt;br /&gt;
目前看來 bookmarklet 可以讓我免去寫各大 browser extension 的替代方案啊 !&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/6863417287487128941/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/05/bookmarklet.html#comment-form' title='1 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/6863417287487128941'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/6863417287487128941'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/05/bookmarklet.html' title='簡單寫 bookmarklet '/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir8k_8qwHWIgj3_LBoX9tLgRpxBzg60JyW9NVUA4LUdJ_yETfDyBveemx7katpfOyK-EdzLMvbKkcXSq6LeHXy-QfC51UOXuaI3uJ1VUjs6jLSZh_c3joqiSh2Y9P7TxMI7Fd7d8MJjUw/s72-c/Screen+Shot+2013-05-17+at+3.57.23+PM.png" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-8590907191759972210</id><published>2013-05-16T11:18:00.002+08:00</published><updated>2013-05-16T14:30:25.356+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="mongodb"/><title type='text'>MongoDB Shell </title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUPwBqbrKwpBVofiBRf1IrRroTGSWtjmjfwFcFXG75B5pSmipvPN0FX2uz-LhhVGF7pGKJZyyXZJ5wPnQF9BYmGNycYNeJtPYnf5ZAIpmlo12CkGK8AF3F_he2_qLU2Jxv98YWnEUOZKY/s1600/Screen+Shot+2013-05-16+at+10.37.48+AM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;79&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUPwBqbrKwpBVofiBRf1IrRroTGSWtjmjfwFcFXG75B5pSmipvPN0FX2uz-LhhVGF7pGKJZyyXZJ5wPnQF9BYmGNycYNeJtPYnf5ZAIpmlo12CkGK8AF3F_he2_qLU2Jxv98YWnEUOZKY/s200/Screen+Shot+2013-05-16+at+10.37.48+AM.png&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
在 mongo DB 可直接執行 mogo shell，或是用 shell method 來下 query&lt;br /&gt;
&lt;br /&gt;
1. 執行 mongodb&lt;br /&gt;
&lt;span style=&quot;color: #3d85c6; font-family: Courier New, Courier, monospace;&quot;&gt;$ mongo&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
2. 列出目前所使用的 db&lt;br /&gt;
&lt;span style=&quot;color: #3d85c6; font-family: Courier New, Courier, monospace;&quot;&gt;$ db ( default 的 db 是 test )&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
3. 轉換到其他 db&lt;br /&gt;
&lt;span style=&quot;color: #3d85c6; font-family: Courier New, Courier, monospace;&quot;&gt;$ use&lt;/span&gt;&lt;br /&gt;
* 新增一個 db 的時候可直接用 use &lt;db&gt;&amp;nbsp;&lt;/db&gt;&lt;br /&gt;
4. 列出所有 db&lt;br /&gt;
&lt;span style=&quot;color: #3d85c6; font-family: Courier New, Courier, monospace;&quot;&gt;$ show dbs&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
5. 列出此 db 所有的 collection&lt;br /&gt;
&lt;span style=&quot;color: #3d85c6; font-family: Courier New, Courier, monospace;&quot;&gt;$ show collections&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
6. 離開 mongodb&lt;br /&gt;
&lt;span style=&quot;color: #3d85c6; font-family: Courier New, Courier, monospace;&quot;&gt;$ quit() or &#39;control+c&#39;&lt;ctrl-c&gt;&lt;/ctrl-c&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
7. select&lt;br /&gt;
&lt;span style=&quot;color: #3d85c6; font-family: Courier New, Courier, monospace;&quot;&gt;$ db.collection&lt;collection&gt;.find()&lt;/collection&gt;&lt;/span&gt;&lt;br /&gt;

// query 目前 db 的某個 collection&lt;br /&gt;
8. insert 新增 collection&lt;br /&gt;
&lt;span style=&quot;color: #3d85c6; font-family: Courier New, Courier, monospace;&quot;&gt;$ db.collection&lt;collection&gt;.insert() or db.collection&lt;collection&gt;.save()&lt;/collection&gt;&lt;/collection&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
9. update 更新 collection&lt;br /&gt;
&lt;span style=&quot;color: #3d85c6; font-family: Courier New, Courier, monospace;&quot;&gt;$ db.collection&lt;collection&gt;.update() or db.collection&lt;collection&gt;.save()&lt;/collection&gt;&lt;/collection&gt;&lt;/span&gt;&lt;br /&gt;
* save = insert + update&lt;br /&gt;
10. 刪除 collection&lt;br /&gt;
&lt;span style=&quot;color: #3d85c6; font-family: Courier New, Courier, monospace;&quot;&gt;$ db.collection&lt;collection&gt;.remove()&lt;/collection&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;u&gt;add &#39;user&#39; db, new &#39;account&#39; collection and update the collection&lt;/u&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;script src=&quot;https://gist.github.com/jean1213/5589133.js&quot;&gt;&lt;/script&gt;&lt;br /&gt;
更詳細的&lt;a href=&quot;http://docs.mongodb.org/manual/reference/mongo-shell/&quot;&gt; &lt;span style=&quot;color: red;&quot;&gt;shell method&lt;/span&gt; &lt;/a&gt;用法</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/8590907191759972210/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/05/mongodb-shell.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/8590907191759972210'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/8590907191759972210'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/05/mongodb-shell.html' title='MongoDB Shell '/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUPwBqbrKwpBVofiBRf1IrRroTGSWtjmjfwFcFXG75B5pSmipvPN0FX2uz-LhhVGF7pGKJZyyXZJ5wPnQF9BYmGNycYNeJtPYnf5ZAIpmlo12CkGK8AF3F_he2_qLU2Jxv98YWnEUOZKY/s72-c/Screen+Shot+2013-05-16+at+10.37.48+AM.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-8871506712607705893</id><published>2013-04-25T12:16:00.000+08:00</published><updated>2013-05-15T17:29:11.436+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="sublime text"/><category scheme="http://www.blogger.com/atom/ns#" term="vim"/><title type='text'>color scheme : VIM &amp;amp; Sublime Text</title><content type='html'>&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;有漂亮的介面才會寫出漂亮的 code&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;哈哈哈&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;沒有啦 ~ 只是單純自己寫 code 的時候開心 !&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;最近找到一個蠻不錯的 color scheme&lt;/span&gt;&lt;br /&gt;
&lt;a href=&quot;https://github.com/chriskempson/tomorrow-theme&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;tomorrow-theme&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;提供了很多 editor 的 color scheme，像是 vim、sublime text … 連 xcode 都有 !&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;馬上套用在 vim 和 sublime text 上&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;vim&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrfOLnZtOs2H2ahx3_v-kAZJvHUujJVztf86peOvvV2kocakRy8OhbpvY7bv143pKiEXQZ6ojx_McVuQLMoIeYy6qTsadgMb4qGuvD-HdIryMng-YYs4KsY3Y6oiWaiyKiLOjCcbOvZE8/s1600/Screen+Shot+2013-04-25+at+11.52.32+AM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrfOLnZtOs2H2ahx3_v-kAZJvHUujJVztf86peOvvV2kocakRy8OhbpvY7bv143pKiEXQZ6ojx_McVuQLMoIeYy6qTsadgMb4qGuvD-HdIryMng-YYs4KsY3Y6oiWaiyKiLOjCcbOvZE8/s640/Screen+Shot+2013-04-25+at+11.52.32+AM.png&quot; width=&quot;640&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;sublime text&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR0CY5mVCP8M2nFzQFs43rSS2n9SIXeaiX3w03wBlmaI_IEHT17XbXWf9yVjDSEiuCKwf5MGBLnDHe3g77b0M3aAdPAU-U_yqnS_vnds9hevnk5fhV_zb80fxJrKutVt6gI7XwSQKmPpI/s1600/Screen+Shot+2013-04-25+at+11.49.57+AM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR0CY5mVCP8M2nFzQFs43rSS2n9SIXeaiX3w03wBlmaI_IEHT17XbXWf9yVjDSEiuCKwf5MGBLnDHe3g77b0M3aAdPAU-U_yqnS_vnds9hevnk5fhV_zb80fxJrKutVt6gI7XwSQKmPpI/s640/Screen+Shot+2013-04-25+at+11.49.57+AM.png&quot; width=&quot;640&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;另外 sublime text 的&amp;nbsp;color scheme&amp;nbsp;也推薦另一個&amp;nbsp;&lt;a href=&quot;https://github.com/carlcalderon/sublime-color-schemes&quot;&gt;carlcalderon&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;直接透過 package management 下載就好了 !&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;sublime text color scheme config&lt;/span&gt;&lt;br /&gt;
&lt;script src=&quot;https://gist.github.com/jean1213/5582736.js&quot;&gt;&lt;/script&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/8871506712607705893/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/04/color-scheme-vim-sublime-text.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/8871506712607705893'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/8871506712607705893'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/04/color-scheme-vim-sublime-text.html' title='color scheme : VIM &amp;amp; Sublime Text'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrfOLnZtOs2H2ahx3_v-kAZJvHUujJVztf86peOvvV2kocakRy8OhbpvY7bv143pKiEXQZ6ojx_McVuQLMoIeYy6qTsadgMb4qGuvD-HdIryMng-YYs4KsY3Y6oiWaiyKiLOjCcbOvZE8/s72-c/Screen+Shot+2013-04-25+at+11.52.32+AM.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-164940507666160875</id><published>2013-04-24T14:36:00.000+08:00</published><updated>2013-05-14T17:34:02.974+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="F2E"/><title type='text'>Be a F2E - part 1</title><content type='html'>&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;最近真的開始想把一些 front-end 的技術學好 ( 雖然我本身還是個 back-end engineer )&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;所以在多餘的時間看了一些文件&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;整理一下囉&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;非常棒的 front-end 文件&amp;nbsp;&lt;a href=&quot;http://f2eclass.com/&quot;&gt;前端工程開發實務&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;一位前 Y! F2E 大大寫的 ( 話說我在 2010 的 open hack day 看過他 ~ )&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;我目前才看到 HTML + CSS 的部分 …&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;h4&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;用外部&lt;span class=&quot;s1&quot;&gt; CSS &lt;/span&gt;的優點：&lt;/span&gt;&lt;/h4&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;1. 樣式 ( css ) 和結構 ( html ) 可以徹底分離 = 好 maintain&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;2. 寫一次 css 就可以最用到多個網頁中&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;3. 外部檔案可以被 cache = 高效率&lt;/span&gt;&lt;/div&gt;&lt;h4&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/h4&gt;&lt;h4&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;CSS Hack&lt;/span&gt;&lt;/h4&gt;&lt;pre&gt;&lt;code&gt;background : blue;  All Browsers&lt;br /&gt;background : purple \0;  IE9, IE8&lt;br /&gt;background : pink \9;  IE6 ~ 8&lt;br /&gt;*background : green;  IE6, IE7&lt;br /&gt;_background : red;  IE6&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;然後之前有看良格葛的 Javascript 的教學&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;也有一些筆記&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;1. Javascript 的習慣是用單引號來定義字串，雙引號用於 html&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;2. 變數只用來作為取得值或物件的參考&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;3. 沒有用 var 宣告變數會變成全域變數 global&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;var 宣告沒有區塊範圍 &amp;nbsp;if ( ) {}&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p2&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p3&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;span class=&quot;s1&quot;&gt;4. 除了&lt;/span&gt;0&lt;span class=&quot;s1&quot;&gt;、&lt;/span&gt;NaN&lt;span class=&quot;s1&quot;&gt;、&lt;/span&gt;&#39;&#39;&lt;span class=&quot;s1&quot;&gt;、&lt;/span&gt;null&lt;span class=&quot;s1&quot;&gt;、undefined&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;s1&quot;&gt;是假的（&lt;/span&gt;false&lt;span class=&quot;s1&quot;&gt;）之外，其它都是真的（&lt;/span&gt;true&lt;span class=&quot;s1&quot;&gt;）。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p4&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p5&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;5. 簡單來說，&lt;span class=&quot;s2&quot;&gt;==&amp;nbsp;&lt;/span&gt;執行較寬鬆的比較，可允許型態轉換後的比較，&lt;span class=&quot;s2&quot;&gt;===&amp;nbsp;&lt;/span&gt;執行較嚴格的比較，型態必須相同才有可能為&amp;nbsp;&lt;span class=&quot;s2&quot;&gt;true&lt;/span&gt;（當然&amp;nbsp;&lt;span class=&quot;s2&quot;&gt;!=&amp;nbsp;&lt;/span&gt;與&amp;nbsp;&lt;span class=&quot;s2&quot;&gt;!==&amp;nbsp;&lt;/span&gt;則是相反的操作）&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p2&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;6. var obj = {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot;&gt; &lt;/span&gt;x = 10,&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot;&gt; &lt;/span&gt;y = 20&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;存取物件可以用 obj.x&amp;nbsp; == obj[&#39;x&#39;]&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p2&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;7. for( var prop in obj ) {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot;&gt; &lt;/span&gt;print(prop + &#39; : &#39; + obj[prop])&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p2&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;使用 [] 運算子的場合之一 : 特性包含了空白、. 字元&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p2&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;8. Array 有 push &amp;amp; pop&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;array.push()&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;array.pop()&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p2&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;9.&amp;nbsp;匿名函式 ( Anonymous function )&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;(function(){&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;})();&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p2&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;p1&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;10. 在 JavaScript 中，函式是物件，也是 Function 的實例&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/164940507666160875/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/04/be-f2e-part-1.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/164940507666160875'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/164940507666160875'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/04/be-f2e-part-1.html' title='Be a F2E - part 1'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-5991473977663572327</id><published>2013-04-22T18:33:00.000+08:00</published><updated>2013-05-16T11:35:26.200+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PhoneGap"/><title type='text'>PhoneGap &amp;quot;Hello World&amp;quot; for iOS</title><content type='html'>&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;1. Xcode 必備 ( 更新至最新版 )&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;2. 開啟 Xcode 的 command line tool&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;3. 下載新版&amp;nbsp;&lt;a href=&quot;http://cordova.apache.org/&quot;&gt;Cordova&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;4. 解壓縮 Cordova zip of iOS&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCbABmIocc96aLv35dLUa4JnUwUgRnW-Nx8r0eFdxmWZkV_nRrgI_ZCDJPCKdMBpAANqKSSVW1wib9Jg21HCRXWJWYU7NS0Iz-IjHmCVQchWlX6dx0i4R_mnSAtIHBYFc5rYjpw52DcyY/s1600/Screen+Shot+2013-04-22+at+6.29.17+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;332&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCbABmIocc96aLv35dLUa4JnUwUgRnW-Nx8r0eFdxmWZkV_nRrgI_ZCDJPCKdMBpAANqKSSVW1wib9Jg21HCRXWJWYU7NS0Iz-IjHmCVQchWlX6dx0i4R_mnSAtIHBYFc5rYjpw52DcyY/s640/Screen+Shot+2013-04-22+at+6.29.17+PM.png&quot; width=&quot;640&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Courier New&#39;, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Courier New&#39;, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Courier New&#39;, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Courier New&#39;, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: &#39;Courier New&#39;, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Courier New&#39;, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Courier New&#39;, Courier, monospace;&quot;&gt;5. 在 /bin 目錄下執行&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;./create ~/Documents/CordovaXY/HelloWorld org.apache.cordova.HelloWorld HelloWorld&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;6. 用 Xcode 開啟 Hello World 的專案&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;7. Run !&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;PhoneGap &lt;a href=&quot;http://docs.phonegap.com/en/2.6.0/index.html&quot;&gt;文件&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;我還不知道直接下載 phonegap 要怎麼用 = = …&lt;br /&gt;反正目前可以透過 html + js + css 寫 app 就好了 … 哈哈哈哈&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/5991473977663572327/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/04/phonegap-world-for-ios.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/5991473977663572327'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/5991473977663572327'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/04/phonegap-world-for-ios.html' title='PhoneGap &amp;quot;Hello World&amp;quot; for iOS'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCbABmIocc96aLv35dLUa4JnUwUgRnW-Nx8r0eFdxmWZkV_nRrgI_ZCDJPCKdMBpAANqKSSVW1wib9Jg21HCRXWJWYU7NS0Iz-IjHmCVQchWlX6dx0i4R_mnSAtIHBYFc5rYjpw52DcyY/s72-c/Screen+Shot+2013-04-22+at+6.29.17+PM.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-4146092929729784646</id><published>2013-04-22T18:22:00.000+08:00</published><updated>2013-05-16T10:42:50.819+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="mongodb"/><title type='text'>MongoDB 無法連線</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUPwBqbrKwpBVofiBRf1IrRroTGSWtjmjfwFcFXG75B5pSmipvPN0FX2uz-LhhVGF7pGKJZyyXZJ5wPnQF9BYmGNycYNeJtPYnf5ZAIpmlo12CkGK8AF3F_he2_qLU2Jxv98YWnEUOZKY/s1600/Screen+Shot+2013-05-16+at+10.37.48+AM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;77&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUPwBqbrKwpBVofiBRf1IrRroTGSWtjmjfwFcFXG75B5pSmipvPN0FX2uz-LhhVGF7pGKJZyyXZJ5wPnQF9BYmGNycYNeJtPYnf5ZAIpmlo12CkGK8AF3F_he2_qLU2Jxv98YWnEUOZKY/s200/Screen+Shot+2013-05-16+at+10.37.48+AM.png&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;透過 &lt;a href=&quot;http://mxcl.github.io/homebrew/&quot;&gt;homebrew&lt;/a&gt; 裝 &lt;a href=&quot;http://www.mongodb.org/&quot;&gt;mongodb&lt;/a&gt; 後 … 第一次連 mongo 都會有問題&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #ea9999; font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;MongoDB shell version: 2.4.2&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #ea9999; font-family: Courier New, Courier, monospace;&quot;&gt;connecting to: test&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #ea9999; font-family: Courier New, Courier, monospace;&quot;&gt;Mon Apr 22 15:36:29.107 JavaScript execution failed: Error: couldn&#39;t connect to server 127.0.0.1:27017 at src/mongo/shell/mongo.js:L112&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: #ea9999; font-family: Courier New, Courier, monospace;&quot;&gt;exception: connect failed&lt;/span&gt;&lt;br /&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;這個問題好像是因為沒有正常關閉 mongodb 所造成的&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;Solving :&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;b&gt;把在 /usr/local/var/mongodb/ 下的 .lock 檔刪了 !&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;然後在執行&lt;br /&gt;&lt;br /&gt;1. &lt;b&gt;mongod -dbpath /usr/local/var/mongodb -repair&lt;/b&gt;&lt;br /&gt;2.&amp;nbsp;&lt;b&gt;mongod -dbpath /usr/local/var/mongodb&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;再連一次 $ mongo&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;可以了 ~ ( 灑花 )&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;by the way, 可以根據 log 檔來找出問題再哪 ~&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/4146092929729784646/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/04/mongodb.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/4146092929729784646'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/4146092929729784646'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/04/mongodb.html' title='MongoDB 無法連線'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUPwBqbrKwpBVofiBRf1IrRroTGSWtjmjfwFcFXG75B5pSmipvPN0FX2uz-LhhVGF7pGKJZyyXZJ5wPnQF9BYmGNycYNeJtPYnf5ZAIpmlo12CkGK8AF3F_he2_qLU2Jxv98YWnEUOZKY/s72-c/Screen+Shot+2013-05-16+at+10.37.48+AM.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-986586320738939500</id><published>2013-01-14T22:50:00.003+08:00</published><updated>2013-05-15T20:08:17.380+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="生活計畫"/><title type='text'>Q1 目標</title><content type='html'>&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBTfPgTOTvFpzMeJvGLJ_jKdT2MgEGSG5EDL4vNF3-R3lnOWmF1xBMHAhrdOUeL3bsJs0-1a1FHAyN1KZKDTnPVdnIXgV-3DAnos5VUgUnSVKL3zxfF4jxFfLIN8z8x90DXg5g_PDNotk/s1600/164087888139.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBTfPgTOTvFpzMeJvGLJ_jKdT2MgEGSG5EDL4vNF3-R3lnOWmF1xBMHAhrdOUeL3bsJs0-1a1FHAyN1KZKDTnPVdnIXgV-3DAnos5VUgUnSVKL3zxfF4jxFfLIN8z8x90DXg5g_PDNotk/s400/164087888139.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
2013 Q1 Goal ( 先訂 Q1 就好了，不要好高騖遠 )&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;補英文 &amp;amp; 每日新單字 20 個&amp;nbsp;&lt;/li&gt;
&lt;li&gt;每個月看至少一本書&lt;/li&gt;
&lt;li&gt;每個禮拜至少兩天運動&lt;/li&gt;
&lt;li&gt;養好身體中藥記得吃 &amp;amp; 不能超過十二點半睡覺 ( 除非假日 )&amp;nbsp;&lt;/li&gt;
&lt;li&gt;每天花個半小時至一小時把程式基本功學的更紮實&lt;/li&gt;
&lt;li&gt;每個禮拜至少打三次電話回家&lt;/li&gt;
&lt;li&gt;存錢 !&amp;nbsp;&lt;/li&gt;
&lt;li&gt;儘量不要跟施阿肥吵架 ( 儘量 )&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
好吧，到目前為止，我只有第八點在上禮拜破功。&lt;/div&gt;
&lt;div&gt;
其他的請繼續保持 !&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
話說，我滿三個月了，日子就這樣過去了。反正每次在我感慨的時候，時間就坐著高鐵從我身邊呼嘯而過，等我回過神，他已抵達高雄了。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
2012 是我離開學生時代的最後一年，也是我開始成為漂亮美麗大方成熟 OL 的一年；但不幸的是我還是沒有變的漂亮美麗大方成熟，反而是一直無法忘記那曾經被我嫌棄到不行的窮學生模樣。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
在我進公司的那天，我畏畏縮縮不停的閃躲，希望別人不要注意我但也不希望沒有存在感。自怨自艾一直到前幾天公司有了新的政策，我才徹底領悟 …&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&quot; 其實我並不比別人差，我也不笨，我只是還沒有找到我熱愛的事物。&quot;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
我只是把時間浪費在&quot;現在&quot;能讓我開心的事物上。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
真的沒有什麼好閃躲和畏縮的，我也不需要去比較這裡的誰誰誰很厲害&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
有時候我的自信就這樣莫名的回來了。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
我開始要認真學習了 … 學習找到我的熱愛，然後開心且知足的過每一天。&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/986586320738939500/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2013/01/q1.html#comment-form' title='1 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/986586320738939500'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/986586320738939500'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2013/01/q1.html' title='Q1 目標'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBTfPgTOTvFpzMeJvGLJ_jKdT2MgEGSG5EDL4vNF3-R3lnOWmF1xBMHAhrdOUeL3bsJs0-1a1FHAyN1KZKDTnPVdnIXgV-3DAnos5VUgUnSVKL3zxfF4jxFfLIN8z8x90DXg5g_PDNotk/s72-c/164087888139.jpg" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-7102517032114988970</id><published>2012-10-06T20:51:00.001+08:00</published><updated>2013-05-15T20:10:08.744+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="生活計畫"/><title type='text'>一個開始</title><content type='html'>離開學校了，但一直到學生證悠遊卡逼下去之後變成普通而不是學生，才真正驚覺 …&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
再見，我的學生生活。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
歡迎光臨，我的上班生活。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
明天就要搬去台北了，其實我不大喜歡台北繁忙的步調，人們總是很匆忙的走著，這時候我又會覺得風城新竹的好 … 但仔細想想，我每次到了一個新的環境，一開始都是很眷戀著上一個環境，時間久了，我也就習慣並接受了。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
苗栗，台中，高雄，中壢，新竹，下一站 : 台北。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
反正我也不知道何時才會停止這樣的流浪，那大不如就好好欣賞每站的風景吧。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
上班了一個禮拜，當然是我喜歡的辦公環境，但壓力總是莫名的存在著，因為身邊都是厲害的人，不是有名的部落客，不然就是之前比賽的冠軍。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
我根本就渺小的不被看見 …&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
我想變得更厲害些，至少是能讓我自己滿意的程度，我不是個聰明人但我肯花更多的時間慢慢學習。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
期望的生活還有那大大的夢想，我踏出了第一步。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
再加油吧 : D&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgLdry2tsJZF3r4LWx34M3Xm5DjetIcGWnXx6hmuCRcKzy3JMtU_6tpbCgfecsyX9jNx3Z49X42Pv4eO3e27F3BQhEV9bTolpV1x20QAQ-BTqsabFK9JboLubUJW_vfoA1-Aq1we2PojU/s1600/2012-06-07+16.35.54.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;476&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgLdry2tsJZF3r4LWx34M3Xm5DjetIcGWnXx6hmuCRcKzy3JMtU_6tpbCgfecsyX9jNx3Z49X42Pv4eO3e27F3BQhEV9bTolpV1x20QAQ-BTqsabFK9JboLubUJW_vfoA1-Aq1we2PojU/s640/2012-06-07+16.35.54.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/7102517032114988970/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2012/10/blog-post.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/7102517032114988970'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/7102517032114988970'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2012/10/blog-post.html' title='一個開始'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgLdry2tsJZF3r4LWx34M3Xm5DjetIcGWnXx6hmuCRcKzy3JMtU_6tpbCgfecsyX9jNx3Z49X42Pv4eO3e27F3BQhEV9bTolpV1x20QAQ-BTqsabFK9JboLubUJW_vfoA1-Aq1we2PojU/s72-c/2012-06-07+16.35.54.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-4315366312463675519</id><published>2012-10-06T20:22:00.000+08:00</published><updated>2013-05-14T17:34:02.992+08:00</updated><title type='text'>Git &amp;amp; GitHub - 1</title><content type='html'>之前一直想說要來學 git &amp;amp; github … 但研究所實在是沒啥時間也比較少用到 …&lt;br /&gt;最近才真的開始要用了 !&lt;br /&gt;&lt;br /&gt;Git 就是版本控制軟體，跟 SVN 的差別就在於 Git 是分散管理的方式而 SVN 是中央 sever 主從式管理，反正 Git 就是 local 端都可以 clone 自己一個的 repository ( repo 可以想成一種版本資料庫 )，可在 local 端任意的修改，另外因為 repo 是跟著使用者的，不需要有中央 server，所以就有 GitHub 讓大家都可以將 repo 放在上面做分享&lt;br /&gt;&lt;br /&gt;Git vs. SVN &amp;amp; Git 教學可參考&amp;nbsp;http://www.slideshare.net/littlebtc/git-5528339&lt;br /&gt;&lt;br /&gt;1. 安裝&lt;br /&gt;&lt;br /&gt;Git : 用 homebrew 安裝&lt;br /&gt;&lt;br /&gt;GitHub：申請帳號，然後安裝 GitHub for Mac&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1yx3wmCefj2i2gD0UeKVAugidfAkvj_059bK-9AX-b-F7zhTADEwpHwsTPVaGxhm5cDOmYxUM03Pv4ppQ63r2zli-m5q6Cv40E_JGXnMuKbfXZtty0SwcowCuuF81kywrZfCcXgqqupU/s1600/Screen+Shot+2012-10-06+at+7.59.43+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;132&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1yx3wmCefj2i2gD0UeKVAugidfAkvj_059bK-9AX-b-F7zhTADEwpHwsTPVaGxhm5cDOmYxUM03Pv4ppQ63r2zli-m5q6Cv40E_JGXnMuKbfXZtty0SwcowCuuF81kywrZfCcXgqqupU/s640/Screen+Shot+2012-10-06+at+7.59.43+PM.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;這裡我覺得很奇怪 … 因為我記得以前裝時還要設定 ssh key 的 … 後來電腦重灌了但然就沒有 key 了 … 但現在我只安裝了 GitHub app ( 當然在安裝時也要安裝 for command line ) 然後登入帳號之後就可以用 ssh 連了耶 …&amp;nbsp;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;= =?&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;https://help.github.com/articles/set-up-git&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;2. 使用&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;a. 開啟專案&amp;nbsp;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;$git init&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;b. 修改好了，將修改存入 stage&amp;nbsp;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;$git add &lt;modified file=&quot;file&quot;&gt;&lt;/modified&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;c. 改了大量資料，將所有檔案存入 stage&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;$git add .&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;d. 提交修改&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;$git commit -m &quot;註解&quot;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;e. git add + git commit 一次完成&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;$git commit -a -m &quot;註解&quot;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;以上都可在 local 端執行&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;如果改好了要上傳到 server&amp;nbsp;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;$git push&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;可以將 local 端檔案的變更提交到 github&amp;nbsp;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgshQPkO6FO4e_LECugCljqilATC22aJDQYLS9fWyok5oWMrs_kDUA1K0SpJlrrV_UkD250tO8XiCcIWi8zNb34G5DNjWHLpB0XfElrREKUdGw3VbnmZpPTdhHA97EQJYjoY_Nhu1uADYs/s1600/Screen+Shot+2012-10-06+at+1.40.14+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;294&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgshQPkO6FO4e_LECugCljqilATC22aJDQYLS9fWyok5oWMrs_kDUA1K0SpJlrrV_UkD250tO8XiCcIWi8zNb34G5DNjWHLpB0XfElrREKUdGw3VbnmZpPTdhHA97EQJYjoY_Nhu1uADYs/s640/Screen+Shot+2012-10-06+at+1.40.14+PM.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;如果要更新 local 版本可用&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;$git pull&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;當然 github 還要很多東西 … 像是 branch&amp;nbsp;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;不過先熟悉一下基本的好了 … 之後再把所學得慢慢紀錄下來&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;參考：http://billy3321.blogspot.tw/2009/02/github-howto.html&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/4315366312463675519/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2012/10/git-github-1.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/4315366312463675519'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/4315366312463675519'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2012/10/git-github-1.html' title='Git &amp;amp; GitHub - 1'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1yx3wmCefj2i2gD0UeKVAugidfAkvj_059bK-9AX-b-F7zhTADEwpHwsTPVaGxhm5cDOmYxUM03Pv4ppQ63r2zli-m5q6Cv40E_JGXnMuKbfXZtty0SwcowCuuF81kywrZfCcXgqqupU/s72-c/Screen+Shot+2012-10-06+at+7.59.43+PM.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-4445284541547607041</id><published>2012-10-06T19:18:00.000+08:00</published><updated>2013-05-14T17:34:02.998+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="MAC"/><category scheme="http://www.blogger.com/atom/ns#" term="Tools"/><title type='text'>Homebrew </title><content type='html'>&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;在安裝 Git 之前，可先安裝 Homebrew，Homebrew 是 OSX 套件管理工具，可直接利用 Homebrew 來安裝 git&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;安裝 Homebrew&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;$ ruby -e &quot;$(curl -fsSkL raw.github.com/mxcl/homebrew/go)&quot;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;http://mxcl.github.com/homebrew/&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;然後也要安裝 xcode&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;( 不過我明明就安裝了 xcode … 但奇怪就是不行用 … 後來才發現要把在 xcode 安裝 command line xcode … = .. = )&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp8ujcyIzow13Lqu4p1b8Atdm2XCGYdRivu0VeAN1qxOa_si1tPh8E0jlGGh_1cqLx4sVJsuew2-NHafGNXcE6W_P62dI7wyOCtoS66bpX6SflgdwLFUmRuENTUPfE-ChuQcFbExluUZs/s1600/Screen+Shot+2012-10-06+at+12.52.50+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;250&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp8ujcyIzow13Lqu4p1b8Atdm2XCGYdRivu0VeAN1qxOa_si1tPh8E0jlGGh_1cqLx4sVJsuew2-NHafGNXcE6W_P62dI7wyOCtoS66bpX6SflgdwLFUmRuENTUPfE-ChuQcFbExluUZs/s400/Screen+Shot+2012-10-06+at+12.52.50+PM.png&quot; width=&quot;400&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;安裝完 homebrew 就可以直接安裝 git 了 ! 另外也順便安裝了 wget ~&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;$ brew install git&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;$ brew install wget&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;當然 brew 還有其他指令可以使用&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;$ brew search 搜尋套件&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;$ brew info 查詢套件資訊&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;$ brew list 已經裝了哪些套件&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;$ brew update 更新 homebrew 自己&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;$ brew install 安裝套件&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;參考：http://ihower.tw/blog/archives/4308/&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: Courier New, Courier, monospace;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/4445284541547607041/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2012/10/homebrew.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/4445284541547607041'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/4445284541547607041'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2012/10/homebrew.html' title='Homebrew '/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp8ujcyIzow13Lqu4p1b8Atdm2XCGYdRivu0VeAN1qxOa_si1tPh8E0jlGGh_1cqLx4sVJsuew2-NHafGNXcE6W_P62dI7wyOCtoS66bpX6SflgdwLFUmRuENTUPfE-ChuQcFbExluUZs/s72-c/Screen+Shot+2012-10-06+at+12.52.50+PM.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-5820280301012965093</id><published>2012-07-04T23:50:00.001+08:00</published><updated>2012-07-04T23:51:27.327+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="只有文字"/><title type='text'>流水帳</title><content type='html'>1. 好不容易今天終於改到最後一個 section … 好折騰 …&lt;br /&gt;
&lt;br /&gt;
2. 身邊的人一個個要口試或是口試結束 … 但我卻還是不知道我的哪裡 ?&amp;nbsp;&lt;span style=&quot;background-color: white;&quot;&gt;心裡焦急但好像也不能怎樣 … 只能這樣慢慢的熬下去&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
3. 現在，宿舍空盪盪的只剩我一人。&lt;br /&gt;
&lt;br /&gt;
4. 開始放棄要出國這件事，但同時心中的悔恨感卻越來越重 ……&lt;br /&gt;
&lt;br /&gt;
5. 想離開這裡了。但在離開前我想再堅持某些事&lt;br /&gt;
&lt;br /&gt;
6. 應該要找一個興趣或是慢慢培養，不然總是會質疑人生的意義 ?&lt;br /&gt;
&lt;br /&gt;
7. 改 paper 已經不急了，而且口試在哪也不知道 … 所以給自己多一點時間做想做的事吧&lt;br /&gt;
&lt;br /&gt;
8. 想一個人去旅行。&lt;br /&gt;
&lt;br /&gt;
9. 那就這樣吧&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiosrwgjyJA0MnTlXHsYG17pYyAW-R0zlq2uYQJrIIhhoYEYcKKdPCrbBDqOQFCi2eDYp_ozxmcE3WTRiQdOnx16qzcRJ5KtlZxwEIXPBmlJPH09ksJ_FvxBmPkIAnJoxEH2bUFw1Sm74/s1600/IMG_2011.JPG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiosrwgjyJA0MnTlXHsYG17pYyAW-R0zlq2uYQJrIIhhoYEYcKKdPCrbBDqOQFCi2eDYp_ozxmcE3WTRiQdOnx16qzcRJ5KtlZxwEIXPBmlJPH09ksJ_FvxBmPkIAnJoxEH2bUFw1Sm74/s640/IMG_2011.JPG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/5820280301012965093/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2012/07/blog-post.html#comment-form' title='2 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/5820280301012965093'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/5820280301012965093'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2012/07/blog-post.html' title='流水帳'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiosrwgjyJA0MnTlXHsYG17pYyAW-R0zlq2uYQJrIIhhoYEYcKKdPCrbBDqOQFCi2eDYp_ozxmcE3WTRiQdOnx16qzcRJ5KtlZxwEIXPBmlJPH09ksJ_FvxBmPkIAnJoxEH2bUFw1Sm74/s72-c/IMG_2011.JPG" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6222258441841103484.post-1210633781060894103</id><published>2012-06-10T22:12:00.000+08:00</published><updated>2013-05-14T17:34:03.009+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C/C++"/><title type='text'>interview with C/C++</title><content type='html'>&lt;b&gt;override 覆載&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;配合繼承架構，衍生類別的虛擬函式可取代基礎類別的同名虛擬函式，運用多型指標時虛擬函式呼叫可以動態 bind 到該物件的虛擬函式上&lt;br /&gt;&lt;br /&gt;&lt;span id=&quot;goog_1089053184&quot;&gt;&lt;/span&gt;&lt;span id=&quot;goog_1089053185&quot;&gt;&lt;/span&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfFFI8zj9IJdhi2vSvXeCNEdEitfU7amzV1h5lq7ytSCzueAxueLYk6fIwZy1g7NpXFkx65B_KONPjRkNHJK7o_gIuNFlmSARVpwsYDDYC6fzlsDCbs6urVMHmlthd2n8uDc5cou0lVVQ/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-06-10+%E4%B8%8B%E5%8D%8810.01.34.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfFFI8zj9IJdhi2vSvXeCNEdEitfU7amzV1h5lq7ytSCzueAxueLYk6fIwZy1g7NpXFkx65B_KONPjRkNHJK7o_gIuNFlmSARVpwsYDDYC6fzlsDCbs6urVMHmlthd2n8uDc5cou0lVVQ/s320/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-06-10+%E4%B8%8B%E5%8D%8810.01.34.png&quot; width=&quot;284&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;b&gt;overload 多載&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;在同一個命名區間 (name space) 中兩個函式有同樣的名稱但是具有不同的參數個數或是參數型態&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjbZ_33IZ91FM6a_wGysZdrh4kzZTIs4kdfxSOiKjRF5LYF_3LQPiyZgfsewjYmYQYZdGBI_feEfZj1-4SLFYVS5A9I_A1fcmZWeK739KJMZpPguAde4nPbWcokpvI0tc-RU4I3xYa5rc/s1600/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-06-10+%E4%B8%8B%E5%8D%8810.01.41.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;229&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjbZ_33IZ91FM6a_wGysZdrh4kzZTIs4kdfxSOiKjRF5LYF_3LQPiyZgfsewjYmYQYZdGBI_feEfZj1-4SLFYVS5A9I_A1fcmZWeK739KJMZpPguAde4nPbWcokpvI0tc-RU4I3xYa5rc/s320/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-06-10+%E4%B8%8B%E5%8D%8810.01.41.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;class 和 struct 有何差別 ?&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;在 C++ 中，struct 和 class 相差不遠，在 struct 中的資料型別相當於在 class 全部定義在 public 下&lt;br /&gt;&lt;br /&gt;struct Jean {&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;等於&lt;br /&gt;&lt;br /&gt;class Jean {&lt;br /&gt;public:&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;另外於主觀的差異： struct 用在 data aggregation，而 class 用在 object oriented or object based 上。&lt;br /&gt;&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://jeanisay.blogspot.com/feeds/1210633781060894103/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://jeanisay.blogspot.com/2012/06/interview-with-cc.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/1210633781060894103'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6222258441841103484/posts/default/1210633781060894103'/><link rel='alternate' type='text/html' href='http://jeanisay.blogspot.com/2012/06/interview-with-cc.html' title='interview with C/C++'/><author><name>Jean Pan</name><uri>http://www.blogger.com/profile/08372509489695347492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyAlBdUpCUfmWxpC62xygdJd4AqPIDHkLJeIM3wrhZGHc6pRe874Hc4NWkhpIWeETTKkYzcw8C1iWQnBzfpeVJVEpVBgohlqAH1qFxyoBx1WnBVC5hQgW9xB1_N2VIA/s220/2013-12-31+14.57.51.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfFFI8zj9IJdhi2vSvXeCNEdEitfU7amzV1h5lq7ytSCzueAxueLYk6fIwZy1g7NpXFkx65B_KONPjRkNHJK7o_gIuNFlmSARVpwsYDDYC6fzlsDCbs6urVMHmlthd2n8uDc5cou0lVVQ/s72-c/%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7+2012-06-10+%E4%B8%8B%E5%8D%8810.01.34.png" height="72" width="72"/><thr:total>0</thr:total></entry></feed>