十二月 3, 2009

hoamon's sandbox
hoamon
hoamon's sandbox is about »

tag cloud

» IE 給我的痛



大概是全天下的網頁程式設計師都會遇到的痛,就算你是用微軟自己出的工具也是一樣(例:http://www.shukai.biz/2008/12/bug.html),這原因就出在 IE 是個疊床架屋的產物,是為了要幹掉 Netscape ,在幾個月中,倉徨作出來的垃圾。

十一月 21, 2009

hoamon's sandbox
hoamon
hoamon's sandbox is about »

tag cloud

» 莫明奇妙的 _ 網域名稱錯誤: 只發生在 IE 上

嚴格地說,這也不是 IE 的錯, IE 只是遵守規範而已。但是因為 Firefox 的容錯能力,讓我們一時以為是 IE 太爛了。

問題是這樣的:

我學弟使用 Windows 加 apache 配置一個測試網站給業主使用時,一直面臨 IE 不能登入,但 Firefox 卻正常的問題,而該網站在 django development server 運作時,卻又沒有問題。他搞了非常久,大概有一個月吧!

我幫他 debug 時,一開始,我就把問題縮小在 IE 瀏覽這 apache 上的測試網站時,它不會紀錄 Cookies,沒用 Cookies ,那怎麼保持認證連線呢! 只是那時候,我也是找不出為什麼那該死的 IE 就是沒法使用 Cookies ,而優秀的 Firefox 就可以呢! 然後,我使用了 Ubuntu Linux 配置這個測試網站結果發現它可以讓 IE 正常運作,所以我們當時只能歸納這問題,一定是他的 XP 出了狀況。

結果前兩天,他要把測試網站放到業主的機器上去 run 時,還是出了相同的問題,然而這次不一樣的是那個機器有兩個 django-based site ,但一個正常,一個不正常。這就有點說不過去了。

於是,這次我請教了 Google 大神,問它: django cookie session problem ie ,而它回我: http://code.djangoproject.com/ticket/7264#comment:3

這原來是 _ 的錯,因為學弟習慣將測試網址設成 test_XXX.YYY.ZZZ ,而我習慣設成 XXXtest.YYY.ZZZ ,因為我知道在買網址時只可以買英數字加連字詞(-)的,所以我不會在網域名稱中放入 _ ,也就是這個習慣讓我在 Ubuntu Linux 中架的測試網站是可以讓 IE 正常使用,但學弟架在 Windows 上的測試網址卻包含了 _ ,讓 IE 勇於拒絕他的要求了。

這同時也解釋了為什麼在 django development server 運作時, IE 可以正常的現象,因為它會使用 http://127.0.0.1:8000/ 作瀏覽網址。

哈哈,真不曉得該怪 IE ,還是得怪 Firefox 呢! 不過,話說回來,要是早點問 Google 大神,這問題就不會拖一個月了。

七月 6, 2009
» HTML 5 tag for firefox 3.5

firefox 3.5日前已經release了
最重要的一個新功能我認為是原生支援了HTML 5的Video tag,
也就是未來的瀏覽器不再需要flash就可以直接播放ogg Theora/Vorbis編碼的影片。

測試的方法:

1. 首先先用youtube-dl這隻程式隨便抓一個youtube的flv檔案下來
http://bitbucket.org/rg3/youtube-dl/

2. 透過ffmpeg2theora將flv轉成ogg
http://www.v2v.cc/~j/ffmpeg2theora/index.html

3. 寫一個html檔

<html>
<body>

html5 video test!

<div>
<video controls source src="sample2.ogg" type="video/ogg;codecs=theora,vorbis" autoplay >
your browser does not support the video tag

</video>
</div>

</body>
</html>


網路上也有其他人做了一些fallback to flash/java applet player的方法, 例如這個 http://www.dailymotion.com/openvideodemo 還有一隻 firefox的plugin firefogg http://firefogg.org/ 可以直接在firefox將影片即時編碼+mux成Theora/Vorbis ogg格式後再上傳。

六月 8, 2009

hoamon's sandbox
hoamon
hoamon's sandbox is about »

tag cloud

» Zotero 2.0 Beta: 提供 Sync 功能

開始要寫論文了,在文獻管理上,當然是要推 Firefox 的外掛套件 Zotero 了。

只是之前的 Zotero ,在檔案管理上,都是要放在目錄中。這對我有多台電腦的人來說,備份及管理都不方便,後來,我把它丟到 hg 去,這才稍為減少備份工作。

現在 Zotero 推出 2.0 Beta ,其中對我最重要的功能就是它也提供一個 sync server ,讓你輕鬆點一下,就能同步在其他電腦上所作的文獻管理資訊。

這太方便了。

== 後記 ==
令人失望的是,它只能同步文獻資訊,不會同步它的附帶檔案。

七月 17, 2008

hoamon's sandbox
hoamon
hoamon's sandbox is about »

tag cloud

» Zotero - add-ons of firefox

這個周末 7/19 應該是在關渡與狐迷朋友們共同慶祝 Firefox 3 的成功。也答應要簡報一個套件 Zotero 給大家。不過卡玫基颱風亂了我們的計劃,本來是要在周五時就住在淡水並遊遊北海岸的,不過,颱風來了,還是在家躲雨看 MOD 好了。

所以,我就把 Zotero 的簡報錄了下來,在線上為各位介紹囉~



不過 Google video 上的影片不是很清楚,要看清晰版的,可下載

  1. http://down.hoamon.info/zotero.avi (90mb)
  2. http://down.hoamon.info/zotero.mpeg (34mb)

以下是文字講稿,但部份與影片不同。

如果各位的 firefox 中,還沒有 zotero 套件的話,請上 zotero 官網 www.zotero.org 中下載並安裝。

安裝後重啟 firefox 後,可以看到右下角的狀態列中多了一個 zotero 按鈕,點選它後,會出現三欄的畫面。

最左欄有資料夾及標籤的總覽,中間則是你的資源,右邊則是你所選擇資源的詳細內容。

三欄的上面則是 zotero 的工具列,首先讓我們先設定 zotero ,把它預設存放檔案的位置改成想放置的資料夾,我是把它放到我的版本控制器的資料夾,這樣電腦重灌時,比較不會忘了備份 zotero 。設定好了,接下來,我們就開始使用 zotero 。

點選這個[黃色筆記]圖示來新增一個筆記,填寫些內容,若這個筆記與其他的資源有關係,可以選擇 [Related] 將它們關連在一起。將來要找尋的話,兩個會一起被找出來。

另外,如果你在瀏覽網頁時,發現不錯的文章,你可以使用這個[鏈結圖示]將網址記錄下來,右下方則是你加上備註的地方。又如果你害怕這個網頁將來可以不存在,那麼就使用[拍照圖示]將它快照起來,並放入 zotero 的資料庫。

在所擷結的資源,內容較豐富時,或是它會關連到你電腦中的文件時,那麼我們使用[白色文件圖示]來新增一個項目,這個項目可放入多個筆記及其他附件。

每一種鏈結、網頁快照、項目都可以新增筆記,紀錄你當下的想法; 設定標籤及相關資料,方便日後搜尋。

搜尋的方式非常簡單,你可以依當初定義的標籤來搜尋,也可以搜尋資源中的文句,或是交叉搜尋,要再更精細的搜尋,則是使用工具列上的[放大鏡圖示],來作進一步搜尋,你可以依題目、摘要、日期…等屬性作搜尋。

除了紀錄想法、文件、網頁外, zotero 也可以保存結構化文件,讓你輕鬆紀錄作者、摘要、出處…等,只要 zotero 有支援的格式都行。

以書籍來說,台灣大學圖書館有提供 zotero 解析的文件,所以你可以簡單地將「惡童日記」的基本資料抓下來,而外文書資料則可以上 amazon 抓。只要你瀏覽的網頁在網址列後有出現 zotero 的圖示,就表示它是可以將文章明細匯入 zotero 的。

而另外一種結構化文件就是「期刊」,在台灣,多數碩博生要畢業的要件是寫一篇論文,而這份論文當中,一定會有引用的期刊,因為我們都是站在巨人的肩膀看世界的。

首先我們利用 google 的 scholar 來找篇期刊來玩玩,「Comparative study of artificial neural networks and multiple regression analysis for predicting hoisting times of tower cranes」這是一篇塔吊作業最佳化的期刊,我們可以看到i這個網頁的網址後有出現 zotero 的圖示,這表示它可以匯入,匯入後,它的作者、摘要、出處、期刊名、關鍵字等已分門別類清楚地放入 zotero 中,這樣我們,可以在閱讀期刊時,順手將想法、疑問、待引用文句先紀錄在筆記中,待最後要寫論文時,打開 google docs ,使用拖拉方式即可將它列入參考文獻中。如要更改格式,可至 preference 去更改匯出格式。

除了電子化資源可以擷取外, zotero 也提供手動輸入的功能,請[綠色加號圖示],其中可供你選擇書、雜誌、期刊、報紙…等格式,讓你把非數位資源納入 zotero 管理,也因 zotero 的透通性,所以可以快速匯出給其他軟體使用,達到 「type once, use anywhere」。

以上是 zotero 簡單介紹,謝謝你的聆聽。

六月 30, 2008

hoamon's sandbox
hoamon
hoamon's sandbox is about »

tag cloud

» 我就是那麼粗心,十幾篇看過的文獻就這麼沒了!

已經使用 zotero 來管理我研讀期刊、網頁有好一陣子了,幾天前終於把我的小黑昇級成 Ubuntu 8.04 ,用得很開心,只是今天我終於想到 firefox 中的 zotero 資料夾我並沒有作備份,呀! 一整個悶,嘿~只有再讀一遍了。還是趕快把資料夾交給 mercurial 管理吧!

什麼,你不知道什麼是 zotero ,那趕快看這裡這裡還有這裡

六月 23, 2008

hoamon's sandbox
hoamon
hoamon's sandbox is about »

tag cloud

» firefox's plugin: better gmail2

很習慣用 firefox 上 Gmail 。而這個外掛可以讓你在瀏覽 Gmail 時,有更好的感覺,像是在信件列表時把附件格式秀出、區別 Label 顏色、修改佈景主題…等,使用很簡單,裝好後滑鼠點點就行了。右圖是我的新 Gmail。

六月 18, 2008

hoamon's sandbox
hoamon
hoamon's sandbox is about »

tag cloud

» Google Toolbar for Firefox3 is release!

配合 6/18 firefox3 download day, Google Toolbar 也總算出了向上相容 firefox3 了。

六月 17, 2008
» gcin v.s. Firefox3

話說原來 Firefox 3 無法自行重開的關係,是因為 ubuntu 官方套件的 gcin。於是我昨晚動手試了安裝 debian 的 gcin bpo 版,或自行編譯 gcin 1.4.0,再以 checkinstall 安裝,但結果都是得把 roxterm 中的 input methods 切到 xim 才能輸入,也就是 Firefox 就用不了 gcin。最後在睡眠的誘惑下,我乖乖裝回 hardy 的 gcin。參照幾個連結:

不過重點來了,在 Firefox 的輸入欄按下箭頭不會卡在那裡了!那也是另一個很惱人的問題。yeah

二月 16, 2008

hoamon's sandbox
hoamon
hoamon's sandbox is about »

tag cloud

» firefox add-ons: 「It's All Text!」

在網頁上留言,寫到一半時,電腦當了,你會不會覺得很 X 。

請使用 Firefox 擴充套件: It's All Text!

它讓你在編寫 <textarea> 輸入框時,可以另外叫出你偏愛的文字編輯器,然後在存檔時,它可以同步回原本的輸入框。

這麼作,有兩個好處:

  1. 是使用順手的編輯器寫文件,像我實在超喜歡用 VIM 的,我就可以在任何網站寫文章時,還是使用 VIM 。
  2. 是當你存檔時,它可以在你的個人電腦上存一個備份,這樣,就算你打字到一半,電腦當了,你所打的文字都還會在個人的硬碟裡。
下圖紅線所劃即是文章內容存在我電腦裡的位置。

二月 15, 2008

hoamon's sandbox
hoamon
hoamon's sandbox is about »

tag cloud

» 我開始使用 PGP 作郵件的簽章及加解密了

如果你也想使用 PGP 作郵件的簽章、加解密的話,可先參照下列幾個連結

或是 google:// pgp key

我的作法是在 Ubuntu 7.10 上使用 Firefox + FireGPG(firefox extension) + GnuPG 來完成 Gmail 信件的簽章、加解密。

安裝步驟如下:
  • 確定你的電腦裡有 gnupg ,沒有的話,請使用 # apt-get install gnupg 來安裝
  • 產生自己的公私錀: # gpg --gen-key
  • 將公錀上傳到伺服器,0x244E7AEB 是我的公錀 ID ,請不要照用: # gpg --server subkeys.pgp.net --send-key 0x244E7AEB
  • 匯出公錀並放到他人容易下載的空間(我的是放在0x244E7AEB): # gpg -a --export 0x244E7AEB > hoamon.public.asc
  • 下載 firegpg 程式: # svn co svn://svn.tuxfamily.org/svnroot/firegpg/firegpg
  • 編譯 firegpg 程式: # cd firegpg; ./build.sh
  • 安裝 firegpg 程式: 打開你的 firefox 瀏覽器,選擇安裝擴充套件 firegpg.xpi 。並重新啟動 firefox 。

使用方法:
  • 先下載它人的公錀(0xB1E55D7E這是我老婆的公錀): # gpg --server subkeys.pgp.net --recv-keys 0xB1E55D7E
  • 進到 Gmail 信箱中,開新信,然後寫下內容,待寫畢,點選上面的「加密」按鈕,這時候會要求你選擇用那一把公錀加密,選完後,信件內文就會變成下面這個樣子了。

-----BEGIN PGP MESSAGE-----
Version: GnuPG v1.4.6 (GNU/Linux)
Comment: http://firegpg.tuxfamily.org

hQQOAyQbH/dVXCNHEA/7B2AfasQx9MDO+bXi48fn9YoEuQwNkpKsayxXNhEg9Kom
KDYWk6nXr0tbYZuyxYdjY4e42AxuOZ28Ym59OtyOHikZ2TQoqGkjroiVtP+QgcnJ
QEUe3YhTadKr7OCmgIcd94SkOI45KjOgB29VtG3qYQm0rXMM38h9x/zMdbRl51T2
oTCvYeuwJECHg4H+NZNL/XM5ISndIzyuqfescsPbAv/dp6vV7UyB3uQU0RUJ2SwN
vX2W8mPJRklFOzStB0WZNGrGdWnokOeO+iqcbH8eyBeD78t2cm8DNs4W/bjQXLXU
s77CqWYG8jbuV3uNuhdBYw4DD+EOPYuCXZJkQus4dk6eAB3osn4fcP3GjIu7Ln79
rEZ2fBgOT/XJNkvia6jhexsdIodaEYLPYEb64UBYkLZbYZYC1yh2iUGZVdIg1MZJ
YuVLafBfvTn6/d5qpLPc0SmPaj68mDnxrGzNU2G1yUx5Z32xqB5Hp1J+j3EihlAB
R8/yB0ygmZZL3bR/TAqSjenaOj4xcOXZqxeHnaUrWfWstTp72G06w+pLdJ2RRMx3
EPidkHval8uf7SfOaPO2n2jJBNZd6uxycorWPXjTZ4kerg2npuYBu3rStI8bCHi9
Y6xElo0cs8zFcvKoyFA4zSZvfrysaqK9uFfH4VscBoK0lKoKwJb3QOYDAeVVIKsQ
ANaDqdQK5LiP0gWittEkgNVWeHWSldf5F062p+XVsGsrT5bo8IGdeTMeN5BPTMSZ
m/QfTprdEOgsditzO0gHoKioPgyFm7Cu3f+zl9sCyG73oW4/G8dQwCXm5ltElidX
rOcA+6mWfmcnCQChtRrKtVNrJ1DrtItgbzPIYqSV+6VrTo7tlOJPNagvTEUWHyGk
hWW9PwU8x0JMrfGGMzFqiy/mQqO8G6MJvYsYYYWZUkT4wtsbWQArEE2d8qdN0qq3
47oXc1YBIk9A/zEpeCq56+G48qvIBGbFXqylbn7thv3FhC5WYMGumpCZ8gAAyrEm
EdEuU9dVp3gb0GJqLkxlvyjby+Cnp4bvFXfX3teOcfejQ9JS4u84Pu1Zdo7kn3Xo
uii/ZkOWkQoPMjV/Uca/AicQLmMLDEkxJClqf6vgLKDCjh6yzzzyJWkjMQa0HY11
bQrqoxRASzcTPo+VGF8yLaD+xshKW9BZF5uhAbjWdyTUKceEp5PkSpEyAdB4ki+Y
FWc3Qc/DL8dqQrAyFBt2IovqMVzHhHR5vZc0By+qkS2c51aD2Wx/jjELNfqDAidP
c42zB+DRJMxubSFymKD7azf2fDJI7Pmu/k7Ku1ShpwKkMhK3mFHBTVYRNap9hb2e
FN+7kFz2c+rNN0/Hl3frSsxBaPdpW0n+rlh0RFNq+wVs0mABG8lUqL98yElXHbxL
6Ft5rxyJ1Js8/gU61MVJytGAxCnTQVBnPNyy2AmZR1FrYXZ636qa80KbUmf46Gg0
bbx1pNf1dd3WYE/xBcG6SYGXNMpPiO8u3FqhqlrcWyAcMCc=
=iaH4
-----END PGP MESSAGE-----

上面的內容,只有我老婆的私錀才可以解開。其他人一定不會知道內容是「我愛你」。就連我自己也不能再看到它的原始內容了,因為我沒有老婆的私錀。

有一個觀念很重要:「私錀是用來簽章及解密,而公錀用來加密」。因為我的公錀是所有人都可以下載的。如果拿私錀來加密信件的話,那麼我的網路管理員,只要知道信件是我發的,就可以拿我的公錀來解密了。

八月 11, 2007

TerryH's Blog
TerryHBlog
is about »
» 做網站真的很簡單嗎

現在做一個網站好像是小學生做的事情一樣,好像一點難度也沒有,聽一聽鄰居大嬸說,我們家小朋友,國小四年級就會做了,真的這麼簡單嗎,為什麼一大堆的網頁不符合標準,一大堆網站用 Firefox 看起來就是怪怪的

技術高深不可測,學歷比天還高的專家,或是某公司會說,耗資多少,做出 WEB X.0 的網站,但是,我要說的是,做網站,很簡單,要做好,又優美的很難,至少以我自己龜毛的個性來看

我想大聲說

可不可以 URL 的連結盡量有意義的,不要超過像是 512 的字,裡面不要有中文字,如果真的要有,能不能先轉好碼,以下有一個血淋淋的範例,各位就知道我在說什麼了,對不起,我知道這樣很傷眼睛,如下

http://xxx.xxx.xxx.tw/object/detail.php?city=台北市&amp;objectid=10111831780&amp;storeid=A0111&amp;pagekind=1&amp;city_2=&amp;code_2=&amp;way=&amp;oneself=&amp;park=&amp;life=&amp;keyword=&amp;line=&amp;station=&amp;station_2=&amp;tablename=&amp;school=&amp;road=&amp;city=台北市&amp;code=&amp;kind=&amp;type=&amp;type_2=&amp;layout=-1&amp;layout_2=no&amp;price=0&amp;price_2=upward&amp;ping=0&amp;ping_2=no&amp;way=&amp;notindex=1&amp;pagekind=1&amp;direction_check=&amp;direction=&amp;control_check=&amp;control=&amp;stall_check=&amp;stall=&amp;mrt_check=&amp;school_check=&amp;park_check=&amp;life_check=&amp;today=&amp;orderby=order%20by%20movie%20desc,%A5Z%B5n%B0%E2%BB%F9%20asc

還有重複的變數,真是夠了,不然就是,URL 裡面還有空白,或是斷行的,看了,差點眼淚掉下來

還有一件事很想說,很多的網站花了很多的技術,效能和時間,在收集,或是保護資料,讓您要一直停在網站上,找不到資料,然後看了一大堆廣告,或是動不動就要您註冊成會員,註冊成會員以後,所有的產出,責任都是會員的,所有的產出收益都是網站的,感覺有點邪惡 ……

五月 18, 2007

TerryH's Blog
TerryHBlog
is about »
» mozex with web application

想起以前用 Zope 及 Plone 的美好時光,文件是使用 ExternalEditor 編輯的, 對編輯器有固執堅持的人,很難接受在網頁上的一個 TEXTAREA,秉持著,細心,耐心,安於現狀的原則,乖乖的敲打文件內容,可是Web AP 沒有像 Zope 或是 Plone 一樣整合 ExternalEditor 怎麼辦?

哈哈,答案來了,請愛用 FireFox,裝個套件吧!

Mozex http://mozex.mozdev.org/

看是要 VIM 還是 EMACS 還是有人覺得電腦效能太強,一定想開個 WORD,當然,我們這窮苦人家的小孩,是買不起 Word 這一種軟體的,總之要用什麼就用什麼

biggo.com.tw

A Django site.