<?xml version='1.0' encoding='UTF-8'?><rss xmlns:atom="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" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-97270310415386134</atom:id><lastBuildDate>Wed, 28 Aug 2024 20:52:42 +0000</lastBuildDate><category>command</category><category>freebsd</category><category>note</category><category>linux</category><category>web</category><category>design</category><category>photoshop</category><category>art</category><category>programming</category><category>android</category><category>java</category><category>painting</category><category>software</category><category>NCCU</category><category>SVN</category><category>apache</category><category>code</category><category>computer science</category><category>eclipse</category><category>friends</category><category>graphic</category><category>internet</category><category>javascript</category><category>music</category><category>ubuntu</category><category>DBN</category><category>MIT</category><category>audio</category><category>browser</category><category>career</category><category>color</category><category>google</category><category>html</category><category>narrative</category><category>photography</category><category>sketch</category><category>solve</category><category>webkit</category><category>xml</category><category>2009</category><category>CSS</category><category>Collie</category><category>EntityJS</category><category>HTML5</category><category>JIT</category><category>LAMP</category><category>LimeJS</category><category>ListView</category><category>Modernizr</category><category>QuarkJS</category><category>SSLPeerUnverifiedException</category><category>Sonivox</category><category>Subversion</category><category>TortoiseSVN</category><category>WebGL</category><category>adobe</category><category>animation</category><category>animator</category><category>art taipei 2008</category><category>bbs</category><category>birthday</category><category>black and white</category><category>certification</category><category>cgw</category><category>cinematography</category><category>competition</category><category>connection</category><category>cover</category><category>crafyJS</category><category>creative</category><category>developer</category><category>display</category><category>drawing</category><category>embed</category><category>engine</category><category>exception</category><category>exhibition</category><category>flower</category><category>frame</category><category>french</category><category>function</category><category>game</category><category>https</category><category>illustrator</category><category>image processing</category><category>interactive storytelling</category><category>interview</category><category>introduce</category><category>ip</category><category>japan</category><category>jmonkey</category><category>job</category><category>jquery</category><category>liquid galaxy</category><category>localhost</category><category>log</category><category>mail</category><category>marquee</category><category>midi</category><category>mime-type</category><category>mis</category><category>mo-cap</category><category>mobile</category><category>motion capture</category><category>movie</category><category>news</category><category>originality</category><category>otaku</category><category>performance</category><category>php</category><category>player modelling</category><category>poster</category><category>postfix</category><category>resource</category><category>schema</category><category>scroll</category><category>self aware</category><category>semantic</category><category>server</category><category>share</category><category>speaking</category><category>ssl</category><category>streaming</category><category>sunspider</category><category>svn server</category><category>system</category><category>taipei</category><category>test</category><category>tfam</category><category>tool</category><category>tutor</category><category>update</category><category>uri</category><category>video</category><category>vim</category><category>w3c</category><category>wap wcss css css2.0</category><category>well-form</category><category>wiimote</category><category>wiiusej</category><category>workshop</category><category>xhtml</category><category>不能連localhost</category><category>內嵌音訊</category><category>創意市集</category><category>動畫師</category><category>帳號管理</category><category>惡意程式</category><category>排程</category><category>權限管理</category><category>求職</category><category>畢展</category><category>電腦動畫</category><category>面試</category><category>音樂</category><title>點線運動場</title><description></description><link>http://zen0106.blogspot.com/</link><managingEditor>noreply@blogger.com (Zen)</managingEditor><generator>Blogger</generator><openSearch:totalResults>70</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-4851379461047387270</guid><pubDate>Fri, 26 Aug 2016 17:40:00 +0000</pubDate><atom:updated>2016-08-26T10:41:56.017-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">career</category><category domain="http://www.blogger.com/atom/ns#">code</category><category domain="http://www.blogger.com/atom/ns#">developer</category><category domain="http://www.blogger.com/atom/ns#">programming</category><title>不必要的工作</title><description>避免做錯誤的選擇？&lt;br /&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;
&lt;br /&gt;
昨天看到一個關於人生中做抉擇的心得：&lt;br /&gt;
1。選擇正確的工作&lt;br /&gt;
2。選擇如何利用下班時間&lt;br /&gt;
3。選擇逃離安逸的舒適圈&lt;br /&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;
就這樣一直讓書本、要實踐的夢想擱置、長眠&lt;br /&gt;
&lt;br /&gt;
我大概又忘了scrum的精神，不用一次做出偉大的事情，只要把每件事情做切割得足夠細小，找出可以產出MVP (Minimum viable product 最低程度可行性的產品) 的方式&lt;br /&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;
&lt;br /&gt;
同事的操心大意，造成code裡面有recursively的injection，&lt;br /&gt;
仔細一看才發現多個地方都出現同樣問題，但既往只是將錯就錯，&lt;br /&gt;
撰寫了一些基於這些有inject問題的code之前的test case，&lt;br /&gt;
導致我在修好了這些inject問題之後，一堆test case就run fail了&lt;br /&gt;
然後我就有點煩悶地一個一個地去修這些fail的test case&lt;br /&gt;
最終花了一兩個小時在整理，而且修完之後只感到一堆抱怨。&lt;br /&gt;
&lt;br /&gt;
按照「選擇正確的工作」和「選擇如何利用下班時間」這兩條原則，&lt;br /&gt;
我靜下來想到我這個做法造成了幾個問題：&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;我花費了自己下班的時間，去修正這幾個只是在dev環境上build fail的問題，但完全不緊急，大可以等到下禮拜一再來解決；&lt;/li&gt;
&lt;li&gt;我幫別人修正了他不注意的地方，之後還要再找時間告訴他問題在哪裡，不然他只會一直repeat這樣的問題。&lt;br /&gt;然而就算我把問題告訴他，但因為不是他自己親身修正的，他不知道這個問題有多耗時和痛點在哪，或許不會切身處地去思考怎麼改善這個問題，找出原因。&lt;/li&gt;
&lt;li&gt;這些修正基本上對我個人能力沒有甚麼學習價值，還影響到了我下班時間該擁有的輕鬆情緒。&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
所以下次如果遇到類似的情況－ 「別人造成的bug，是否要自己去進行修正」時，&lt;/div&gt;
&lt;div&gt;
我會先思考以下2個因素：&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;是否會影響到正式產品 =&amp;gt; 是否有時間急迫性？&lt;/li&gt;
&lt;li&gt;是否該由我來修正會比較好 =&amp;gt; 應提昇團隊的整體平均水平&lt;/li&gt;
&lt;li&gt;這個工作會否帶給我正向的成長 =&amp;gt; 不浪費自己的時間&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
</description><link>http://zen0106.blogspot.com/2016/08/blog-post.html</link><author>noreply@blogger.com (Zen)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-6114466290096097416</guid><pubDate>Wed, 22 Jun 2016 16:23:00 +0000</pubDate><atom:updated>2016-06-22T09:25:03.692-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">career</category><category domain="http://www.blogger.com/atom/ns#">interview</category><category domain="http://www.blogger.com/atom/ns#">job</category><category domain="http://www.blogger.com/atom/ns#">self aware</category><category domain="http://www.blogger.com/atom/ns#">求職</category><category domain="http://www.blogger.com/atom/ns#">面試</category><title>到底怎樣從面試知道一個人適不適合一份工作</title><description>&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/AVvXsEi36ygiRxyvlRQE57f3VNlGdColohtHHLBsb9SW1N_4eB_fikhdIJBvR27h9XRng5a39oJVyTrEbJjBpjGJYSPRDlbldD_d66Ahti5rwm99exXm6gVgur3d1fQ_yBfLZYtk_zDnBIZFfQs/s1600/IMG_1728.JPG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;480&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi36ygiRxyvlRQE57f3VNlGdColohtHHLBsb9SW1N_4eB_fikhdIJBvR27h9XRng5a39oJVyTrEbJjBpjGJYSPRDlbldD_d66Ahti5rwm99exXm6gVgur3d1fQ_yBfLZYtk_zDnBIZFfQs/s640/IMG_1728.JPG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
今天被叫去一起面試一位candidate，&lt;br /&gt;
主管希望多一些人來針對一個candidate多給一些意見&lt;br /&gt;
&lt;br /&gt;
candidate 32歲，已婚，工作五六年&lt;br /&gt;
&lt;br /&gt;
之前待過上百人的團隊，主要負責後端的開發工作&lt;br /&gt;
&lt;br /&gt;
在對談中，大概可以確認他跟我們現在正在開發的工作項目&lt;br /&gt;
大概只有java是有關係的&lt;br /&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;
印象中還記得的一些問題整理如下：&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;負責過甚麼專案，在專案中負責哪些部份？&lt;/li&gt;
&lt;li&gt;在專案開發的過程中，怎麼跟其他團隊的人cross side合作？&lt;/li&gt;
&lt;li&gt;有用過spring，近幾年spring的發展很多，改變很大，在使用上覺得有甚麼差異？&lt;/li&gt;
&lt;li&gt;有在寫unit test, Integration test嗎？&lt;/li&gt;
&lt;li&gt;如我們公司用的工具或程式你都沒有碰過，若你進來後有三個月時間可以去摸索，請問你會怎麼開始，三個月時你覺得你能到達怎樣的程度？&lt;/li&gt;
&lt;li&gt;你自己有在接觸一些新的技術嗎？遇到沒接觸過的技術會怎麼辦？&lt;/li&gt;
&lt;li&gt;現在其實技術工作會主要分為front-end, back-end, devOps這樣的三塊，請問你有比較偏好往哪一方面發展嗎？&lt;/li&gt;
&lt;li&gt;當service使用量很大時，你使用hibernate為主，有沒有試著用甚麼方式去優化你的資料庫使用方法？&lt;/li&gt;
&lt;li&gt;在大型專案時，常遇到需求改變、spec change的狀況，但時程若不足時，請問你怎麼跟product owner去處理？&lt;/li&gt;
&lt;/ul&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;
&lt;br /&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;
自己也工作了快五年了，對「工作」這件事，&lt;br /&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;
幫助主管、幫忙老闆、幫助股東來做他們想做的事情，幫助他們來賺他們想要賺的錢&lt;br /&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;
不要把這千千萬萬個小時浪費在你無法獲得成就感、沒有收獲、無法能肯定自己的工作上&lt;br /&gt;
&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://www.books.com.tw/products/0010425872&quot; target=&quot;_blank&quot;&gt;異數：超凡與平凡的界線在哪裡&lt;/a&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;
我希望可以做一個app能衝上app store top 3&lt;br /&gt;
我希望我可以讓公司產品能在Q3就能賣給台灣第一大的xx經銷商來使用&lt;br /&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;
&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/AVvXsEhRyubLoltQrEwzsFWHokG0s6vyDH4tX3zNAMWm0okRU0dcgKsHL8nKT5Nl3TVwYHHX23eTCCQrR6He6buNa2Bx0G8DQDgYggQ3HOGhcHJQMO20vYls7432z3ZbbOGlACfvDbAHPZglz5w/s1600/IMG_1743.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/AVvXsEhRyubLoltQrEwzsFWHokG0s6vyDH4tX3zNAMWm0okRU0dcgKsHL8nKT5Nl3TVwYHHX23eTCCQrR6He6buNa2Bx0G8DQDgYggQ3HOGhcHJQMO20vYls7432z3ZbbOGlACfvDbAHPZglz5w/s640/IMG_1743.JPG&quot; width=&quot;480&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;
&lt;br /&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;
而不是一昧的去挑戰candidate對技術多了解或多不了解&lt;br /&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;</description><link>http://zen0106.blogspot.com/2016/06/blog-post.html</link><author>noreply@blogger.com (Zen)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi36ygiRxyvlRQE57f3VNlGdColohtHHLBsb9SW1N_4eB_fikhdIJBvR27h9XRng5a39oJVyTrEbJjBpjGJYSPRDlbldD_d66Ahti5rwm99exXm6gVgur3d1fQ_yBfLZYtk_zDnBIZFfQs/s72-c/IMG_1728.JPG" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-5429779187687313287</guid><pubDate>Mon, 04 Aug 2014 03:30:00 +0000</pubDate><atom:updated>2014-08-03T20:33:06.328-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">certification</category><category domain="http://www.blogger.com/atom/ns#">connection</category><category domain="http://www.blogger.com/atom/ns#">exception</category><category domain="http://www.blogger.com/atom/ns#">https</category><category domain="http://www.blogger.com/atom/ns#">java</category><category domain="http://www.blogger.com/atom/ns#">solve</category><category domain="http://www.blogger.com/atom/ns#">ssl</category><category domain="http://www.blogger.com/atom/ns#">SSLPeerUnverifiedException</category><title>[JAVA] 解決 javax.net.ssl.SSLPeerUnverifiedException: peer not authenticated</title><description>&lt;h4&gt;
[symptom]&lt;/h4&gt;
最近工作關係，需要串接財政部的發票明細API， domain為 https://www.einvoice.nat.gov.tw/&lt;br /&gt;
使用 HttpClient 執行 HttpGet方法時，&lt;br /&gt;
卻發生 javax.net.ssl.SSLPeerUnverifiedException: peer not authenticated 的exception&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;
[root cause]&lt;/h4&gt;
查了一下，原因是要進行request的url使用https加密連線方法，&lt;br /&gt;
但因為java client使用的certification資訊太舊，不認得較新的SSL認證，&lt;br /&gt;
所以便發生了SSLPeer Unverified的問題&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;
[solution]&lt;/h4&gt;
此時，需要更新client端的SSL certification資訊。&lt;br /&gt;
下面簡單說明一下步驟:&lt;br /&gt;
&lt;br /&gt;
1. 先開啟一個瀏覽器(我用的是chrome)，連至目標的url, 然後透過瀏覽器把這個網站的SSL認識資訊匯出, 獲得一個 &lt;b&gt;sitename.cer &lt;/b&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/AVvXsEiK1qa12wF9NiDO_KKQh-Mugzw1by05X0emd-xA-fv8BdL6U-3fZHHYWXl45U-LeJbz9M_K7f8zD8CH27J1ceEUhRetwdWcXJLkaXAH9JiPEdvhUw0ECk8EJdtxaYW4xApo9G15SHbRC4o/s1600/2014-08-04_111000.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/AVvXsEiK1qa12wF9NiDO_KKQh-Mugzw1by05X0emd-xA-fv8BdL6U-3fZHHYWXl45U-LeJbz9M_K7f8zD8CH27J1ceEUhRetwdWcXJLkaXAH9JiPEdvhUw0ECk8EJdtxaYW4xApo9G15SHbRC4o/s1600/2014-08-04_111000.png&quot; height=&quot;320&quot; width=&quot;400&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;
2. 開始 cmd 工具，到你的JRE 環境中 lib\security\ 資料夾底下, 如 C:\Program File\JAVA\jre6\lib\security&lt;br /&gt;
在這裡應該會看到一個&amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;cacerts&lt;/span&gt;&amp;nbsp;&lt;/b&gt;的檔案, 它就是我們需要更新的憑證檔&lt;br /&gt;
&lt;br /&gt;
3. 執行&lt;br /&gt;
&lt;br /&gt;
&lt;pre style=&quot;background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;&quot;&gt;&lt;code&gt;keytool -import -keystore cacerts -alias &amp;lt;any Unique Name&amp;gt; -file &amp;lt;filepath&amp;gt;\sitename.cer&quot; -storepass changeit
&lt;/code&gt;&lt;/pre&gt;
&lt;br /&gt;
其中, 以下請改成自己的設定:&lt;br /&gt;
&lt;i&gt;&amp;lt;any Unique Name&amp;gt;&lt;/i&gt;為這個新增憑證的別名, 不能與其他別名重覆,&lt;br /&gt;
&lt;i&gt;&amp;lt;filepath&amp;gt;&lt;/i&gt; 為剛剛你匯出sitename.cer 所儲存的路徑&lt;br /&gt;
&lt;br /&gt;
4. 指令會請你確認是否要加入此憑證資訊, 輸入&lt;b&gt; &quot;y&quot;&lt;/b&gt; 進行確認&lt;br /&gt;
然後你就會看到&amp;nbsp;&quot;&lt;b&gt;Certificate was added to keystore&lt;/b&gt;&quot; 的資訊, 表示成功&lt;br /&gt;
&lt;br /&gt;
5. 再次執行java的部份，應該就可以成功通過https的連線了&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #444444;&quot;&gt;※ 若仍然無法解決 SSLPeerUnverifiedException，代表憑證檔可能沒有成功更新，請檢查一下你的java runtime是否就是你剛剛所更新的jre版本，像我自己就有jre6, jre7, jdk等幾個環境。&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;
[refernece]&lt;/h4&gt;
http://coldfusion-tip.blogspot.tw/2012/04/javaxnetsslsslpeerunverifiedexception.html&lt;br /&gt;
&lt;br /&gt;</description><link>http://zen0106.blogspot.com/2014/08/java-javaxnetsslsslpeerunverifiedexcept.html</link><author>noreply@blogger.com (Zen)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK1qa12wF9NiDO_KKQh-Mugzw1by05X0emd-xA-fv8BdL6U-3fZHHYWXl45U-LeJbz9M_K7f8zD8CH27J1ceEUhRetwdWcXJLkaXAH9JiPEdvhUw0ECk8EJdtxaYW4xApo9G15SHbRC4o/s72-c/2014-08-04_111000.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-8955557211333146682</guid><pubDate>Thu, 25 Apr 2013 05:47:00 +0000</pubDate><atom:updated>2013-04-25T09:55:49.210-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Collie</category><category domain="http://www.blogger.com/atom/ns#">crafyJS</category><category domain="http://www.blogger.com/atom/ns#">engine</category><category domain="http://www.blogger.com/atom/ns#">EntityJS</category><category domain="http://www.blogger.com/atom/ns#">game</category><category domain="http://www.blogger.com/atom/ns#">javascript</category><category domain="http://www.blogger.com/atom/ns#">LimeJS</category><category domain="http://www.blogger.com/atom/ns#">mobile</category><category domain="http://www.blogger.com/atom/ns#">QuarkJS</category><category domain="http://www.blogger.com/atom/ns#">web</category><title>javascript game engine 整理</title><description>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;h2 style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;
Summary and introduction for javascript game engines&lt;/span&gt;&lt;/h2&gt;
&lt;div&gt;
&lt;a href=&quot;https://github.com/bebraw/jswiki/wiki/Game-Engines&quot;&gt;https://github.com/bebraw/jswiki/wiki/Game-Engines&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://techslides.com/html5-game-engines-and-frameworks/&quot;&gt;http://techslides.com/html5-game-engines-and-frameworks/&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://html5gameengines.com/&quot;&gt;http://html5gameengines.com&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://ntt.cc/2011/01/31/66-open-source-javascript-game-engine-for-serious-developers.html&quot;&gt;http://ntt.cc/2011/01/31/66-open-source-javascript-game-engine-for-serious-developers.html&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://www.designyourway.net/blog/resources/javascript-html5-game-engines-libraries-51-examples/&quot;&gt;http://www.designyourway.net/blog/resources/javascript-html5-game-engines-libraries-51-examples/&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;http://www.toolsjournal.com/integrations-articles/item/1633-10-popular-opensoure-html5-game-development-engines&quot;&gt;http://www.toolsjournal.com/integrations-articles/item/1633-10-popular-opensoure-html5-game-development-engines&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
↓This site is not only for the javascript game engine, but also some game development SDK or toolkit.&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://mobilegameengines.com/html5/open_source_game_engines&quot;&gt;http://mobilegameengines.com/html5/open_source_game_engines&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2 style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;
Comparison:&lt;/span&gt;&lt;/h2&gt;
&lt;div&gt;
benchmark on mobile os:&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://davidshimjs.github.io/collie-benchmark/&quot;&gt;http://davidshimjs.github.io/collie-benchmark/&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
main different between CrafyJs, LimeJS, Impact&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://buildnewgames.com/game-engine-comparison/&quot;&gt;http://buildnewgames.com/game-engine-comparison/&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;h2 style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;
Several main engines just shine on mobile platform:&lt;/span&gt;&lt;/h2&gt;
&lt;div&gt;
Quintus&lt;br /&gt;
&lt;a href=&quot;http://html5quintus.com/guide/intro.md#.UXk_a7VgfgE&quot;&gt;http://html5quintus.com/guide/intro.md#.UXk_a7VgfgE&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
CreateJS&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://www.createjs.com/#!/EaselJS&quot;&gt;http://www.createjs.com/#!/EaselJS&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
LimeJS&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://www.limejs.com/&quot;&gt;http://www.limejs.com&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Collie&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://jindo.dev.naver.com/collie/index.html&quot;&gt;http://jindo.dev.naver.com/collie/index.html&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
gogomakeplay&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://gogomakeplay.com/&quot;&gt;http://gogomakeplay.com/&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
phaser&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;https://github.com/photonstorm/phaser&quot;&gt;https://github.com/photonstorm/phaser&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
EntityJS&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://entityjs.com/&quot;&gt;http://entityjs.com/&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;strike&gt;Hydra&lt;/strike&gt; (Stopped, replaced with &lt;a href=&quot;https://github.com/aduros/flambe&quot; target=&quot;_blank&quot;&gt;Flambe&lt;/a&gt; by the Author)&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;https://github.com/aduros/hydra&quot;&gt;https://github.com/aduros/hydra&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
QuarkJS&lt;br /&gt;
&lt;a href=&quot;https://github.com/quark-dev-team/quarkjs&quot;&gt;https://github.com/quark-dev-team/quarkjs&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
</description><link>http://zen0106.blogspot.com/2013/04/javascript-game-engine.html</link><author>noreply@blogger.com (Zen)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-2003866231669995956</guid><pubDate>Wed, 09 Jan 2013 06:58:00 +0000</pubDate><atom:updated>2013-01-08T22:58:01.687-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">javascript</category><category domain="http://www.blogger.com/atom/ns#">JIT</category><category domain="http://www.blogger.com/atom/ns#">performance</category><category domain="http://www.blogger.com/atom/ns#">sunspider</category><category domain="http://www.blogger.com/atom/ns#">web</category><title>javascript 效能評測</title><description>SunSpider 是一個線上評測 Javascript 效能的benchmark test.&lt;br /&gt;
按照官方說明，SunSpider只是純粹評測Javascript的核心性能，並不包括DOM或其他browser相關的API：&lt;br /&gt;
SunSpider官方網站&lt;br /&gt;
&lt;a href=&quot;http://www.webkit.org/perf/sunspider/sunspider.html&quot;&gt;http://www.webkit.org/perf/sunspider/sunspider.html&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
在Javascript 中，有一項JIT(Just in time)的技術，是一項可以加快javascript運作速度的編譯技術，JIT的啟用能夠提高javascript的performance.&lt;br /&gt;
&lt;span style=&quot;color: #666666;&quot;&gt;refer:&lt;/span&gt;&lt;br /&gt;
&lt;a href=&quot;http://blog.csdn.net/wozaiwogu/article/details/7865650&quot;&gt;http://blog.csdn.net/wozaiwogu/article/details/7865650&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;http://ccckmit.wikidot.com/cd:v8&quot;&gt;http://ccckmit.wikidot.com/cd:v8&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;</description><link>http://zen0106.blogspot.com/2013/01/javascript.html</link><author>noreply@blogger.com (Unknown)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-160847390362569463</guid><pubDate>Mon, 11 Jun 2012 13:31:00 +0000</pubDate><atom:updated>2012-06-11T06:32:54.268-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">android</category><category domain="http://www.blogger.com/atom/ns#">audio</category><category domain="http://www.blogger.com/atom/ns#">google</category><category domain="http://www.blogger.com/atom/ns#">midi</category><category domain="http://www.blogger.com/atom/ns#">mime-type</category><category domain="http://www.blogger.com/atom/ns#">music</category><category domain="http://www.blogger.com/atom/ns#">Sonivox</category><category domain="http://www.blogger.com/atom/ns#">streaming</category><title>[Android] framework 不支援的streaming mime-type</title><description>某些mime-type檔案在網路上可以直接取得，&lt;br /&gt;
透過browser點擊網路上的檔案，可以直接存取這些檔案&lt;br /&gt;
&lt;br /&gt;
當檔案是影音檔時，browser會發送intent出去問有哪些AP支援這種mime-type&lt;br /&gt;
讓user選擇要download或是streaming play&lt;br /&gt;
&lt;br /&gt;
不過android framework中的streaming player有以下的mime-type不支援&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #990000; font-size: large;&quot;&gt;&lt;b&gt;.midi&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #990000; font-size: large;&quot;&gt;&lt;b&gt;.mid&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
Android使用來支援midi的Synthesizer為Sonivox，&lt;br /&gt;
但根據Sonivox EAS(Embedded Audio Synthesis) API所載，卻沒有支援streaming play&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;i&gt;refer:&lt;/i&gt;&lt;br /&gt;
&lt;a href=&quot;http://blog.umito.nl/index.php/2010/05/07/midi-on-android/&quot;&gt;&lt;i&gt;http://blog.umito.nl/index.php/2010/05/07/midi-on-android/&lt;/i&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;http://code.google.com/p/android/issues/detail?id=8201&quot;&gt;&lt;i&gt;http://code.google.com/p/android/issues/detail?id=8201&lt;/i&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.imy&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description><link>http://zen0106.blogspot.com/2012/06/android-framework-streaming-mime-type.html</link><author>noreply@blogger.com (Unknown)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-2199072448313004373</guid><pubDate>Wed, 06 Jun 2012 10:13:00 +0000</pubDate><atom:updated>2012-06-07T23:10:07.426-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">html</category><category domain="http://www.blogger.com/atom/ns#">semantic</category><category domain="http://www.blogger.com/atom/ns#">w3c</category><category domain="http://www.blogger.com/atom/ns#">web</category><category domain="http://www.blogger.com/atom/ns#">well-form</category><category domain="http://www.blogger.com/atom/ns#">xhtml</category><category domain="http://www.blogger.com/atom/ns#">xml</category><title>[XHTML] XHTML well-form</title><description>&lt;br /&gt;
為解決大部份網頁都是含有錯誤的語法問題&lt;br /&gt;
W3C於1998年重組HTML小組，以XML的形式去重新描述HTML，而沒有加入任何新元素。&lt;br /&gt;
這套規格後來便成為了“XHTML1.0”&lt;br /&gt;
&lt;br /&gt;
使用XHTML的好處，在於可以用XML的well-form形式去明確定立元素間的關係&lt;br /&gt;
與HTML4.0區別開來&lt;br /&gt;
而XHTML也嚴謹地定義了一些語法&lt;br /&gt;
如：&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;所有element和property皆使用小寫&lt;/li&gt;
&lt;li&gt;所有property的value用引號來包覆&lt;/li&gt;
&lt;li&gt;所有非空標籤都需要有結束的標籤&lt;/li&gt;
&lt;li&gt;property和value都不能簡化，使用property就需要指定其value&lt;/li&gt;
&lt;li&gt;空的element也要有結束標籤，不然就是要使用“ /&amp;gt;”&lt;/li&gt;
&lt;/ol&gt;
&lt;br /&gt;
&lt;pre style=&quot;background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;&quot;&gt;&lt;code&gt;
&amp;lt;div name=&quot;main&quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;hr /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;div&gt;
&lt;br /&gt;
refer :&lt;br /&gt;
&lt;a href=&quot;http://zh.wikipedia.org/wiki/XHTML#.E5.85.83.E7.B4.A0.E5.90.8D.E7.A8.B1.E5.92.8C.E5.B1.AC.E6.80.A7.E5.BF.85.E9.A0.88.E5.B0.8F.E5.AF.AB&quot;&gt;http://zh.wikipedia.org/wiki/XHTML#.E5.85.83.E7.B4.A0.E5.90.8D.E7.A8.B1.E5.92.8C.E5.B1.AC.E6.80.A7.E5.BF.85.E9.A0.88.E5.B0.8F.E5.AF.AB&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;http://www.w3.org/TR/xhtml1/#diffs&quot;&gt;http://www.w3.org/TR/xhtml1/#diffs&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;hr /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
今天遇到一個問題，使用chrome瀏覽 一個網頁時這個網址時，會發生error&lt;/div&gt;
&lt;div&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;span style=&quot;color: #cc0000;&quot;&gt;&lt;i&gt;Below is a rendering of the page up to the first error.&lt;/i&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
查看這個網頁的source code，有一行這樣寫著&lt;/div&gt;
&lt;pre style=&quot;background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;&quot;&gt;&lt;code&gt;&amp;lt;tr&amp;gt;&amp;lt;td align=&quot;center&quot; bgcolor=&quot;#FFCC00&quot;&amp;gt;--&amp;gt; .jpg &amp;lt;--&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;

