2012/2/25

ubuntu 11.10 desktop 怎麼開 Terminal

如何在ubuntu 桌面版下指令

ubuntu 桌面版的 Terminal(終端機)
是像 windows 的 cmd 一樣的東西
因為 linux 安裝軟體的教學文章都是教你下指令
使用桌面版的朋友們,找不到 Terminal 可以下指令對吧...
我也是 T_T
是說 Terminal 在 「應用程式>附屬應用程式>終端機」
但是「應用程式」在這個版本已經消失了

我花了很長的時間在找桌面版的 Terminal 
終於找到他在哪裡

有兩個方法
1. 從快捷鍵 : 按 ctrl+alt+T ,恭喜你已經成功開啟Terminal

2. 從介面:
首先左邊第一顆按下去

再點左上角的 「媒體程式」(完全不知為啥會是在媒體程式,害我找超久)

右邊有個類別,選「附屬應用」
然後左上看到「已安裝」右邊有個「查看13項其他結果」

終於,「終端機」出現了

感動的一刻

如果你的 ubuntu 不是中文
下面是 ubuntu 切換語系的方法

左邊的齒輪按下去

「語系支援」英文版應該是叫作「Language Support」

進來之後你的畫面會是英文版
但是我貼的這張圖是中文版 所以你就看得懂
要先按「安裝或移除語言」
再裡面找到 「Chinese Traditional」
裝好之後「漢語(臺灣)」會在上面的選單最下面
要用滑鼠拖曳的方式把他拉到最上方

中文版的說明文字
他原本寫英文根本看不懂在寫啥小


2012/2/24

JS OOP class template

JS的物件導向類別範本


為了節省大家的時間

我在看完了物件導向那篇文章之後

參考 EaselJS 寫了一個 class 的範本

彩色code : http://paste.plurk.com/show/913157/

黑白code :


(function(window){
    var MyClass = function(){
        //繼承類別的建構式
        繼承類別.call(this,建構式參數);
        //建構式
        this.initialize();
    }
    //繼承類別
    var p = MyClass.prototype = new 繼承類別();
 
    //static property 靜態屬性
    MyClass.屬性 = 1;
    MyClass.方法 = function(){};
 
    //public method 公開方法
    p.方法 = function(){};
 
    //private method 私有方法
    var 方法 = function(){};
 
    //建構式
    p.initialize = function(){
        //public variable 公開屬性
        this.屬性 = 1;
     
        //private variable 私有屬性
        var 屬性 = 1;
    }
 
    //把類別名稱掛在全域上
    window.MyClass = MyClass;
}(window));

股票二選一,選錯的機率遠遠大於選對的機率的原因

我要說明的是股票二選一,選錯的機率遠遠大於選對的機率的原因

其實這是個錯覺

在買股之前進行觀察是必然的

如果只想要買一支股票

通常一開始會先列出觀察股名單

觀察許久後會篩選出最後幾支

最後、最後會面臨股票二選一的局面

以下用A股和B股來稱呼這兩支股票

掙扎許久後買下了A股

接下來是每天看A股和B股的價位

會有兩種狀況

case1: A股漲幅 > B股漲幅
心態:真爽,這是因為我選股選得好

case2: B股漲幅 > A股漲幅
心態:這次又選錯股了,為什麼每次我都選錯股

實際情形:
day1 : case1
day2 : case2
day3 : case1
day4 : case2
...

直到賣出A股才會停止觀察

發現了嗎?

只要在賣出A股之前的任何一天發生 case2 的情況

心裡就會有選錯股的想法產生

但股票輪流漲是必然發生的事

這就是為什麼二選一選錯股的機率如此之高的原因

2012/2/23

3n + 1 conjecture 考拉茲猜想

這是一個尚未被證明的數學問題
wiki 解說

如果所有的奇數都能滿足條件
那麼所有的偶數也都能滿足條件
所以其實只要證明奇數的部分

而奇數一定是透過3N+1那條路長上去
所以我作了一個 flash 來觀察走向3N+1的部分
http://etrex.tw/static/flash/3n1/3n1.html