&lt;/code&gt;&lt;/pre&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
有沒有注意到竟然有“--&amp;gt;” 和&quot;&amp;lt;--&quot;&lt;br /&gt;
就是有&quot;&amp;lt;&quot; less than小於號和 “&amp;gt;”greater than大於號，&lt;br /&gt;
這樣的情況可能會導致兩個XHTML會認為是語法錯誤的問題&lt;br /&gt;
&lt;br /&gt;
在W3C對XML的DTD文件中，針對特殊字元(special&amp;nbsp;characters)有定義其該使用的html字串，如 &quot;&amp;lt;&quot;小於號就要使用&amp;nbsp;&quot;&amp;amp;#38;#60;&quot; 這樣的一串&lt;br /&gt;
refer:&amp;nbsp;&lt;a href=&quot;http://www.w3.org/TR/xhtml1/dtds.html#a_dtd_Special_characters&quot;&gt;http://www.w3.org/TR/xhtml1/dtds.html#a_dtd_Special_characters&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
另一個問題則是，根據上一點，XHTML parser就會把&quot;&amp;gt;&quot; &quot;&amp;lt;&quot;視為是元素的標籤號，如若把那些小破折號都拿掉，變成 “ &amp;gt;.jpg&amp;lt; ”的話，更加會造成破壞well-form格式，一對小於大於號裡，含有其他的小於大於號，&quot; &amp;nbsp;&amp;lt;&amp;gt; &amp;gt;&amp;lt;&amp;lt;&amp;gt; &quot;&lt;br /&gt;
當然在parse XML的過程中就會出錯&lt;br /&gt;
&lt;br /&gt;
由於HTML中沒有明確限制一個開標籤就要對應一個閉標籤，所以html在遇到這類網頁時，大部份情況下還是可以成功render的&lt;br /&gt;
當然，安全起見，在編寫網頁時，特殊符號就應該用html字串來取代。&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
另外在Android device上測試過&lt;br /&gt;
從ICS(Android4.0) 之後的Browser就會顯示有錯誤&lt;br /&gt;
而ICS之前的版本則可以正常顯示出來&lt;br /&gt;
這說明了一點, Android ICS使用了XML parser來處理XHTML網頁&lt;br /&gt;
而之前的版本則用HTML的parser來處理，以HTML parser一向高寬容性作風，就不會那麼容易出錯了.&lt;/div&gt;</description><link>http://zen0106.blogspot.com/2012/06/xhtml-xhtml-wellform.html</link><author>noreply@blogger.com (Unknown)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-6868841658798568956</guid><pubDate>Tue, 29 May 2012 08:47:00 +0000</pubDate><atom:updated>2012-09-26T00:50:21.206-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">browser</category><category domain="http://www.blogger.com/atom/ns#">code</category><category domain="http://www.blogger.com/atom/ns#">function</category><category domain="http://www.blogger.com/atom/ns#">HTML5</category><category domain="http://www.blogger.com/atom/ns#">javascript</category><category domain="http://www.blogger.com/atom/ns#">Modernizr</category><category domain="http://www.blogger.com/atom/ns#">test</category><category domain="http://www.blogger.com/atom/ns#">web</category><title>[HTML5]檢測 HTML5 的功能 - Modernizr</title><description>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;b&gt;HTML5&lt;/b&gt;已經是現行網頁開發的趨勢，雖然各大主流的Browser都已經支援大部份的HTML5功能，但是各家Browser支援程度也有所差異，亦有鑒於還有相當部份的user仍在使用老舊的Browser（如IE 6，7等）。&lt;br /&gt;
網頁開發者在開發上，不管是要做到相容各個版本，還是只是簡單的告訴user“你的瀏覽器並不支援XXX功能”，都需要進行支援度的判斷&lt;br /&gt;
&lt;br /&gt;
因為HTML5並不是一種獨立的功能或是語言，而是很多獨立功能的集合，所以我們需要判斷的，並不是這個Browser有沒有支援HTML5，而只是需要判斷他有沒有支援HTML5某個功能而已。&lt;br /&gt;
&lt;br /&gt;
在這裡介紹一個javascript的plugin -&lt;a href=&quot;http://www.modernizr.com/&quot; target=&quot;_blank&quot;&gt; Modernizr&lt;/a&gt;&lt;br /&gt;
Modernizr是一個可以測試HTML5 函式庫的opensource。可檢查許多針對HTML5和CSS3功能的支援。&lt;br /&gt;
請自行下載modernizr.min.js，引用到自己的網頁內。&lt;br /&gt;
&lt;br /&gt;
&lt;script src=&quot;http://pastie.org/3986993.js&quot;&gt;&lt;/script&gt;

&lt;br /&gt;
當Modernizr執行時，會建立一個static object - Modernizr，透過直接呼叫Modernizr內的object來產生判斷是否有支援某個功能的boolean值。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;



















&lt;span style=&quot;color: blue; font-size: large;&quot;&gt;Canvas&lt;/span&gt;&lt;/h3&gt;
HTML5中透過&amp;lt;canvas&amp;gt;元素，可使用javascript進行繪圖，要知道user的瀏覽器有沒有支援&amp;lt;canvas&amp;gt;，我們可以直接使用：&lt;br /&gt;
&lt;pre style=&#39;color:#000000;background:#ffffff;&#39;&gt;&lt;span style=&#39;color:#800000; font-weight:bold; &#39;&gt;if&lt;/span&gt;&lt;span style=&#39;color:#808030; &#39;&gt;(&lt;/span&gt;Modernizr&lt;span style=&#39;color:#808030; &#39;&gt;.&lt;/span&gt;canvas&lt;span style=&#39;color:#808030; &#39;&gt;)&lt;/span&gt;&lt;span style=&#39;color:#800080; &#39;&gt;{&lt;/span&gt;
  &lt;span style=&#39;color:#696969; &#39;&gt;//support!&lt;/span&gt;
  &lt;span style=&#39;color:#696969; &#39;&gt;// draw something&lt;/span&gt;
&lt;span style=&#39;color:#800080; &#39;&gt;}&lt;/span&gt;&lt;span style=&#39;color:#800000; font-weight:bold; &#39;&gt;else&lt;/span&gt;&lt;span style=&#39;color:#800080; &#39;&gt;{&lt;/span&gt;
  &lt;span style=&#39;color:#696969; &#39;&gt;// not support&lt;/span&gt;
  alert&lt;span style=&#39;color:#808030; &#39;&gt;(&lt;/span&gt;&lt;span style=&#39;color:#800000; &#39;&gt;&quot;&lt;/span&gt;&lt;span style=&#39;color:#0000e6; &#39;&gt;你的瀏覽器不支援canvas元素&lt;/span&gt;&lt;span style=&#39;color:#800000; &#39;&gt;&quot;&lt;/span&gt;&lt;span style=&#39;color:#808030; &#39;&gt;)&lt;/span&gt;&lt;span style=&#39;color:#800080; &#39;&gt;;&lt;/span&gt;
&lt;span style=&#39;color:#800080; &#39;&gt;}&lt;/span&gt;
&lt;/pre&gt;


&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;













&lt;span style=&quot;color: blue; font-size: large;&quot;&gt;Canvas Text&lt;/span&gt;&lt;/h3&gt;
有些Browser雖然支援&amp;lt;canvas&amp;gt;，但卻不支援在canvas中繪製文字，這是因為canvas text是在後期才加入的API，故有些早期有支援canvas的browser後來卻沒有引入。&lt;br /&gt;
檢查canvas text，我們可以使用：&lt;br /&gt;
&lt;pre style=&#39;color:#000000;background:#ffffff;&#39;&gt;&lt;span style=&#39;color:#800000; font-weight:bold; &#39;&gt;if&lt;/span&gt;&lt;span style=&#39;color:#808030; &#39;&gt;(&lt;/span&gt;Modernizr&lt;span style=&#39;color:#808030; &#39;&gt;.&lt;/span&gt;canvastext&lt;span style=&#39;color:#808030; &#39;&gt;)&lt;/span&gt;&lt;span style=&#39;color:#800080; &#39;&gt;{&lt;/span&gt;
  &lt;span style=&#39;color:#696969; &#39;&gt;//support!&lt;/span&gt;
  &lt;span style=&#39;color:#696969; &#39;&gt;// draw some text&lt;/span&gt;
&lt;span style=&#39;color:#800080; &#39;&gt;}&lt;/span&gt;&lt;span style=&#39;color:#800000; font-weight:bold; &#39;&gt;else&lt;/span&gt;&lt;span style=&#39;color:#800080; &#39;&gt;{&lt;/span&gt;
  &lt;span style=&#39;color:#696969; &#39;&gt;// not support&lt;/span&gt;
  alert&lt;span style=&#39;color:#808030; &#39;&gt;(&lt;/span&gt;&lt;span style=&#39;color:#800000; &#39;&gt;&quot;&lt;/span&gt;&lt;span style=&#39;color:#0000e6; &#39;&gt;你的瀏覽器不支援canvas中繪製文字&lt;/span&gt;&lt;span style=&#39;color:#800000; &#39;&gt;&quot;&lt;/span&gt;&lt;span style=&#39;color:#808030; &#39;&gt;)&lt;/span&gt;&lt;span style=&#39;color:#800080; &#39;&gt;;&lt;/span&gt;
&lt;span style=&#39;color:#800080; &#39;&gt;}&lt;/span&gt;
&lt;/pre&gt;

&lt;br /&gt;
&lt;h3&gt;













&lt;span style=&quot;color: blue; font-size: large;&quot;&gt;Video&lt;/span&gt;&lt;/h3&gt;
在HTML5中，不用透過如window media player或flash等的plugin，只要使用&amp;lt;video&amp;gt;元素，指定其src，就可以直接播放影片，相當方便。要檢查有否支援&amp;lt;video&amp;gt;，可使用：&lt;br /&gt;
&lt;script src=&quot;http://pastie.org/3987192.js&quot;&gt;
&lt;/script&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
另外，雖然某些browser有支援影片&amp;lt;video&amp;gt;元素，但未必每種影片的格式都會支援，這時便需要判斷browser是否有支援某種codec，而這個檢查，Modernizr也有提供相對的功能&lt;br /&gt;
&lt;script src=&quot;http://pastie.org/3987212.js&quot;&gt;
&lt;/script&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;













&lt;span style=&quot;color: blue; font-size: large;&quot;&gt;Local Storage&lt;/span&gt;&lt;/h3&gt;
使用local storage，讓用戶端的資料能夠儲存於local端，不用受限於cookies，也可節省時間和頻寬去和server做溝通，使用HTML5 storage，用javascript就可以直接存取儲存起來的data了。檢查是否有支援Local Storage功能，可使用：&lt;br /&gt;
&lt;script src=&quot;http://pastie.org/3987228.js&quot;&gt;
&lt;/script&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;