畫面中
有一棵樹會不斷的生長
node 之間使用黑線連接代表著他們的關係是 n : 2n
node 之間使用紅線連接代表著他們的關係是 n : 3n + 1

所有的數字都可以拖曳
如果想要停止生長 請按上方的 stop 按鈕
在生長時樹枝會糾結在一起
需要按 stop 整理一下畫面
再讓他繼續生長會比較好

上方的資訊文字
node : 目前樹上有幾個 node
complete : n 表示這棵樹上已經生長出從 1 ~ n 的數字
waiting queue : 存放這棵樹接下來所有的可生長方向

程式會從 waiting queue 中挑出最小的數字來生長
透過觀察這棵樹往紅線方向生長的規律
也許可以知道 3N+1 的一些規則

JS link

排整齊code的
http://jsbeautifier.org/

邊做邊學 jquery 系列
http://blog.miniasp.com/post/2009/04/19/Learning-jQuery-from-novice-to-expert-in-just-two-hours.aspx

JS的物件導向類別範本
http://etrex.blogspot.com/2012/02/js-oop-class-template.html

使用物件導向技術來建立進階 Web 應用程式
http://msdn.microsoft.com/zh-tw/magazine/cc163419.aspx

Browser 與 Server 持續同步的作法介紹 (Polling, Comet, Long Polling, WebSocket)
http://www.josephj.com/entry.php?id=358

Node入門 » 一本全面的Node.js教學課程
http://www.nodebeginner.org/index-zh-tw.html

jQuery API
jQuery API

深入理解JavaScript系列http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html

AjaxML
http://www.ajaxml.com/

jQuery Chop Slider
http://www.idangero.us/cs-wp/

圖表產生
Flotr2

翻頁效果 turn.js
http://www.turnjs.com/#home

Adipoli jQuery Image Hover Plugin - 圖片特效
http://jobyj.in/adipoli/

ajaxshake - js UI收集
ajaxshake

Parse JavaScript Object Online
http://etrex.tw/static/etrexJs/ObjectTreeview/InteractiveTreeview.html

Jsonp Proxy
http://etrex.blogspot.com/2011/01/jsonp-proxy-using-python-and-google-app.html

poogle
http://poogle.emotionviz.com/

2012 年 Github 上最多星星的 JavaScript Library
http://www.icoding.co/2013/02/top-starred-js-on-github

上傳圖片模組
http://blueimp.github.io/JavaScript-Load-Image/

YOU MIGHT NOT NEED JQUERY
http://youmightnotneedjquery.com/

50 JavaScript Libraries for Charts and Graphs
http://techslides.com/50-javascript-charting-and-graphics-libraries/

2012/2/22

khan academy 線上數學教室

讓你學數學就像在練技能

來看看這精美的數學技能樹
左邊 : 建議接下來要點的技能
右邊 : 技能樹


隨便選擇一個技能後進入練習
左邊 : 題目
右上 : 你的答案
右中 : 小提示
右下 : 影片教學

答對的話上面那條彩色就會加
加滿就代表學會技能了

他厲害的地方是每一個技能都有前置技能和對應的教學影片
讓你可以玩得很開心

偷看一下高級技能
這個是函數
後面連微積分都有

2012/2/20

現實online

大家在玩線上遊戲時

總是會討論最佳職業、最佳裝備、和必解任務等等的遊戲攻略問題

總是那些熟悉職業和任務流程的人能夠最快的得到神裝


相對於現實,由於職業太多而且無法取得職業明確的數據

優質的任務訊息通常都是限時限量或者有前置條件

因為商人的存在使得訊息的真假難辨

造成現實online無法像玩遊戲一樣做到最佳化


但關鍵還是在於如何取得職業和任務資訊

以及取得資訊後願不願意轉職和改變目前生活方式

一直以來很多人討論資訊業、雞排業和公職

各種投資理財方法、社會補助、政府的一堆社福方案

其實都應該去了解

2012/2/17

chrome 最好用的網頁截圖 plugin

Explain and Send Screenshots

1. 他可以擷取部分網頁或整張網頁
2. 他可以按一個鍵就直接把圖上傳到 imgur,變成一個圖片超連結

2012/2/16

backbone.js 入門


要用 backbone 之前要先載入 underscorejQuery

backbone是js的一個MVC framework
backbone的主要功能分為兩塊:Model 和 View
他們透過 backbone.Event 來溝通

Model: 負責維護 client, server, view 資料的同步
    當Model內的資料被修改,就會驅動 change Event

View: 負責 html render 和 UI event
    可以 html template 來做 render
    不一定要同時使用 Model 和 View
    從Todo這個範例可以看到 單獨使用 View 是可行的
    從這行開始看,可以發現這段程式碼其實是用 View 去接管所有的 UI event
    而這段程式碼中只有在 event 觸發的函數內使用到 Model

    我自己也做了一個測試


backbone 還有一個重要的東西是 Router
Router 的功能是用來做 deep linking
deep linking 技術是改變client網址卻不換頁,只改變了網頁中的某個部分
其實等於是用網址來存client的狀態,這樣做的好處是在轉貼連結可以直接跳到頁的內部
舉例來說我的網頁
http://dl.dropbox.com/u/7377053/JS/etrexJs/ObjectTreeview/InteractiveTreeview.html
在文字框輸入變數名稱可以用來偷看js變數
http://dl.dropbox.com/u/7377053/JS/etrexJs/ObjectTreeview/InteractiveTreeview.html#navigator.userAgent
http://dl.dropbox.com/u/7377053/JS/etrexJs/ObjectTreeview/InteractiveTreeview.html#YAHOO

感謝龍哥的補充

server-side javascript 入門

server-side js 指的是用 js 這個語言
去做一些 php 或 asp 原本要做的事

需要一個專門執行 server-side js 的 server
就像 php server 要裝一些軟體一樣

server-side js 要安裝 node.js

因為執行時是在 server 上執行
所以他當然可以跟server-side的檔案系統和資料庫溝通

server-side 也用 js 寫的好處是前後臺相同的程式碼可以只寫一份
舉例來說
ajax 網頁通常是先開啟網頁後再用 ajax 載入資料
此時要做 html render 需要寫一些 js
但 html render 的工作在後端也會有
如果後端是不同語言 就要維護兩份 code

2012/2/8

js 的 mouseDown mouseMove 在手機上不能使用的解法

因為手機上使用的 event 是 touchStart 和 touchMove

國外的神人有解,下面是註冊 touch 事件再轉發 mouse 事件的程式

var mouseEventTypes = {
touchstart : "mousedown",
touchmove : "mousemove",
touchend : "mouseup"
};

for (originalType in mouseEventTypes) {
document.addEventListener(originalType, function(originalEvent) {
event = document.createEvent("MouseEvents");
touch = originalEvent.changedTouches[0];
event.initMouseEvent(mouseEventTypes[originalEvent.type], true, true,
window, 0, touch.screenX, touch.screenY, touch.clientX,
touch.clientY, touch.ctrlKey, touch.altKey, touch.shiftKey,
touch.metaKey, 0, null);
originalEvent.target.dispatchEvent(event);
});
}

2012/2/7

2012 台北國際電玩展

電玩展,大部分都是參加試玩活動送禮物
但是我們進來之後發現一些奇怪的攤位
像是學承電腦、魔術教學之類的攤位
看到第一個 show girl 就是他
我覺得不拍一下他就會有人說我沒來過
不過是用手機+數位變焦拍的難免有點糊

緊接著看到的是 kinect 的跳舞機的展示
這兩個人應該是工作人員
因為他們兩個人動作一致、跳舞姿勢一流
感覺上這個遊戲如果玩得好
就真的可以上台表演了


投壺送劍任務:



一群玩家手上拿著票給NPC
取得三次投壺機會
其中一次將劍投進壺中
就可以把劍帶走
於是我上前詢問NPC