&lt;span style=&quot;color: blue; font-size: large;&quot;&gt;Web Workers&lt;/span&gt;&lt;/h3&gt;
Web workers就是為browser提供可在background執行javascript的方法。若有寫過java的朋友，web workers就相等於 thread（執行緒）的作用。&lt;br /&gt;
有了background threads，在user操作UI的時候，就可以同時在背後執行一些運算，而又不會讓user的介面操作卡在某個運算的過程中，諸如複雜的數學運算，網路request，data access等，都會是一些耗時的動作，讓這些耗時的動作在background執行，便不會影響user在介面操作上的流暢度。&lt;br /&gt;
對於Web Workers的支援，可用：&lt;br /&gt;
&lt;script src=&quot;http://pastie.org/3987275.js&quot;&gt;
&lt;/script&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;











&lt;span style=&quot;color: blue; font-size: large;&quot;&gt;Application Cache&lt;/span&gt;&lt;/h3&gt;
若果有些網頁的操作不用隨時都使用到網路上最近的資料，像是網路小說，文件，影片等，基本上如果下載完之後，就可以在local site去閱讀或使用的話，可以考慮使用application cache來處理&lt;br /&gt;
當browser瀏覽有支援application cache的網站時，一旦browser下載了所有必要的檔案後，即使並未接上網路，我們也可以瀏覽這網站。在離線狀態所做的改變，變網路恢復時也可以被上傳到server裡，gmail離線版就是使用了這個功能。&lt;br /&gt;
檢查Application cache：&lt;br /&gt;
&lt;script src=&quot;http://pastie.org/3987325.js&quot;&gt;
&lt;/script&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;hr /&gt;
以下的一些功能比較簡單，我就直接介紹用法了&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;




&lt;span style=&quot;color: blue; font-size: large;&quot;&gt;Geolocation 定位&lt;/span&gt;&lt;/h3&gt;
&lt;pre style=&quot;background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;&quot;&gt;&lt;code&gt;Modernizr.geolocation
&lt;/code&gt;&lt;/pre&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;




&lt;span style=&quot;color: blue; font-size: large;&quot;&gt;Input Type 表單輸入&lt;/span&gt;&lt;/h3&gt;
HTML5中新增了十幾種表單中的類型，以方便進行某些情況的輸入&lt;br /&gt;
像是&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;search&lt;/li&gt;
&lt;li&gt;number&lt;/li&gt;
&lt;li&gt;range&lt;/li&gt;
&lt;li&gt;color&lt;/li&gt;
&lt;li&gt;tel&lt;/li&gt;
&lt;li&gt;url&lt;/li&gt;
&lt;li&gt;email&lt;/li&gt;
&lt;li&gt;date&lt;/li&gt;
&lt;li&gt;month&lt;/li&gt;
&lt;li&gt;week&lt;/li&gt;
&lt;li&gt;time&lt;/li&gt;
&lt;li&gt;datetime&lt;/li&gt;
&lt;li&gt;datetime-local&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;pre style=&quot;background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;&quot;&gt;&lt;code&gt;Modernizr.inputtypes.search

Modernizr.inputtypes.number

Modernizr.inputtypes.range

...
...
&lt;/code&gt;&lt;/pre&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;




&lt;span style=&quot;color: blue; font-size: large;&quot;&gt;Placeholder Text&lt;/span&gt;&lt;/h3&gt;
當輸入欄是空白或不是被focus的時候，會預設在輸入欄中的文字，通常是用來當輸入的說明用的&lt;br /&gt;
&lt;input placeholder=&quot;Here is an example&quot; type=&quot;text&quot; /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;pre style=&quot;background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;&quot;&gt;&lt;code&gt;Modernizr.input.placeholder
&lt;/code&gt;&lt;/pre&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;




&lt;span style=&quot;color: blue; font-size: large;&quot;&gt;Auto Focus&lt;/span&gt;&lt;/h4&gt;
使用autofocus，就可以在一個網頁載入後指定滑鼠遊標直接跳到哪個input輸入欄中，就像到&lt;a href=&quot;http://www.google.com/&quot; target=&quot;_blank&quot;&gt;Google&lt;/a&gt;首頁時，會自動幫你把遊標跳到search bar裡。&lt;br /&gt;
&lt;br /&gt;
&lt;pre style=&quot;background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;&quot;&gt;&lt;code&gt;Modernizr.input.autofocus
&lt;/code&gt;&lt;/pre&gt;
&lt;br /&gt;
P.S. 以上所有的用到的Modernizr中的方法都是回傳boolean值&lt;br /&gt;
有支援 － true,&lt;br /&gt;
沒支援 － false&lt;br /&gt;
還要注意的是，像是localstorage, applicationcache，等的複合字，必為小寫，與DOM的寫法不一樣。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #666666;&quot;&gt;&lt;i&gt;以上資料由我自己閱讀 O&#39;Reilly的&lt;a href=&quot;http://www.tenlong.com.tw/items/9862761555?item_id=307666&quot; target=&quot;_blank&quot;&gt;&amp;lt;&amp;lt;HTML5 建置與執行&amp;gt;&amp;gt;&lt;/a&gt; 一書後整理出來，也有引用到當中一些句子說明。&lt;/i&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;</description><link>http://zen0106.blogspot.com/2012/05/html5-html5-modernizr.html</link><author>noreply@blogger.com (Unknown)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-5116470276772380750</guid><pubDate>Tue, 22 May 2012 12:41:00 +0000</pubDate><atom:updated>2012-05-22T05:42:54.954-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">android</category><category domain="http://www.blogger.com/atom/ns#">browser</category><category domain="http://www.blogger.com/atom/ns#">CSS</category><category domain="http://www.blogger.com/atom/ns#">internet</category><category domain="http://www.blogger.com/atom/ns#">marquee</category><category domain="http://www.blogger.com/atom/ns#">web</category><category domain="http://www.blogger.com/atom/ns#">webkit</category><title>[Webkit] CSS支援能力整理</title><description>針對各家的Browser，CSS的支援似乎是存在於其中的最大差異&lt;br /&gt;
很多web designer都需要針對不同的瀏覽器來最佳化CSS，來讓網頁能在各個瀏覽器上有最好的呈現效果。&lt;br /&gt;
&lt;br /&gt;
這篇文章旨在整理一些沒有被廣泛支援的style ，能有個了解。&lt;br /&gt;
&lt;br /&gt;
首先，針對Webkit&lt;br /&gt;
可以在 &lt;a href=&quot;http://www.webkit.org/quality/bugwriting.html&quot; target=&quot;_blank&quot;&gt;Webkit debug&lt;/a&gt;的網站上看到現時你正在使用的瀏覽器的webkit 版本&lt;br /&gt;
因為某些CSS或是property都是在某個版本之後才開始支援，&lt;br /&gt;
先清楚webkit的版本，很重要。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;hr /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;marquee&amp;nbsp;&lt;/span&gt;behavior=&quot;alternate&quot; &amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
marquee，跑馬燈，這個tag並不是W3C所定義的，是IE早期自己發展的&lt;br /&gt;
因為歷史悠久，各家的瀏覽器也會支援&lt;br /&gt;
refer:&amp;nbsp;&lt;a href=&quot;http://msdn.microsoft.com/en-us/library/ms533502(v=VS.85).aspx&quot;&gt;http://msdn.microsoft.com/en-us/library/ms533502(v=VS.85).aspx&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
behavior 是指定其多動的行為&lt;br /&gt;
有｛scroll | slide | alternate｝這三種，沒有設置的話，default 為scroll&lt;br /&gt;
&lt;br /&gt;
今天遇到了一個問題&lt;br /&gt;
&lt;br /&gt;
&lt;pre style=&quot;background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;&quot;&gt;&lt;code&gt;&amp;lt;marquee behavior=&#39;alternate&#39;&amp;gt;來回移動&amp;lt;/marquee&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;br /&gt;
這樣的一句，可以正常顯示的話，&lt;br /&gt;
應該是會有&quot;來回移動&quot;這四個字在螢幕上左右來回&lt;br /&gt;
&lt;br /&gt;
&lt;marquee behavior=&quot;alternate&quot;&gt;來回移動&lt;/marquee&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
而問題就是在Android4.0 的Browser上面卻沒有反應&lt;br /&gt;
&lt;div&gt;
當behavior為scroll / slide時都沒有問題，就只有alternate沒反應&lt;br /&gt;
&lt;div&gt;
bug report:&amp;nbsp;&lt;a href=&quot;https://bugs.webkit.org/show_bug.cgi?id=64230&quot;&gt;https://bugs.webkit.org/show_bug.cgi?id=64230&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;http://w3help.org/zh-cn/causes/BW5008&quot;&gt;http://w3help.org/zh-cn/causes/BW5008&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
經自己多方測試後，發現是Webkit 535之後的版本才有支援&lt;br /&gt;
而Android4.0上的Webkit是534.3，所以沒支援。&lt;br /&gt;
&lt;br /&gt;
refer:&lt;br /&gt;
非IE瀏覽器對marquee的支援：&lt;br /&gt;
&lt;a href=&quot;http://www.hoxing.net/Knowledge/Website/20111103326.html&quot;&gt;http://www.hoxing.net/Knowledge/Website/20111103326.html&lt;/a&gt;&lt;br /&gt;
mozilla:&amp;nbsp;&lt;a href=&quot;https://developer.mozilla.org/en/HTML/Element/marquee&quot;&gt;https://developer.mozilla.org/en/HTML/Element/marquee&lt;/a&gt;&lt;br /&gt;
safari:&amp;nbsp;&lt;a href=&quot;https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html&quot;&gt;https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;hr /&gt;
&lt;/div&gt;
&lt;/div&gt;</description><link>http://zen0106.blogspot.com/2012/05/webkit-css.html</link><author>noreply@blogger.com (Unknown)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-496522817425215370</guid><pubDate>Mon, 21 May 2012 05:52:00 +0000</pubDate><atom:updated>2012-05-22T05:43:26.395-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">wap wcss css css2.0</category><category domain="http://www.blogger.com/atom/ns#">web</category><category domain="http://www.blogger.com/atom/ns#">webkit</category><title>[Webkit] WCSS支援能力</title><description>&lt;b&gt;&lt;span style=&quot;color: #3d85c6;&quot;&gt;WCSS&lt;/span&gt;&lt;/b&gt; （Wap CSS／Wiress CSS）, 是WAP2.0專屬的CSS，屬於CSS 2.0的一個sub set 和一些WAP的特性所集結而成的，顧名思意，是應用於mobile上的CSS。&lt;br /&gt;
（refer:&lt;br /&gt;
&lt;a href=&quot;http://www.developershome.com/wap/wcss/&quot;&gt;http://www.developershome.com/wap/wcss/&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;http://baike.baidu.com/view/1689014.htm&quot;&gt;http://baike.baidu.com/view/1689014.htm&lt;/a&gt;）&lt;br /&gt;
&lt;br /&gt;
WCSS應用於Xhtml MP文件中&lt;br /&gt;
關於WCSS的使用範疇&lt;br /&gt;
refer:&lt;br /&gt;
&lt;a href=&quot;http://bbs.blueidea.com/thread-2905812-1-1.html&quot;&gt;http://bbs.blueidea.com/thread-2905812-1-1.html&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;hr /&gt;
以下為一些我遇到過在Webkit支援上比較有問題的style&lt;br /&gt;
&lt;hr /&gt;
&lt;h4&gt;





&lt;span style=&quot;color: red;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;-wap-input-required&lt;/span&gt;&lt;/b&gt; &lt;/span&gt;: { true|false }&lt;/h4&gt;
&lt;div&gt;
&lt;span style=&quot;color: #073763;&quot;&gt;/*if true, 指定的input text 不能空白，submit時會發出alert */&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #073763;&quot;&gt;根據測試，只有&lt;b&gt;opera&lt;/b&gt;有support&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
refer:&amp;nbsp;&lt;a href=&quot;http://answers.oreilly.com/topic/2218-how-to-validate-text-for-mobile/&quot;&gt;http://answers.oreilly.com/topic/2218-how-to-validate-text-for-mobile/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;hr /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
vendor-prefixed 的CSS style在各家browser的支援度&lt;/div&gt;
&lt;div&gt;
refer:&amp;nbsp;&lt;a href=&quot;http://peter.sh/experiments/vendor-prefixed-css-property-overview/&quot;&gt;http://peter.sh/experiments/vendor-prefixed-css-property-overview/&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
OMA doc:&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://www.openmobilealliance.org/Application/Search/?search=support%20list&quot;&gt;http://www.openmobilealliance.org/Application/Search/?search=support%20list&lt;/a&gt;&lt;/div&gt;</description><link>http://zen0106.blogspot.com/2012/05/webkit-wcss.html</link><author>noreply@blogger.com (Unknown)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-7749383664815786664</guid><pubDate>Tue, 15 Nov 2011 06:17:00 +0000</pubDate><atom:updated>2011-11-14T22:35:40.385-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">android</category><category domain="http://www.blogger.com/atom/ns#">ListView</category><category domain="http://www.blogger.com/atom/ns#">scroll</category><category domain="http://www.blogger.com/atom/ns#">solve</category><title>[Android] 解決ListView在scroll時會變黑的問題</title><description>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
使用ListView時，若有更改過他的layout，&lt;br /&gt;
&lt;script src=&quot;http://pastie.org/2865631.js&quot;&gt;
&lt;/script&gt;&lt;br /&gt;
&lt;br /&gt;
如我自己把它的背景顏色改為自己定義的color/bgColor&lt;br /&gt;
&lt;br /&gt;
當執行這個APP時，若果這個ListView中的child很多&lt;br /&gt;
就需要拖拉（scroll）畫面才能看到其他的內容&lt;br /&gt;
&lt;br /&gt;
問題就在於這個scroll動作，&lt;br /&gt;
在拖拉這個ListView時，會發現拖拉的過程它會變成一坨黑&lt;br /&gt;
感覺是buffer的問題&lt;br /&gt;
&lt;br /&gt;
解決的方法在&lt;a href=&quot;http://android-developers.blogspot.com/2009/01/why-is-my-list-black-android.html&quot;&gt;SDK blog&lt;/a&gt;上有提到,&lt;br /&gt;
只要在Layout中加入一句&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: #fff2cc; color: #134f5c;&quot;&gt;&amp;nbsp;android:cacheColorHint=&quot;#00000000&quot;&lt;/span&gt;&lt;br /&gt;
剛剛的Layout xml更改後變為&lt;br /&gt;
&lt;br /&gt;
&lt;script src=&quot;http://pastie.org/2865664.js&quot;&gt;
&lt;/script&gt;
&lt;br /&gt;
便可以解決這問題了。&lt;/div&gt;</description><link>http://zen0106.blogspot.com/2011/11/android-listviewscroll.html</link><author>noreply@blogger.com (Zen)</author><thr:total>1</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-1171193169133955317</guid><pubDate>Wed, 09 Nov 2011 10:22:00 +0000</pubDate><atom:updated>2011-11-09T08:46:58.551-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">android</category><category domain="http://www.blogger.com/atom/ns#">resource</category><category domain="http://www.blogger.com/atom/ns#">uri</category><title>[Android] 取得Resource asset的URI</title><description>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
有時候可能需要取得resource中某個asset的URI來供一些function使用&lt;br /&gt;
&lt;div&gt;
例如 &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;BitmapFactory.decodeImageURI(Uri uri)&lt;/span&gt; 這樣的function&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
如以透過下面方法取得&lt;br /&gt;
&lt;br /&gt;
&lt;script src=&quot;http://pastie.org/2835511.js&quot;&gt;
&lt;/script&gt;
&lt;br /&gt;
&lt;br /&gt;
如此便能得到我想要的URI了&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;/div&gt;</description><link>http://zen0106.blogspot.com/2011/11/android-resource-asseturi.html</link><author>noreply@blogger.com (Zen)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-8399888449750329488</guid><pubDate>Sun, 21 Aug 2011 16:47:00 +0000</pubDate><atom:updated>2012-05-22T05:45:06.348-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">display</category><category domain="http://www.blogger.com/atom/ns#">google</category><category domain="http://www.blogger.com/atom/ns#">liquid galaxy</category><category domain="http://www.blogger.com/atom/ns#">WebGL</category><title>Liquid Galaxy</title><description>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;a href=&quot;http://code.google.com/p/liquid-galaxy/&quot;&gt;http://code.google.com/p/liquid-galaxy/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
昨天在&lt;a href=&quot;http://coscup.org/2011/zh-tw/&quot;&gt;coscup2011&lt;/a&gt;看到這個計劃的介紹&lt;br /&gt;
Demo影片說明了這個計劃在做些甚麼事情&lt;br /&gt;
&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;345&quot; src=&quot;http://www.youtube.com/embed/z6FpZx_Gb5o&quot; width=&quot;560&quot;&gt;&lt;/iframe&gt;&lt;br /&gt;
&lt;br /&gt;
介紹的人，說liquid Galaxy主要就是用了&lt;br /&gt;
Google Earth和WebGL&lt;br /&gt;
讓google earth可以在web上面流暢地檢視3D的場景&lt;br /&gt;
同時透過同步多台電腦，設定誰是master，誰是slave&lt;br /&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;
只要透過修改google earth裡的driver.ini檔就可以了&lt;br /&gt;
&lt;br /&gt;
可惜我沒有這麼多台電腦呀....&lt;/div&gt;</description><link>http://zen0106.blogspot.com/2011/08/liquid-galaxy.html</link><author>noreply@blogger.com (Zen)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/z6FpZx_Gb5o/default.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-6418438553166227880</guid><pubDate>Sat, 07 May 2011 04:12:00 +0000</pubDate><atom:updated>2011-05-06T21:12:25.759-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">audio</category><category domain="http://www.blogger.com/atom/ns#">embed</category><category domain="http://www.blogger.com/atom/ns#">html</category><category domain="http://www.blogger.com/atom/ns#">jquery</category><category domain="http://www.blogger.com/atom/ns#">music</category><category domain="http://www.blogger.com/atom/ns#">php</category><category domain="http://www.blogger.com/atom/ns#">programming</category><category domain="http://www.blogger.com/atom/ns#">內嵌音訊</category><category domain="http://www.blogger.com/atom/ns#">音樂</category><title>[jquery] 網頁內嵌音訊檔</title><description>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;最近接的兩個case中，一個要在網頁裏放影片，一個要在網頁裏放影片加音樂&lt;br /&gt;
&lt;br /&gt;
翻了一下一些網路上的jquery liberary，也試了好幾個，不過不知道是我沒有翻到他們的API還是我太弱不知道怎麼用，好幾個都只是很簡單播放功能而已&lt;br /&gt;
&lt;br /&gt;
因為我那兩個的case是某研究的實驗問卷性質,，所以都需要限制使用者的瀏覽行為&lt;br /&gt;
像是一定要看完影片或是聽完音樂才能按下一步，又或是要看播了網頁上的「我已看完說明」的按鈕就馬上開始播放音樂，諸如此類的...&lt;br /&gt;
&lt;br /&gt;
音樂播放的話，我個人會推薦 &lt;a href=&quot;http://www.jplayer.org/&quot;&gt;jplayer&lt;/a&gt;&lt;br /&gt;
它是一個適用於html5 和Flash的jquery liberary&lt;br /&gt;
&lt;br /&gt;
我推薦它的原因有幾個&lt;br /&gt;
&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;官網上的說明蠻詳細的，有很多教學的範例&lt;/li&gt;
&lt;li&gt;它可以控制影音的功能夠齊全，最基本的播放、停止、暫停，然後比較進階的像是從幾秒開始播放、重覆播放、靜音等等&lt;/li&gt;
&lt;li&gt;有齊全的event事件可以抓取, 只要設定特定事件的listener, 便可作很多控制了!&lt;/li&gt;
&lt;li&gt;player interface有豐富的css module可供使用，都在官網上面可以找到&lt;/li&gt;
&lt;/ul&gt;&lt;br /&gt;
&lt;br /&gt;
在這來個簡單的範例好了&lt;br /&gt;
&lt;script src=&quot;http://pastie.org/1873899.js&quot;&gt;
&lt;/script&gt;&lt;br /&gt;
首先要把jquery.jplayer.min.js載下來，嵌到你的網頁裏，&#39;js/&#39;是我自己放javascript的目錄&lt;br /&gt;
要是想要用遠端檔案的話也是可以。&lt;br /&gt;
&lt;script src=&quot;http://pastie.org/1873904.js&quot;&gt;
&lt;/script&gt;&lt;br /&gt;
當然...jquery.js是必要的，不過我懶得貼上來了&lt;br /&gt;
&lt;br /&gt;
然後，最簡單的嵌進一個音樂mp3檔&lt;br /&gt;
&lt;script src=&quot;http://pastie.org/1873934.js&quot;&gt;
&lt;/script&gt;&lt;br /&gt;
&lt;br /&gt;
至於UI方面的話, 因為我還沒有需要用到, 所以也沒有特別去看&lt;br /&gt;
便大概應該就是設定一些CSS屬性而已&lt;br /&gt;
有需要的人可以去官網裡, &lt;a href=&quot;http://www.jplayer.org/latest/quick-start-guide/step-6-audio/&quot;&gt;有教學&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
至於影音方面，比較遺憾的是他只支援&amp;nbsp;&lt;b&gt;.m4v&lt;/b&gt; 跟&lt;b&gt; .ogv &lt;/b&gt;檔&lt;br /&gt;
&lt;br /&gt;
下次再來介紹一次有甚麼好用的video player liberary&lt;/div&gt;</description><link>http://zen0106.blogspot.com/2011/05/jquery.html</link><author>noreply@blogger.com (Zen)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-5429605272695998663</guid><pubDate>Mon, 29 Nov 2010 06:24:00 +0000</pubDate><atom:updated>2010-11-28T23:16:13.418-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">french</category><category domain="http://www.blogger.com/atom/ns#">speaking</category><title>Bonjour! 法文筆記 (1)</title><description>今天終於去實現去學法文的第一步了&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;去了台灣&lt;a href=&quot;http://www.alliancefrancaise.org.tw/&quot;&gt;法國文法協會&lt;/a&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;老師叫做 Thierry, 感覺就是一個法國人, 然後很浪漫的會一邊上課&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; 而且教得不少耶, 一到十, 簡單問候, 字母A~N, 一些簡單的名詞&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;~A跟B兩人簡單對話~&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;A: Bonjour.&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;嗨&lt;/div&gt;&lt;div&gt;B: Bonjour.&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;嗨&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;A: Ça va?&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;  &lt;/span&gt;你好嗎?&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;(Ç, 這個有尾巴的c是一個像s的氣聲)&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre; &quot;&gt; &lt;/span&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;div&gt;B: Ca va.&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;   &lt;/span&gt;不錯&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;A: Je m&#39;appelle Thierry, et vous ?&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;我叫Thierry, 你呢?&lt;/div&gt;&lt;div&gt;B: Je m&#39;appelle Zen.&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;    &lt;/span&gt;我叫Zen.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;A: J &#39;habite à Paris, et vous ?&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;  &lt;/span&gt;我住在Paris, 你呢?&lt;/div&gt;&lt;div&gt;B: J &#39;habite à Marseille.&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;   &lt;/span&gt;我住在Marseille.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;A: Au revoir&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;  &lt;/span&gt;再見!&lt;/div&gt;&lt;div&gt;B: Au revoir!&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;  &lt;/span&gt;再見!&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;就是很莫名的問完住哪裏然後就say goodbye了....XD&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;A B C D E F G H I J K L M N&lt;/div&gt;&lt;div&gt;其中, &lt;/div&gt;&lt;div&gt;A, H, K→ 聲母為[a]&lt;/div&gt;&lt;div&gt;B, C, D, G→[e]&lt;/div&gt;&lt;div&gt;E→[&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Doulos SIL&#39;, Gentium, &#39;TITUS Cyberbit Basic&#39;, Junicode, &#39;Aborigonal Serif&#39;, &#39;Arial Unicode MS&#39;, &#39;Lucida Sans Unicode&#39;, &#39;Chrysanthi Unicode&#39;, &#39;DejaVu Sans&#39;, sans-serif; font-size: 15px; line-height: 17px; white-space: nowrap; &quot;&gt;ɜ&lt;/span&gt;]&lt;/div&gt;&lt;div&gt;F→好像跟英文唸法一樣&lt;/div&gt;&lt;div&gt;L, M, N → 跟本來英文差不多, 但最尾會有個[L&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: &#39;Doulos SIL&#39;, Gentium, &#39;TITUS Cyberbit Basic&#39;, Junicode, &#39;Aborigonal Serif&#39;, &#39;Arial Unicode MS&#39;, &#39;Lucida Sans Unicode&#39;, &#39;Chrysanthi Unicode&#39;, &#39;DejaVu Sans&#39;, sans-serif; font-size: 15px; line-height: 17px; white-space: nowrap; &quot;&gt;ɜ]&lt;/span&gt;音, L唸起來就像Ella&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;Un sac&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;  &lt;/span&gt;背包&lt;/div&gt;&lt;div&gt;Un tableau&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;畫板,黑板&lt;/div&gt;&lt;div&gt;Un stylo&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;  &lt;/span&gt;筆&lt;/div&gt;&lt;div&gt;Un livre&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;  &lt;/span&gt;書&lt;/div&gt;&lt;div&gt;Un garçon&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;男生&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;※Un 是陽性量詞, 一個&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;陰性&lt;/div&gt;&lt;div&gt;Une radio&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;  &lt;/span&gt;收音機&lt;/div&gt;&lt;div&gt;Une télévision&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;電視&lt;/div&gt;&lt;div&gt;Une chaise&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;  &lt;/span&gt;椅子&lt;/div&gt;&lt;div&gt;Une table&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;  &lt;/span&gt;桌子&lt;/div&gt;&lt;div&gt;Une fille&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;   &lt;/span&gt;女生&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;※Une就是陰的一個囉~&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Qu&#39; est-ce que c&#39;est? &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;這是甚麼?&lt;/div&gt;&lt;div&gt;C&#39;est un stylo&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt;   &lt;/span&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;0&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt; zéro&lt;/div&gt;&lt;div&gt;1 &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;un&lt;/div&gt;&lt;div&gt;2&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt; deux&lt;/div&gt;&lt;div&gt;3 &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;trois&lt;/div&gt;&lt;div&gt;4 &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;quatre&lt;/div&gt;&lt;div&gt;5 &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;cinq&lt;/div&gt;&lt;div&gt;6&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt; six&lt;/div&gt;&lt;div&gt;7&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt; sept&lt;/div&gt;&lt;div&gt;8&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt; huit&lt;/div&gt;&lt;div&gt;9 &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;neuf&lt;/div&gt;&lt;div&gt;10 &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;dix&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;還教了幾個聲母consonnes, 感覺跟英文的聲母唸法差不多&lt;/div&gt;&lt;div&gt;b d f k, &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;l m n&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;/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;br /&gt;&lt;object width=&quot;480&quot; height=&quot;385&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/yODRNUlPmCg?fs=1&amp;amp;hl=zh_TW&quot;&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;embed src=&quot;http://www.youtube.com/v/yODRNUlPmCg?fs=1&amp;amp;hl=zh_TW&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;480&quot; height=&quot;385&quot;&gt;&lt;/embed&gt;&lt;/object&gt;</description><link>http://zen0106.blogspot.com/2010/11/bonjour-1.html</link><author>noreply@blogger.com (Zen)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-2746683909726241988</guid><pubDate>Mon, 02 Aug 2010 04:11:00 +0000</pubDate><atom:updated>2010-08-01T23:57:18.270-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">schema</category><category domain="http://www.blogger.com/atom/ns#">xml</category><title>[XML schema] simple element, attribute, restriction</title><description>&lt;div&gt;在撰寫XML時, 我們或許會定義一份格式檔&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;他的功用就是說明你的XML裏面元素的結構是如何&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;讓讀者可以透過這份格式檔來快速理解你的XML內含甚麼元素、元素的類型代表甚麼&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;這樣的格式檔, 現時有兩種: XML schema與DTD&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;因為XML schema完全使用XML原本語法的關係，在使用上已經漸漸取代掉DTD了&lt;div&gt;我不太想要學快被淘汰沒用的東西, 在這裏就記錄一下XML schema基本的使用方法吧&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;simple element&lt;/div&gt;&lt;div&gt;simple element代表這個物件裡只含有單一的值(如&quot;string, integer, date, time &quot;等), 而不會再有階層式的其他物件&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;pre style=&quot;font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%&quot;&gt;&lt;code&gt;&amp;lt;xs:element title=&quot;my blog&quot; type=&quot;string&quot; /&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;而type的類型共有以下幾種:&lt;/div&gt;&lt;div&gt;xs:string&lt;/div&gt;&lt;div&gt;xs:decimal&lt;/div&gt;&lt;div&gt;xs:integer&lt;/div&gt;&lt;div&gt;xs:boolean&lt;/div&gt;&lt;div&gt;xs:date&lt;/div&gt;&lt;div&gt;xs:time&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;-----------------------------&lt;/div&gt;&lt;div&gt;Attribute跟 restriction&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;pre style=&quot;font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%&quot;&gt;&lt;code&gt;&amp;lt;xs:attribute name=&quot;letter&quot; type=&quot;xs:string&quot; use=&quot;required&quot; default=&quot;A&quot;&amp;gt;&lt;br /&gt;&amp;lt;xs:simpleType&amp;gt;&lt;br /&gt;&amp;lt;xs:restriction base=&quot;xs:string&quot;&amp;gt;&lt;br /&gt;   &amp;lt;xs:pattern value=&quot;[A-Z]|[a-z]&quot;/&amp;gt;&lt;br /&gt;&amp;lt;/xs:restriction&amp;gt;&lt;br /&gt;&amp;lt;/xs:simpleType&amp;gt;&lt;br /&gt;&amp;lt;/xs:attribute&amp;gt;&lt;/code&gt;&lt;/pre&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;pre style=&quot;font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%&quot;&gt;&lt;code&gt;&amp;lt;xs:attribute name=&quot;letter&quot; type=&quot;xs:string&quot; use=&quot;required&quot; default=&quot;A&quot; /&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div&gt;use的值為&lt;span class=&quot;Apple-style-span&quot;  style=&quot;color:#3366FF;&quot;&gt;required&lt;/span&gt;代表這個attribute是必要的屬性, 而使用&lt;span class=&quot;Apple-style-span&quot;  style=&quot;color:#3366FF;&quot;&gt;optional&lt;/span&gt;則是選擇性的&lt;/div&gt;&lt;div&gt;default=&quot;&lt;span class=&quot;Apple-style-span&quot;  style=&quot;color:#3366FF;&quot;&gt;A&lt;/span&gt;&quot; 則是說這個attribute預設的值為&quot;A&quot;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;pre style=&quot;font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%&quot;&gt;&lt;code&gt;&amp;lt;xs:restriction base=&quot;xs:string&quot;&amp;gt;&lt;br /&gt; &amp;lt;xs:pattern value=&quot;[A-Z]|[a-z]&quot;/&amp;gt;&lt;br /&gt;&amp;lt;/xs:restriction&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;div&gt;這是限制的部份, 定義letter這個attribute值的範圍&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;base=&quot;xs:string&quot;代表這個是限制字串的屬性&lt;/div&gt;&lt;div&gt;pattern value 說明這個限制字串的屬性是只能填大或小寫的一個英文字母&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;</description><link>http://zen0106.blogspot.com/2010/08/xml-schema-simple-element-attribute.html</link><author>noreply@blogger.com (Zen)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-7451042635148733204</guid><pubDate>Mon, 03 May 2010 03:32:00 +0000</pubDate><atom:updated>2010-05-03T02:05:11.135-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">apache</category><category domain="http://www.blogger.com/atom/ns#">Subversion</category><category domain="http://www.blogger.com/atom/ns#">SVN</category><category domain="http://www.blogger.com/atom/ns#">svn server</category><category domain="http://www.blogger.com/atom/ns#">TortoiseSVN</category><title>安裝與設定SVN server</title><description>當常常會在不同地方工作時，會常常需要把手中的資料在每台電腦上同步後才能繼續工作&lt;br /&gt;而對於寫程式來說，更加需要版本控管來減低把自己的code改爛後無法復原的情況發生&lt;br /&gt;&lt;br /&gt;實驗室的學長以前架了CVS server, 但其實CVS已經越來越少人在用了..&lt;br /&gt;大家都改用SVN, 雖然不知道主要原因是甚麼, 但應該至少是用起來比較方便&lt;br /&gt;&lt;br /&gt;記錄一下如何架設SVN&lt;br /&gt;&lt;br /&gt;基本上要架設SVN, 都會一並使用svn server端跟client端&lt;br /&gt;最普遍的, server 端使用Subversion, 而client端則使用TortoiseSVN&lt;br /&gt;&lt;br /&gt;先把TortoiseSVN安裝好後&lt;br /&gt;我們再來安裝Subversion (Subversion需配合Apache使用, Apache的安裝請自己再找文章吧)&lt;br /&gt;&lt;br /&gt;安裝完Subversion後, 請把目錄資料夾裏 Subversion/bin 底下的&lt;br /&gt;mod_dav_svn.so&lt;br /&gt;mod_authz_svn.so&lt;br /&gt;libdb4X.dll    &lt;--因版本不同, X可能會不一樣, 我下載的版本就是libdb44.dll &lt;div&gt;libeay32.dll ssleay32.dll &lt;/div&gt;&lt;div&gt; 這5個檔案copy到Apache底下modules的目錄裏  &lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;然後開啟 Apache底下conf目錄裏的 httpd.conf 檔案apache的設定 &lt;/div&gt;&lt;div&gt;找到以下這兩行  &lt;/div&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot;  style=&quot;color:#339999;&quot;&gt;#LoadModule dav_module modules/mod_dav.so &lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot;  style=&quot;color:#339999;&quot;&gt;#LoadModule dav_fs_module modules/mod_dav_fs.so &lt;/span&gt;&lt;/div&gt;&lt;div&gt;然後把其前的 &#39;#&#39; 刪掉, 讓apache執行時讀取這兩個模組&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt; 接著, 再加上下面這兩行指令 &lt;/div&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot;  style=&quot;color:#339999;&quot;&gt;LoadModule dav_svn_module modules/mod_dav_svn.so &lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot;  style=&quot;color:#339999;&quot;&gt;LoadModule authz_svn_module modules/mod_authz_svn.so&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot;  style=&quot;color:#00CCCC;&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt; 再來, 我們需要設定SVN存放版本資料的位置,&lt;/div&gt;&lt;div&gt;繼續在httpd.conf裏加入以下&lt;/div&gt;&lt;div&gt;####SVN設定########### &lt;pre style=&quot;font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%&quot;&gt;&lt;code&gt;&amp;lt;Location svn/code&amp;gt;        #設定網址, ex: http://localhost/svn/code&lt;br /&gt;DAV svn&lt;br /&gt;SVNPath c:/svn/myCode    #設定SVN資料在本機裏的絕對路徑, 待會我們再來建這個檔&lt;br /&gt;&lt;br /&gt;案&lt;br /&gt;# how to authenticate a user&lt;br /&gt;AuthType Basic&lt;br /&gt;AuthName &quot;Subversion repository&quot;&lt;br /&gt;&lt;br /&gt;#進行帳號驗證時的帳號、密碼資料&lt;br /&gt;AuthUserFile &quot;c:/svn/myCode/conf/passwd.ini&quot;&lt;br /&gt;&lt;br /&gt;# only authenticated users may access the repository&lt;br /&gt;#操作時要進行帳號驗證，拿掉此行就不會進行驗證&lt;br /&gt;Require valid-user&lt;br /&gt;&lt;br /&gt;# our access control policy&lt;br /&gt;# authz.ini 是設定帳號對各 Project 可讀/寫權限的設定檔&lt;br /&gt;AuthzSVNAccessFile &quot;c:/svn/myCode/conf/authz.ini&quot;&lt;br /&gt;&amp;lt;/Location&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;儲存好之後, 我們接下來使用&lt;/div&gt;&lt;div&gt;按照剛剛打的路徑建立一個 C:/svn/myCode 的資料夾, 以放置SVN的資料&lt;/div&gt;&lt;div&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU1h1CVXY5GbU4kkTD0fExfxfMobk7lfEBXsCBQGn_Nn-izqiNK_sUaxWulCDbkT7JCNaGQs6CB7hsSJwEXjwMn398ekRM8YC-4N3KzKwJK7qrT19UMbxXSXM3ElBgp9CK7KU9nu3nCD0/s1600/2010-05-03_162929.png&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU1h1CVXY5GbU4kkTD0fExfxfMobk7lfEBXsCBQGn_Nn-izqiNK_sUaxWulCDbkT7JCNaGQs6CB7hsSJwEXjwMn398ekRM8YC-4N3KzKwJK7qrT19UMbxXSXM3ElBgp9CK7KU9nu3nCD0/s320/2010-05-03_162929.png&quot; border=&quot;0&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5466958988764505570&quot; style=&quot;cursor: pointer; width: 320px; height: 226px; &quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;成功建立repository後, myCode內應該會有以下檔案&lt;/div&gt;&lt;div&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheaN7pvyV55EpPSZgPEWBeHxI2FfXghwjZNezuQZBiAU3Ijj0_oyf_mYAShFwFJJUTKiLnCcsU7WcBzw3ioNLtDHunjXx6LaCLuirMKj8fV81DHaZGy9A6AHAHDSNiqUJqypuBRi7IJsw/s1600/2010-05-03_163326.jpg&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheaN7pvyV55EpPSZgPEWBeHxI2FfXghwjZNezuQZBiAU3Ijj0_oyf_mYAShFwFJJUTKiLnCcsU7WcBzw3ioNLtDHunjXx6LaCLuirMKj8fV81DHaZGy9A6AHAHDSNiqUJqypuBRi7IJsw/s320/2010-05-03_163326.jpg&quot; border=&quot;0&quot; alt=&quot;&quot; id=&quot;BLOGGER_PHOTO_ID_5466959448756228530&quot; style=&quot;cursor: pointer; width: 165px; height: 140px; &quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;因為要提供網路存取的關係, 需要把這個c:/svn 資料夾共用出去, 使用者為everyone&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;剛剛設置 httpd.conf 時應該有注意到我們有設SVN的存取密碼及權限檔&lt;/div&gt;&lt;div&gt;現在先利用Apahce來建立密碼檔 - passwd.ini&lt;/div&gt;&lt;div&gt;開啟cmd, 輸入&lt;/div&gt;&lt;div&gt;&lt;pre style=&quot;font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%&quot;&gt;&lt;code&gt;&quot;C:\Program Files\Apache Software Foundation\Apache2.2\bin\htpasswd.exe&quot; -c passwd.ini [帳號]&lt;br /&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;輸入帳密後, 在apache/bin 裏應該就會產生一個passwd.ini的檔案&lt;/div&gt;&lt;/div&gt;&lt;div&gt;裏面就會有剛建的帳號跟加密過的密碼&lt;/div&gt;&lt;div&gt;把passwd.ini 放到 c:/svn/myCode/conf/passwd.ini&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;接著我們建立存取權限的檔案authz.ini&lt;/div&gt;&lt;div&gt;自己手動新增這個檔, 然後修改內容為以下&lt;br /&gt;&lt;pre style=&quot;font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%&quot;&gt;&lt;code&gt;# 先定義群組&lt;br /&gt;[groups]&lt;br /&gt;developer = user1,user2,user3&lt;br /&gt;art = user4&lt;br /&gt;everyone = *&lt;br /&gt;&lt;br /&gt;# 預設拒絕所有人進入瀏覽&lt;br /&gt;[/]&lt;br /&gt;* = &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space:pre&quot;&gt; &lt;/span&gt;# *為annoymous, *= 即匿名不可存取&lt;br /&gt;# 設定儲存庫訪問權限，語法：[儲存庫:專案路徑]&lt;br /&gt;&lt;br /&gt;[ProjectName:/]&lt;br /&gt;@developer=rw  #可讀寫&lt;br /&gt;@art=r         #僅可讀取&lt;br /&gt;&lt;br /&gt;&lt;/code&gt;&lt;/pre&gt;存檔.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;以上步驟皆完成後, 現在便來重開Apache, 更新設定吧.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;最重要的時刻來了, 我們連到 http://localhost/svn/myCode&lt;/div&gt;&lt;div&gt;如果SVN成功的話, 將會出現 Revision 0:/ 的畫面&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;1. svn的資料夾的共用設定&lt;/div&gt;&lt;div&gt;2. 在httpd.conf設置讀入模組那4行程式的順序&lt;/div&gt;&lt;div&gt;3. 環境參數中是否有Subversion的路徑&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;</description><link>http://zen0106.blogspot.com/2010/05/svn-server.html</link><author>noreply@blogger.com (Zen)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU1h1CVXY5GbU4kkTD0fExfxfMobk7lfEBXsCBQGn_Nn-izqiNK_sUaxWulCDbkT7JCNaGQs6CB7hsSJwEXjwMn398ekRM8YC-4N3KzKwJK7qrT19UMbxXSXM3ElBgp9CK7KU9nu3nCD0/s72-c/2010-05-03_162929.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-5094782745740517544</guid><pubDate>Sun, 04 Apr 2010 08:33:00 +0000</pubDate><atom:updated>2010-04-04T02:24:19.613-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">apache</category><category domain="http://www.blogger.com/atom/ns#">localhost</category><category domain="http://www.blogger.com/atom/ns#">server</category><category domain="http://www.blogger.com/atom/ns#">不能連localhost</category><title>架端web server不能連結至localhost的問題</title><description>之前在windows vista上架了一個Apache2.2 http server.&lt;br /&gt;剛架設完後, 當然是很興奮地開啟 http://localhost&lt;br /&gt;來測試一下有沒有出現&quot;It works!&quot;的畫面呀&lt;br /&gt;&lt;br /&gt;因為再之前也有架過, 即使在httpd.conf設置後路徑前, 大概至少也看得到it works吧&lt;br /&gt;但我錯了, 事情絕非單純&lt;br /&gt;&lt;br /&gt;我開始http://localhost後&lt;br /&gt;IE竟然是顯示&lt;span style=&quot;color:#3366ff;&quot;&gt;404 page not found&lt;/span&gt;的頁面&lt;br /&gt;這代表連不到這一頁.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;於是便進行了以下測試&lt;br /&gt;&lt;br /&gt;&lt;ol&gt;&lt;li&gt;確認Apache monitor有否正常啟動apache server, 亮綠燈 (綠燈呀! 但如果是紅燈但restart後也一直不能正常運作, 可能就要重灌一次apache了, 因為可能灌的時候某些程序出錯了)&lt;/li&gt;&lt;li&gt;檢查Apache目錄裏htdocs裏是否有index.html (有的, 所以應該是路徑設定有問題)&lt;/li&gt;&lt;li&gt;再檢查conf裏的httpd.conf，檢查一下各種Directory跟root的路徑有沒有跟真實檔案位置不一樣，這有可能是因為在案裝過程中打錯了路徑或甚麼的(都正確呀，見鬼了@@)&lt;/li&gt;&lt;li&gt;然後再檢查防火牆跟防毒的設定，確定沒有因為中毒或奇怪地被設定把自己的IP位址給封鎖掉...orz(都好好的呀...)&lt;/li&gt;&lt;/ol&gt;&lt;br /&gt;真是百思不得其解，但後來發生&lt;br /&gt;&lt;strong&gt;我打自己的IP(&lt;/strong&gt;&lt;a href=&quot;http://140.xxx.xxx.xxx/&quot;&gt;&lt;strong&gt;http://140.xxx.xxx.xxx&lt;/strong&gt;&lt;/a&gt;&lt;strong&gt;)卻是成功的出現It works!&lt;/strong&gt;&lt;br /&gt;所以如果跟我遇到同樣的情況，上面檢查的第1,2,3點，應該都不用進行了&lt;br /&gt;基本上應該是localhost這個遮罩沒有對應到本機的IP&lt;br /&gt;&lt;br /&gt;後來我去請教高手&lt;br /&gt;高手請我輸入 &lt;a href=&quot;http://127.0.0.1/&quot;&gt;http://127.0.0.1/&lt;/a&gt; 試試看&lt;br /&gt;結果真的成功，証明應該是跟Apache的設定沒關係&lt;br /&gt;然後高手判斷這應該是localhost沒對應到本機IP的問題&lt;br /&gt;&lt;br /&gt;他告訴我開啟&lt;br /&gt;windows/system32/drivers/etc/hosts 這個檔案&lt;br /&gt;然後加上一行&lt;br /&gt;&lt;strong&gt;&lt;span style=&quot;color:#000099;&quot;&gt;127.0.0.1 localhost&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;意即把IP對應到後面的host name&lt;br /&gt;&lt;br /&gt;儲存後我再開啟 &lt;a href=&quot;http://localhost/&quot;&gt;http://localhost/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;It works了耶!! 太感動了QQ&lt;br /&gt;雖然我也不知道為甚麼我電腦原本的設定沒有把127.0.01跟localhost對應起來&lt;br /&gt;不過以後再遇到這種不能開localhost的情況, 大概就可以試這些方法吧.</description><link>http://zen0106.blogspot.com/2010/04/web-serverlocalhost.html</link><author>noreply@blogger.com (Zen)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-6324820698166587491</guid><pubDate>Tue, 12 Jan 2010 05:58:00 +0000</pubDate><atom:updated>2010-01-15T09:37:32.724-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">eclipse</category><category domain="http://www.blogger.com/atom/ns#">java</category><category domain="http://www.blogger.com/atom/ns#">wiimote</category><category domain="http://www.blogger.com/atom/ns#">wiiusej</category><title>安裝使用wiiusej</title><description>&lt;a href=&quot;http://www.easy-dj.com/wiiusej12.png&quot;&gt;&lt;img WIDTH: 400px; HEIGHT: 199px alt=&quot;&quot; src=&quot;http://www.easy-dj.com/wiiusej12.png&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;br /&gt;wiiusej是一個可以供java讀取wiimote事件的JAVA API&lt;br /&gt;使用wiiusej這個套件, 可以讀到wiimote中各種訊號&lt;br /&gt;如x, y, z各軸的加速度, 轉動量、按了哪顆鍵等&lt;br /&gt;joystick的資訊也可以抓得到&lt;br /&gt;&lt;br /&gt;此套件還實作了一個詳細的UI來讓使用者看到各種訊號的變化 &lt;div&gt;&lt;br /&gt;而且撰寫者還加入了一個可以支援guitor hero3三介面&lt;br /&gt;&lt;br /&gt;wiiuseJ的快速使用教學 &lt;div&gt;&lt;br /&gt;1) import wiiusej.jar in your java project.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;2) put the 2 dlls files libWiiUseJ.dll and wiiuse.dll at the root of your project (or the two .so files if you are under linux).Connect your wiimote to your bluetooth stack.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;3) In your code : Wiimote[] wiimotes = WiiUseApiManager.getWiimotes(X, true);//x is the number of wiimotes to connect. True : make it rumble the first time you get the wiimotes.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;4) Make a class (MyListener) implementing the WiimoteListener interface.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;5) wiimote[0].addWiiMoteEventListeners(new MyListener());//register my class as a listener of the first wiimote.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;===&gt; MyListener will receive events from the wiimotes is registered on.&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://code.google.com/p/wiiusej/&quot;&gt;wiiuseJ的官網&lt;/a&gt;</description><link>http://zen0106.blogspot.com/2010/01/wiiusej.html</link><author>noreply@blogger.com (Zen)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-3969769094303944496</guid><pubDate>Tue, 20 Oct 2009 09:37:00 +0000</pubDate><atom:updated>2009-10-20T02:43:04.344-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">eclipse</category><category domain="http://www.blogger.com/atom/ns#">java</category><category domain="http://www.blogger.com/atom/ns#">jmonkey</category><category domain="http://www.blogger.com/atom/ns#">SVN</category><title>在eclipse上使用SVN安裝JME(JMonkey engine)</title><description>&lt;object width=&quot;425&quot; height=&quot;344&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/hzk91kfNbjQ&amp;hl=zh_TW&amp;fs=1&amp;&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;http://www.youtube.com/v/hzk91kfNbjQ&amp;hl=zh_TW&amp;fs=1&amp;&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;425&quot; height=&quot;344&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width=&quot;425&quot; height=&quot;344&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/Wa0waeOYgEM&amp;hl=zh_TW&amp;fs=1&amp;&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;http://www.youtube.com/v/Wa0waeOYgEM&amp;hl=zh_TW&amp;fs=1&amp;&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;425&quot; height=&quot;344&quot;&gt;&lt;/embed&gt;&lt;/object&gt;</description><link>http://zen0106.blogspot.com/2009/10/eclipsesvnjmejmonkey-engine.html</link><author>noreply@blogger.com (Zen)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-2799750211947534889</guid><pubDate>Sun, 18 Oct 2009 06:11:00 +0000</pubDate><atom:updated>2009-10-17T23:23:10.576-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">eclipse</category><category domain="http://www.blogger.com/atom/ns#">programming</category><category domain="http://www.blogger.com/atom/ns#">SVN</category><title>在Eclipse上安裝SVN</title><description>1. Help -&gt; Software update -&gt; Find and Install&lt;br /&gt;&lt;br /&gt;2. select the item &quot;Search for new features to install&quot;, press next&lt;br /&gt;&lt;br /&gt;3. press button &quot;New Remote Site&quot;.&lt;br /&gt;&lt;br /&gt;4. Name: SubEclipse&lt;br /&gt;    URL: &lt;a href=&quot;http://subclipse.tigris.org/update_1.6.x&quot;&gt;http://subclipse.tigris.org/update_1.6.x&lt;/a&gt;&lt;br /&gt;　press OK</description><link>http://zen0106.blogspot.com/2009/10/eclipsesvn.html</link><author>noreply@blogger.com (Zen)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-4963780517601138988</guid><pubDate>Sat, 29 Aug 2009 17:34:00 +0000</pubDate><atom:updated>2009-08-29T10:37:16.927-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">cinematography</category><category domain="http://www.blogger.com/atom/ns#">computer science</category><category domain="http://www.blogger.com/atom/ns#">narrative</category><title>我的研究方向 - 在互動敘事環境中攝影機的動態規畫</title><description>&lt;p&gt;整個系統分為三個部份：&lt;/p&gt;&lt;p&gt;1. 互動敘事部份，建立描述腳本的script語言，&lt;/p&gt;&lt;p&gt;主要是一個可以用來清楚描述一個故事應包函故事的元件(who, where, what, when)，&lt;/p&gt;&lt;p&gt;把人物與事件的關連，用動作來連結起來，以表達其目的或者會加上所謂的人物情緒和情節的波動值&lt;/p&gt;&lt;p&gt; &lt;/p&gt;&lt;p&gt;2. script analyizing&lt;/p&gt;&lt;p&gt;把script中的元素解讀出來，從中建構對攝影學(cinematographics)有幫助的資訊如主角是誰，&lt;/p&gt;&lt;p&gt;主場景在哪，主角的動作是哪種類型其實就是攝影師的工作這部份就是最難的地方，&lt;/p&gt;&lt;p&gt;因為根本就很難找到劇本跟攝影技術可以完全對應的規則所以或者先了解攝影學中的一些規本技法如兩人對話的過肩拍(over soulder shot)表達主角觀看一物件的主觀鏡頭先歸納出一些是有規律的法則, &lt;/p&gt;&lt;p&gt;再採用適當的Camera idiom&lt;/p&gt;&lt;p&gt; &lt;/p&gt;&lt;p&gt;3. camera path planning&lt;/p&gt;&lt;p&gt;有了analyizing的結果後，便知道要使用哪種camera idiom來針對特定的場景然後就開始在環境中開始進行planning找出最有適當的拍攝位置當然也要解決occlusion的問題，希望camera model可以很輕易地建立在強哥的研究之上...= =&lt;/p&gt;&lt;p&gt;---------------------------------------------------------------------&lt;/p&gt;&lt;p&gt;最富動態及最有趣的地方是在於供提使用者一個含有既定故事情節，但可以選擇其發展順序的敘事架構然後按照事件發展的順序不同，使發展中的流程和故事張力有所差異或許同樣的事件但在不同的順位會引起不同的效果，從而影響拍攝的手法現在大概就是這個樣子了。&lt;/p&gt;</description><link>http://zen0106.blogspot.com/2009/08/blog-post.html</link><author>noreply@blogger.com (Zen)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-2460144684252020770</guid><pubDate>Mon, 24 Aug 2009 15:10:00 +0000</pubDate><atom:updated>2009-08-24T08:14:22.790-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">command</category><category domain="http://www.blogger.com/atom/ns#">freebsd</category><title>[freeBSD] 使用外部email來收取主機分析資料</title><description>&lt;p&gt;FreeBSD 預設每天定時執行一些分析的工作，並將結果寄給 root，如每要每天閱讀這些分析資料。可以在 /etc/mail/aliases 的開頭中加入下面這一行：&lt;/p&gt;&lt;p&gt;root: &lt;a href=&quot;mailto:me@my.domain.com&quot;&gt;me@my.domain.com&lt;/a&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;將 me@my.domain 改成你的 email，設定完後，請執行 newaliases 來讓設定生效。&lt;/p&gt;&lt;p&gt;如此一來，所有寄給 root 的信件，都會自動轉給所設定的信箱。&lt;/p&gt;&lt;p&gt;root 每天會收到 &lt;strong&gt;&quot;daily run output&quot;&lt;/strong&gt; 及 &lt;strong&gt;&quot;security check output&quot;&lt;/strong&gt; 這二封信，這是依照我們在 /etc/defaults/periodic.conf 中所設定的定時執行工作輸出的結果。&lt;/p&gt;&lt;p&gt;在 daily 執行的任務中，預設並沒有設定定期清除 /tmp，原則上，在開機時系統會清理 /tmp。如果我們不常重開機，可以在 periodic.conf 中設定每天清理 /tmp。&lt;/p&gt;</description><link>http://zen0106.blogspot.com/2009/08/freebsd-email.html</link><author>noreply@blogger.com (Zen)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-1282455105030339568</guid><pubDate>Sun, 26 Jul 2009 12:37:00 +0000</pubDate><atom:updated>2009-07-26T05:38:49.371-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">2009</category><category domain="http://www.blogger.com/atom/ns#">cgw</category><category domain="http://www.blogger.com/atom/ns#">computer science</category><category domain="http://www.blogger.com/atom/ns#">graphic</category><category domain="http://www.blogger.com/atom/ns#">NCCU</category><category domain="http://www.blogger.com/atom/ns#">workshop</category><title>cgw2009完滿結束</title><description>&lt;img src=&quot;http://lh6.ggpht.com/_i4tPunexte0/Smv7CH3uhII/AAAAAAAAAYg/cB2O7k_UIUQ/s400/bookCover.jpg&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;&lt;br /&gt;↑大會手冊封面&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;cgw2009電腦圖學研討會24號終於完滿結束&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;聽到Li說：「辛苦大家了，終於。。。」&lt;br/&gt;&lt;br /&gt;我就馬上接上老師的話「放下一個心頭大石了」&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh3.ggpht.com/_i4tPunexte0/SmrvfbOz7JI/AAAAAAAAAB8/_YleTxNSj2w/s400/IMG_4827.JPG&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;&lt;br /&gt;宣傳海報&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh6.ggpht.com/_i4tPunexte0/Smv9wHHC-LI/AAAAAAAAAZE/8K0KGx5uAcE/s576/template.jpg&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;&lt;br /&gt;ppt、指標牌等用的底圖&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh6.ggpht.com/_i4tPunexte0/SmrvjT0WfgI/AAAAAAAAAC0/Ot9RMeCEcso/s400/IMG_4859.JPG&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;&lt;br /&gt;場次會議海報&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh6.ggpht.com/_i4tPunexte0/SmrvjnodThI/AAAAAAAAAC4/5Lk_VdoS42Y/s576/IMG_4861.JPG&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;&lt;br /&gt;名牌&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh3.ggpht.com/_i4tPunexte0/Smv7XD4b7RI/AAAAAAAAAYo/WQjVx5u7zeM/s400/cdCover.jpg&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;&lt;br /&gt;CD封面&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh4.ggpht.com/_i4tPunexte0/Smv7LlPyz8I/AAAAAAAAAYk/-EyyZf2d_Ek/s400/flag.jpg&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh4.ggpht.com/_i4tPunexte0/SmrvggrPiyI/AAAAAAAAACM/nOdN_gjaJXo/s400/IMG_4834.JPG&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;&lt;br /&gt;宣傳立旗&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;最後當然是一直在改, 一直在更新的網站&lt;a href=&quot;http://cgw2009.cs.nccu.edu.tw/&quot;&gt;http://cgw2009.cs.nccu.edu.tw/&lt;/a&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;&lt;br/&gt;&lt;br /&gt;有總不可言喻的滿足感&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;從接下來這個工作後，每天都很不願意打開email&lt;br/&gt;&lt;br /&gt;因為害怕有甚麼東西又要修改，有甚麼錯漏我又要修補&lt;br/&gt;&lt;br /&gt;按下收件這個連結壓力可大了&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;可是卻不可能裝不知裝沒收到，所以每天用電腦的第一件事就是去收email&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;我也有點忘了網頁從何時開始做的，應該是三月吧...&lt;br/&gt;&lt;br /&gt;第一版的網頁因為沒有明顯的主題而被推翻&lt;br/&gt;&lt;br /&gt;接著第二版的橙色陽光加上CGW人就在這種壓力下誕生了&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh4.ggpht.com/_i4tPunexte0/SmwDzXwOJTI/AAAAAAAAAZg/FNakWoT5p9M/s400/logo2.jpg&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;深深地記得Li的一句「we&#39; re running out of time」&lt;br/&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;&lt;br /&gt;２３號開幕那天，&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh3.ggpht.com/_i4tPunexte0/Smrve8HJ8wI/AAAAAAAAAB4/F05D9Pf0GtI/s576/IMG_4825.JPG&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;&lt;br /&gt;6:30起床，7:30要集合，從山下走下來時，看到綜院兩邊旗子已經揚然竪立&lt;br/&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;&lt;br /&gt;&lt;img src=&quot;http://lh4.ggpht.com/_i4tPunexte0/Smrvh-Au3pI/AAAAAAAAACc/_B7nvpq8D5Q/s400/IMG_4844.JPG&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;&lt;br /&gt;不過我沒有參加到前一天的準備工作和排練&lt;br/&gt;&lt;br /&gt;所以基本上工作事項都一概不知...&lt;br/&gt;&lt;br /&gt;想要幫忙也有心無力，所以只能在一旁一直拍照而已..XD&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh6.ggpht.com/_i4tPunexte0/SmrvkJtzx2I/AAAAAAAAADA/YXb8USxY7GA/s576/IMG_4865.JPG&quot; alt=&quot;&quot;/&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;&lt;img src=&quot;http://lh5.ggpht.com/_i4tPunexte0/SmrvluvcU8I/AAAAAAAAADU/KaDWj_1dc9s/s576/IMG_4881.JPG&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;校長看到我拍他了？！&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh6.ggpht.com/_i4tPunexte0/SmrvnRCK_bI/AAAAAAAAADw/v9c2WvQ2_0w/s400/IMG_4894.JPG&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;大會主席楊熙年教授上台為開幕致詞&lt;br/&gt;&lt;br /&gt;稱讚今年的研究會在Li的帶領之下，整個煥然一身&lt;br/&gt;&lt;br /&gt;還說道，歷年以來沒有出現過的&lt;br/&gt;&lt;br /&gt;光看網站的設計就感覺得到了，這會為以後的主辦單位帶來蠻大的壓力&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh6.ggpht.com/_i4tPunexte0/SmrvmUdmUJI/AAAAAAAAADg/3rqp0_OzrEg/s400/IMG_4889.JPG&quot; alt=&quot;&quot;/&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;接下來第一部份是key note speech，請來日本北海道大學教授土橋宜典&lt;br/&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;&lt;br /&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;之後就是一直拍每個session的照片，然後每個tea break的時間&lt;br/&gt;&lt;br /&gt;都只能眼光光地看著參與的來賓欣然地吹著點心，我肚子快受不了&lt;br/&gt;&lt;br /&gt;只能一直拍他們的食相&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh3.ggpht.com/_i4tPunexte0/Smryv4K94AI/AAAAAAAAAF4/7yXRKGnrJPw/s400/IMG_4967.JPG&quot; alt=&quot;&quot;/&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;聽了CG董事長施文祥先生關於未來動畫展望的演講&lt;br/&gt;&lt;br /&gt;才知道原來大陸現在的動畫發展是這麼有趣&lt;br/&gt;&lt;br /&gt;「先臨摹，再改進」&lt;br/&gt;&lt;br /&gt;好像真的有這麼一回事→&lt;a href=&quot;http://pulolesu.anti-kevin.org/dream/kuso/seya1.html&quot; target=&quot;_blank&quot;&gt;http://pulolesu.anti-kevin.org/dream/kuso/seya1.html&lt;br/&gt;&lt;br /&gt;&lt;/a&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;就是以人海戰術，保証了國內的電廣業者的市場，&lt;br/&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;&lt;br /&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;題外話至此。&lt;br/&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;&lt;br /&gt;最期待的晚宴時間到了，上車！目的地：深坑Holiday Inn&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh4.ggpht.com/_i4tPunexte0/Smr5MqvP1PI/AAAAAAAAAM8/84Zfl_VkSbw/s576/IMG_5108.JPG&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;&lt;br /&gt;來到這邊也是忍不住地到處拍&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh5.ggpht.com/_i4tPunexte0/Smr5M6jrtbI/AAAAAAAAANA/u5Elr9PsP8c/s400/IMG_5109.JPG&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh6.ggpht.com/_i4tPunexte0/Smr5O3SEpoI/AAAAAAAAANs/n1GrHPVGQtU/s576/IMG_5120.JPG&quot; alt=&quot;&quot;/&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;&lt;img src=&quot;http://lh4.ggpht.com/_i4tPunexte0/Smr5QqcTHGI/AAAAAAAAAOM/rrxRmlnqBuM/s576/IMG_5128.JPG&quot; alt=&quot;&quot;/&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;我覺得我現在對吃到飽的吃法越來越掌握了&lt;br/&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;&lt;br /&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;雖然血淋淋的感覺，放到嘴裏面卻沒有軟軟的噁心的感覺&lt;br/&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;&lt;br /&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;&lt;img src=&quot;http://lh4.ggpht.com/_i4tPunexte0/Smr5SLqJKFI/AAAAAAAAAOo/pPZfOamsIy4/s400/IMG_5140.JPG&quot; alt=&quot;&quot;/&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;&lt;br/&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;&lt;br /&gt;我不太想寫了，哈哈～&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;第三場keynote speech請到香港中文大學黃田津教授來演講&lt;br/&gt;&lt;br /&gt;黃教授介紹了他在Manga中對於電腦自動對紋理著色的研究&lt;br/&gt;&lt;br /&gt;&lt;img src=&quot;http://lh5.ggpht.com/_i4tPunexte0/Smr6Q9WT5VI/AAAAAAAAAQ0/D7CR-rUBJ5c/s400/IMG_5194.JPG&quot; alt=&quot;&quot;/&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;其他場次。。。。。略&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;其中發生被Li嗆的小插曲&lt;br/&gt;&lt;br /&gt;老師在新的碩一生面前嘆道：&lt;br/&gt;&lt;br /&gt;「今年我們Lab只有一個要投CGW，唉，這麼客氣，他們不投我也沒辦法」&lt;br/&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;&lt;br /&gt;&lt;img src=&quot;http://lh5.ggpht.com/_i4tPunexte0/Smr5ujHEWwI/AAAAAAAAAPM/90bGKCXe--U/s400/IMG_5160.JPG&quot; alt=&quot;&quot;/&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;我則是打包了兩盒點心來當晚餐～&lt;br/&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;&lt;br /&gt;最後，很好奇Li怎麼沒有在結束時致辭，舉辦人耶&lt;br/&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;&lt;br /&gt;真感動自己跟了一個這麼認真的老師&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;結束了。各位辛苦啦～</description><link>http://zen0106.blogspot.com/2009/07/cgw2009.html</link><author>noreply@blogger.com (Zen)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh6.ggpht.com/_i4tPunexte0/Smv7CH3uhII/AAAAAAAAAYg/cB2O7k_UIUQ/s72-c/bookCover.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-97270310415386134.post-6645855834631716944</guid><pubDate>Wed, 20 May 2009 02:31:00 +0000</pubDate><atom:updated>2009-05-19T19:35:40.114-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">freebsd</category><category domain="http://www.blogger.com/atom/ns#">software</category><category domain="http://www.blogger.com/atom/ns#">惡意程式</category><title>[freebsd] 防止惡意攻擊軟體</title><description>就是所謂的防try嘛&lt;br /&gt;&lt;br /&gt;denyhosts: &lt;a href=&quot;http://blog.wu-boy.com/2008/12/26/663/&quot;&gt;http://blog.wu-boy.com/2008/12/26/663/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;sshblock: &lt;a href=&quot;http://ohaha.ks.edu.tw/post/1/27&quot;&gt;http://ohaha.ks.edu.tw/post/1/27&lt;/a&gt;</description><link>http://zen0106.blogspot.com/2009/05/freebsd_19.html</link><author>noreply@blogger.com (Zen)</author><thr:total>0</thr:total></item></channel></rss>