我:請問要怎樣得到票呢?

送劍NPC:去前面的攤位參加試玩即可得到票。

於是我們按照NPC的指示,順利的解決任務




接著往下走,遇到武器店
趕快看看他賣些什麼


正在路人講話的武器店老闆


大家認真聽老闆講故事


那把大劍的重量超重,而且感覺很有質感

繼續往下走,看到的是勇者留言牆:


牆上的幾張特寫:

同上 同下 同左 同右 同東北 同西南~

98浴室撿肥皂 <- 淫蟲

哥有四多蘭,對面都是菜!

英雄不怕出生低
老兄!是"出身",你寫錯了XD
+1 讚
那是我ID 兩個傻B

看到賽車遊戲試玩,重點不是妹,而是硬體設備

重點真的不是妹

show girl 的屁屁移走之後終於看到重點,他頭上戴的是什麼?

攤位上的巨大PSP展示

PS舞台的主持人

和他們家可愛的 TORO貓,邀請路人上台拍照

到了下午人明顯變多
跟書展二館一樣有人擠人的趨勢
但是這裡的空調明顯比較好
比較不會有悶熱的感覺

2012/2/4

2012國際書展

今年的一館

跟之前感覺不太一樣

以前的書展是看不到桌遊的

而今年卻有許多間桌遊的攤位

我原先還以為桌遊攤位會在二館

在新天鵝堡看到了不錯的桌遊:toc toc woodman

店員帶著幾個客人試玩

我在一館買了一本書

因為是喜歡的作者

所以也沒多想就直接買了

一館繞一圈後就前往二館

進入世貿二館內部

發現人口密度比一館高出許多

心裡不禁有個疑問:為何動漫館不設在一館?


在二館看到巨匠電腦的攤位

我完全不知道為啥動漫書展會出現巨匠電腦

可能他以為有雇用三隻初音工讀生就能融入二館吧(看起來都不怎麼樣我就沒拍照了)


跟一館比起,二館的攤位沒幾個

大致上二館的攤位分為兩種:
1. 賣書的
2. 賣周邊商品的

有趣的是,在書展只賣書的攤位都沒什麼客人

第一種攤位大多不用排隊就可以進去

但是第二種攤位的人潮多到靠杯

什麼是多到靠杯?

當你進去二館之後,找到想進入的攤位時

會看到圍繞著攤位的貪食蛇隊伍

當我沿著隊伍走,想要嘗試找到隊伍尾端時

在二館各出入口看到神奇的人工紅綠燈

這是讓貪食蛇排到室外的機制

我發現原來隊伍尾端不是在世貿二館

想要進入攤位嗎?看看這些精美的貪食蛇





逛了一圈二館外圍

看完貪食蛇之後

才發現原來我並不宅

於是我一間攤位都沒逛到就回家了

2012/2/2

gmail 的虛擬信箱功能

虛擬信箱:
只要申請一個gmail,就可以擁有許多信箱(但是使用相同的容量)


用法:
假設你的帳號是
youraccount@gmail.com

那麼你可以得到的虛擬信箱是
youraccount+anyword@gmail.com

你可以在加號後面輸入任何字


實驗:
我用我的信箱寄給自己,請注意看收件人


用途:
1.信件預先分類
當你在其他網站註冊,必須要填入信箱時
如果他是購物網站你可以填上 youraccount+shopping@gmail.com
然後你可以透過gmail的篩選器對收件者作篩選
可以避免掉一些廣告信

2.知道誰賣掉你
你可以在註冊每個網站時都使用不同的虛擬信箱
當你收到廣告信時
可以根據收件者知道mail是從哪個網站洩漏出去

3.不再需要10min mail
有時候要在同一個網站註冊多個帳號,但又因為一個mail只能註冊一次的關係
懶得去再新申請一個信箱的話可以用虛擬信箱


有一本書叫做Google時代一定要會的整理術
我是在這本書裡面知道有這功能的
而我稱呼他為虛擬信箱(因為我不知道這功能叫什麼名字)