<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-89453473481334250</id><updated>2012-01-16T06:15:36.357-08:00</updated><category term='場地舞台佈置'/><category term='Google Gadget'/><category term='網路界'/><category term='wiki'/><category term='JAVA'/><category term='Lucene'/><category term='SQL'/><category term='JMagick'/><category term='xls'/><category term='web'/><category term='關鍵字'/><category term='wedding'/><category term='url rewrite'/><category term='YUI CSS'/><category term='search engine'/><category term='Polyfish'/><category term='縮圖'/><category term='RPC'/><category term='searchbot'/><category term='場地王'/><category term='unexpected T-string'/><category term='tell a friend'/><category term='viral marketing'/><category term='Ajax'/><category term='iphone'/><category term='System Management'/><category term='搜尋爬蟲'/><category term='公關社群'/><category term='資料庫'/><category term='場地.tw'/><category term='apps'/><category term='Google Map'/><category term='PHPList'/><category term='場地廠商來比價'/><category term='userAgent'/><category term='活動場地討論'/><category term='Object C'/><category term='搜尋'/><category term='Googlebot'/><category term='csv'/><category term='揪團 場地王 活動市場'/><category term='Android'/><category term='fbml'/><category term='公關動態RSS'/><category term='保護費'/><category term='facebook'/><category term='部落格行銷'/><category term='許功蓋'/><category term='Open API'/><category term='資料庫優化'/><category term='免費新聞稿刊登'/><category term='MySQL'/><category term='CSS'/><category term='stored procedure'/><category term='tool'/><category term='Javascript'/><category term='php'/><category term='ECFA'/><category term='programming'/><category term='contacts'/><category term='專案開發'/><category term='創業'/><category term='YUI'/><category term='啞虎'/><category term='Google'/><category term='where2event'/><category term='GPL'/><category term='grazr'/><category term='公關職缺RSS'/><category term='主機'/><category term='PR 2.0'/><category term='bnext'/><category term='公關論壇'/><category term='SEO'/><category term='Ext JS'/><category term='LocalKing'/><category term='繁簡轉換'/><category term='DB'/><category term='Google Calendar'/><category term='search'/><category term='happyweb'/><category term='marketing'/><category term='公關討論區'/><category term='地圖日記'/><category term='Widget'/><category term='ShowJoin'/><category term='台灣網路'/><category term='Solr'/><category term='程式技巧'/><category term='Excel'/><title type='text'>Willy的程式員之路</title><subtitle type='html'>半途出家學程式，這裡紀錄我對於技術的筆記，以及新點子</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>78</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-4305733470923062253</id><published>2011-11-22T01:50:00.000-08:00</published><updated>2011-11-22T01:50:51.008-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='CSS'/><title type='text'>好用的 CSS 工具：Less 介紹(轉貼)</title><content type='html'>原文出處：http://blog.eztable.com.tw/2011/11/18/introduction-to-less/&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-4305733470923062253?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/4305733470923062253/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=4305733470923062253&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4305733470923062253'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4305733470923062253'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2011/11/css-less.html' title='好用的 CSS 工具：Less 介紹(轉貼)'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7588254221857102733</id><published>2011-07-26T07:44:00.000-07:00</published><updated>2011-07-26T07:44:57.175-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='wedding'/><category scheme='http://www.blogger.com/atom/ns#' term='apps'/><title type='text'>10 Best Wedding Apps for iPhone</title><content type='html'>&lt;a href="http://www.iphoneness.com/iphone-apps/8-best-wedding-apps-for-iphone/"&gt;http://www.iphoneness.com/iphone-apps/8-best-wedding-apps-for-iphone/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Verdana, sans-serif; font-size: 12px;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Wedding apps are quite popular on iTunes. If you have been involved in a wedding, you are probably familiar with all the hard work that you have to put forth to get through one without any major problems. There is a whole lot of planning and organization that you will need to do to throw a dream wedding event. Thanks to the talented community of iPhone developers, you have access to various wedding applications that can help you get more things done and manage your event like a pro.&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;These 10 wedding apps for iPhone can make life easier for those preparing for the big event:&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;img alt="140" class="alignnone size-full wp-image-1205" height="173" src="http://www.iphoneness.com/wp-content/uploads/2009/05/140.gif" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="140" width="209" /&gt;&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;a href="http://www.iphoneness.com/iwedding" rel="nofollow" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank"&gt;iWedding&lt;/a&gt;: plan every little detail about your wedding with iWedding. Track what you need to do to throw a dream wedding event. Manage your guest lists and wedding activities like a pro.&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;img alt="" height="313" src="http://www.iphoneness.com/wp-content/uploads/2009/05/13.jpg" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="209" /&gt;&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;a href="http://www.iphoneness.com/weddingbridalbinder" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank"&gt;Wedding Bridal Binder&lt;/a&gt;: a powerful wedding planner that helps you stay on top of things, take notes, select vendors, stay on budget and much more.&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;img alt="141" class="alignnone size-full wp-image-1206" height="173" src="http://www.iphoneness.com/wp-content/uploads/2009/05/141.gif" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="141" width="209" /&gt;&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;a href="http://www.iphoneness.com/iphone-apps/8-best-wedding-apps-for-iphone/?/myweddingapp" rel="nofollow" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank"&gt;My Wedding&lt;/a&gt;: manage every aspect of your wedding event to make sure nothing gets neglected.&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;img alt="" class="alignnone size-full wp-image-5273" height="300" src="http://www.iphoneness.com/wp-content/uploads/2009/05/11.jpg" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="209" /&gt;&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;a href="http://www.iphoneness.com/weddingdresslook" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank"&gt;Wedding Dress Look Book&lt;/a&gt;: designed for those of you who are looking for that perfect dress for your wedding day. It is free and can give you some ideas.&lt;span id="more-1204" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;img alt="142" class="alignnone size-full wp-image-1207" height="173" src="http://www.iphoneness.com/wp-content/uploads/2009/05/142.gif" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="142" width="209" /&gt;&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;a href="http://www.iphoneness.com/organizer" rel="nofollow" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank"&gt;Organizer&lt;/a&gt;: a cool task management tool for iPhone that enables you to stay on track and become more organized.&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;img alt="144" class="alignnone size-full wp-image-1209" height="173" src="http://www.iphoneness.com/wp-content/uploads/2009/05/144.gif" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="144" width="209" /&gt;&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;a href="http://click.linksynergy.com/fs-bin/stat?id=Z5pPfNsy5Tg&amp;amp;offerid=146261&amp;amp;type=3&amp;amp;subid=0&amp;amp;tmpid=1826&amp;amp;RD_PARM1=http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=312350714&amp;amp;mt=8" rel="nofollow" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank"&gt;Wedding Date&lt;/a&gt;: keeps track of your wedding date and reminds you of your anniversaries. So you won’t miss any of your precious memories.&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;img alt="145" class="alignnone size-full wp-image-1210" height="173" src="http://www.iphoneness.com/wp-content/uploads/2009/05/145.gif" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="145" width="209" /&gt;&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;a href="http://click.linksynergy.com/fs-bin/stat?id=Z5pPfNsy5Tg&amp;amp;offerid=146261&amp;amp;type=3&amp;amp;subid=0&amp;amp;tmpid=1826&amp;amp;RD_PARM1=http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=290916994&amp;amp;mt=8" rel="nofollow" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank"&gt;Wedding Day&lt;/a&gt;: your wedding day is one of the most important events of your life. You can track how many days have passed you by from that date with Wedding Day.&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;img alt="146" class="alignnone size-full wp-image-1211" height="173" src="http://www.iphoneness.com/wp-content/uploads/2009/05/146.gif" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="146" width="209" /&gt;&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;a href="http://click.linksynergy.com/fs-bin/stat?id=Z5pPfNsy5Tg&amp;amp;offerid=146261&amp;amp;type=3&amp;amp;subid=0&amp;amp;tmpid=1826&amp;amp;RD_PARM1=http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=301995951&amp;amp;mt=8" rel="nofollow" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank"&gt;iBridal Gown&lt;/a&gt;&lt;strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;:&lt;/strong&gt;&amp;nbsp;as the name suggests, Wedding dress allows you to find a decent dress for your wedding like a pro. Cool little app.&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;img alt="" class="alignnone size-full wp-image-5276" height="312" src="http://www.iphoneness.com/wp-content/uploads/2009/05/14.jpg" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="208" /&gt;&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;a href="http://www.iphoneness.com/smartstudio" rel="nofollow" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;SmartStudio&lt;/a&gt;: a powerful app for photographers and anyone given the task to take and prepare pictures for a wedding. It may be an overkill for a single wedding but it has a lot of merits.&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;img alt="" class="alignnone size-full wp-image-5277" height="301" src="http://www.iphoneness.com/wp-content/uploads/2009/05/15.jpg" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="209" /&gt;&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;a href="http://www.iphoneness.com/weddingscan" rel="nofollow" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;WeddingScan&lt;/a&gt;: a powerful wedding registry application for couples to register all kinds of stores at stores and have them uploaded to their online account.&lt;/div&gt;&lt;div style="font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Your take&lt;/strong&gt;: what’s your favorite wedding application on iPhone?&lt;/div&gt;Source:&amp;nbsp;&lt;a href="http://www.iphoneness.com/iphone-apps/8-best-wedding-apps-for-iphone/"&gt;http://www.iphoneness.com/iphone-apps/8-best-wedding-apps-for-iphone/&lt;/a&gt;&lt;div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;同場加映&lt;/div&gt;&lt;div style="margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/div&gt;&lt;ol&gt;&lt;li style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 1.5;"&gt;http://www.iweddingdeluxe.com/ &amp;nbsp;iWedding: Wedding Planner&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Verdana, sans-serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 14px; line-height: 21px;"&gt;http://www.ibride.me/iphone/ iBride: wedding planner&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Verdana, sans-serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 14px; line-height: 21px;"&gt;http://www.ourweddingnote.com/ 婚禮紀錄&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Verdana, sans-serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 14px; line-height: 21px;"&gt;http://itunes.apple.com/us/app/wedding-sherpa/id409101971:&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size: 12px; line-height: 18px;"&gt;To Do list, Countdown, Guest List, Tips, Advice, Notes, find suppliers.&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size: 12px; line-height: 18px;"&gt;Facebook integration and your phone contacts makes Guest List management&amp;nbsp;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Verdana, sans-serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 14px; line-height: 21px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;br /&gt;&lt;div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 1.5; margin-bottom: 21px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7588254221857102733?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7588254221857102733/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7588254221857102733&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7588254221857102733'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7588254221857102733'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2011/07/10-best-wedding-apps-for-iphone.html' title='10 Best Wedding Apps for iPhone'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-1460938794565136484</id><published>2011-05-25T00:28:00.000-07:00</published><updated>2011-05-25T00:28:16.268-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Android'/><title type='text'>Google釋出App開發工具App Inventor</title><content type='html'>App Inventor對Android市場是個靈藥還是毒藥？&lt;br /&gt;&lt;a href="http://www.inside.com.tw/2010/07/13/app-inventor-a-good-effect-or-not"&gt;http://www.inside.com.tw/2010/07/13/app-inventor-a-good-effect-or-not&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;App Inventor初探&lt;br /&gt;&lt;a href="http://www.inside.com.tw/2010/07/24/app-inventor-first-play"&gt;http://www.inside.com.tw/2010/07/24/app-inventor-first-play&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-1460938794565136484?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/1460938794565136484/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=1460938794565136484&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1460938794565136484'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1460938794565136484'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2011/05/googleappapp-inventor.html' title='Google釋出App開發工具App Inventor'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-4781275154518307222</id><published>2011-04-04T21:49:00.001-07:00</published><updated>2011-04-04T21:49:05.063-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='PHPList'/><title type='text'>將Phplist整合到網站</title><content type='html'>&lt;a href="http://www.nep-hk.com/drupal/node/44"&gt;http://www.nep-hk.com/drupal/node/44&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-4781275154518307222?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/4781275154518307222/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=4781275154518307222&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4781275154518307222'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4781275154518307222'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2011/04/phplist.html' title='將Phplist整合到網站'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7904374778904503455</id><published>2011-03-29T02:18:00.000-07:00</published><updated>2011-03-29T02:27:45.994-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='facebook'/><category scheme='http://www.blogger.com/atom/ns#' term='fbml'/><title type='text'>Facebook PAGE專用語言 FBML+FBJS</title><content type='html'>FB的客製頁面就是FBML App&lt;br /&gt;裡面用到的語法為 FBML(Html on FB)及FBJS(Javascript on FB)&lt;br /&gt;&lt;br /&gt;相關資訊如下：&lt;br /&gt;&lt;a href="http://developers.facebook.com/docs/reference/fbml/"&gt;http://developers.facebook.com/docs/reference/fbml/&lt;/a&gt;&lt;br /&gt;&lt;a href="http://developers.facebook.com/docs/fbjs/"&gt;http://developers.facebook.com/docs/fbjs/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;不支援iframe在粉絲頁的tab&lt;br /&gt;若要嵌入video：用fb:flv 或 fb:swf&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;PS. 官方將逐漸不支援FBML&lt;br /&gt;&lt;div class="refindex"&gt;&lt;div class="page" style="line-height: 18px; margin-bottom: 10px;"&gt;&lt;div class="snippet"&gt;&lt;div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"&gt;&lt;code style="color: #006000; font-family: monospace; font-size: 14px;"&gt;&lt;/code&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7904374778904503455?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7904374778904503455/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7904374778904503455&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7904374778904503455'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7904374778904503455'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2011/03/facebook-page-fbmlfbjs.html' title='Facebook PAGE專用語言 FBML+FBJS'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-3078779643371283438</id><published>2011-03-22T23:01:00.000-07:00</published><updated>2011-03-23T00:03:47.351-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='apps'/><category scheme='http://www.blogger.com/atom/ns#' term='iphone'/><title type='text'>iPhone App產生器 iPhone App Creator</title><content type='html'>&lt;span class="Apple-style-span" style="font-size: large;"&gt;免費的AppCreator&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;createfreeiphoneapps&lt;br /&gt;&lt;a href="http://www.createfreeiphoneapps.com/"&gt;http://www.createfreeiphoneapps.com/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;myappcreator&lt;br /&gt;&lt;a href="http://www.myappcreator.com/"&gt;http://www.myappcreator.com/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;appmakr&lt;br /&gt;&lt;a href="http://www.appmakr.com/"&gt;http://www.appmakr.com/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;Appincubator：想法代工，未來分利潤的25%給你&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;a href="http://www.medlmobile.com/appincubator"&gt;http://www.medlmobile.com/appincubator&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="font-size: x-large;"&gt;付費的服務&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;彈性較大的AppCreator&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Swebapps：固定一次性費用+ monthly fee&lt;br /&gt;&lt;a href="http://www.swebapps.com/iphone-app-development.php"&gt;http://www.swebapps.com/iphone-app-development.php&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;AppBreeder：提供餐廳、活動、房地產、商業顧問、品牌等類型的App套件讓你localize，建立App免費，收monthly fee&lt;br /&gt;&lt;a href="http://www.appbreeder.com/"&gt;http://www.appbreeder.com/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;MobileAppLoader：提供各行各業的套版，Setupfee很高&lt;br /&gt;&lt;a href="http://mobileapploader.com/myapp/Default.aspx"&gt;http://mobileapploader.com/myapp/Default.aspx&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;GameSalad：開發小遊戲的App&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;a href="http://gamesalad.com/"&gt;http://gamesalad.com/&lt;/a&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;++++&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;單純用途的App Creator&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;Kanchoo：製作新聞類型的App&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;a href="http://www.kanchoo.com/"&gt;http://www.kanchoo.com/&lt;/a&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;TapLynx：提供App編輯工具，收工具的錢&lt;br /&gt;&lt;a href="http://www.taplynx.com/"&gt;http://www.taplynx.com/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;MyAppBuilder：Build book, video, audio App，收 monthly fee&lt;br /&gt;&lt;a href="http://myappbuilder.com/"&gt;http://myappbuilder.com/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;BuildAnApp：&lt;br /&gt;&lt;a href="http://www.buildanapp.com/"&gt;http://www.buildanapp.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;EbookApp：開發電子書App&lt;br /&gt;&lt;a href="http://ebookapp.com/"&gt;http://ebookapp.com/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;++++&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;單一目的的App Maker:&lt;/span&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;MobileStoreMaker：展示產品&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;a href="http://mobilestoremaker.com/bb/"&gt;http://mobilestoremaker.com/bb/&lt;/a&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;MobileROADIE：為樂團設計的App&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;a href="http://www.mobileroadie.com/"&gt;http://www.mobileroadie.com/&lt;/a&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;MobBase：同樣是為樂團設計的App&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;a href="http://www.mobbase.com/"&gt;http://www.mobbase.com/&lt;/a&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;++++&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;要寫code的Framework&lt;/span&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;PhoneGap：用html和java開發&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;a href="http://www.phonegap.com/"&gt;http://www.phonegap.com/&lt;/a&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;Rhmobile：用html和ruby開發&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;a href="http://rhomobile.com/"&gt;http://rhomobile.com/&lt;/a&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;AppCelerator(titanium)：用html, Javascript, CSS, Python, Ruby, PHP&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;a href="http://www.appcelerator.com/"&gt;http://www.appcelerator.com/&lt;/a&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;br /&gt;&lt;br /&gt;參考：&lt;br /&gt;&lt;br /&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;13 Tools for Building Your Own iPhone App&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;a href="http://www.readwriteweb.com/archives/13_tools_for_building_your_own_iphone_app.php"&gt;http://www.readwriteweb.com/archives/13_tools_for_building_your_own_iphone_app.php&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-3078779643371283438?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/3078779643371283438/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=3078779643371283438&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/3078779643371283438'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/3078779643371283438'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2011/03/iphone-app-iphone-app-creator.html' title='iPhone App產生器 iPhone App Creator'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-1054018738336611711</id><published>2011-03-21T23:43:00.000-07:00</published><updated>2011-03-21T23:48:03.263-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='SEO'/><title type='text'>SEO checklist 與原理解釋</title><content type='html'>轉自Xdite &amp;nbsp;http://blog.xdite.net/?p=2036&lt;br /&gt;&lt;br /&gt;++++&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="color: #333333; font-family: 'Trebuchet MS', Verdana, Georgia, Arial, sans-serif; font-size: 13px; line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;寫完昨日簡易 SEO tips 後相當手癢，雖然內容篇還沒結束，但想先來寫寫 SEO 的技術篇。其實 tuning 一個 websites 多半還是要靠「直覺」，但是技術功底紮實和觀念正確，真的會讓你 tuning 時事半功倍。想做好 SEO，細節其實要注意相當多地方。我會將之歸納成一章 checklist 方便使用外加原理解釋。&lt;/div&gt;&lt;div style="color: #333333; font-family: 'Trebuchet MS', Verdana, Georgia, Arial, sans-serif; font-size: 13px; line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;不過背後原理若我在別的文章中解釋過了，原諒我的懶惰，我會直接給出舊文連結。&lt;/div&gt;&lt;div style="color: #333333; font-family: 'Trebuchet MS', Verdana, Georgia, Arial, sans-serif; font-size: 13px; line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;做好 SEO 分為幾要幾不要：&lt;/div&gt;&lt;div style="color: #333333; font-family: 'Trebuchet MS', Verdana, Georgia, Arial, sans-serif; font-size: 13px; line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;要：&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: url(http://blog.xdite.net/wp-content/themes/origin/img/blockquote.png); background-origin: initial; background-position: 0% 100%; background-repeat: no-repeat no-repeat; color: #333333; font-family: 'Trebuchet MS', Verdana, Georgia, Arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 0.07em; margin-left: 0.07em; margin-right: 0.07em; margin-top: 0.07em; padding-bottom: 40px; padding-left: 5px; padding-right: 5px; padding-top: 5px;"&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;1.&amp;nbsp;&lt;strong&gt;網站使用 valid html 撰寫，最好過 w3c validator&lt;/strong&gt;&lt;br /&gt;原理：這是一定要的，原因如&amp;nbsp;&lt;a href="http://blog.xdite.net/?p=2018" style="color: #7a7636; text-decoration: none;"&gt;part3&lt;/a&gt;。&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;2.&amp;nbsp;&lt;strong&gt;使用正確的 html 標記描述內容與網站的元素。該用 h1,h2, strong, p 的請不要客氣&lt;/strong&gt;&lt;br /&gt;原理：這是一定要的，原因如&amp;nbsp;&lt;a href="http://blog.xdite.net/?p=2018" style="color: #7a7636; text-decoration: none;"&gt;part3&lt;/a&gt;。&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;3.&lt;strong&gt;&amp;nbsp;網頁敘述要含關鍵內容。關鍵字越前面越好。&lt;/strong&gt;（但並非 abuse）&lt;br /&gt;原理：可觀察 Google 的 SERP （Search Engine Result Page）&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;4.&lt;strong&gt;&amp;nbsp;網頁 title 要含關鍵字。關鍵字越前面越好。&lt;/strong&gt;（但並非 abuse）&lt;br /&gt;原理：可觀察 Google 的 SERP （Search Engine Result Page）&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;5.&amp;nbsp;&lt;strong&gt;網址要含關鍵字。&lt;/strong&gt;WordPress 在這方面設計的相當好，只要你把選項打開就行了。至於其他的內容網站，你可以考慮在背景使用 Google Translate 將網址標題轉成英文然後 append 在網址上。&lt;br /&gt;原理：可觀察 Google 的 SERP （Search Engine Result Page）&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong&gt;其中權重 5 &amp;gt; 4 &amp;gt; 3&lt;/strong&gt;&amp;nbsp;。&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;6. 因為 3,4,5 的關係，&lt;strong&gt;生產內容時必須遵守 SEO 原則，程式設計上也必須做出搭配&lt;/strong&gt;。請看&amp;nbsp;&lt;a href="http://blog.xdite.net/?p=2018" style="color: #7a7636; text-decoration: none;"&gt;part3&lt;/a&gt;。&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;7.&amp;nbsp;&lt;strong&gt;圖片內容，請加 alt 描述這張圖片&lt;/strong&gt;。但 alt 字數也別太誇張，否則會视為 cheating。如果這是選單或 banner，請用 ul, li 和 h1,h2 寫，再用 CSS 技巧換掉。別來個 img + a 做 banner 的設計，img 權重遠低於 h1。&lt;br /&gt;原理：&amp;nbsp;&lt;a href="http://blog.xdite.net/?p=2018" style="color: #7a7636; text-decoration: none;"&gt;part3&lt;/a&gt;。&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;8.&lt;strong&gt;&amp;nbsp;把內容放在 Search Engine highly friendly 的平台&lt;/strong&gt;，如果是你想在 Yahoo 取得高排名，請放 Wretch，如果你想在 Google 取得高排名，請放 Blogger.com。如果你是自己 hosting，請檢視你的平台是否有做到 checklist 上的要求。&lt;br /&gt;原理： 搜尋引擎偏好自家產品，結果會出現在比較前面&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;9.&amp;nbsp;&lt;strong&gt;為網站生成符合標準的 sitemap.xml。並主動將結果送至 Google、Yahoo、Bing 等等&lt;/strong&gt;。&lt;br /&gt;原理：搜尋引擎仰賴自己設計的爬蟲去抓取內容，他們的 index 路徑是遵循著網站上的內部連結以及外部連結，至於沒有被連結到網頁，自然就不會被收錄。他們沒有通靈能力，自然不知道你有產出這樣的內容。你必須主動告知他們。另外，sitemap 可以標記內容在該站的權重以及內容更新時間。有效提供 Search Engine 運算依據。這一點非常重要，根據我曾經做過的實驗，某搜尋引擎有送 sitemap 跟沒送，排名結果差非常非常多。&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;10.&amp;nbsp;&lt;strong&gt;在高 PR 的網站為自己的網站帶來 inbound link&lt;/strong&gt;。&lt;br /&gt;原理：眾所諸知，Google 的演算法是 Page Rank 演算法。PR 演算法簡單的想法是：如果一個網站，越多網站甚至是超級大站都連結這個網站，那麼它必定是重要的。但切記千萬別 abuse。&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;11.&amp;nbsp;&lt;strong&gt;提昇網站效能，開啟速度要快&lt;/strong&gt;。&lt;br /&gt;原理：網站速度，也是搜尋引擎排名的考慮因素之一。&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;12.&amp;nbsp;&lt;strong&gt;使用 Google Webmaster Tool 檢視你的網站 SEO 成效&lt;/strong&gt;。&lt;br /&gt;原理：它真的很好用….&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333; font-family: 'Trebuchet MS', Verdana, Georgia, Arial, sans-serif; font-size: 13px; line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;不要：&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: url(http://blog.xdite.net/wp-content/themes/origin/img/blockquote.png); background-origin: initial; background-position: 0% 100%; background-repeat: no-repeat no-repeat; color: #333333; font-family: 'Trebuchet MS', Verdana, Georgia, Arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 0.07em; margin-left: 0.07em; margin-right: 0.07em; margin-top: 0.07em; padding-bottom: 40px; padding-left: 5px; padding-right: 5px; padding-top: 5px;"&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;1. 千萬&lt;strong&gt;不要濫用以上原則，搜尋引擎不是笨蛋，不會不知道你想作弊&lt;/strong&gt;。適度的標記關鍵內容就能使你的排名大幅提昇。但是濫用會造成你被下架。&lt;br /&gt;原理：常識。&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;2.&lt;strong&gt;&amp;nbsp;不要把主要內容放在 image/ js / flash/ iframe 內&lt;/strong&gt;。&lt;br /&gt;原理： bot 只吃該頁的 html，image / js/flash/iframe 對他們來說只是一行外部網址。它們不會知道這是內容&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;3.&amp;nbsp;&lt;strong&gt;不要在 a 裡面加 onclick / onmouseover 類似的屬性&lt;/strong&gt;。&lt;br /&gt;原理：這多半指稱這是 js link，搜尋引擎會跳過這個 a 內的內容。如果你要上計算人氣等功能，請用 Unobtrusive Javascript 技巧實作。如果你只是想要做 css hover 效果，那就更欠人罵了，可以用 CSS 寫的東西為何要放上 a 去破壞 SEO 效果。&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;4.&amp;nbsp;&lt;strong&gt;連結不要濫用 302 redirect&lt;/strong&gt;。&lt;br /&gt;原理：http response 的 301, 302 是有意義的。301 指的是永久性重導向，302 指的是暫時性重導向，但 RD 寫 code 往往沒有深究其意義。我曾經見過人氣系統用 302 設計先轉去人氣系統再跳回來。Epic Fail。302 對搜尋引擎來說是「完全不值得收錄」的內容，因為他是「暫時性網址」。如果網站全站都掛 302 連結，那……沒有搜尋引擎想要收錄超正常。&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;5.&amp;nbsp;&lt;strong&gt;標籤不要亂包&lt;/strong&gt;。我曾經看過一行 html 是這樣寫的 &lt;br /&gt;&lt;h1&gt;&lt;span class="Apple-style-span" style="font-size: 13px; font-weight: normal;"&gt;&amp;nbsp;&amp;lt; h1 &amp;gt;&amp;lt; a href="xxx" &amp;gt; abc &amp;lt; /a &amp;gt;&amp;lt; img src="def" &amp;gt;&amp;lt; /img &amp;gt; &amp;lt; / h1&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/h1&gt;&lt;/div&gt;。搜尋引擎不知道重要的是 abc 還是沒有 alt 的 def。最後是連 abc 都被視為不重要內容。&lt;br /&gt;原理：你讓搜尋引擎精神錯亂。&lt;br /&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;6.&amp;nbsp;&lt;strong&gt;每一頁的 title 與 meta description 不要重複&lt;/strong&gt;&lt;br /&gt;原理：搜尋引擎很大的權重採用 title 與 meta description。如果一個網站 50 頁 + 的 title 和 meta description 都一樣。搜尋引擎不會知道哪一頁是真正的入口點，真正重要的內容。下場就是全部都不收錄！！！&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;7.&amp;nbsp;&lt;strong&gt;meta keywords 不重要&lt;/strong&gt;&lt;br /&gt;原理：Google 不採用。Yahoo 採用。但權重不大。因為 meta keywords 曾經被大家濫用 …但如果你拿 meta keywords 來做 correct 字義的功能，是不錯的。&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;8.&amp;nbsp;&lt;strong&gt;不要用 Word 生內容和做網頁&lt;/strong&gt;&lt;br /&gt;原理：&amp;nbsp;&lt;a href="http://blog.xdite.net/?p=2018" style="color: #7a7636; text-decoration: none;"&gt;part3&lt;/a&gt;&amp;nbsp;Word 只會生一堆垃圾 html code 出來而已。&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;9.&amp;nbsp;&lt;strong&gt;不要用 PSD 自動轉 html 做版面&lt;/strong&gt;&lt;br /&gt;原理：拜託不要惡搞啊……這種 html 根本不能用&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;10. 檢查你的&amp;nbsp;&lt;strong&gt;robots.txt ，不要上線以後上面還是放了 disallow *&amp;nbsp;&lt;/strong&gt;，再疑惑為什麼搜尋引擎沒有收錄&lt;br /&gt;原理：廢話，你就叫搜尋引擎不要抓啊。最好這樣上面還會收錄你的內容。&lt;/div&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;11.&lt;strong&gt;&amp;nbsp;不要故意亂塞關鍵字，再用 css 技巧做 display :none&lt;/strong&gt;&lt;br /&gt;原理：搜尋引擎不是白痴。你這樣做的話會被視為作弊，列入黑名單。&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333; font-family: 'Trebuchet MS', Verdana, Georgia, Arial, sans-serif; font-size: 13px; line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;以上就是非常基礎的白帽 SEO 手法與 checklist。其實白帽 SEO 一點都不難，你要做的其實只有：&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: url(http://blog.xdite.net/wp-content/themes/origin/img/blockquote.png); background-origin: initial; background-position: 0% 100%; background-repeat: no-repeat no-repeat; color: #333333; font-family: 'Trebuchet MS', Verdana, Georgia, Arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 0.07em; margin-left: 0.07em; margin-right: 0.07em; margin-top: 0.07em; padding-bottom: 40px; padding-left: 5px; padding-right: 5px; padding-top: 5px;"&gt;&lt;div style="line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;(1) 了解 HTML tag 的語義，使用正確標籤標記你的內容&lt;br /&gt;(2) 了解搜尋引擎運作的基本原理，不要造成 bot 無法抓取與解讀&lt;br /&gt;(3) 觀察 SERP，了解各家搜尋引擎的偏好&lt;br /&gt;(4) 多做實驗，證實你觀察的假設行為&lt;br /&gt;(5) 別幹蠢事，別 abuse 這些基本技巧&lt;br /&gt;(6) 把這些基本原則常駐心中，上線前跑完一輪 check&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333; font-family: 'Trebuchet MS', Verdana, Georgia, Arial, sans-serif; font-size: 13px; line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;如此一來，保證你的 content site PV 和 SERP result 排名絕對每天蒸蒸日上。&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-1054018738336611711?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/1054018738336611711/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=1054018738336611711&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1054018738336611711'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1054018738336611711'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2011/03/seo-checklist.html' title='SEO checklist 與原理解釋'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-2842907775373492945</id><published>2011-03-21T10:27:00.000-07:00</published><updated>2011-03-21T21:00:10.551-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='apps'/><category scheme='http://www.blogger.com/atom/ns#' term='iphone'/><title type='text'>iPhone開發</title><content type='html'>iPhone開發者專區&lt;br /&gt;&lt;a href="http://developer.apple.com/devcenter/ios/index.action"&gt;http://developer.apple.com/devcenter/ios/index.action&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Stanford教學&lt;br /&gt;&lt;a href="http://www.stanford.edu/class/cs193p/cgi-bin/drupal/downloads-2010-winter"&gt;http://www.stanford.edu/class/cs193p/cgi-bin/drupal/downloads-2010-winter&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Object-C&lt;br /&gt;&lt;a href="http://ipdevelop.blogspot.com/2009/05/objective-c-20.html"&gt;http://ipdevelop.blogspot.com/2009/05/objective-c-20.html&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;iPhone 軟體開發筆記&lt;br /&gt;&lt;a href="http://ipdevelop.blogspot.com/"&gt;http://ipdevelop.blogspot.com/&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-2842907775373492945?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/2842907775373492945/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=2842907775373492945&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2842907775373492945'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2842907775373492945'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2011/03/iphone.html' title='iPhone開發'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7315723447419689653</id><published>2011-03-20T22:35:00.000-07:00</published><updated>2011-03-21T21:00:31.088-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='apps'/><category scheme='http://www.blogger.com/atom/ns#' term='Android'/><category scheme='http://www.blogger.com/atom/ns#' term='iphone'/><title type='text'>Apps 跨平台策略</title><content type='html'>&lt;a href="http://www.inside.com.tw/2011/03/14/smarter-choice-app-developer"&gt;http://www.inside.com.tw/2011/03/14/smarter-choice-app-developer&lt;/a&gt;&lt;br /&gt;作者支持用html5+css+javascript&lt;br /&gt;但是反對者認為原生app的使用者體驗較好&lt;br /&gt;另外有人建議使用用web技術寫原生app的mobile framework，諸如 Titanium 跟PhoneGap等&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7315723447419689653?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7315723447419689653/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7315723447419689653&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7315723447419689653'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7315723447419689653'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2011/03/apps.html' title='Apps 跨平台策略'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-2540429556809461993</id><published>2011-03-18T03:44:00.000-07:00</published><updated>2011-03-18T03:44:43.013-07:00</updated><title type='text'>Quickly Build Social Network Service Via Web-serviced KickApps</title><content type='html'>各類Social Networking組件都可以透過 &lt;a href="http://www.kickapps.com/"&gt;KickApps&lt;/a&gt;取得&lt;br /&gt;提供API呼叫進行存取，資料存在kickApps&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;http://www.kickapps.com/our-platform/pricing/&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-2540429556809461993?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/2540429556809461993/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=2540429556809461993&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2540429556809461993'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2540429556809461993'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2011/03/quickly-build-social-network-service.html' title='Quickly Build Social Network Service Via Web-serviced KickApps'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-1729741312186303270</id><published>2011-03-18T02:48:00.000-07:00</published><updated>2011-03-20T22:51:18.802-07:00</updated><title type='text'>網頁規劃設計工具Balsamiq Mockups</title><content type='html'>超好用的網頁規劃工具&lt;br /&gt;以後和工程師溝通更方便了&lt;br /&gt;線上是免費的唷！&lt;br /&gt;&lt;br /&gt;&lt;a href="http://fun.idv.tw/fun/2010/01/balsamiq_mockups.html"&gt;http://fun.idv.tw/fun/2010/01/balsamiq_mockups.html&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;線上流程圖：Cacoo&lt;br /&gt;http://fun.idv.tw/fun/2010/04/cacoo.html&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-1729741312186303270?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/1729741312186303270/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=1729741312186303270&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1729741312186303270'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1729741312186303270'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2011/03/balsamiq-mockups.html' title='網頁規劃設計工具Balsamiq Mockups'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-3039484782631037842</id><published>2011-02-10T06:40:00.001-08:00</published><updated>2011-02-10T06:40:29.160-08:00</updated><title type='text'>Google 群发邮件发件人指南</title><content type='html'>我们收到了来自群发邮件发件人的询问，他们希望更详细地了解能确保邮件递送至 Gmail 用户的最佳做法。Gmail  对垃圾邮件进行分类的方式在很大程度上取决于用户的举报内容。Gmail  用户可以随时将任何邮件标记为垃圾邮件，也可以随时取消其标记。要提高收件箱的邮件递送率，请确保通讯组列表中的所有收件人都确实愿意接收您的邮件。请查 看以下主题获取一些技巧，了解如何确保您的邮件能够受到 Gmail 用户的欢迎。&lt;br /&gt;&lt;a href="https://mail.google.com/support/bin/answer.py?answer=81126#authentication"&gt;身份验证和标识&lt;/a&gt;&lt;br /&gt;&lt;a href="https://mail.google.com/support/bin/answer.py?answer=81126#sub"&gt;订阅&lt;/a&gt; &lt;br /&gt;&lt;a href="https://mail.google.com/support/bin/answer.py?answer=81126#unsub"&gt;取消订阅&lt;/a&gt;&lt;br /&gt;&lt;a href="https://mail.google.com/support/bin/answer.py?answer=81126#format"&gt;格式&lt;/a&gt; &lt;br /&gt;&lt;a href="https://mail.google.com/support/bin/answer.py?answer=81126#delivery"&gt;递送&lt;/a&gt; &lt;br /&gt;&lt;a href="https://mail.google.com/support/bin/answer.py?answer=81126#thirdparty"&gt;第三方发件人&lt;/a&gt; &lt;br /&gt;&lt;a href="https://mail.google.com/support/bin/answer.py?answer=81126#affiliates"&gt;关联企业营销计划&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-3039484782631037842?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/3039484782631037842/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=3039484782631037842&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/3039484782631037842'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/3039484782631037842'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2011/02/google.html' title='Google 群发邮件发件人指南'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-2143945129203842816</id><published>2011-01-24T09:11:00.001-08:00</published><updated>2011-01-24T09:21:57.512-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Object C'/><title type='text'>Object C教學</title><content type='html'>&lt;a href="http://www.otierney.net/objective-c.html.zh-tw.big5"&gt;http://www.otierney.net/objective-c.html.zh-tw.big5&lt;/a&gt;&lt;br /&gt;&lt;a href="http://zh.wikipedia.org/zh-tw/Objective-C"&gt;http://zh.wikipedia.org/zh-tw/Objective-C&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-2143945129203842816?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/2143945129203842816/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=2143945129203842816&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2143945129203842816'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2143945129203842816'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2011/01/object-c.html' title='Object C教學'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7716093442578518998</id><published>2010-09-25T11:22:00.001-07:00</published><updated>2010-09-25T11:22:58.725-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='url rewrite'/><title type='text'>URL Rewrite 網址重寫 優化</title><content type='html'>URL重写优化&lt;br /&gt;&lt;br /&gt;1).URL标准化是什么意思？&lt;br /&gt;URL标准化，英文：url canonicalization来自matt  cutts的博客文章：SEO advice: url canonicalization 中文翻译：SEO的建议：URL标准化  “URL标准化”是一个动名词，不好直接解释，我把它反过来一下：&lt;br /&gt;&lt;br /&gt;什么是一个标准化的URL？&lt;a name="entrymore"&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;很多情况下，我们认为以下这几个链接都指向同一个页面（首页）：&lt;br /&gt;&lt;br /&gt;www.example.com&lt;br /&gt;example.com/&lt;br /&gt;www.example.com/index.html&lt;br /&gt;example.com/index.php&lt;br /&gt;但 是从URL发送请求并返回网页内容的过程来看，这些URL都是互不相同的。对于上述URLs，Web服务器完全可以返回完全不同的内容。当这些URL所对 应的内容都一样时（一般情况下都一样的），谷歌需要从上述URLs中选一个具有代表性的，而忽略其余的。那么这个被谷歌选择了的URL，就是一个标准化的 URL。谷歌选择的这个过程称为“标准化”。&lt;br /&gt;&lt;br /&gt;谷歌是怎么URL标准化的？&lt;br /&gt;&lt;br /&gt;一般情况下，谷歌根据被外链的数量来判断。采用多的，则是标准化URL。&lt;br /&gt;&lt;br /&gt;我想告诉谷歌我想要的标准化URL，怎么办？&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.laohucheng.com/post/215/" target="_blank"&gt;采用301重定向进行URL标准化&lt;/a&gt;。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;2).如何把动态链接静态化？&lt;br /&gt;这是SEO过程中最经常碰到的问题，也是必须解决的问题。因为搜索引擎喜欢静态页面。从Web服务器的角度，这个问题转变为：如何将静态化的文件名称转化成参数。&lt;br /&gt;&lt;br /&gt;需要两步来处理：&lt;br /&gt;&lt;br /&gt;1、把网页上带链接的地方，都换上新的静态化链接。搜索引擎和浏览器将通过该链接来发生请求。（有些人做修改不是在网页上，而是进行动态链接向静态链接的转向，这是严重错误的）&lt;br /&gt;&lt;br /&gt;2、在httpd.conf或.htaccess中使用RewriteRule：&lt;br /&gt;&lt;br /&gt;RewriteRule "^/dir/ ([^./]*) \.html" "/dir/script.cgi?doc=$1"  [PT]&lt;br /&gt;&lt;br /&gt;[PT]标记告诉Apache执行后续的所有操作。&lt;br /&gt;&lt;br /&gt;通过这个功能，使动态页面以静态链接的形式展示给搜索引擎，从而达到URL优化的目的。如SEO十万个为什么整站都是通过该方式实现。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;3).改版时，如何保留原链接，创建新的URL？&lt;br /&gt;具体操作办法（仅适用于apache网络服务器）：&lt;br /&gt;&lt;br /&gt;文件位置：apache-&gt;conf-&gt;httpd.conf&lt;br /&gt;&lt;br /&gt;请在httpd.conf中使用Alias指令：&lt;br /&gt;&lt;br /&gt;Alias /newurl /www/htdocs/oldurl&lt;br /&gt;&lt;br /&gt;如：用户访问新的地址example.com/newurl/id34.html 服务器将提供的内容原地址是example.com/www/htdocs/oldurl/id34.html。&lt;br /&gt;&lt;br /&gt;注 意：Alias只会改变本地URL，如laohucheng.com/newurl/id34.html 的/newurl/id34.html  部分，而无法改变URL的主机名称部分（如：http://www.laohucheng.com/部分）。若要更改URL的主机名称部分，请使用 Redirect或RewriteRule指令。&lt;br /&gt;&lt;br /&gt;菜鸟指南：本功能的Alias指令在 httpd.conf中是这一句： #Alias /webpath /full/filesystem/path 去掉前面的#，并做下相应的修改即可。&lt;br /&gt;&lt;br /&gt;SEO过程中一般在这些情况下需要用到该功能：&lt;br /&gt;&lt;br /&gt;1、当文件移动或文件目录名称发现改变，出于SEO需要，你需要保持旧的URL；&lt;br /&gt;&lt;br /&gt;2、网站改版了，网站导航和链接发生变化，为了继续持有原链接带来的流量，你需要保持旧的URL；&lt;br /&gt;&lt;br /&gt;3、你希望不同的人用不同URL来链接同一个的内容。（SEO一般不建议这样做）&lt;br /&gt;&lt;br /&gt;等等。。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;4).如何替换请求URL中的文字&lt;br /&gt;以下解决方案，仅适用于Apache服务器。&lt;br /&gt;&lt;br /&gt;在.htaccess文件中添加以下语句：&lt;br /&gt;&lt;br /&gt;RewriteCond  %{REQUEST_URL}  "string1"&lt;br /&gt;&lt;br /&gt;RewriteRule  "(.*)"string1(.*)"  "$1string2$2"  [N,PT]&lt;br /&gt;&lt;br /&gt;例 如当客户端发出请求URL：example.com/string1/abcstring1.html，则转换为目标URL：example.com /string2/abcstring2.html。其中[N]标记告诉Apache重新执行重写规则，直到RewriteCond失效为止。只要请求 URL中包含需要替换的字符串，它就会一直重复地执行。当所有的string1都被替换完毕，则RewriteCond失效。本例子 中，RewriteCond执行了2次。[PT]告诉mod_rewrite把重写的URL传送到Apache来进行接下来的处理工作。&lt;br /&gt;&lt;br /&gt;我们都知道，关键字是否在URL中对于网站SEO至关重要。对于建站初期不注重SEO的站点，特别是大型站点，本功能真是雪中送炭。&lt;br /&gt;&lt;br /&gt;注意：使用本功能时，有时会把非目标字符也做了修改，假如例子中的“abcstring1”不是目标字符，但这个功能也会替换了它。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;5).如何将无效的URL重定向到其他页面？&lt;br /&gt;很多时候，我们考虑把无效的URL比如：用户拼错的URL、不存在的URL重定向到别的网页，例如网站的首页、404页面等。&lt;br /&gt;&lt;br /&gt;在httpd.conf或.htaccess文件中使用ErrorDocument来捕获404 （找不到文件）错误：&lt;br /&gt;&lt;br /&gt;            ErrorDocument 404 /index.html&lt;br /&gt;            DirectoryIndex index.html /path/to/notfound.html&lt;br /&gt;&lt;br /&gt;本功能会让所有的404错误——每次当某人请求无效的URL 时，都返回URL / index.html 提供的网站首页。&lt;br /&gt;&lt;br /&gt;这里需要注意两点：&lt;br /&gt;&lt;br /&gt;1、直接指向首页是否是合适的？或者让它指向到一个404页面会更好些？如果在404页面用javasctrip做一个跳转到首页，也是SEO允许的做法。&lt;br /&gt;&lt;br /&gt;2、即使返回有效的文件，仍然会将404 状态码返回给客户端和搜索引擎。这表示搜索引擎机器人来确认网站上的链接时，仍然会得到正确的结果（404状态码）。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7716093442578518998?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7716093442578518998/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7716093442578518998&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7716093442578518998'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7716093442578518998'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2010/09/url-rewrite.html' title='URL Rewrite 網址重寫 優化'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-4672677694358037139</id><published>2010-07-21T19:04:00.000-07:00</published><updated>2010-07-21T19:07:41.288-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='繁簡轉換'/><title type='text'>在 UTF8 編碼下的網頁簡繁互轉</title><content type='html'>Javascript前端的繁簡轉換，無需動到後端程式及資料庫&lt;br /&gt;&lt;br /&gt;http://blog.markplace.net/marks_place/10/2006/10/27/150&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-4672677694358037139?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/4672677694358037139/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=4672677694358037139&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4672677694358037139'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4672677694358037139'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2010/07/utf8.html' title='在 UTF8 編碼下的網頁簡繁互轉'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-4147403216496237953</id><published>2010-02-24T09:15:00.000-08:00</published><updated>2010-02-24T09:27:51.322-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='MySQL'/><category scheme='http://www.blogger.com/atom/ns#' term='資料庫優化'/><title type='text'>MySQL：Subquery vs. Join 效能何者為佳？</title><content type='html'>在網路上查了一些資料，似乎尚無定見&lt;br /&gt;&lt;br /&gt;但是：&lt;br /&gt;&lt;br /&gt;MySQL官方說：「A &lt;code class="literal"&gt;LEFT [OUTER] JOIN&lt;/code&gt; can be faster than an         equivalent subquery because the server might be able to optimize         it better — a fact that is not specific to MySQL Server         alone.」&lt;br /&gt;&lt;a href="http://dev.mysql.com/doc/refman/5.1/en/rewriting-subqueries.html"&gt;http://dev.mysql.com/doc/refman/5.1/en/rewriting-subqueries.html&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;但是有些文章說 subquery比join好？&lt;br /&gt;&lt;a href="http://qops.blogspot.com/2008/01/inner-join-sql.htm"&gt;http://qops.blogspot.com/2008/01/inner-join-sql.htm&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-4147403216496237953?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/4147403216496237953/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=4147403216496237953&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4147403216496237953'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4147403216496237953'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2010/02/mysqlsubquery-vs-join.html' title='MySQL：Subquery vs. Join 效能何者為佳？'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-4296890024635390332</id><published>2009-10-12T18:48:00.000-07:00</published><updated>2009-10-12T19:02:54.463-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='MySQL'/><category scheme='http://www.blogger.com/atom/ns#' term='資料庫'/><category scheme='http://www.blogger.com/atom/ns#' term='stored procedure'/><title type='text'>MySql Stored Procedure</title><content type='html'>如何使用Mysql的 stored procedure及trigger&lt;br /&gt;http://whateverusay.pixnet.net/blog/post/12731385&lt;br /&gt;、&lt;br /&gt;http://social.msdn.microsoft.com/forums/zh-TW/238/thread/0646773a-fa4e-405d-aefb-0f8d681cbe2f/&lt;br /&gt;&lt;br /&gt;http://www.mysqltutorial.org/mysql-stored-procedure-tutorial.aspx&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-4296890024635390332?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/4296890024635390332/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=4296890024635390332&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4296890024635390332'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4296890024635390332'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2009/10/mysql-stored-procedure.html' title='MySql Stored Procedure'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-6686464165447908735</id><published>2009-10-12T18:40:00.000-07:00</published><updated>2009-10-12T19:03:45.363-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='MySQL'/><category scheme='http://www.blogger.com/atom/ns#' term='資料庫'/><title type='text'>MySql 優化</title><content type='html'>優化MySql伺服器效能&lt;br /&gt;http://www.hkcode.com/linux-bsd-notes/93&lt;br /&gt;&lt;br /&gt;MySql的優化&lt;br /&gt;http://eiping.com/?p=26&lt;br /&gt;&lt;br /&gt;MySql優化詳細介紹&lt;br /&gt;http://blog.wu-boy.com/2008/06/18/281/&lt;br /&gt;&lt;br /&gt;MySql官方優化文件&lt;br /&gt;http://dev.mysql.com/doc/refman/5.1/zh/optimization.html&lt;br /&gt;&lt;br /&gt;優化你的Mysql資料庫操作&lt;br /&gt;http://www.hkpug.net/zh-hant/node/272&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-6686464165447908735?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/6686464165447908735/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=6686464165447908735&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6686464165447908735'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6686464165447908735'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2009/10/mysql.html' title='MySql 優化'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-653399732081940631</id><published>2009-09-28T21:40:00.000-07:00</published><updated>2009-09-28T21:47:05.911-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='PHPList'/><title type='text'>PHP List API</title><content type='html'>PHPList 是一套很流行的電子報發送系統&lt;br /&gt;但是如果想要從其他的web application叫用，有沒有好的方法呢？&lt;br /&gt;&lt;br /&gt;在網路上找了一些資訊，好好來研究一下&lt;br /&gt;http://forums.phplist.com/viewtopic.php?t=5009&lt;br /&gt;http://forums.phplist.com/viewtopic.php?f=7&amp;amp;t=5009&amp;amp;start=15&lt;br /&gt;http://forums.phplist.com/viewtopic.php?f=15&amp;amp;t=24734&lt;br /&gt;&lt;br /&gt;PHP Command Docs&lt;br /&gt;http://docs.phplist.com/CommandLineScriptInfo&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-653399732081940631?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/653399732081940631/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=653399732081940631&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/653399732081940631'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/653399732081940631'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2009/09/php-list-api.html' title='PHP List API'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-2306807063877602704</id><published>2009-09-22T09:40:00.000-07:00</published><updated>2009-09-22T09:41:52.526-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='csv'/><category scheme='http://www.blogger.com/atom/ns#' term='xls'/><category scheme='http://www.blogger.com/atom/ns#' term='Excel'/><category scheme='http://www.blogger.com/atom/ns#' term='php'/><title type='text'>[PHP] 輸出Excel/CSV檔</title><content type='html'>http://www.phpdc.com/article/18/&lt;br /&gt;http://topic.csdn.net/t/20060824/16/4973156.html#&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-2306807063877602704?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/2306807063877602704/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=2306807063877602704&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2306807063877602704'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2306807063877602704'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2009/09/php-excelcsv.html' title='[PHP] 輸出Excel/CSV檔'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7970536750020723231</id><published>2009-09-18T10:46:00.000-07:00</published><updated>2009-09-18T11:29:03.834-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='許功蓋'/><category scheme='http://www.blogger.com/atom/ns#' term='php'/><category scheme='http://www.blogger.com/atom/ns#' term='unexpected T-string'/><title type='text'>沒想到也遇到「許功蓋」的問題</title><content type='html'>最近幫朋友改網頁&lt;br /&gt;她和本來合作的程式不合&lt;br /&gt;因此整個網站臨時要找人幫忙收尾&lt;br /&gt;&lt;br /&gt;所以我第一次有機會用php進行開發....&lt;br /&gt;沒想到改到一半突然狂跳 "unexpected t-string in xxx"&lt;br /&gt;查了一下，這個錯誤訊息應該是多餘的符號&lt;br /&gt;&lt;br /&gt;但是檢查了好幾遍就是沒有多的分號或括號&lt;br /&gt;搞了一整個禮拜&lt;br /&gt;&lt;br /&gt;今天重新逐段註解，控制段落，後來又發現原來程式碼設定big5&lt;br /&gt;想說是不是編輯器設定編碼的問題....但是無功而返&lt;br /&gt;最後終於發現問題出現在我加了一行 "發送成功" 的字串；&lt;br /&gt;&lt;br /&gt;"許" "功" "蓋" 三個字在 Big5下 會出現此問題&lt;br /&gt;所以必須空一格 或加 "\"，如 "發送成功  "或 "發送成功\"&lt;br /&gt;其實這以前在學php課程的時候，老師也有提醒過！&lt;br /&gt;&lt;br /&gt;真的是隔行如隔山，不同語言間轉換其實基本邏輯不難&lt;br /&gt;舉例來說，我寫java為主，但是真的要學php的語法應該也不難，反正要什麼功能Google上都可以找到語法或範例&lt;br /&gt;真的難在於 debug的經驗&lt;br /&gt;&lt;br /&gt;與其說熟悉一種語言，不如說是熟悉該語言的開發環境及debug經驗&lt;br /&gt;不經一事不長一事啊&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7970536750020723231?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7970536750020723231/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7970536750020723231&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7970536750020723231'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7970536750020723231'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2009/09/blog-post_18.html' title='沒想到也遇到「許功蓋」的問題'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-1271826924710131094</id><published>2009-09-13T22:29:00.000-07:00</published><updated>2009-09-13T22:30:42.366-07:00</updated><title type='text'>MySQL 的調校 (軟硬體、版本、設定)</title><content type='html'>轉錄自 Gea-Suan Lin's Blog&lt;br /&gt;http://blog.gslin.org/archives/2009/09/13/2088/&lt;br /&gt;&lt;br /&gt;&lt;div class="entry-content"&gt;     &lt;p&gt;把一些關於 &lt;a href="http://dev.mysql.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/dev.mysql.com');"&gt;MySQL&lt;/a&gt; 的資料整理一下。&lt;/p&gt; &lt;p&gt;初期的 MySQL 隨便跑沒關係，備份的部份記得要把 binlog 也一起備份起來，用 &lt;a href="http://www.gzip.org/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.gzip.org');"&gt;gzip&lt;/a&gt; 壓過後 (不使用 &lt;a href="http://www.bzip.org/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.bzip.org');"&gt;bzip2&lt;/a&gt; 或是高壓縮率參數，是因為考量解壓縮速度；另外推薦用 &lt;a href="http://www.zlib.net/pigz/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.zlib.net');"&gt;Parallel gzip&lt;/a&gt; 壓縮，速度比較快) 再用 &lt;a href="http://www.openssl.org/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.openssl.org');"&gt;openssl&lt;/a&gt; 加密丟到 &lt;a href="http://aws.amazon.com/s3/" onclick="javascript:pageTracker._trackPageview('/outbound/article/aws.amazon.com');"&gt;Amazon S3&lt;/a&gt; 上。&lt;/p&gt; &lt;p&gt;成長後，買獨立伺服器要一次買兩台跑 HA，每台分別是：&lt;/p&gt; &lt;ul&gt;&lt;li&gt;CPU 要考量 SQL query 的方式，如果打算在 MySQL 做很多事情 (i.e. JOIN)，CPU 要選高階的；如果大多都是 simple query，則以 C/P 值高的 CPU 優先：兩顆四核心 CPU 算是現在比較划算的硬體。不管哪一種，選低電壓的，像是 &lt;a href="http://www.intel.com/Xeon/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.intel.com');"&gt;Intel Xeon&lt;/a&gt; L5408 或是 Intel Xeon L5520，因為硬碟蠻熱的，要減少熱量以免伺服器容易當掉。&lt;/li&gt;&lt;li&gt;記憶體愈多愈好，64GB 算是還蠻基本的。&lt;/li&gt;&lt;li&gt;硬碟選轉速快的 15krpm SAS，挑大一點的硬碟 (以現在的市場就是 300GB) 省得以後空間不夠要搬動。最好是硬體 RAID1+0，依照應用決定單台 database 要多大，如果預定八顆的話可以買 2U 來塞。&lt;/li&gt;&lt;/ul&gt; &lt;p&gt;軟體的部份：&lt;/p&gt; &lt;ul&gt;&lt;li&gt;一定要跑 &lt;a href="http://www.linux.org/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.linux.org');"&gt;Linux&lt;/a&gt; x86-64 版本，挑大的 distribution 以免遇到問題卻無法解決。我自己還蠻偏好用 &lt;a href="http://www.debian.org/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.debian.org');"&gt;Debian&lt;/a&gt;。不論是 Debian 還是其他 distribution，儘量跟穩定的 branch，遇到需要升級時的問題會比較少，像是 &lt;a href="http://www.debian.org/releases/lenny/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.debian.org');"&gt;Debian Lenny&lt;/a&gt;。&lt;/li&gt;&lt;li&gt;如果要跑 &lt;a href="http://www.drbd.org/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.drbd.org');"&gt;DRBD&lt;/a&gt;，先在兩台上面設定好 &lt;a href="http://www.linux-ha.org/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.linux-ha.org');"&gt;Heartbeat&lt;/a&gt; + DRBD。如果是跑 &lt;a href="http://mysql-mmm.org/" onclick="javascript:pageTracker._trackPageview('/outbound/article/mysql-mmm.org');"&gt;MMM&lt;/a&gt; 的話就設定 MMM，比較需要注意的是 MMM 的版本，參考「&lt;a href="http://blog.gslin.org/archives/2009/08/13/2075/"&gt;MySQL MMM 的情況&lt;/a&gt;」。&lt;/li&gt;&lt;li&gt;Filesystem 跑 &lt;a href="http://en.wikipedia.org/wiki/XFS" onclick="javascript:pageTracker._trackPageview('/outbound/article/en.wikipedia.org');"&gt;XFS&lt;/a&gt;，很多人在上面跑很久了，經過時間考驗的 Filesystem，跑起 MySQL &lt;a href="http://www.innodb.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.innodb.com');"&gt;InnoDB&lt;/a&gt; 的效率還不錯。&lt;/li&gt;&lt;li&gt;MySQL 跑 &lt;a href="http://www.percona.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.percona.com');"&gt;Percona&lt;/a&gt; 的 5.0 標準版本 (非 highperf 版)，穩定性還不錯。如果預期到資料量很大的時候會是 I/O bound，可以考慮 Percona 的 5.1 版本，並且開啟 InnoDB Plugin 壓縮的功能。&lt;/li&gt;&lt;li&gt;跑監控程式，把系統的狀態記錄下來。可以是 &lt;a href="http://munin.projects.linpro.no/" onclick="javascript:pageTracker._trackPageview('/outbound/article/munin.projects.linpro.no');"&gt;Munin&lt;/a&gt;、&lt;a href="http://www.cacti.net/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.cacti.net');"&gt;Cacti&lt;/a&gt; 或是 &lt;a href="http://www.nagios.org/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.nagios.org');"&gt;nagios&lt;/a&gt;，資料對於瓶頸分析很重要。&lt;/li&gt;&lt;/ul&gt; &lt;p&gt;my.cnf 設定的部份要花不少功夫，除了一般常見的設定外 (這部份網路上很多文件)，有些在站台比較大時會發生的問題要注意：&lt;/p&gt; &lt;ul&gt;&lt;li&gt;back_log 要開大，因為站台大的時候通常不會用 pconnect (每個 web server 都掛著 64 個連線，當有十台 web server 就佔用 640 個連線)，而是用 connect，在每次做完事情就斷線，配合 &lt;a href="http://www.danga.com/memcached/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.danga.com');"&gt;memcached&lt;/a&gt; 降低 MySQL 的需求。不過在量夠大的時候，還是會遇到預設的 back_log 不夠。&lt;a href="http://www.smugmug.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.smugmug.com');"&gt;Smugmug&lt;/a&gt; 的 CEO 在「&lt;a href="http://blogs.smugmug.com/don/2008/12/23/great-things-afoot-in-the-mysql-community/" onclick="javascript:pageTracker._trackPageview('/outbound/article/blogs.smugmug.com');"&gt;Great things afoot in the MySQL community&lt;/a&gt;」有提到吃過這個值的虧。&lt;/li&gt;&lt;li&gt;max_allowed_packet 設大一點，避免比較大的 INSERT 或是 UPDATE 造成錯誤。通常這是設計上的問題，應該要避免在 MySQL 裡放 blob 資料，不過偶而還是會需要…&lt;/li&gt;&lt;li&gt;max_connect_errors 設 4294967295，可以避免當 client (像是 &lt;a href="http://www.php.net/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.php.net');"&gt;php&lt;/a&gt;) 發生太多錯誤時被 block 住。&lt;/li&gt;&lt;li&gt;innodb_adaptive_checkpoint 要打開，可以避免在 flush dirty pages 的時候產生 slow query。MySQL 官方的版本沒有這個參數，而這個參數也是為什麼要用 Percona 版本之一。效果可以參考「&lt;a href="http://www.mysqlperformanceblog.com/2008/11/13/adaptive-checkpointing/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.mysqlperformanceblog.com');"&gt;Adaptive checkpointing&lt;/a&gt;」這篇文章。&lt;/li&gt;&lt;/ul&gt;         &lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-1271826924710131094?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/1271826924710131094/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=1271826924710131094&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1271826924710131094'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1271826924710131094'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2009/09/mysql.html' title='MySQL 的調校 (軟硬體、版本、設定)'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-3266559251685145692</id><published>2009-09-12T10:07:00.000-07:00</published><updated>2009-09-12T10:09:31.321-07:00</updated><title type='text'>[教學] 用php發送E-MAIL</title><content type='html'>用來傳送 e-mail 的描述語言程式（Script）可說是網站上最常見的程式之一。雖然它很單純，但是在某些時候，它卻往往對程式設計師們造成極大的困擾。在 PHP 中有一個函式叫做 mail()，只要有收信者名稱以及訊息內容，就可以拿來傳送訊息。但是你還是需要針對 mail()做某些調整，才能讓mail()為你完成你想做的事。&lt;br /&gt;&lt;br /&gt;首先，要讓 mail()能夠運作，你必須先有一個 SMTP 伺服器，好讓你的 PHP 連上去。雖然這個伺服器在電子郵件程式中佔有極其重要的地位，大部分的人還是對它一知半解。在這篇教學指南裡，我們會為你揭開 SMTP 的神秘面紗，並且同時解說關於使用 PHP 傳送電子郵件的某些常見問題。其中精采的內容還包括了：如何以迴圈的程式敘述，讀取電子郵件住址名單，同時針對其中的收件者一一傳送郵件，包括純文字格式以及 HTML 格式的郵件等等。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;瞭解你的 SMTP 伺服器&lt;/span&gt;&lt;br /&gt;SMTP 是 Simple Mail Transfer Protocol 的縮寫，而 SMTP 伺服器則是透過執行該通訊協定而傳送電子郵件的電腦。基本上，執行通訊協定指的是：如果你使用的是非 Windows 作業平台，執行的是 Sendmail 或 Qmail這類的電子郵件軟體。而如果這部機器使用的是 Windows 作業平台，那麼 SMTP 服務已經包括在 Windows NT Service Pack 中，或者內建在 Windows 2000 裡面，而且，這項服務通常就是正在執行中的電子郵件服務。&lt;br /&gt;&lt;br /&gt;這並不是說，SMTP 軟體就只有那幾種，只是它們是最被廣為使用的。如果你的網站是 ISP 的虛擬主機（Vitual hosting）套件的一部分，SMTP 服務應該就已經安裝在主機上面了。如果你是位系統管理者，負責管理某台放在 ISP 或公司機房的專屬主機（Dedicated machine）的話，那麼你很可能會需要在那部機器安裝某種 SMTP daemon，特別用來處理網站伺服器的電子郵件傳遞。&lt;br /&gt;&lt;br /&gt;然而，如果你只是一個單獨的使用者，只有一套網站伺服器開發平台在你的個人電腦上面，你可能沒有在你的機器上安裝 SMTP。這裡有個非常簡單但是精確的準則： 如果你是個 Windows 使用者，而你從來未曾聽過 SMTP 伺服器，那麼你就沒有安裝 SMTP。若果真如此，你有兩個選擇：安裝， 設定，並維護一個 SMTP 伺服器（如果你不知道那是什麼，我並不鼓勵你這樣做）或者直接使用已經在你手邊的東西。&lt;br /&gt;&lt;br /&gt;「我沒有安裝，怎麼會說在我手邊呢?」你可能會這樣問。嗯，如果你的電腦是透過撥接上網的（或 DSL 或者 cable），你可以直接使用你的 ISP 的外寄郵件伺服器（outgoing mail server）。例如，如果你的開發平台是 Windows 98，以及一台 56Kbps 的數據機，並透過 EarthLink 上網，那麼你可以用 mail.earthlink.net 當作你的 SMTP 伺服器。不管你使用的是哪一種電子郵件客戶端軟體（Eudora，Outlook，Netscape Mail 等等），你的外寄郵件伺服器都可以在 PHP 程式碼中，指定為 SMTP 伺服器。要訣在於，你要告知 PHP 這件事情。&lt;br /&gt;&lt;br /&gt;在 PHP 的主要設定檔，php.ini 中，有一些 directive 是你必須去設定，這樣一來 mail() 函式才能夠使用。在更改那些設定以前，你先看看它們是什麼。使用 phpinfo() 函式，可以顯示你的系統目前的設定， 做法是，建一個檔案，包括下列文字：&lt;br /&gt;&lt;br /&gt;CODE:&lt;br /&gt;將檔案存起來，放在你的網站伺服器的文件根目錄中。然後用你的瀏覽器去看這個檔案。你應該會看到一個編排良好的現有設定列表。在這裡，你要注意的設定選項為：&lt;br /&gt;&lt;br /&gt;SMTP&lt;br /&gt;sendmail_from&lt;br /&gt;sendmail_path&lt;br /&gt;如果你用的不是 Windows，你只須擔心 sendmail_path directive。如果你用的是 Windows，你就要注意先前兩個 directive。&lt;br /&gt;&lt;br /&gt;如果你用的是 Linux 或其他 Unix 變種系統，sendmail_path 應該差不多是這樣子設定的：&lt;br /&gt;&lt;br /&gt;sendmail_path = /usr/sbin/sendmail&lt;br /&gt;&lt;br /&gt;或者，如果你用的是 Qmail：&lt;br /&gt;&lt;br /&gt;sendmail_path = /var/qmail/bin/sendmail&lt;br /&gt;&lt;br /&gt;在這個 directive 裡面，你也可以設定某些 flag 來指明你的 queuing 做法，或者是用來明確的寫出你的 Return-Path 標題，就像這樣：&lt;br /&gt;&lt;br /&gt;sendmail_path = /usr/sbin/sendmail -t -fyou@yourdomain.com&lt;br /&gt;&lt;br /&gt;如果你不是 Windows 使用者，你所需要做的就那麼多了。如果你使用的是 Windows，你還有一些事情要處理。你必須看看 SMTP 以及 sendmail_from 的值。不要被 sendmail_from 的 directive 名字中的 sendmail 給搞糊塗了。雖然你在 Windows 上面並沒有用一個叫做 Sendmail 的程式，這個只是 directive 的名字而已。不要緊張。&lt;br /&gt;&lt;br /&gt;在phpinfo() 所顯示的結果中，注意一下 SMTP 以及 sendmail_from 原先的設定值 -- 它們應該是空白的，或者只是虛值（dummy）。你必須將它們改為對你系統有意義的值。&lt;br /&gt;&lt;br /&gt;如果你真的在你的機器上安裝並啟動 SMTP 伺服器，你的 php.ini 應該要有這樣的設定：&lt;br /&gt;&lt;br /&gt;SMTP = localhost&lt;br /&gt;&lt;br /&gt;然而，如果你要用你的 ISP 的外寄郵件伺服器（在這裡，我們用 EarthLink 做例子），那麼你的 php.ini 就要有這樣的設定：&lt;br /&gt;&lt;br /&gt;SMTP = mail.earthlink.net&lt;br /&gt;&lt;br /&gt;你也可以直接用 IP address 而非名字，因為電腦並不會區別這兩者的差異。&lt;br /&gt;&lt;br /&gt;第二個我們要設定的 directive 是 sendmail_from，這個是設定在 From 標題（header）裡面所使用的 e-mail 位址。這個設定值可以用 mail 程式更改，但是通常這裡的設定值都被拿來當作內定值。以下是，如果你的電子郵件地址是 youraddress@yourdomain.com， 所應該做的設定值。&lt;br /&gt;&lt;br /&gt;sendmail_from = youraddress@yourdomain.com&lt;br /&gt;&lt;br /&gt;在更改以上設定值之後，重新啟動你的網站伺服器，再用 phpinfo() 函式來確定這些設定已經被更改了。當你完成這些事情後， 你就已經準備好用 PHP 來傳送 e-mail 了。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;傳送一個簡單的 e-mail&lt;/span&gt;&lt;br /&gt;mail() 函式相當簡單：只有五個參數，而且其中兩個是選擇性的（optional）。這些參數是：&lt;br /&gt;收件者地址&lt;br /&gt;主旨&lt;br /&gt;訊息&lt;br /&gt;其他郵件標題（選擇性）&lt;br /&gt;其他 SMTP 伺服器的設定選項（選擇性）&lt;br /&gt;額外的郵件標題參數，是用來控制某些電子郵件功能，像是 CC，BCC，Reply-To fields，或其他 SMTP 通訊協定所規定的功能。 在這個例子裡，我只用 From 以及 Reply-To 電子郵件標題。&lt;br /&gt;&lt;br /&gt;如果你要送 mail 給我，而你用的不是 Windows 系統，那麼它看起來會像這樣：&lt;br /&gt;&lt;br /&gt;CODE:&lt;br /&gt;如果你用的是 Windows 的 SMTP 服務，那麼很可能你不需要設定第五個參數，以及額外的郵件標題參數 （即第四個參數），不過你要用 \r\n 而非 \n 將你的參數分開。因此，同樣的電子郵件，透過 Windows 的 SMTP 服務傳送，看起來會是這樣：&lt;br /&gt;&lt;br /&gt;CODE:&lt;br /&gt;在以上程式中的 echo 敘述，是讓你的網頁瀏覽器在執行完這個程式後，回傳給你一個訊息。如果沒有這項敘述，你會收到一個「Document contains no data」對話方塊，因為沒有東西傳送到你的網頁瀏覽器上。&lt;br /&gt;&lt;br /&gt;mail() 函式只要連到指定的 SMTP 伺服器，就會回傳 true。這並不意味著郵件已經成功抵達收件者了。mail() 函式並不會等 SMTP 伺服器告訴它傳送成功或失敗。&lt;br /&gt;&lt;br /&gt;mail() 函式會回傳 false，並且送給你一個警告，像是「Couldn't connect in line x」 或者是「Unknown error in line x」。如果你沒看到前面兩個訊息，檢查一下 php.ini 的 SMTP 設定值。有兩種可能性會導致這個訊息的產生：SMTP 伺服器當掉了，或者是 PHP 沒連到 SMTP 伺服器。當然，這兩種情況下， 你的電子郵件都不會被傳送出去。&lt;br /&gt;&lt;br /&gt;這個程式用的參數都是寫死在程式中的。你可以透過一個簡單的 HTML 表格，將這些值送出去，然後再回傳給你一個回饋表格（feedback form）。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;以迴圈讀取傳送名單&lt;/span&gt;&lt;br /&gt;一旦你知道要怎樣傳送電子郵件給一個人，你或許會感到非常興奮而且想傳送同樣的訊息給很多收件者 --就像電子報一樣。你只要做一個簡單的迴圈敘述， 一一閱讀你名單上的名字，然後傳送電子郵件給他們。&lt;br /&gt;&lt;br /&gt;mail 函式的格式是一樣的：&lt;br /&gt;&lt;br /&gt;mail([recipient], [subject], [message], [any headers]);&lt;br /&gt;&lt;br /&gt;你必須將 [recipient] 換成迴圈中你的名單的下一個名字。假設你有一個 e-mail 地址的陣列：&lt;br /&gt;&lt;br /&gt;$addresses = array("me@mycompany.com", "you@yourcompany.com", "someone@otherplace.com");&lt;br /&gt;&lt;br /&gt;你只要以迴圈讀取這個 array， 取得新的電子郵件地址，然後傳送郵件。&lt;br /&gt;&lt;br /&gt;如果你的電子郵件地址名單是存在資料庫裡面，你還是可以用同樣的方式：以迴圈一一讀取它們。&lt;br /&gt;&lt;br /&gt;就是這麼簡單。顯然的，同樣的觀念可以運用到你特定的資料庫種類以及表格（table）架構， 雖然程式碼必須做一點修改。&lt;br /&gt;&lt;br /&gt;這裡還有一個小小的訣竅，在以迴圈敘述讀取一串電子郵件名單的時候，似乎每一個人都忽略了它：如果你有多於五十個郵件地址，你的程式或許在還沒完成讀取名單的時候，就逾時（time out）了，因為 PHP 對每個程式的內建時間限制是三十秒。你可以修改這個時間限制， 但是要小心。試著將這個修改的效果限制在某些特定的程式中， 例如迴圈讀取電子郵件名單並且傳送郵件。否則的話，你可能會有一些伺服器程序 (server process) 一直在你的伺服器上，你的主機會幾乎停滯，整個世界就會停止。&lt;br /&gt;&lt;br /&gt;要在程式裡面設定時間限制，使用 set_time_limit() 函式。你可以指定這個限制，例如六十秒（set_time_limit(60)），或者你可以讓它一直等下去，（set_time_limit(0)）。&lt;br /&gt;&lt;br /&gt;將這個放在你的程式中，你傳送電子郵件的迴圈敘述就會一直持續下去直到名單中所有的地址都傳送出去為止。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;傳遞 HTML 格式的電子郵件&lt;/span&gt;&lt;br /&gt;傳送 HTML 格式的 e-mail 是另一個看起來困難但是做起來簡單的事情。一旦你知道怎麼做，你或許會為了以前把它想得太困難而想打你自己一頓！&lt;br /&gt;&lt;br /&gt;我們需要對先前用過的基本電子郵件敘述程式做兩個修改：&lt;br /&gt;&lt;br /&gt;你的郵件訊息應該是 HTML 格式的。&lt;br /&gt;你必須增加內容種類郵件標題（content-type header）。&lt;br /&gt;這樣就可以了。使用者如果擁有可以讀取 HTML 格式郵件的電子郵件客戶端軟體的話，他所看到的郵件訊息會是大型的粗體字形。如果你傳送的 HTML 格式的電子郵件有影像的 tag 在裡面，你必須記得在 src 屬性中使用完整的 URL。例如：&lt;img src="http://www.yourdomain.com/images/image.gif" /&gt;。&lt;br /&gt;&lt;br /&gt;記得，不是所有人都可以讀取 HTML 格式的電子郵件，如果使用的軟體不能讀取 HTML 格式的電子郵件，那麼收件者就只能看到 HTML 程式碼。這會讓人有點受不了，所以小心使用這項功能。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;結論&lt;/span&gt;&lt;br /&gt;你可以用幾乎你所能想像得到的所有各種不同的方式，使用 PHP 傳送電子郵件。這篇文章只有接觸到基本面而已：設定你的伺服器，並且傳送一些簡單的電子郵件。你也可以用 mail() 產生的電子郵件來傳送附件，修改很多不同的郵件標題。大致上說來，你也可以用 PHP 做任何現實生活中， 電子郵件客戶端軟體或郵件名單程式可以做到的事情。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-3266559251685145692?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/3266559251685145692/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=3266559251685145692&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/3266559251685145692'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/3266559251685145692'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2009/09/phpe-mail.html' title='[教學] 用php發送E-MAIL'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-6533709125419879935</id><published>2009-09-09T22:29:00.000-07:00</published><updated>2009-09-09T22:55:23.666-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='ECFA'/><category scheme='http://www.blogger.com/atom/ns#' term='網路界'/><title type='text'>ECFA即將簽署，台灣網路界可以要什麼？</title><content type='html'>ECFA說白話，就是台灣與中國的共同市場，也就是最惠國待遇的最極致&lt;br /&gt;商周最近報導了一篇 ECFA對於台灣的影響&lt;br /&gt;http://www1.businessweekly.com.tw/web/webarticle_37802_p1.php&lt;br /&gt;裡面提到，ECFA是ECFA是富人的威而剛、窮人的土石流，&lt;br /&gt;按WTO架構，ECFA屬過渡協定，雖無強制性，但通常在10年內，兩邊必須完成約90％的商品服務免關稅，台灣與中國將互相大幅開放市場給對方。&lt;br /&gt;&lt;br /&gt;所以兩國間強者將恆強，台灣的優勢項目可以在大陸賣得更好，大陸的優勢項目可以在台灣賣得更好，也勢必帶來產業的重整。&lt;br /&gt;&lt;br /&gt;在其他產業紛紛向政府施壓，希望將產業的需求列入ECFA談判&lt;br /&gt;台灣網路界能不能也站出來大聲說出自己的需求&lt;br /&gt;為何台灣的網站要到大陸，要申請ICP執照，要符合當地人成立資本額100萬人民幣的標準，&lt;br /&gt;而大陸網站來台就沒有任何限制？&lt;br /&gt;&lt;br /&gt;目前申请&lt;span class="il"&gt;ICP&lt;/span&gt;许可证的条件？&lt;br /&gt;1 经营者为依法设立的&lt;span style="color: rgb(255, 0, 0);"&gt;中资公司&lt;/span&gt;&lt;br /&gt;2 注册资金达&lt;span style="color: rgb(255, 0, 0);"&gt;100万及以上&lt;/span&gt;&lt;br /&gt;3 有为用户提供长期服务的信誉或能力&lt;br /&gt;4 有业务发展计划及相关技术方案&lt;br /&gt;5 有健全的网络与信息安全保障措施&lt;br /&gt;6 国家规定的其他条件&lt;br /&gt;&lt;br /&gt;台灣網路界能不能集結向政府呼籲，在ECFA中一併談判將中國所設立的壁壘消除？&lt;br /&gt;中國希望管制言論，可以比照當地的標準審核。&lt;br /&gt;要申請ICP，也可以比較當地去申請。&lt;br /&gt;資本額100萬人民幣，也不是難事。&lt;br /&gt;但是「限中資公司申請」，就很不合理&lt;br /&gt;台灣或外商必須透過人頭成立中資公司，徒增困擾及可能的糾紛&lt;br /&gt;既然要共同市場，就應該一併把這個限制消除&lt;br /&gt;讓台灣網站有機會直接與對岸網站一較高下&lt;br /&gt;&lt;br /&gt;有沒有人願意一起來連署呢？&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-6533709125419879935?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/6533709125419879935/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=6533709125419879935&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6533709125419879935'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6533709125419879935'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2009/09/ecfa.html' title='ECFA即將簽署，台灣網路界可以要什麼？'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7933048184604155167</id><published>2009-04-13T02:46:00.000-07:00</published><updated>2009-04-13T03:17:47.983-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='YUI'/><category scheme='http://www.blogger.com/atom/ns#' term='YUI CSS'/><category scheme='http://www.blogger.com/atom/ns#' term='CSS'/><title type='text'>YUI CSS 摘要</title><content type='html'>&lt;div id="xd9u" style="text-align: left;"&gt;YUI CSS&lt;br /&gt;&lt;/div&gt;出處：The YUI CSS Foundation影片&lt;br /&gt;http://developer.yahoo.com/yui/reset/&lt;br /&gt;&lt;br /&gt;延伸閱讀&lt;br /&gt;&lt;a title="css使用px和em的差異" href="http://plog.longwin.com.tw/news-technology/2007/12/07/css_px_em_difference_2007" id="rlpe"&gt;css使用px和em的差異&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;詳細資料請點此(因為css的東西沒辦法Po上來)&lt;br /&gt;&lt;a href="http://docs.google.com/Doc?id=dgtnbc94_70hsw87hd8"&gt;http://docs.google.com/Doc?id=dgtnbc94_70hsw87hd8&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7933048184604155167?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7933048184604155167/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7933048184604155167&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7933048184604155167'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7933048184604155167'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2009/04/yui-css.html' title='YUI CSS 摘要'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-3217600125727398152</id><published>2008-12-04T10:20:00.000-08:00</published><updated>2009-04-12T22:59:41.963-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='SEO'/><category scheme='http://www.blogger.com/atom/ns#' term='Google'/><category scheme='http://www.blogger.com/atom/ns#' term='search engine'/><title type='text'>Search Engine Starter Guide 中文摘要</title><content type='html'>搜尋引擎當紅，SEO已經是當今網路行銷的一門顯學&lt;br /&gt;坊間一大堆公司靠SEO優化賺錢&lt;br /&gt;不過Google最近公佈了&lt;a href="http://googlewebmastercentral.blogspot.com/2008/11/googles-seo-starter-guide.html"&gt;《Search Engine Starter Guide》&lt;/a&gt;&lt;br /&gt;教站長們如何正確的搜尋優化，而不需要求助旁門左道，大家可以參考&lt;br /&gt;按此&lt;a href="http://www.google.com/webmasters/docs/search-engine-optimization-starter-guide.pdf"&gt;下載&lt;/a&gt;&lt;br /&gt;此份文件需要基本的html概念&lt;br /&gt;&lt;br /&gt;節譯如下：&lt;br /&gt;&lt;br /&gt;1. 建立唯一且精確的網頁title：html碼之中的title標籤，必須唯一且精準，page title的文字會出現在搜尋結果的標題列&lt;br /&gt;&lt;br /&gt;Good Practice：&lt;br /&gt;&lt;ul&gt;&lt;li&gt;準確地描述網頁內容，避免和網頁無關的內容或者自動產生的「page1」、「untitle」&lt;/li&gt;&lt;li&gt;為每一個頁面建立獨特的網頁title，避免在站上所有頁面或者很多頁面都使用同樣的title&lt;/li&gt;&lt;li&gt;使用簡短、但是具描述性的title&lt;/li&gt;&lt;/ul&gt;2. 善用description的meta標籤，meta description的文字將會出現在搜尋結果的內容列&lt;br /&gt;&lt;br /&gt;Good Practice:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;為每一個頁面下一個獨特的描述，避免在站上所有頁面或者很多頁面都使用同樣的meta&lt;/li&gt;&lt;/ul&gt;3. 改善url中的結構&lt;br /&gt;&lt;br /&gt;不好的url結構：url中的文字無意義&lt;br /&gt;&lt;blockquote&gt;http://www.bandonbaseballcards.com/folder1/1089257/x1/0000023.htm&lt;/blockquote&gt;    好的url結構：url中的文字包含了關鍵字，對於搜尋引擎有意義&lt;br /&gt;&lt;blockquote&gt;http://www.brandonbaseballcards.com/article/ten-rarest-baseball-cards.htm&lt;br /&gt;(PS. 場地王的經驗，中文關鍵字url對於Google、Yahoo的搜尋優化效果超讚！)&lt;br /&gt;&lt;/blockquote&gt;    Good Practice：&lt;br /&gt;&lt;ul&gt;&lt;li&gt;在url中使用字眼，避免&lt;br /&gt;&lt;ul&gt;&lt;li&gt;使用充斥著無效參數或sessionid的過長url&lt;/li&gt;&lt;li&gt;選擇自動產生的檔名，如page1.html&lt;/li&gt;&lt;li&gt;使用太超過的關鍵字&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;建立簡單的目錄結構，避免&lt;br /&gt;&lt;ul&gt;&lt;li&gt;太過深入的目錄結構，例如/dir1/dir2/dir3/dir4/dir5/dir6.page.html&lt;/li&gt;&lt;li&gt;使用與內容無關的關鍵字&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;僅提供唯一的url至每一個頁面，避免&lt;br /&gt;&lt;ul&gt;&lt;li&gt;有網頁從次網域或根目錄都能到達同一頁（例如domain.com/page.html和subdomain.domain.com/page.html&lt;/li&gt;&lt;li&gt;在內部連結結構中混用www及non-www的連結版本&lt;/li&gt;&lt;li&gt;使用奇怪拼字的url&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;使網站更易被瀏覽&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;....這篇放了一陣子因為工作忙一直沒翻完，大家自己看原文吧～&lt;br /&gt;檔案下載 &lt;a href="http://www.google.com/webmasters/docs/search-engine-optimization-starter-guide.pdf"&gt;http://www.google.com/webmasters/docs/search-engine-optimization-starter-guide.pdf &lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-3217600125727398152?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/3217600125727398152/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=3217600125727398152&amp;isPopup=true' title='2 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/3217600125727398152'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/3217600125727398152'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/12/search-engine-starter-guide.html' title='Search Engine Starter Guide 中文摘要'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-4356786084579867371</id><published>2008-11-25T23:58:00.000-08:00</published><updated>2008-11-26T00:10:39.162-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Javascript'/><category scheme='http://www.blogger.com/atom/ns#' term='搜尋爬蟲'/><category scheme='http://www.blogger.com/atom/ns#' term='Googlebot'/><category scheme='http://www.blogger.com/atom/ns#' term='userAgent'/><category scheme='http://www.blogger.com/atom/ns#' term='searchbot'/><title type='text'>用Javascript 判斷訪客為爬蟲還是使用者</title><content type='html'>&lt;a href="http://www.where2event.com/"&gt;場地王&lt;/a&gt;正從完全資料開放轉向免費對會員開放，&lt;br /&gt;以增加會員數和網站上的會員動態資料&lt;br /&gt;但首先便是要兼顧各家爬蟲能夠進來找資料，index網頁，帶來搜尋引擎的流量&lt;br /&gt;&lt;br /&gt;找了一下資料&lt;br /&gt;作法大致如下&lt;br /&gt;&lt;br /&gt;用javascript判斷browser.userAgent的型態，可參考&lt;br /&gt;http://www.w3schools.com/js/tryit.asp?filename=tryjs_browserdetails&lt;br /&gt;&lt;br /&gt;另外各家搜尋引擎爬蟲註冊的名稱可以參考&lt;br /&gt;http://www.user-agents.org/index.shtml&lt;br /&gt;http://www.smart-it-consulting.com/internet/google/googlebot-spoofer/&lt;br /&gt;http://www.mrsneeze.com/httplogs/useragents.html&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-4356786084579867371?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/4356786084579867371/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=4356786084579867371&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4356786084579867371'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4356786084579867371'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/11/javascript.html' title='用Javascript 判斷訪客為爬蟲還是使用者'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-2400271903103314043</id><published>2008-11-25T23:36:00.000-08:00</published><updated>2008-11-25T23:38:25.723-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='SEO'/><title type='text'>SEO一年再看：49个影响网站排名的因素</title><content type='html'>http://www.admin5.com/article/20080920/105007.shtml&lt;br /&gt;&lt;br /&gt;内部因素： 网站必修之内功篇，要想有金庸武侠小说里主人公的传奇色彩先练好内功 &lt;p&gt;　　URL中出现关键词 对百度很有用，一年时间我充分认为百度对中文的识别技术比GOOGLE厉害，英文则相反&lt;/p&gt; &lt;p&gt;　　网页Title中出现关键词 地球人都知道&lt;/p&gt; &lt;p&gt;　　常规内容中出现关键词 COPY↑&lt;/p&gt; &lt;p&gt;　　在页面的第一段中出现关键词 有用&lt;/p&gt; &lt;p&gt;　　在页面的最后一段中出现关键词 也有用看文章的长短合理的分布[关键字密度来着]&lt;/p&gt; &lt;p&gt;　　Heading 标签 比如h1,h2中出现关键词 强调&lt;/p&gt; &lt;p&gt;　　站内的链接中出现关键词 这个比较有用 所谓的锚点&lt;/p&gt; &lt;p&gt;　　导向相关内容的导出链接 也要考虑&lt;/p&gt; &lt;p&gt;　　导出链接中出现关键词 没有研究过&lt;/p&gt; &lt;p&gt;　　图片文件名中出现关键词 对图片SEO有相当作用&lt;/p&gt; &lt;p&gt;　　Alt标签中出现关键词 有用但是似乎不是很重要&lt;/p&gt; &lt;p&gt;　　comment中出现关键词 很有作用&lt;/p&gt; &lt;p&gt;　　合理的频率更新内容 这个值得注意那少女都一天换一件衣服，你一月洗次澡总可以吧&lt;/p&gt; &lt;p&gt;　　内容对搜索引擎的展示位置 自左至右 从上到下&lt;/p&gt; &lt;p&gt;　　网站结构循环PR，而非散发PR 新鲜玩意没有时间研究&lt;/p&gt; &lt;p&gt;　　关键词进行适当的修饰(加粗、斜体等)很有作用&lt;/p&gt; &lt;p&gt;　　外部因素：&lt;/p&gt; &lt;p&gt;　　大量的导入链接 SEO一向倡导&lt;/p&gt; &lt;p&gt;　　从高PR值得网页获得导入链接 所以那么多人热衷交换链接&lt;/p&gt; &lt;p&gt;　　从相关内容网站获得导入链接 一条和相关度高的网站交换链接&lt;/p&gt; &lt;p&gt;　　导入链接指向的网页有具体内容 内容为王 你我都喜欢看有故事的东西&lt;/p&gt; &lt;p&gt;　　锚文字中有关键词 很不错的方法&lt;/p&gt; &lt;p&gt;　　锚文字周围有相关词 提高关键字密度&lt;/p&gt; &lt;p&gt;　　锚文字存在于文章或句子中 文章内链接 记得要加TITLE标签&lt;/p&gt; &lt;p&gt;　　导入链接的时间长度，一般导入链接的存在时间有3-6个月 永久不是更好?&lt;/p&gt; &lt;p&gt;　　单向链接的价值高于交换链接 是的你说的对 信任你才链接你&lt;/p&gt; &lt;p&gt;　　导入链接的页面的导出链接小于100个，流出链接越少越好 很好 一个PR4只单向链接到你一个站的链接比一个PR5有100个链接 只有一个链向你要好&lt;/p&gt; &lt;p&gt;　　链接来自不同IP 你觉得呢 这样很好&lt;/p&gt; &lt;p&gt;　　合理的导入链接增长频率 一天增长个1000-10000个就是某些所谓的SEO公司的策略，汗!&lt;/p&gt; &lt;p&gt;　　你需要避免的事情：&lt;/p&gt; &lt;p&gt;　　关键词堆积 没有明显区别 要是内容够好那也不怕&lt;/p&gt; &lt;p&gt;　　所有的锚文字都相同 不好吧 有点区别才能吸引啊&lt;/p&gt; &lt;p&gt;　　使用CSS或背景色隐藏内容，这是十恶不赦的大恶 欺骗 你伤害了我还一笑而过&lt;/p&gt; &lt;p&gt;　　使用JavaScript跳转 分情况不能一概而论&lt;/p&gt; &lt;p&gt;　　相同ip之下的网页直接进行大量交换链接 蜘蛛很生气 后果很严重&lt;/p&gt; &lt;p&gt;　　桥页和Cloaking，诱导搜索引擎的爬虫，这是十恶不赦的大恶 十恶不赦的大恶&lt;/p&gt; &lt;p&gt;　　成人内容，违禁药品，赌博相关内容 这样的站赚钱就像笔者经常去的某网站 百度就没有收录 不过是XXXX级啊【想知道地址，单独MMM啊】&lt;/p&gt; &lt;p&gt;　　内容重复 全民COPY的时代 好在搜索引擎还没有到辨别伪原创的地步&lt;/p&gt; &lt;p&gt;　　连向作弊的网站 傻啊你&lt;/p&gt; &lt;p&gt;　　站内的绝大部分网页有相同的网页title 你会在GOOGLE网站管理员工具里收到提示的&lt;/p&gt; &lt;p&gt;　　加入到Link Farm或则Link交换类网站 初学者为了流量最容易这样&lt;/p&gt; &lt;p&gt;　　使用被惩罚过的域名 买安全套的时候看看是不是放在针线盒的旁边&lt;/p&gt; &lt;p&gt;　　网站建立在被惩罚的IP上 找工具查去&lt;/p&gt; &lt;p&gt;　　尽量避免的问题：&lt;/p&gt; &lt;p&gt;　　地址中存在动态变量 没有一定之规 其实动态的也凑活&lt;/p&gt; &lt;p&gt;　　单一图片和Flash的网站 这个可要研究下&lt;/p&gt; &lt;p&gt;　　用Javascript制作的网站导航条或目录 有时间你得换回来，悟空这样做是不好的&lt;/p&gt; &lt;p&gt;　　用图片做网站导航而不加ALT标签 突然看见一排图片全XXXXXX 我也会当时就XX浏览器&lt;/p&gt; &lt;p&gt;　　〈head〉〈/head〉之间有太多的代码 注意一下啦!&lt;/p&gt; &lt;p&gt;　　存在太多与网站主题无关的内容 太多?那叫内容丰富&lt;/p&gt; &lt;p&gt;　　导入链接中购买链接占多数 你是有钱人我佩服，别看这个对你没有用&lt;/p&gt; &lt;p&gt;　　和作弊的网站在同一服务器上 哥们联系我 那服务器杠杠地...&lt;/p&gt; &lt;p&gt;　　一年之后看这些 难免有些感触，有空你就琢磨琢磨!整不明白了就去www.coffly.com找我去!&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-2400271903103314043?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/2400271903103314043/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=2400271903103314043&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2400271903103314043'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2400271903103314043'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/11/seo49.html' title='SEO一年再看：49个影响网站排名的因素'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7801591701325328505</id><published>2008-11-22T00:57:00.000-08:00</published><updated>2008-11-22T01:10:45.218-08:00</updated><title type='text'>PPT簡報範本</title><content type='html'>最近在選簡報的範本，除了微軟官方網站上的版型外&lt;br /&gt;還有幾個好站可以免費下載唷&lt;br /&gt;&lt;br /&gt;Presentation Helper&lt;br /&gt;http://www.presentationhelper.co.uk/free_powerpoint_template.htm&lt;br /&gt;&lt;br /&gt;簡體中文站&lt;br /&gt;http://pooban.com/&lt;br /&gt;http://www.soppt.cn/&lt;br /&gt;http://www.51ppt.com.cn/&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7801591701325328505?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7801591701325328505/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7801591701325328505&amp;isPopup=true' title='1 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7801591701325328505'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7801591701325328505'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/11/ppt.html' title='PPT簡報範本'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7112273171388366016</id><published>2008-11-18T22:26:00.000-08:00</published><updated>2008-11-18T22:45:08.764-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='揪團 場地王 活動市場'/><title type='text'>新創網站都瞄準活動市場啊</title><content type='html'>怡青寫了一篇&lt;span class="maintitle"&gt;&lt;a href="http://tw.news.yahoo.com/article/url/d/a/081118/35/19nup.html" name="top" class="maintitle" id="top"&gt;揪團熱！新創網站掀活動市場商機&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;介紹了&lt;a href="http://www.where2event.com/"&gt;場地王&lt;/a&gt;、&lt;/span&gt;&lt;span class="postbody"&gt;UtoNet、&lt;/span&gt;&lt;span class="postbody"&gt;Nextmin、&lt;/span&gt;&lt;span class="postbody"&gt;wellmeet、&lt;/span&gt;&lt;span class="postbody"&gt;alika&lt;/span&gt;&lt;span class="postbody"&gt;、Registrano 等網站&lt;br /&gt;今天在ptt創業版又出現一個「好動王」(funwant.cc)，還有之前針對婚宴為主的美書兒&lt;br /&gt;&lt;br /&gt;新創網站紛紛瞄準活動揪團這塊市場&lt;br /&gt;目前場地王已經和Nextmin、alika、Registrano開始在談了&lt;br /&gt;借力使力，用各種服務和內容壯大自己！&lt;br /&gt;也期待這塊市場一起做大！&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7112273171388366016?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7112273171388366016/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7112273171388366016&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7112273171388366016'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7112273171388366016'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/11/blog-post.html' title='新創網站都瞄準活動市場啊'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-5866576148515490751</id><published>2008-10-30T03:13:00.000-07:00</published><updated>2008-11-01T06:39:31.401-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='台灣網路'/><category scheme='http://www.blogger.com/atom/ns#' term='關鍵字'/><category scheme='http://www.blogger.com/atom/ns#' term='場地王'/><category scheme='http://www.blogger.com/atom/ns#' term='保護費'/><category scheme='http://www.blogger.com/atom/ns#' term='啞虎'/><title type='text'>站長們必讀！請按月向啞虎繳納保護費！</title><content type='html'>&lt;span style="color: rgb(255, 0, 0);"&gt;這一篇文章是要誠摯的呼籲台灣網路界的站長及所有從事電子商務的朋友&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;這是場地王站長Willy的血淚史.....&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;不要再妄想與台灣網路的霸王啞虎對抗&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;請記得，&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;按月定期向啞虎繳交保護費&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;否則您的網站將被打入萬劫不復之地.....&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;昨天(10/30)上搜尋引擎打打「&lt;a href="http://tw.search.yahoo.com/search?p=%E5%A0%B4%E5%9C%B0&amp;amp;fr=yfp&amp;amp;ei=utf-8&amp;amp;v=0"&gt;場地王&lt;/a&gt;」的排名&lt;br /&gt;Google還是老樣子，大概第4名/第5名&lt;br /&gt;但是啞虎就發生令人氣憤的事&lt;br /&gt;&lt;br /&gt;原本打「場地」關鍵字，前幾天還在排名第一位，現在居然落到第10頁以後都找不到&lt;br /&gt;終於在第11頁找到「場地王」，非常好樣的，搜尋到的還不是&lt;a href="http://www.where2event.com/"&gt;場地王首頁&lt;/a&gt;&lt;br /&gt;而是部落格上的一篇文章（圖片紅框處）&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_CroxGkx0qIU/SQmPoG6AsvI/AAAAAAAAALo/Jy3RpWVp3dc/s1600-h/where2event-ie-p11-nocookie.png"&gt;&lt;img style="cursor: pointer; width: 288px; height: 400px;" src="http://4.bp.blogspot.com/_CroxGkx0qIU/SQmPoG6AsvI/AAAAAAAAALo/Jy3RpWVp3dc/s400/where2event-ie-p11-nocookie.png" alt="" id="BLOGGER_PHOTO_ID_5262895558770602738" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;早就風聞啞虎將搜尋排名和付費廣告掛勾，沒想到怎麼樣都避不掉&lt;br /&gt;台灣網路界國寶 浩宇寫的這篇 &lt;a href="http://blog.xuite.net/pkeynet/fun/17402564"&gt;&lt;span class="titlename"&gt;絕不能用的Yahoo! 奇摩站長工具&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;http://yha88800.pixnet.net/blog/post/18196406&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(0, 153, 0);font-size:130%;" &gt;沒 想到過了四 天，Yahoo的本性就露出來了，就在浩宇的一些朋友與客戶放上Yahoo廣告三天後，我就發現了一個奇怪的現象，在從Google搜尋導入流量不變且網 站品質不變的情況之下，使用Yahoo站長工具的數個網站從Yahoo搜尋導入流量平均每日減少33%，也就是說如果第一天有1300人，第二天會只剩下 858人，第三天566人，第四天373人。很多客戶透過努力經營很久，排行相當好的關鍵字，開始掉到第三頁以後，很多靠搜尋流量經營網站的站長，都發現 了這個問題。隔天，&lt;span style="color: rgb(255, 102, 0);"&gt;幾個客戶與朋友不約而同的以申請站長工具的Yahoo信箱收到Yahoo關鍵字行銷廣告商的廣告信，宣傳購買Yahoo奇摩關鍵字行銷廣告&lt;/span&gt;。&lt;br /&gt;&lt;br /&gt;沒錯，天下&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(0, 153, 0);font-size:130%;" &gt;沒有白吃的午餐，Yahoo絕對沒有讓你白用的好服務，雖然Yahoo用操控搜尋引擎來獲利的傳言或是事實，在業界已經不是秘密。但浩宇壓根兒也沒想到，Yahoo竟然會利用站長工具，來搞這種勾當！我強烈懷疑，Yahoo希望透過站長工具，更加清楚的分析網站的流量來源，並藉此增加關鍵字廣告的銷售，並透過壓縮Google Adsense的空間，獨佔台灣市場，進而透過獨占市場，賺取更多的利潤。&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;來說說&lt;a href="http://www.where2event.com/"&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;但是使用不到1個月，預付的3000元廣告費用盡後，&lt;br /&gt;馬上排名又往後掉&lt;br /&gt;&lt;br /&gt;後來想想不是辦法，總不能一直這樣子填無底洞&lt;br /&gt;所以用了一個月就不再用，現在只有下Google關鍵字&lt;br /&gt;&lt;br /&gt;一個月前場地王為了增加PR值，花了3000元在啞虎付費優先處理網站登錄&lt;br /&gt;付費的日期是9月25日，&lt;br /&gt;果真排名就慢慢往前跑&lt;br /&gt;搜尋「場地」關鍵字，從3-4頁慢慢跑到第二頁、跑到第一頁，最後到上週就已經成為「場地」關鍵字的第一名....&lt;br /&gt;&lt;br /&gt;但是昨天一看，居然場地王掉到第11頁，而且呈現出來的還不是首頁....&lt;br /&gt;在&lt;a href="http://twitter.com/alslp"&gt;twitter&lt;/a&gt;上murmur，&lt;a href="http://twitter.com/tempofeng/status/981848018"&gt;tempofeng&lt;/a&gt;說「可能是你們 server 換 ip 了, 如果是的話, 可能過一兩個星期就會回來」，但是我們這幾天沒有進行ip異動，也沒有上什麼大功能....&lt;br /&gt;&lt;br /&gt;另外&lt;span class="entry-content"&gt;&lt;a href="http://twitter.com/roach1971/status/981912259"&gt;roach1971&lt;/a&gt; &lt;/span&gt;說「&lt;span class="entry-content"&gt;這兩天雅虎在調整自然搜尋的排序規則，我們同業也都是全部大風吹。或許雅虎就是要常常跳跳舞大家才會勤奮買關鍵字廣告吧.....」&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;啞虎公關朋友的說法則是「這是自然搜尋結果....」&lt;br /&gt;&lt;span class="entry-content"&gt;&lt;br /&gt;如果依據啞虎公關朋友的說法是自然搜尋的結果，那時間點還真是巧合啊&lt;br /&gt;&lt;br /&gt;1. 9/25付費3000元購買「&lt;/span&gt;優先處理網站登錄」，排名開始快速上升，大約10/30發現排名掉到10頁之外，時間大約是1個月，&lt;span style="color: rgb(255, 0, 0);"&gt;推斷啞虎優先處理網站登錄對於排名的影響力大約1個月&lt;/span&gt;(因為我沒有每天看排名，可能排名往後掉前幾天就發生了)，1個月以後，對不起，請再繳交保護費！&lt;br /&gt;&lt;br /&gt;2. 若是整體調整自然搜尋的排序規則，那啞虎的搜尋功能還真是強大啊，從第一名掉到第10頁之後，這調整的幅度還真是大啊，這個搜尋引擎的 &lt;span style="color: rgb(255, 0, 0);"&gt;可靠度&lt;/span&gt;還真是脆弱啊！&lt;br /&gt;&lt;br /&gt;3. 我昨天有在twitter上和william_yeh 聊了一些關於啞虎不利的消息....是不是這樣子被盯上呢...&lt;br /&gt;&lt;br /&gt;&lt;span class="entry-meta"&gt;william_yeh                             &lt;/span&gt;[有此一說] Y!奇摩的首頁變矮，反映廣告量下滑 &lt;span class="entry-meta"&gt;10:54 AM October 30, 2008                             &lt;/span&gt;(&lt;a href="http://twitter.com/william_yeh/status/981597371"&gt;link&lt;/a&gt;)&lt;br /&gt;&lt;span class="entry-meta"&gt;alslp   &lt;/span&gt;@&lt;a href="http://twitter.com/william_yeh"&gt;william_yeh&lt;/a&gt; Yahoo今年從首頁掉的廣告量可能上億 &lt;span class="entry-meta"&gt;  &lt;/span&gt;&lt;span class="entry-meta"&gt;11:32 AM October 30, 2008-&lt;/span&gt; (&lt;a href="http://twitter.com/alslp/status/981640899"&gt;link&lt;/a&gt;)&lt;br /&gt;&lt;span class="entry-meta"&gt;&lt;/span&gt;&lt;span class="entry-meta"&gt;alslp  &lt;/span&gt;幾大旅遊網站 ezfly、雄獅、燦星等 已經聯合 撤掉 Yahoo！首頁的廣告 &lt;span class="entry-meta"&gt;11:33 AM October 30,&lt;/span&gt;&lt;span class="entry-meta"&gt; 2008&lt;/span&gt;&lt;span class="entry-meta"&gt;&lt;/span&gt;&lt;span class="entry-meta"&gt; (&lt;a href="http://twitter.com/alslp/status/981642063"&gt;link&lt;/a&gt;)&lt;/span&gt;&lt;br /&gt;&lt;span class="entry-meta"&gt;alslp  &lt;/span&gt;以每家一年2000-3000萬來說 就是個億                         &lt;span class="entry-meta"&gt;11:33 AM October 30, 2008- &lt;/span&gt;(&lt;a href="http://twitter.com/alslp/status/981642618"&gt;link&lt;/a&gt;)&lt;br /&gt;&lt;span class="entry-meta"&gt;william_yeh &lt;/span&gt;@&lt;a href="http://twitter.com/alslp"&gt;alslp&lt;/a&gt; 除了之前旅行社撤廣告的事件之外，還有什麼更大規模的事件嗎？                        &lt;span class="entry-meta"&gt;11:34 AM October 30, 2008&lt;/span&gt; (&lt;a href="http://twitter.com/william_yeh/status/981643216"&gt;link&lt;/a&gt;)&lt;br /&gt;alslp @&lt;a href="http://twitter.com/william_yeh"&gt;william_yeh&lt;/a&gt; 房仲業和地產商的廣告                        &lt;span class="entry-meta"&gt;12:07 PM October 30, 2008 (&lt;a href="http://twitter.com/alslp/status/981678295"&gt;link&lt;/a&gt;)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;+++++&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;再度誠摯的呼籲台灣網路界的朋友&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;千‧萬‧不‧要‧試‧圖‧與‧啞‧虎‧對‧抗&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;台灣的霸王不是好對付的&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;希望不要再有下一個受害者了&lt;/span&gt;&lt;br /&gt;&lt;span class="entry-content"&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;請做個網路界好國民&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;記得每月定期向啞虎繳交保護費！&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;請熱烈響應「網路好公民，請按時向啞虎繳交保護費」活動&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://stickeraction.com/payahoo"&gt;&lt;img style="cursor: pointer; width: 200px; height: 66px;" src="http://stickeraction.com/payahoo/sticker" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span class="entry-content"&gt;http://stickeraction.com/payahoo&lt;br /&gt;將貼紙貼到您的部落格上吧！&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;附註：場地王在啞虎搜尋各種瀏覽器及cookie下的排名截圖&lt;br /&gt;&lt;a href="http://www.flickr.com/photos/8339251@N02/"&gt;http://www.flickr.com/photos/8339251@N02/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-5866576148515490751?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/5866576148515490751/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=5866576148515490751&amp;isPopup=true' title='7 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5866576148515490751'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5866576148515490751'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/10/blog-post_30.html' title='站長們必讀！請按月向啞虎繳納保護費！'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_CroxGkx0qIU/SQmPoG6AsvI/AAAAAAAAALo/Jy3RpWVp3dc/s72-c/where2event-ie-p11-nocookie.png' height='72' width='72'/><thr:total>7</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-1852597635445982665</id><published>2008-10-07T02:38:00.000-07:00</published><updated>2008-10-07T20:47:48.534-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='公關職缺RSS'/><category scheme='http://www.blogger.com/atom/ns#' term='公關論壇'/><category scheme='http://www.blogger.com/atom/ns#' term='公關動態RSS'/><category scheme='http://www.blogger.com/atom/ns#' term='場地王'/><category scheme='http://www.blogger.com/atom/ns#' term='Polyfish'/><category scheme='http://www.blogger.com/atom/ns#' term='grazr'/><title type='text'>不用程式硬搞出公關動態RSS及熱門公關職缺RSS</title><content type='html'>&lt;a href="http://www.where2event.com/"&gt;場地王&lt;/a&gt;上個月推出了&lt;a href="http://www.where2event.com/forum"&gt;公關論壇&lt;/a&gt;，一開始大家不願意分享，&lt;br /&gt;為了要增加黏度，至少得做成一個整合的資訊平台！&lt;br /&gt;最快的方法就是去抓其他站的RSS內容，&lt;br /&gt;第一個是抓銘報新聞的公關新聞，&lt;br /&gt;第二個是從104抓出最新公關職缺。&lt;br /&gt;&lt;br /&gt;這兩個內容都沒有提供RSS，所以得用硬幹的方式！&lt;br /&gt;銘報公關產業新聞在這一頁，&lt;br /&gt;http://mol.mcu.edu.tw/showmore.php?cid=z31&lt;br /&gt;先Ponyfish提供的RSS feed maker免費服務，硬捉出RSS&lt;br /&gt;http://www.ponyfish.com/feeds/43738MELcEFjb&lt;br /&gt;再用grazr.com的服務，將RSS包成web widget，&lt;br /&gt;結果就是公關論壇下方的「&lt;a href="http://www.where2event.com/forum/"&gt;台灣公關活動動態RSS&lt;/a&gt;」&lt;br /&gt;&lt;br /&gt;http://www.where2event.com/forum/&lt;br /&gt;&lt;br /&gt;104的公關職缺比較難，因為104的工作內容都用Ajax包起來，以免讓爬蟲抓去別的網站。&lt;br /&gt;http://www.104.com.tw/jobbank/joblist/joblist.cfm?jobsource=n104bank&lt;br /&gt;Ponyfish有提供加上cookie參數，去抓RSS，不過也一直抓不到&lt;br /&gt;我只好去看1111，沒想到現在1111的查詢，完成學104，所以也失敗！&lt;br /&gt;(1111上面看到有職缺RSS服務，我爽了一下原來內容都是空的..！)&lt;br /&gt;後來我在試試看將職缺儲存到個人頁面，頁面轉到pda.104.com.tw&lt;br /&gt;我加上cookie參數，就可以抓到以下RSS&lt;br /&gt;http://www.ponyfish.com/feeds/44115nBfRyAYo&lt;br /&gt;但是Ponyfish免費的服務只能抓一個欄位，所以我只抓到職缺，沒抓到公司名....&lt;br /&gt;&lt;br /&gt;我改找看看104有沒有提供行動的服務，可能會用RSS的方式實現&lt;br /&gt;所以連到104i，查詢關鍵字「公關」的職缺，&lt;br /&gt;http://pda.104.com.tw/if/joblist.cfm?kws=公關&amp;kwop=2&amp;order=1&lt;br /&gt;無意間 ponyfish吐出訊息說104本身就有提供RSS&lt;br /&gt;http://pda.104.com.tw/if/joblist.cfm?fmt=1&amp;kws=公關&amp;kwop=2&amp;order=1&lt;br /&gt;原來是在網址上加了一個fmt=1的參數....&lt;br /&gt;真是藏得太好了！！！&lt;br /&gt;&lt;br /&gt;那就很簡單啦！&lt;br /&gt;把RSS包進grazr.com 的Widget，&lt;br /&gt;程式碼貼到公關論壇即可！&lt;br /&gt;&lt;br /&gt;...只是越掛越多，速度load得越慢啦！&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-1852597635445982665?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/1852597635445982665/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=1852597635445982665&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1852597635445982665'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1852597635445982665'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/10/blog-post.html' title='不用程式硬搞出公關動態RSS及熱門公關職缺RSS'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-4406978826252947193</id><published>2008-09-24T22:55:00.000-07:00</published><updated>2008-09-25T00:20:46.025-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='公關論壇'/><category scheme='http://www.blogger.com/atom/ns#' term='公關社群'/><category scheme='http://www.blogger.com/atom/ns#' term='場地廠商來比價'/><category scheme='http://www.blogger.com/atom/ns#' term='公關討論區'/><category scheme='http://www.blogger.com/atom/ns#' term='活動場地討論'/><category scheme='http://www.blogger.com/atom/ns#' term='免費新聞稿刊登'/><category scheme='http://www.blogger.com/atom/ns#' term='場地舞台佈置'/><category scheme='http://www.blogger.com/atom/ns#' term='場地.tw'/><title type='text'>台灣第一個公關討論區-場地王公關論壇和大家見面啦</title><content type='html'>&lt;p&gt;為了服務更多辦活動的網友，場地王推出了台灣第一個&lt;a href="http://www.where2event.com/forum/" title="公關論壇" target="_blank"&gt;公關論壇&lt;/a&gt;啦！&lt;/p&gt; &lt;p&gt;大家在場地王找完活動場地後，還可以到公關論壇討論活動舉辦的大小事，包括&lt;span class="genmed"&gt;主秀表演、流程、主持人、Showgirl、媒體互動、新聞稿撰寫、議題塑造等，有許多公關高手在版上呢！&lt;/span&gt;&lt;/p&gt; &lt;p&gt;公關論壇有三大特色：&lt;/p&gt; &lt;ol&gt;&lt;li&gt;&lt;span style="color: rgb(255, 102, 0);"&gt;首創「場地廠商來比價」功能&lt;/span&gt;：以往網友找場地，都得一家一家搜尋，每家個別去談；公關論壇由於有&lt;a href="http://www.where2event.com/" title="場地王" target="_blank"&gt;場地王&lt;/a&gt;數百家場地廠商基礎，提供反向的比價功能，由消費者在論壇上主動將需求寫成表單，場地廠商一起向消費者報價，消費者一次可以獲得多個場地廠商的報價，而且&lt;span style="color: rgb(51, 102, 255);"&gt;由於廠商互相競價，消費者可以撿到最大的便宜&lt;/span&gt;。&lt;/li&gt;&lt;li&gt;&lt;span style="color: rgb(255, 102, 0);"&gt;「最專業公關交流平台」&lt;/span&gt;：場地王是台灣最大的活動場地平台，每天都有數百個專業公關活動從業人員在此，將提供最專業的舉辦活動及公關的經驗，並促成業界的互動；同時，針對目前當紅的特闢「&lt;span style="color: rgb(255, 102, 0);"&gt;網路公關/部落格行銷討論區」&lt;/span&gt;，由舉辦多次網路聚會的站長Willy親自主持。&lt;/li&gt;&lt;li&gt;&lt;span style="color: rgb(255, 102, 0);"&gt;「新聞稿刊登」&lt;/span&gt;：公關論壇開放新聞稿刊登服務，並提供RSS方便媒體記者直接訂閱，任何新聞皆不會漏掉。&lt;/li&gt;&lt;/ol&gt; &lt;p&gt;目前開設版面如下：&lt;/p&gt; &lt;ol&gt;&lt;li&gt;&lt;span class="cattitle"&gt;公關行銷專區&lt;/span&gt; &lt;ul&gt;&lt;li&gt;&lt;span class="cattitle"&gt;&lt;a href="http://www.where2event.com/forum/forums/show/2.page" title="公關活動版" target="_blank"&gt;公關活動版&lt;/a&gt;：&lt;/span&gt;&lt;span class="genmed"&gt;分享辦公關/行銷活動的經驗，主秀表演、流程、主持人、Showgirl、媒體互動、新聞稿撰寫、議題塑造等議題 &lt;/span&gt;&lt;/li&gt;&lt;/ul&gt; &lt;ul&gt;&lt;li&gt;&lt;span class="forumLink"&gt;&lt;a href="http://www.where2event.com/forum/forums/show/3.page" title="網路公關/部落格行銷" target="_blank"&gt;網路公關/部落格行銷&lt;/a&gt;：&lt;/span&gt;&lt;span class="genmed"&gt;web 2.0時代，部落格行銷當道，傳統公關公司開始接觸全新的網路媒體，在這裡分享您的經驗及見解吧！ &lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.where2event.com/forum/forums/show/10.page" title="公關行銷人才動態" target="_blank"&gt;公關行銷人才動態&lt;/a&gt;：&lt;span class="genmed"&gt;公關界好封閉唷！其他公關人都在做什麼呢？大家來分享動態吧！徵才、找工作也可以在在這裡發表！ &lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="forumLink"&gt;&lt;a href="http://www.where2event.com/forum/forums/show/14.page" title="新聞稿專區" target="_blank"&gt;新聞稿專區&lt;/a&gt;：&lt;/span&gt;&lt;span class="genmed"&gt;在這裡刊登你的新聞稿吧！ &lt;/span&gt;&lt;/li&gt;&lt;/ul&gt; &lt;/li&gt;&lt;li&gt;&lt;span class="cattitle"&gt;活動場地專區&lt;/span&gt; &lt;ul&gt;&lt;li&gt;&lt;span class="forumlink"&gt;&lt;a href="http://www.where2event.com/forum/forums/show/1.page" title="活動場地討論" target="_blank"&gt;活動場地討論&lt;/a&gt;：&lt;/span&gt;&lt;span class="genmed"&gt;在這裡分享活動場地的經驗和促銷資訊吧！ &lt;/span&gt;&lt;/li&gt;&lt;/ul&gt; &lt;ul&gt;&lt;li&gt;&lt;span class="forumlink"&gt;&lt;a href="http://www.where2event.com/forum/forums/show/5.page" title="場地舞台佈置" target="_blank"&gt;場地舞台佈置&lt;/a&gt;：&lt;/span&gt;&lt;span class="genmed"&gt;大家來分享或交流場地舞台的布置及設計吧！ &lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="forumlink"&gt;&lt;a href="http://www.where2event.com/forum/forums/show/4.page" title="場地廠商來比價" target="_blank"&gt;場地廠商來比價&lt;/a&gt;：&lt;/span&gt;&lt;span class="genmed"&gt;如果你有活動場地的需求，在這裡將你的預算/需求公開說出來，讓廠商主動來報價！ &lt;/span&gt;&lt;/li&gt;&lt;/ul&gt; &lt;/li&gt;&lt;li&gt;&lt;span class="cattitle"&gt;管理專區&lt;/span&gt; &lt;ul&gt;&lt;li&gt;&lt;span class="cattitle"&gt;&lt;a href="http://www.where2event.com/forum/forums/show/11.page" title="場地王網站公告" target="_blank"&gt;網站公告&lt;/a&gt;：&lt;/span&gt;&lt;span class="genmed"&gt;場地王站方公告 &lt;/span&gt;&lt;/li&gt;&lt;/ul&gt; &lt;ul&gt;&lt;li&gt;&lt;span class="cattitle"&gt;&lt;a href="http://www.where2event.com/forum/forums/show/12.page" title="場地王問題與建議" target="_blank"&gt;問題與建議&lt;/a&gt;：&lt;/span&gt;&lt;span class="genmed"&gt;有什麼問題與建議，都歡迎過來發表 &lt;/span&gt;&lt;/li&gt;&lt;/ul&gt; &lt;ul&gt;&lt;li&gt;&lt;span class="cattitle"&gt;&lt;a href="http://www.where2event.com/forum/forums/show/13.page" title="公關人停看聽" target="_blank"&gt;公關人停看聽&lt;/a&gt;：&lt;/span&gt;&lt;span class="genmed"&gt;分享你看到、聽到、讀到的新鮮事吧！&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt; &lt;/li&gt;&lt;/ol&gt; &lt;p&gt;快點來看看吧！&lt;/p&gt; &lt;p&gt;場地王公關論壇&lt;a href="http://www.where2event.com/forum" title="場地王公關論壇" target="_blank"&gt; http://www.where2event.com/forum/&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;同場加映&lt;/p&gt;&lt;p&gt;場地王也同時啟用了「場地.tw」這個網址，您也可以用「&lt;a href="http://xn--ces9w.tw/"&gt;http://場地.tw&lt;/a&gt;」連到場地王唷！&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.where2event.com/forum" title="場地王公關論壇" target="_blank"&gt;&lt;br /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-4406978826252947193?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/4406978826252947193/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=4406978826252947193&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4406978826252947193'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4406978826252947193'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/09/blog-post.html' title='台灣第一個公關討論區-場地王公關論壇和大家見面啦'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-5647688165302381972</id><published>2008-08-04T21:14:00.000-07:00</published><updated>2008-08-04T21:58:26.028-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='where2event'/><category scheme='http://www.blogger.com/atom/ns#' term='JMagick'/><category scheme='http://www.blogger.com/atom/ns#' term='縮圖'/><category scheme='http://www.blogger.com/atom/ns#' term='JAVA'/><title type='text'>JAVA 縮圖程式 JMagick</title><content type='html'>在找&lt;a href="http://www.where2event.com/"&gt;場地王&lt;/a&gt;的縮圖程式，搜尋了一下網路，發現&lt;a href="http://www.javaworld.com.tw/roller/ingramchen/entry/2007_2_1_ResizePhotoInJava"&gt;Java 縮圖程式的效果不太好&lt;/a&gt;&lt;br /&gt;很多人推薦&lt;a href="http://www.imagemagick.org/"&gt;ImageMagick&lt;/a&gt;，ImageMagick支援超過100種影像格式，如GIF, JPEG,PDF, PNG, SVG, and TIFF等常用格式皆有，主要可用來轉檔、縮圖及一些影像處理功能，Flickr在被Yahoo併購前就是使用ImageMagick！&lt;br /&gt;&lt;br /&gt;ImageMagick可以在UNIX-like及Windows下運行，並衍生出許多語言的介面，可以透過各種語言進行實作，如Java介面的&lt;a href="http://www.imagemagick.org/script/api.php#java"&gt;JMagick&lt;/a&gt;、C++的&lt;a href="http://www.imagemagick.org/script/api.php#c++"&gt;Magick++&lt;/a&gt;、PHP的&lt;a href="http://www.imagemagick.org/script/api.php#php"&gt;MagickWand for PHP&lt;/a&gt;或&lt;a href="http://www.imagemagick.org/script/api.php#php"&gt;IMagick&lt;/a&gt;、Ruby的&lt;a href="http://www.imagemagick.org/script/api.php#ruby"&gt;RMagick&lt;/a&gt;、Python的&lt;a href="http://www.imagemagick.org/script/api.php#python"&gt;PythonMagick&lt;/a&gt;、Perl的&lt;a href="http://www.imagemagick.org/script/api.php#perl"&gt;PerlMagick&lt;/a&gt;、Pascal的&lt;a href="http://www.imagemagick.org/script/api.php#pascal"&gt;PascalMagick&lt;/a&gt; .....&lt;br /&gt;&lt;br /&gt;JMagick的官方網頁&lt;br /&gt;&lt;a href="http://www.imagemagick.org/"&gt;http://www.imagemagick.org/&lt;/a&gt;&lt;br /&gt;載點&lt;br /&gt;&lt;a href="http://sourceforge.net/projects/jmagick/"&gt;http://sourceforge.net/projects/jmagick/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;JMagick相關討論&lt;br /&gt;&lt;a href="http://hedong.3322.org/archives/000341.html"&gt;http://hedong.3322.org/archives/000341.html&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www2.matrix.org.cn/thread.shtml?topicId=46202&amp;amp;forumId=19&amp;amp;fid=19"&gt;http://www2.matrix.org.cn/thread.shtml?topicId=46202&amp;amp;forumId=19&amp;amp;fid=19&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.javaworld.com.tw/jute/post/view?bid=11&amp;amp;id=73466&amp;amp;sty=3&amp;amp;age=0&amp;amp;tpg=1&amp;amp;ppg=1#73466"&gt;http://www.javaworld.com.tw/jute/post/view?bid=11&amp;amp;id=73466&amp;amp;sty=3&amp;amp;age=0&amp;amp;tpg=1&amp;amp;ppg=1#73466&lt;/a&gt;&lt;br /&gt;&lt;a href="http://topic.csdn.net/t/20060603/15/4798174.html"&gt;http://topic.csdn.net/t/20060603/15/4798174.html&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;其他JAVA縮圖程式&lt;br /&gt;&lt;a href="http://www.javaworld.com.tw/roller/ingramchen/entry/2007_2_1_ResizePhotoInJava"&gt;http://www.javaworld.com.tw/roller/ingramchen/entry/2007_2_1_ResizePhotoInJava&lt;/a&gt;&lt;br /&gt;&lt;a href="http://blog.xuite.net/genix/destiny/11620831"&gt;http://blog.xuite.net/genix/destiny/11620831&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-5647688165302381972?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/5647688165302381972/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=5647688165302381972&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5647688165302381972'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5647688165302381972'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/08/java-jmagick.html' title='JAVA 縮圖程式 JMagick'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-1737851514517971813</id><published>2008-07-02T04:29:00.000-07:00</published><updated>2008-07-02T04:59:11.363-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='where2event'/><category scheme='http://www.blogger.com/atom/ns#' term='場地王'/><category scheme='http://www.blogger.com/atom/ns#' term='部落格行銷'/><title type='text'>場地王官方部落格上線囉</title><content type='html'>現在是部落格行銷的時代，場地王當然要來個部落格！&lt;br /&gt;才能融入部落客社交圈囉！&lt;br /&gt;&lt;br /&gt;以後在&lt;a target="_blank" href="http://blog.place.com.tw/"&gt;場地王官方部落格&lt;/a&gt;，將會交流場地王大小事、常見問題、場地主題報導並分享ext-js的開發經驗&lt;br /&gt;&lt;br /&gt;大家來捧個人場吧！&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-1737851514517971813?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/1737851514517971813/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=1737851514517971813&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1737851514517971813'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1737851514517971813'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/07/blog-post.html' title='場地王官方部落格上線囉'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7875781180980620503</id><published>2008-06-07T21:15:00.000-07:00</published><updated>2009-01-08T00:00:11.881-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='MySQL'/><category scheme='http://www.blogger.com/atom/ns#' term='DB'/><category scheme='http://www.blogger.com/atom/ns#' term='程式技巧'/><category scheme='http://www.blogger.com/atom/ns#' term='場地王'/><category scheme='http://www.blogger.com/atom/ns#' term='資料庫'/><category scheme='http://www.blogger.com/atom/ns#' term='SQL'/><title type='text'>AND(&amp;&amp;)及OR (||) 判斷式</title><content type='html'>&lt;div style="text-align: left;"&gt;寫&lt;a href="http://www.where2event.com/searchform.html"&gt;場地王搜尋程式&lt;/a&gt;，判斷前端傳來的值遇到了問題，搞了好久終於解開&lt;br /&gt;原來是基本的語法邏輯沒搞透徹&lt;br /&gt;&lt;br /&gt;前端傳來計價方式(A)，及價格區間(低值B、高值C)三個參數&lt;br /&gt;要判斷三者全都有值才會加入SQL語法&lt;br /&gt;&lt;br /&gt;if (A!=null &amp;amp;&amp;amp; B!=null &amp;amp;&amp;amp; C!=null){&lt;br /&gt;sql.append(.....);&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;但是即使前端三個條件沒有全部成立，判斷式內的語法還是會被執行&lt;br /&gt;最後發現原來即使前端是空值(null)，但是還是會傳回空字串("")，所以得用A.equals("")處理字串，最後!A.eqauls("")判斷...&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7875781180980620503?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7875781180980620503/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7875781180980620503&amp;isPopup=true' title='2 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7875781180980620503'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7875781180980620503'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/06/and.html' title='AND(&amp;&amp;)及OR (||) 判斷式'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-920890782484079428</id><published>2008-06-07T17:57:00.000-07:00</published><updated>2008-06-11T20:47:46.827-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='場地王'/><title type='text'>場地王已經偷偷上線囉</title><content type='html'>&lt;a href="http://www.where2event.com/"&gt;場地王&lt;/a&gt;已經偷偷上線囉&lt;br /&gt;不過還有很多功能要加，很多bug要修，很多場地要刊登，&lt;br /&gt;介面也還沒很完善.....&lt;br /&gt;但是總算是個開始了～&lt;br /&gt;已經大家找活動場地來&lt;a href="http://www.where2event.com/"&gt;場地王&lt;/a&gt;吧&lt;br /&gt;&lt;br /&gt;網址：http://www.where2event.com/&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-920890782484079428?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/920890782484079428/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=920890782484079428&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/920890782484079428'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/920890782484079428'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/06/blog-post.html' title='場地王已經偷偷上線囉'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7875164665535410594</id><published>2008-05-30T04:54:00.000-07:00</published><updated>2008-05-30T05:56:42.639-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='MySQL'/><category scheme='http://www.blogger.com/atom/ns#' term='資料庫'/><title type='text'>不知如何下手的SQL查詢--Checkbox的多值</title><content type='html'>一直找不到答案，有人可以給點提示嗎？&lt;br /&gt;&lt;br /&gt;前端表單傳來checkbox的多值，想在資料表的某欄位裡找出全部符合條件的筆數，該如何寫比較好呢？&lt;br /&gt;&lt;br /&gt;資料表是這樣設計的：&lt;br /&gt;場地表     Room&lt;br /&gt;1. r_no：場地的流水號&lt;br /&gt;2. r_name：場地名&lt;br /&gt;ex.&lt;br /&gt;r_no, r_name&lt;br /&gt; 1,A 場地&lt;br /&gt; 2,B 場地&lt;br /&gt; 3,C 場地&lt;br /&gt;&lt;br /&gt;設備表 Facility&lt;br /&gt;1. f_no 設備的流水號&lt;br /&gt;2. f_r_no 設備對應所屬場地的流水號&lt;br /&gt;3. f_item 設備的種類(如燈光、音響等)&lt;br /&gt;ex.&lt;br /&gt;f_no,f_r_no,f_item&lt;br /&gt;1, 1, 燈光&lt;br /&gt;2, 1, 音響&lt;br /&gt;3, 2, 燈光&lt;br /&gt;4, 2, 麥克風&lt;br /&gt;5, 3, 麥克風&lt;br /&gt;6, 1 ,白板&lt;br /&gt;7, 1, 投影機&lt;br /&gt;8, 2,               白板&lt;br /&gt;9, 3,              投影機               &lt;br /&gt;&lt;br /&gt;前端搜尋表單的checkbox傳來設備代號f_item會有好幾個值，來查Facility表&lt;br /&gt;舉例來說，使用者要找同時有白板、麥克風的場地，該怎麼下SQL語法呢？&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7875164665535410594?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7875164665535410594/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7875164665535410594&amp;isPopup=true' title='2 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7875164665535410594'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7875164665535410594'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/05/sql-checkbox.html' title='不知如何下手的SQL查詢--Checkbox的多值'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-9198239851871316436</id><published>2008-05-25T23:35:00.000-07:00</published><updated>2008-05-25T23:36:38.669-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Open API'/><category scheme='http://www.blogger.com/atom/ns#' term='JAVA'/><title type='text'>JAVA 處理影像的open source library</title><content type='html'>使用者上傳的照片需要經過處理，產生縮圖，已減少頻寬用量&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;JIU – The Java Imaging Utilities&lt;br /&gt;http://schmidt.devlib.org/jiu/&lt;br /&gt;JIU(Java Imaging Utilities)是一个Java包提供加载,解析,处理和保存图象像素.&lt;br /&gt;&lt;br /&gt;OpenJGraph&lt;br /&gt;OpenJGraph是一个开源的Java库，用于创建和处理图形和图像绘制.&lt;br /&gt;http://openjgraph.sourceforge.net/&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;JAVA處理照片的相關套件&lt;br /&gt;http://www.javaapi.cn/ShowPost.asp?ThreadID=1014&lt;br /&gt;http://www.mathtools.net/Java/Image_Processing/index.html&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-9198239851871316436?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/9198239851871316436/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=9198239851871316436&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/9198239851871316436'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/9198239851871316436'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/05/java-open-source-library.html' title='JAVA 處理影像的open source library'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-2594856626069534604</id><published>2008-05-12T10:54:00.000-07:00</published><updated>2008-05-12T10:59:37.937-07:00</updated><title type='text'>好文推薦：網頁應用程式 Usability 筆記</title><content type='html'>出處： Xexes's Java Blog&lt;br /&gt;http://www.javaworld.com.tw/roller/ingramchen/entry/2007_11_18_WebAppUsabilityNotes&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-2594856626069534604?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/2594856626069534604/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=2594856626069534604&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2594856626069534604'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2594856626069534604'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/05/usability.html' title='好文推薦：網頁應用程式 Usability 筆記'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-3580546463337154007</id><published>2008-05-06T04:22:00.000-07:00</published><updated>2008-05-06T04:27:08.961-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='CSS'/><category scheme='http://www.blogger.com/atom/ns#' term='場地王'/><title type='text'>Firefox text-align:center 的問題</title><content type='html'>在做場地王View，有一個一直困擾已久的排版問題終於找到答案了&lt;br /&gt;這次問題不再IE，而在FF。&lt;br /&gt;問題出在text-align:center屬性在IE內可控制文字和子區塊置中，&lt;br /&gt;但是在IE內就只能控制文字，子區塊還是會依預設的靠右，&lt;br /&gt;原來CSS要設定為 text-align: -moz-center，&lt;br /&gt;才能正常的把子區塊置中。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-3580546463337154007?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/3580546463337154007/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=3580546463337154007&amp;isPopup=true' title='1 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/3580546463337154007'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/3580546463337154007'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/05/firefox-text-aligncenter.html' title='Firefox text-align:center 的問題'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-5220284806761250334</id><published>2008-05-04T09:57:00.000-07:00</published><updated>2008-05-04T10:22:52.300-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='創業'/><title type='text'>婚宴工具網站：美書兒(MISHUER)</title><content type='html'>無意看到一個婚禮活動的工具網站，非常有趣&lt;br /&gt;&lt;br /&gt;1. 寄發邀請函並統計&lt;br /&gt;2. 系統排位&lt;br /&gt;3. 問卷調查&lt;br /&gt;4. 禮品採購&lt;br /&gt;5. 新娘秘書報價&lt;br /&gt;&lt;br /&gt;和公關王的點子有異曲同工之妙&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-5220284806761250334?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/5220284806761250334/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=5220284806761250334&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5220284806761250334'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5220284806761250334'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/05/mishuer.html' title='婚宴工具網站：美書兒(MISHUER)'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-5703642802776229146</id><published>2008-04-28T20:39:00.000-07:00</published><updated>2008-04-28T20:46:11.203-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='創業'/><category scheme='http://www.blogger.com/atom/ns#' term='happyweb'/><title type='text'>tempo 的創業經驗分享</title><content type='html'>忘了參加HappyWeb10，不過光看tempo的簡報就覺得沒去很可惜.....&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="width: 425px; text-align: left; font-family: arial;" id="__ss_374118"&gt;&lt;object style="margin: 0px;" height="355" width="425"&gt;&lt;param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=entrepreneurship3-1209263997537934-8"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=entrepreneurship3-1209263997537934-8" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="355" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;div style="font-size: 11px; height: 26px; padding-top: 2px;"&gt;&lt;a href="http://www.slideshare.net/?src=embed"&gt;&lt;img src="http://static.slideshare.net/swf/logo_embd.png" style="border: 0px none ; margin-bottom: -5px;" alt="SlideShare" /&gt;&lt;/a&gt; | &lt;a href="http://www.slideshare.net/tempo/entrepreneurship3?src=embed" title="View 'Entrepreneurship3' on SlideShare"&gt;View&lt;/a&gt; | &lt;a href="http://www.slideshare.net/upload?src=embed"&gt;Upload your own&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-5703642802776229146?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/5703642802776229146/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=5703642802776229146&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5703642802776229146'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5703642802776229146'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/04/tempo.html' title='tempo 的創業經驗分享'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-6394019445682293024</id><published>2008-04-17T00:02:00.000-07:00</published><updated>2008-04-17T01:27:59.266-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='創業'/><category scheme='http://www.blogger.com/atom/ns#' term='System Management'/><category scheme='http://www.blogger.com/atom/ns#' term='場地王'/><category scheme='http://www.blogger.com/atom/ns#' term='主機'/><category scheme='http://www.blogger.com/atom/ns#' term='專案開發'/><title type='text'>適合Servlet/JSP的Tomcat主機</title><content type='html'>找了一下適合Servlet/JSP的Tomcat主機，看到一家國內的廠商&lt;a href="http://www.serverzoo.com/jsp_plan.htm"&gt;ServerZoo&lt;/a&gt;，Java World上有人在&lt;a href="http://www.javaworld.com.tw/jute/post/view?bid=14&amp;amp;id=52894&amp;amp;sty=3&amp;amp;age=0&amp;amp;tpg=1&amp;amp;ppg=1#52894"&gt;推薦&lt;/a&gt;，一年50G，450MB保證頻寬，一年8820元，超過流量每GB 70元(預付價)，另外還有虛擬專屬主機的選擇，除了獨立執行緒和保證記憶體外，還可以自行安裝需要的OS及軟體。比起另一家補夢網便宜多了。&lt;br /&gt;&lt;br /&gt;另外國外有一家&lt;a href="http://www.dailyrazor.com/vps/vds_plans.php"&gt;&lt;span style="font-weight: bold; font-style: italic; color: rgb(204, 0, 0);"&gt;&lt;span style="font-size: 10pt;"&gt;&lt;/span&gt;&lt;/span&gt;DailyDazor&lt;/a&gt;，Xdite現在架twitio.us就用這裡，提供250GB頻寬，每月57.95美金，256保證頻寬，並允許768的瞬間流量。&lt;br /&gt;&lt;br /&gt;之前在數位時代，瞭解一個中型新聞性網站的流量(page view 120萬，人次18萬次，unique user 86,000人)，大約一個月需要90G的流量空間。場地王每月人次應該在3-5萬低於數位時代，但是下載的場地圖片比較多，因此平均流量應該落在每月50-70G，前三個月可能只有20G左右，看起來ServerZero應該是很不錯的選擇。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-6394019445682293024?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/6394019445682293024/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=6394019445682293024&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6394019445682293024'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6394019445682293024'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/04/servletjsptomcat.html' title='適合Servlet/JSP的Tomcat主機'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-1938113516206155805</id><published>2008-04-13T21:33:00.000-07:00</published><updated>2008-04-13T21:37:50.637-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='程式技巧'/><category scheme='http://www.blogger.com/atom/ns#' term='viral marketing'/><title type='text'>有用的正規表示法</title><content type='html'>&lt;span style="font-family: arial;"&gt;出處：http://scnujie.javaeye.com/blog/172872&lt;br /&gt;&lt;br /&gt;匹配中文字符的正则表达式： [\u4e00-\u9fa5] &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;评注：匹配中文还真是个头疼的事，有了这个表达式就好办了 &lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;匹配双字节字符(包括汉字在内)：[^\x00-\xff] &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） &lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;匹配空白行的正则表达式：\n\s*\r &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;评注：可以用来删除空白行 &lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;匹配HTML标记的正则表达式：&lt;(\S*?)[^&gt;]*&gt;.*?&lt;/\1&gt;|&lt;.*? /&gt; &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;评注：网上流传的版本太糟糕，上面这个也仅仅能匹配部分，对于复杂的嵌套标记依旧无能为力 &lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;匹配首尾空白字符的正则表达式：^\s*|\s*$ &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;评注：可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式 &lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;评注：表单验证时很实用 &lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;匹配网址URL的正则表达式：[a-zA-z]+://[^\s]* &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;评注：网上流传的版本功能很有限，上面这个基本可以满足需求 &lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$ &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;评注：表单验证时很实用 &lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;匹配国内电话号码：\d{3}-\d{8}|\d{4}-\d{7} &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;评注：匹配形式如 0511-4405222 或 021-87888822 &lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;匹配腾讯QQ号：[1-9][0-9]{4,} &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;评注：腾讯QQ号从10000开始 &lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;匹配中国邮政编码：[1-9]\d{5}(?!\d) &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;评注：中国邮政编码为6位数字 &lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;匹配身份证：\d{15}|\d{18} &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;评注：中国的身份证为15位或18位 &lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;匹配ip地址：\d+\.\d+\.\d+\.\d+ &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;评注：提取ip地址时有用 &lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;匹配特定数字： &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;^[1-9]\d*$　 　 //匹配正整数 &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;^-[1-9]\d*$ 　 //匹配负整数 &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;^-?[1-9]\d*$　　 //匹配整数 &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;^[1-9]\d*|0$　 //匹配非负整数（正整数 + 0） &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;^-[1-9]\d*|0$　　 //匹配非正整数（负整数 + 0） &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$　　 //匹配正浮点数 &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$　 //匹配负浮点数 &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$　 //匹配浮点数 &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$　　 //匹配非负浮点数（正浮点数 + 0） &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$　　//匹配非正浮点数（负浮点数 + 0） &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;评注：处理大量数据时有用，具体应用时注意修正 &lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;匹配特定字符串： &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;^[A-Za-z]+$　　//匹配由26个英文字母组成的字符串 &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;^[A-Z]+$　　//匹配由26个英文字母的大写组成的字符串 &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;^[a-z]+$　　//匹配由26个英文字母的小写组成的字符串 &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;^[A-Za-z0-9]+$　　//匹配由数字和26个英文字母组成的字符串 &lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;^\w+$　　//匹配由数字、26个英文字母或者下划线组成的字符串 &lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;正则表达式 \d前面加个"\"转义字符 这里是判断YYYY-MM-DD这种格式的，基本上把闰年和2月等的情况都考虑进去了 ^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))$ &lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;下面的是加了时间验证的 ^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-)) (20|21|22|23|[0-1]?\d):[0-5]?\d:[0-5]?\d$&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-1938113516206155805?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/1938113516206155805/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=1938113516206155805&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1938113516206155805'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1938113516206155805'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/04/blog-post.html' title='有用的正規表示法'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-2847777836834981413</id><published>2008-03-21T17:14:00.000-07:00</published><updated>2008-03-21T18:36:26.838-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Google Map'/><category scheme='http://www.blogger.com/atom/ns#' term='地圖日記'/><category scheme='http://www.blogger.com/atom/ns#' term='Open API'/><title type='text'>地圖日記課程：Google Map API</title><content type='html'>前天請到地圖日記技術長Andy為同事講解示範Google Map API的玩法，&lt;br /&gt;大家都收穫良多，來分享一下。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;叫出地圖&lt;/span&gt;&lt;br /&gt;&lt;pre class="prettyprint"&gt;首先引入Gmap，Key要向Google Map申請，每個網域都有特定的值&lt;span class="pun"&gt;&lt;/span&gt;&lt;blockquote&gt;&lt;span class="pun"&gt;&lt;&lt;/span&gt;&lt;span class="tag"&gt;script&lt;/span&gt;&lt;span class="pln"&gt; &lt;/span&gt;&lt;span class="atn"&gt;type&lt;/span&gt;&lt;span class="pun"&gt;=&lt;/span&gt;&lt;span class="atv"&gt;"text/javascript"&lt;/span&gt;&lt;span class="pln"&gt; &lt;/span&gt;&lt;span class="atn"&gt;src&lt;/span&gt;&lt;span class="pun"&gt;=&lt;/span&gt;&lt;span class="atv"&gt;"http://www.google.com/jsapi?key=&lt;/span&gt;&lt;i&gt;&lt;span class="atv"&gt;ABCDEFG&lt;/span&gt;&lt;/i&gt;&lt;span class="atv"&gt;"&lt;/span&gt;&lt;span class="pun"&gt;&gt;&lt;!--&lt;/span--&gt;&lt;span class="tag"&gt;script&lt;/span&gt;&lt;span class="pun"&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/blockquote&gt;接下來將Map2物件實體化，並塞在前端div=map的標籤內，&lt;br /&gt;用setCenter方法，傳入經緯度及地圖比例(1~18)，就可以將地圖叫出&lt;span class="pln"&gt;&lt;/span&gt;&lt;span class="kwd"&gt;&lt;/span&gt;&lt;blockquote&gt;&lt;span class="kwd"&gt;var&lt;/span&gt;&lt;span class="pln"&gt; map &lt;/span&gt;&lt;span class="pun"&gt;=&lt;/span&gt;&lt;span class="pln"&gt; &lt;/span&gt;&lt;span class="kwd"&gt;new&lt;/span&gt;&lt;span class="pln"&gt; google&lt;/span&gt;&lt;span class="pun"&gt;.&lt;/span&gt;&lt;span class="pln"&gt;maps&lt;/span&gt;&lt;span class="pun"&gt;.&lt;/span&gt;&lt;span class="pln"&gt;Map2&lt;/span&gt;&lt;span class="pun"&gt;(&lt;/span&gt;&lt;span class="pln"&gt;document&lt;/span&gt;&lt;span class="pun"&gt;.&lt;/span&gt;&lt;span class="pln"&gt;getElementById&lt;/span&gt;&lt;span class="pun"&gt;(&lt;/span&gt;&lt;span class="str"&gt;"map"&lt;/span&gt;&lt;span class="pun"&gt;));&lt;/span&gt;&lt;span class="pln"&gt;&lt;br /&gt;map&lt;/span&gt;&lt;span class="pun"&gt;.&lt;/span&gt;&lt;span class="pln"&gt;setCenter&lt;/span&gt;&lt;span class="pun"&gt;(&lt;/span&gt;&lt;span class="kwd"&gt;new&lt;/span&gt;&lt;span class="pln"&gt; google&lt;/span&gt;&lt;span class="pun"&gt;.&lt;/span&gt;&lt;span class="pln"&gt;maps&lt;/span&gt;&lt;span class="pun"&gt;.&lt;/span&gt;&lt;span class="typ"&gt;LatLng&lt;/span&gt;&lt;span class="pun"&gt;(&lt;/span&gt;&lt;span class="lit"&gt;37.4419&lt;/span&gt;&lt;span class="pun"&gt;,&lt;/span&gt;&lt;span class="pln"&gt; &lt;/span&gt;&lt;span class="pun"&gt;-&lt;/span&gt;&lt;span class="lit"&gt;122.1419&lt;/span&gt;&lt;span class="pun"&gt;),&lt;/span&gt;&lt;span class="pln"&gt; &lt;/span&gt;&lt;span class="lit"&gt;13&lt;/span&gt;&lt;span class="pun"&gt;);&lt;/span&gt;&lt;/blockquote&gt;&lt;span class="pun"&gt;&lt;/span&gt;&lt;span class="pun"&gt;&lt;span style="font-weight: bold;"&gt;加上標記(marker)&lt;br /&gt;&lt;/span&gt;用Gmarker，&lt;/span&gt;GMarker(&lt;span class="type" title="type:  GLatLng"&gt;point&lt;/span&gt;, &lt;span class="type" title="type:  GIcon"&gt; icon?&lt;/span&gt;, &lt;span class="type" title="type:  Boolean"&gt; inert?&lt;/span&gt;)，&lt;br /&gt;第一個參數傳入一個Gpoint或GLatLng，第二個是傳入icon類型，&lt;br /&gt;Gmarker實體化，再用map.addOverlay(marker)，將標記放在地圖上。&lt;br /&gt;icon可以換成自己想要的圖或者選擇預設&lt;br /&gt;icon的定位設定跟iconSize及iconAnchor，如果&lt;blockquote&gt;iconoff.iconSize = new GSize(40, 40);&lt;br /&gt;iconoff.iconAnchor = new GPoint(20, 40);&lt;/blockquote&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;開對話視窗&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;用map.openInfoWindow(&lt;span class="type" title="type:  GLatLng"&gt;point&lt;/span&gt;, &lt;span class="type" title="type:  Node"&gt; node&lt;/span&gt;, &lt;span class="type" title="type:  GInfoWindowOptions"&gt;opts?&lt;/span&gt;)或openInfoWindowHtml(&lt;span class="type" title="type:  GLatLng"&gt;point&lt;/span&gt;, &lt;span class="type" title="type:  String"&gt; html&lt;/span&gt;, &lt;span class="type" title="type:  GInfoWindowOptions"&gt;opts?&lt;/span&gt;)&lt;br /&gt;或GinfoWindow開出視窗，可設定各種視窗及效果&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;將鏡頭拉到某一個點&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;map.panTo(&lt;span class="type" title="type:  GLatLng"&gt;center&lt;/span&gt;)，center傳入一個GLatLng(&lt;span class="type" title="type:  Number"&gt;lat&lt;/span&gt;, &lt;span class="type" title="type:  Number"&gt; lng&lt;/span&gt;, &lt;span class="type" title="type:  Boolean"&gt; unbounded?&lt;/span&gt;)或Gpoint(x,y)當作中心點，&lt;br /&gt;因此如果要做出動態拉鏡頭的效果，可以將一串經緯度傳入陣列，再用setTimeout&lt;br /&gt;設定依時間順序序傳入陣列的經緯度值。&lt;blockquote&gt;setTimeout("javascript statement",milliseconds);&lt;/blockquote&gt;另外，eval()也很好用，&lt;br /&gt;後端回傳的responseText如果用JSON格式，塞入eval(string)中，可以直接成為陣列&lt;blockquote&gt;landmarkdata = eval('(' + o.responseText + ')');&lt;/blockquote&gt;&lt;span style="font-weight: bold;"&gt;標定視窗界線，讓使用者拉動到鏡頭外時可以重新傳入新的經緯度值&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;必須以事件(GEventListener)監聽地圖的四個角的位置&lt;span class="pun"&gt;(GBound)，&lt;br /&gt;當改變時，重新到資料庫取出新的使用者經緯度資料，並重繪地圖。&lt;br /&gt;&lt;/span&gt;&lt;/pre&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-2847777836834981413?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/2847777836834981413/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=2847777836834981413&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2847777836834981413'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2847777836834981413'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/03/google-map-api.html' title='地圖日記課程：Google Map API'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-2796431022380674284</id><published>2008-03-13T20:31:00.000-07:00</published><updated>2008-03-14T06:10:17.661-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='where2event'/><category scheme='http://www.blogger.com/atom/ns#' term='MySQL'/><category scheme='http://www.blogger.com/atom/ns#' term='DB'/><category scheme='http://www.blogger.com/atom/ns#' term='專案開發'/><title type='text'>資料庫優化</title><content type='html'>發現資料庫的查詢很慢，看了一下書，做點筆記&lt;br /&gt;&lt;br /&gt;1. 建立索引&lt;br /&gt;- 建立索引可以加速查詢，但是update的速度會慢一些，因為update資料欄位也同時要更新索引排序&lt;br /&gt;- 不能在太多欄位建立索引，否則資料量會變大，也讓速度下降&lt;br /&gt;- 使用不可重覆的索引，並且盡量短(但是還是得保留辨視度)&lt;br /&gt;- 索引建立的地方，加在 FROM或WHERE相關的欄位，而不是要SELECT的欄位&lt;br /&gt;&lt;br /&gt;SELECT (col_a) FROM (tb1 LEFT JOIN tb2 ON tb1.col_b=tbl2.col_c) WHERE (col_d=expr)&lt;br /&gt;&lt;br /&gt;-UPDATE時，盡量寫在一筆內一次寫入多個欄位，而不要分為多筆，否則必須重覆建立索引，速度會很慢&lt;br /&gt;&lt;br /&gt;2. 欄位設定NOT NULL，可以讓Where的判斷式更快&lt;br /&gt;3. 使用查詢加速器&lt;br /&gt;4. 記憶體要大，請參考FAR的文章&lt;br /&gt;&lt;br /&gt;相關資料&lt;br /&gt;http://www.belinking.com/Big5/data_52.htm&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-2796431022380674284?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/2796431022380674284/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=2796431022380674284&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2796431022380674284'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2796431022380674284'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/03/blog-post.html' title='資料庫優化'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-361874348549448482</id><published>2008-03-06T00:21:00.000-08:00</published><updated>2008-03-06T00:45:02.964-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='where2event'/><category scheme='http://www.blogger.com/atom/ns#' term='Google Map'/><category scheme='http://www.blogger.com/atom/ns#' term='創業'/><category scheme='http://www.blogger.com/atom/ns#' term='ShowJoin'/><category scheme='http://www.blogger.com/atom/ns#' term='LocalKing'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><category scheme='http://www.blogger.com/atom/ns#' term='Open API'/><title type='text'>Web 2.0 創新服務大驚奇</title><content type='html'>昨天參加完資策會web 2.0創新服務競賽的決選，表現不算好，&lt;br /&gt;能不能入選看運氣囉！&lt;br /&gt;&lt;br /&gt;不過隔天看到Multani的文章&lt;a href="http://multani1026.blogspot.com/2008/03/web-20present.html"&gt;1&lt;/a&gt;、&lt;a href="http://multani1026.blogspot.com/2008/03/web-20present.html"&gt;2&lt;/a&gt;，發現兩個有趣的網站，&lt;a href="http://sites.google.com/a/showjoin.net/showjoin/Home"&gt;ShowJoin&lt;/a&gt;和&lt;a href="http://www.localking.com.tw/"&gt;Localking&lt;/a&gt;，分別和場地王有合作的可能性&lt;br /&gt;&lt;br /&gt;1. &lt;a href="http://sites.google.com/a/showjoin.net/showjoin/Home"&gt;ShowJoin&lt;/a&gt;，是敲活動時間的工具+社群網站：&lt;br /&gt;   a. 場地王開放場地API，供ShowJoin網友揪團的時候除了時間還可以有活動場地的選擇&lt;br /&gt;   b. ShowJoin開放API讓場地王嵌入網站，提供場地王使用者在場地王平台外，除了選擇活動            (記者會、宴席、聚會)場地外，還可以橋時間。&lt;a href="http://wellmeet.net/"&gt;揪團網&lt;/a&gt;也提供類似功能。&lt;br /&gt;&lt;br /&gt;2. &lt;a href="http://www.localking.com.tw/"&gt;LocalKing&lt;/a&gt;，在msn介面上以plugin嵌入Google Map，以web 2.0方式提供地緣關係的生活資訊        問答。&lt;br /&gt;   a. 場地王網站上提供LocalKing Plugin下載，增加LocalKing User Base；&lt;br /&gt;   b. LocalKing在msn上的LocalKing介面，可以藉由場地王資料庫豐富生活資訊及專家。&lt;br /&gt;   c. 場地王客戶若需要在多一個介面上(LocalKing)刊登廣告，可以透過場地王，並將利益拆帳給        LocalKing&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-361874348549448482?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/361874348549448482/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=361874348549448482&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/361874348549448482'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/361874348549448482'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/03/web-20.html' title='Web 2.0 創新服務大驚奇'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-610833147699097456</id><published>2008-03-02T19:48:00.000-08:00</published><updated>2008-03-02T20:01:40.146-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='MySQL'/><category scheme='http://www.blogger.com/atom/ns#' term='DB'/><category scheme='http://www.blogger.com/atom/ns#' term='System Management'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><title type='text'>好文精選：架設大型網站的Tips</title><content type='html'>原文出自Pixnet的創辦人Far&lt;br /&gt;http://blog.pixnet.net/far/post/17024&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;「架設像Pixnet或者是無名這類網站真的要所費不貲麼?&lt;br /&gt;其實不然.&lt;br /&gt;下面的東西，對一些大Site來說是很基本的道理。只是想讓初學者省去摸索跟試誤的時間。&lt;br /&gt;一些架站的Tips..&lt;br /&gt;&lt;br /&gt;1. Storage Server&lt;br /&gt;外面一台專業存儲設備或者是NAS等等都價格昂貴，但有多少錢做多少事情，買個幾台一般的主機，買個幾張RAID卡，RAID卡的價錢，當然就關係著品質。建議購買具有RAID 5的功能之RAID卡，stripe 可以加快讀取速度，硬碟越多顆，讀取速度越快。RAID 5允許在有一顆硬碟fail的情況下可以rebuild資料回來。增加資料安全性。&lt;br /&gt;&lt;br /&gt;一般建立使用者，會給予其流水號，建議使用流水號來分目錄，比如說Pixnet，有一位使用者的帳號是far，他的uid是12345，我會將他的圖片放置於userpics/4/5/12345裡面，這樣有什麼好處?好處在於可以把使用者平均的分散在不同的目錄，不同的機器上。像pixnet的範例，依成長的比例，從1台~100台都可以自由運用。 (分的越細當然就可以分更多台)。有人會說每個人用量都不一樣，真的能夠平均麼?可以的。人數越多，就越平均.:)。某site用的是使用者名稱的第一個字母，但是英文字首的命名本來就極不平均，所以要load banlance就越困難，加上他只能最多分到26台。&lt;br /&gt;ㄧ般要讓其他機器可以存取圖檔，我們習慣的作法是開NFS，但是我們建議，盡量不要用NFS，問題太多，效能也不好。能用其他方式取代就取代。&lt;br /&gt;&lt;br /&gt;2. DB&lt;br /&gt;Pixnet 使用MySQL 5，自MySQL 4.1之後的sub-select是我很愛用的，真的頗好用。DB在編譯的時候，用不到的功能能關就關，my.cnf 其實有很多東西可以調，看你自己最多的query type是什麼，對於memory的分配就很重要。DB重的是memory，所以能大就盡量大。&lt;br /&gt;&lt;br /&gt;tune my.cnf只能有部分的效能增進，要使其到極限，還是要去改寫你的mysql query，使用EXPLAIN來看你的query是不是做太多白工。這部份的效能增進是最大的。&lt;br /&gt;&lt;br /&gt;打開log slow query，可以讓你知道哪些query最耗時，想辦法改寫他。&lt;br /&gt;&lt;br /&gt;打開mysql cache，這樣mysql會有cache的功能，相同的query就不會再去處理一次，而把上ㄧ次同樣的結果丟出來。時間與CPU都省了下來。&lt;br /&gt;&lt;br /&gt;安裝mytop可以幫助你了解可能出問題的query在哪裡。&lt;br /&gt;&lt;br /&gt;定期OPTIMIZE TABLE。&lt;br /&gt;&lt;br /&gt;能讓php做的，就不要讓mysql去做。與其讓mysql去做非自己專們的運算，不如給php做。&lt;br /&gt;對於常常access且static的資料，比如像是熱門相簿等等，不需要每次都重算。你可以每小時做一次統計，並且將結果丟到一個HEAP的 table，這樣對於這種很常大量access的資料，mysql幾乎只是提取資料，而不需要另外做運算。效能上當然是大大增進。&lt;br /&gt;&lt;br /&gt;將ㄧ些會很常大量access的資料，且可以經由其他table運算出來的資料，放到另ㄧ個HEAP table，因為HEAP是把table放置到memory，在server重起後，資料會不見。所以適合可以重新運算即可得到，且被大量使用的資料上。&lt;br /&gt;&lt;br /&gt;類似像隨機相簿這種，請不要真的把所有的資料放下去隨機，隨著你的site成長越大，這部份的load也就會越大，你只要讓人家感覺是隨機就好了。每個小時從原始資料中random出夠大的SET(比如說1萬份)，當使用者要access時，再從這1萬份裡random取出10份即可。randomㄧ萬份是比random一千萬份的時間是少之又少。Server Load也頓減許多。&lt;br /&gt;&lt;br /&gt;要做的是功能，某種層度上它是真的隨機，請不要傻傻的全部去給他隨機。&lt;br /&gt;如果機器算多的話，做一下mysql replication，讓master專門做寫入，讓多台slave做讀取，如此可以做到High Available又可以做到備份的功效。效能增進上更是倍數成長。&lt;br /&gt;&lt;br /&gt;3. reverse Proxy&lt;br /&gt;Proxy是很重要的，他是擋在file server前面的東西。大家都知道file server最怕的是硬碟壞軌，而過量的IO也確實會讓file Server的壽命減少。Reverse Proxy的功能就在保護File Server的壽命。我在每台file server上面跑thttpd。然後Reverse Proxy再跟file server的HTTP要檔案。thttpd本身有cache的功能，你可以設定expire time，他會cache在memory中，所以實際上可以減少硬碟的I/O，加上Reverse Proxy又再一次的cache，可以做到雙層cache，做到保護硬碟的功效。&lt;br /&gt;&lt;br /&gt;4. Web&lt;br /&gt;如果可以的話，讓網站只有很簡單的吞吐，不要有多餘的功能，如果是用APACHE之類的，module load越少越好，htaccess能關儘量關掉。PHP如果可以就跑fastcgi，現在php cache的soft有很多，像是mmcache，APC，eaccelerator等等。它可以將php complie候cache在memory裡，如此，下一次同樣的request就可以少掉這段的耗費。&lt;br /&gt;&lt;br /&gt;如果可以弄成static page就最好弄成static page。靜態頁面的吞吐大過於php產生頁面。&lt;br /&gt;&lt;br /&gt;5. 程式&lt;br /&gt;程式方面就沒什麼好說了，這多少是看功力。多試多玩，他就是你的了。&lt;br /&gt;&lt;br /&gt;還有，做這種東西，很重要的是"Cache!Cache!Cache!!"&lt;br /&gt;&lt;br /&gt;很多Optimize的方法Google其實都有，不要怕花太多時間，就算是一點點小tip，有時也是很實用的。&lt;br /&gt;&lt;br /&gt;寫的有點雜亂無章.以後想到再補訴。」&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;補充資料&lt;/span&gt;&lt;br /&gt;1. MySQL設定&lt;br /&gt;&lt;a href="http://www.eland.com.tw/www/javaland/2003_11/javatech_javaclassroom.htm"&gt;http://www.eland.com.tw/www/javaland/2003_11/javatech_javaclassroom.htm&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;2. HEAP TABLE&lt;br /&gt;&lt;a href="http://www.databasejournal.com/features/mysql/article.php/3077531"&gt;http://www.databasejournal.com/features/mysql/article.php/3077531&lt;/a&gt;&lt;br /&gt;&lt;a href="http://dev.mysql.com/doc/refman/5.0/en/memory-storage-engine.html"&gt;http://dev.mysql.com/doc/refman/5.0/en/memory-storage-engine.html&lt;/a&gt;&lt;br /&gt;&lt;a href="http://linux.tnc.edu.tw/techdoc/mysql/mysql_doc/manual_Server.html"&gt;http://linux.tnc.edu.tw/techdoc/mysql/mysql_doc/manual_Server.html&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.twbbs.net.tw/1302006.html"&gt;http://www.twbbs.net.tw/1302006.html&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-610833147699097456?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/610833147699097456/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=610833147699097456&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/610833147699097456'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/610833147699097456'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/03/tips.html' title='好文精選：架設大型網站的Tips'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7703635096559083165</id><published>2008-02-26T09:55:00.000-08:00</published><updated>2008-02-26T10:17:45.654-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='programming'/><category scheme='http://www.blogger.com/atom/ns#' term='Open API'/><title type='text'>如何善用網路上的開源碼：回收再利用</title><content type='html'>分享&lt;a href="http://www.javaworld.com.tw/roller/qing/"&gt;Qing&lt;/a&gt;的另一個系列文，&lt;span style="font-weight: bold;"&gt;「Google時代的程式撰寫」&lt;/span&gt;&lt;br /&gt;&lt;a href="http://www.javaworld.com.tw/roller/qing/entry/2006_4_18_Google_Programming"&gt;http://www.javaworld.com.tw/roller/qing/entry/2006_4_18_Google_Programming&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;作者指出有三大轉變&lt;br /&gt;1. 由於Google搜尋引擎和網路的的發達，現在更容易找到人家分享的開放原始碼（如&lt;span lang="EN-US"&gt;&lt;a href="http://www.codeproject.com/"&gt;http://www.codeproject.com&lt;/a&gt;&lt;br /&gt;2. 錯誤排除的速度更快了，現在只要把錯誤碼或訊息貼到搜尋引擎，就可以找到一大堆解法&lt;br /&gt;3. 以前的開發方式通常都是靠自己寫或團隊的程式庫，但是現在網路上一大堆open source code，也因此現在&lt;/span&gt;&lt;span style="font-family:新細明體;"&gt;「追蹤原始程式碼、拆解原始程式碼」的能力，可能比自己撰寫程式碼的能力更重要。&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;開放原始碼的回收與再利用&lt;/span&gt;&lt;br /&gt;&lt;a href="http://www.javaworld.com.tw/roller/qing/entry/2006_4_19_Recycle_Open_Source"&gt;http://www.javaworld.com.tw/roller/qing/entry/2006_4_19_Recycle_Open_Source&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;作者分享如何有效利用回收、再利用開放原始碼，增快程式開發能力&lt;br /&gt;1. 在網路上搜尋適合的原始碼：基本規則如下&lt;br /&gt;&lt;ul&gt;&lt;li&gt;執行平台、語言相符&lt;/li&gt;&lt;li&gt;版權宣告適合&lt;/li&gt;&lt;li&gt;範圍接近、相依性低&lt;/li&gt;&lt;li&gt;使用者眾(可加上有開發社群)&lt;/li&gt;&lt;/ul&gt;2. 瞭解程式架構，拆解出自己所需的部份&lt;br /&gt;3. 訂定不同階段，從最小里程碑開始&lt;br /&gt;4. 做最細部拆解，先求能編譯，再求能正確執行&lt;br /&gt;5. 暫時忽略第一個里程碑的內容：&lt;span style="font-family: 新細明體;"&gt;適時註解掉不是目前正在處理的部份，以求通過編譯檢查&lt;/span&gt;&lt;br /&gt;6. 適度地斬斷關連性，尋找適合的替代品&lt;br /&gt;7. 整理介面，去除不必要的元素&lt;br /&gt;8. 做好心理準備，面對混亂&lt;br /&gt;9. 跨出成功的第一步&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;開放原始碼的回收與再利用－實例探討：視訊檔案的格式探測&lt;/span&gt;&lt;a href="http://www.javaworld.com.tw/roller/qing/entry/2006_10_10_%E9%96%8B%E6%94%BE%E5%8E%9F%E5%A7%8B%E7%A2%BC%E7%9A%84%E5%9B%9E%E6%94%B6%E8%88%87%E5%86%8D%E5%88%A9%E7%94%A8_%E5%AF%A6%E4%BE%8B%E6%8E%A2%E8%A8%8E_%E8%A6%96%E8%A8%8A%E6%AA%94%E6%A1%88%E7%9A%84%E6%A0%BC%E5%BC%8F%E6%8E%A2%E6%B8%AC"&gt;&lt;br /&gt;http://www.javaworld.com.tw/roller/qing/entry/2006_10_10_%E9%96%8B%E6%94%BE%E5%8E%9F%E5%A7%8B%E7%A2%BC%E7%9A%84%E5%9B%9E%E6%94%B6%E8%88%87%E5%86%8D%E5%88%A9%E7%94%A8_%E5%AF%A6%E4%BE%8B%E6%8E%A2%E8%A8%8E_%E8%A6%96%E8%A8%8A%E6%AA%94%E6%A1%88%E7%9A%84%E6%A0%BC%E5%BC%8F%E6%8E%A2%E6%B8%AC&lt;/a&gt;&lt;br /&gt;&lt;span style="background: rgb(217, 217, 217) none repeat scroll 0% 50%; font-size: 14pt; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: 新細明體;"&gt;&lt;/span&gt;作者示範回收再利用開放原始碼的範例&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7703635096559083165?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7703635096559083165/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7703635096559083165&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7703635096559083165'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7703635096559083165'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/02/blog-post_26.html' title='如何善用網路上的開源碼：回收再利用'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-2927590974506176040</id><published>2008-02-26T09:00:00.000-08:00</published><updated>2008-02-26T10:25:34.303-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='programming'/><category scheme='http://www.blogger.com/atom/ns#' term='專案開發'/><title type='text'>分享很棒的程式開發觀念</title><content type='html'>今天看到了一個程式設計師&lt;a href="http://www.javaworld.com.tw/roller/qing/"&gt;qing&lt;/a&gt;的部落格，分享了很多篇程式開發的觀念&lt;br /&gt;我覺得很棒，大家一定要點來看！&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;砍掉重練真的會比較好嗎？&lt;/span&gt;&lt;br /&gt;&lt;a href="http://www.javaworld.com.tw/roller/qing/entry/%E7%A0%8D%E6%8E%89%E9%87%8D%E7%B7%B4%E7%9C%9F%E7%9A%84%E6%9C%83%E6%AF%94%E8%BC%83%E5%A5%BD%E5%97%8E"&gt;http://www.javaworld.com.tw/roller/qing/entry/%E7%A0%8D%E6%8E%89%E9%87%8D%E7%B7%B4%E7%9C%9F%E7%9A%84%E6%9C%83%E6%AF%94%E8%BC%83%E5%A5%BD%E5%97%8E&lt;/a&gt;&lt;br /&gt;作者討論會想要讓程式設計師砍掉重練的情況大致上有5種：&lt;br /&gt;（1）撰碼風格不佳（2）過多重覆累贅的程式碼（3）程式架構疊床架屋（4）架構設計不夠通用（5）所運用的技術跟不上潮流（5）有太多隱藏在深處的臭蟲未爆彈。&lt;br /&gt;但是他認為其實大多數的時候不應該砍掉重練，因為以生產力的角度來說是不划算的。&lt;br /&gt;很多情況只要透過重構(refactoring)，將類似的程式碼精鍊即可。&lt;br /&gt;&lt;br /&gt;想要砍掉重練，通常是優秀程式員想要維持完美性的心魔，但是這樣可能陷入over-engineering（討論請詳見下一篇），他的看法是程式可以跑最重要！&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;淺談軟體設計的Over-Engineering&lt;/span&gt;&lt;br /&gt;&lt;a href="http://www.javaworld.com.tw/roller/qing/category/programming?page=1"&gt;http://www.javaworld.com.tw/roller/qing/category/programming?page=1&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;作者提到了under-engineering和over-engineering。&lt;span lang="EN-US"&gt;「under-engineering&lt;/span&gt;&lt;span style="font-family:新細明體;"&gt;是絲毫不為日後的可能做準備，而&lt;/span&gt;&lt;span lang="EN-US"&gt;over-engineering&lt;/span&gt;&lt;span style="font-family:新細明體;"&gt;則是為尚不可見的未來做太多準備。」&lt;br /&gt;&lt;br /&gt;「這種情況的設計者，尤其是&lt;span style="font-weight: bold;"&gt;剛領教到軟體設計之美的設計者尤其會犯&lt;/span&gt;。這類的設計者會有太多的企圖，希望打造一個十分通用、最好是放諸四海皆準的設計。使得日後無論有多少變化，通通都能夠被納入在這個設計當中。」&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;這個也是我們目前必須警惕到的問題。&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;此外，作者認為軟體設計是&lt;span style="font-family:新細明體;"&gt;「魚與熊掌不可得兼&lt;/span&gt;」，想要建立彈性極佳，可應付未來各種需求的程式設計時，可能就得用效能來交換。&lt;br /&gt;&lt;span style="font-family:新細明體;"&gt;&lt;br /&gt;「但是，&lt;span style="font-weight: bold;"&gt;吊詭的是，其實你往往不需要如你想像中的彈性。建立一個無懈可擊幾近完美的一般化設計，除了美感外，別無用處。但軟體設計的目標並不在展現美感，而是要解決真實的工程問題。」&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;p class="MsoNormal" style="margin: 6pt 0cm;"&gt;&lt;span style="font-family:新細明體;"&gt;那麼，「在&lt;/span&gt;&lt;span lang="EN-US"&gt;over-engineering&lt;/span&gt;&lt;span style="font-family:新細明體;"&gt;和&lt;/span&gt;&lt;span lang="EN-US"&gt;under-engineer&lt;/span&gt;&lt;span style="font-family:新細明體;"&gt;之 間又要如何拿捏分寸呢？過與不及看來都有問題。你要做的並不是什麼設計都不做，也不是把設計做了過火。你要做的是，&lt;span style="font-weight: bold;"&gt;去建立一個具演化能力的設計，&lt;/span&gt;讓這個設 計能夠隨時依照可見到的迫切需求，在很短的時間內滿足這個迫切的需求，同時繼續為下一次的演化而做準備。就是這樣，每一次的改變，除了滿足目前的需要之 外，同時也為下一次的改變而做準備。」&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;建立自用的程式庫&lt;/span&gt;&lt;br /&gt;&lt;a href="http://www.javaworld.com.tw/roller/qing/entry/%E5%BB%BA%E7%AB%8B%E8%87%AA%E7%94%A8%E7%9A%84%E7%A8%8B%E5%BC%8F%E5%BA%AB"&gt;http://www.javaworld.com.tw/roller/qing/entry/%E5%BB%BA%E7%AB%8B%E8%87%AA%E7%94%A8%E7%9A%84%E7%A8%8B%E5%BC%8F%E5%BA%AB&lt;/a&gt;&lt;br /&gt;鼓勵將開發中的公用需求建立成自己的程式庫，並重複運用，可大幅提高生產力。&lt;br /&gt;&lt;br /&gt;「大多數的程式員因為拘泥於物件導向，一想到程式碼的重複運用，往往直接聯想到透過繼承方式取得的重複運用。然而，大多數情況下，除非我們設計的是應用程 式的框架，或者是某種特殊應用的類別庫，否則設計的類別之間並不會存在太多或太複雜的繼承階層關係。這自然意謂著，透過繼承而得的重用程式碼其量不致於太 多，因此也不太可能透過它得到非常多生產力的提昇。」&lt;br /&gt;&lt;br /&gt;但是，「當你跳脫出利用繼承得到可重複使用之程式碼的想法後，或許會發現到，重&lt;span style="font-weight: bold;"&gt;複運用許多在開發過程中會需要的公用程式&lt;/span&gt;，也是提高生產力的主要來源之一。」&lt;br /&gt;&lt;br /&gt;但是作者也認為&lt;span style="font-weight: bold;"&gt;「不用追求一次到位式的立即整理出一個好用的公用程式庫，&lt;/span&gt;你只需要在開發的過程中，逐步的觀察是否發生了重複性的程式碼片段，倘若有，便利用「重構（refactoring）」中提煉函式或提煉類別的技巧，將它們從應用程式的程式碼中提煉出來，萃取到你自己的公用程式庫中。&lt;br /&gt;&lt;br /&gt;&lt;span&gt;如果是在一個開發團隊中，這個公用的程式庫應該是採取團隊共用的模式，相關的議題就會更多，包括：你們應該要制定一個維護公用程式庫的簡單流程，例如應該 通知那一位協調者，應該如何撰寫說明文件、如何對你加入程式庫的公用程式進行測試以維護品質、如何確保不會對公用程式庫的其他程式產生副作用、如何管控公 用程式庫的版本，以及和已開發、開發中的應用系統之間的組態管理等等。」&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;技術昇級狂熱及新技術焦慮&lt;/span&gt;&lt;a href="http://www.javaworld.com.tw/roller/qing/entry/%E6%8A%80%E8%A1%93%E6%98%87%E7%B4%9A%E7%8B%82%E7%86%B1%E5%8F%8A%E6%96%B0%E6%8A%80%E8%A1%93%E7%84%A6%E6%85%AE"&gt;&lt;br /&gt;http://www.javaworld.com.tw/roller/qing/entry/%E6%8A%80%E8%A1%93%E6%98%87%E7%B4%9A%E7%8B%82%E7%86%B1%E5%8F%8A%E6%96%B0%E6%8A%80%E8%A1%93%E7%84%A6%E6%85%AE&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;化繁為簡，執簡御繁&lt;/span&gt;&lt;br /&gt;&lt;a href="http://www.javaworld.com.tw/roller/qing/entry/2007_7_25_the_way_to_simplify_%283_3%29"&gt;http://www.javaworld.com.tw/roller/qing/entry/2007_7_25_the_way_to_simplify_%283_3%29&lt;br /&gt;&lt;/a&gt;如何找出共通性&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-2927590974506176040?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/2927590974506176040/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=2927590974506176040&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2927590974506176040'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2927590974506176040'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/02/blog-post.html' title='分享很棒的程式開發觀念'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-4629400072316917742</id><published>2008-02-24T20:44:00.000-08:00</published><updated>2008-02-24T21:36:55.056-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='marketing'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><title type='text'>37個網路行銷的技巧</title><content type='html'>你的網站該如何行銷呢？來看看這篇「37個網路行銷的技巧吧」！&lt;br /&gt;看一下人家怎麼做？&lt;br /&gt;或還有什麼行銷手段可以用呢？&lt;br /&gt;&lt;br /&gt;原文出處：&lt;span&gt;&lt;strong&gt;&lt;span style="font-size:130%;"&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style="font-weight: normal;font-size:100%;" &gt;&lt;span style="font-family:arial;"&gt;&lt;br /&gt;List of 37 Internet Marketing Techniques&lt;br /&gt;&lt;a href="http://www.ecnow.com/Internet_Marketing.htm"&gt;http://www.ecnow.com/Internet_Marketing.htm&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;基礎&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;1. 取一個包含關鍵字的url&lt;br /&gt;2. 簡單易用的網站設計&lt;br /&gt;3. 將價值回饋社群&lt;br /&gt;4. 利用外部資源讓使用者對內容滿意&lt;br /&gt;5. 將你的url放在各個可見的角落&lt;br /&gt;6. 善加利用email簽名檔&lt;br /&gt;7. 將網站盡量提交到搜尋引擎、目錄網站等&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;優先技巧：將網站盡量推廣出去&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;8. 點擊付費或其他付費網路行銷&lt;br /&gt;9. 部落格&lt;br /&gt;10. 建立免費的線上電子報&lt;br /&gt;11. 搜尋引擎優化：盡量讓你的網站在搜尋結果的前2頁&lt;br /&gt;12. Podcasting&lt;br /&gt;13. 找到或培養網站大使(evangelist)：病毒式行銷&lt;br /&gt;14. 建立合作伙伴計畫：讓其他網站也可以銷售你的產品或取得內容&lt;br /&gt;15. email行銷&lt;br /&gt;16. 撰寫或發佈白皮書於本網站或其他消費性指南網站&lt;br /&gt;17. 發佈文章/書或想辦法在新聞中被提到&lt;br /&gt;18. 舉行線上直播會議&lt;br /&gt;19. 撰寫線上新聞稿並連回網站： 以下網站都有提供新聞稿服務&lt;span style="font-size:100%;"&gt;&lt;br /&gt;&lt;a href="http://www.prnewswire.com/"&gt;PRnewswire&lt;/a&gt;,                          &lt;a href="http://www.businesswire.com/"&gt;BusinessWire&lt;/a&gt;,                          &lt;a href="http://www.marketwire.com/"&gt;MarketWire&lt;/a&gt;, &lt;a href="http://www.internetnewsbureau.com/"&gt;Internet                          Newsbureau&lt;/a&gt;, &lt;/span&gt;&lt;a href="http://www.prweb.com/"&gt;&lt;span style="font-size:100%;"&gt;PRweb&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size:100%;"&gt;,                          &lt;a href="http://www.24-7pressrelease.com/"&gt;24-7PressRelease&lt;/a&gt;,                          &lt;a href="http://www.pressreleasewriting.com/"&gt;PressReleaseWriting&lt;/a&gt;,                          &lt;a href="http://www.pressreleasenetwork.com/"&gt;PressReleaseNetworking&lt;/a&gt;,                          &lt;a href="http://www.extrapr.com/"&gt;ExtraPR&lt;/a&gt;, &lt;a href="http://www.globalprmedia.com/content/index.html"&gt;GlobalPRMedia&lt;/a&gt;,                          &lt;a href="http://www.eworldwire.com/"&gt;Eworldwire&lt;/a&gt;, &lt;a href="http://www.profnet.org/press.html"&gt;ProfNet.org/press.html&lt;/a&gt;,                          &lt;a href="http://www.pressbox.co.uk/"&gt;Pressbox.co.uk&lt;/a&gt;,                          &lt;a href="http://www.prudentpressagency.com/"&gt;PrudentPressAgency&lt;/a&gt;,                          &lt;/span&gt;&lt;a href="http://www.pressreleasenetwork.com/"&gt;&lt;span style="font-size:100%;"&gt;Pressreleasenetwork&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size:100%;"&gt;, &lt;/span&gt;&lt;a href="http://www.urlwire.com/"&gt;&lt;span style="font-size:100%;"&gt;Urlwire&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size:85%;"&gt;&lt;strong&gt;,                          &lt;/strong&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;a href="http://www.webwire.com/"&gt;Webwire&lt;/a&gt;, &lt;a href="http://www.xpresspress.com/"&gt;XpressPress&lt;/a&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;/span&gt;&lt;br /&gt;20. 參加商業社交聚會&lt;br /&gt;21. 找出線上社群並參與&lt;br /&gt;22. 建議並帶領線上論壇/社群&lt;br /&gt;23. 在網站上建立wiki，讓使用者可以自行更新網站內容&lt;br /&gt;24. 與產業內的適合網站互惠地交換連結&lt;br /&gt;25. 設定自動回覆信件&lt;br /&gt;26. 發佈調查：相關結果可用於文章、新聞稿部落格等地方&lt;br /&gt;27. 主動的監看或參與線上社群&lt;br /&gt;28. 舉辦拍賣&lt;br /&gt;29. 舉辦比賽，贈送獎品&lt;br /&gt;30. 提供線上的折價券&lt;br /&gt;31. 參與公益網站&lt;br /&gt;32. 在入口網站或網路商場放置連結&lt;br /&gt;33. 參與付費或免費的橫幅式廣告&lt;br /&gt;34. 放置付費或免費的分類廣告&lt;br /&gt;35. 在自己的網站上放置分類廣告&lt;br /&gt;36. 申請並贏取獎項&lt;br /&gt;37. 提供一些免費服務的網頁：例如免費下載軟體等&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-4629400072316917742?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/4629400072316917742/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=4629400072316917742&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4629400072316917742'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4629400072316917742'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/02/37.html' title='37個網路行銷的技巧'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7064036293733139195</id><published>2008-02-18T05:34:00.000-08:00</published><updated>2008-03-06T00:20:30.403-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='PR 2.0'/><category scheme='http://www.blogger.com/atom/ns#' term='Google Calendar'/><category scheme='http://www.blogger.com/atom/ns#' term='Open API'/><title type='text'>Google Calendar API</title><content type='html'>tempo建立了&lt;a href="http://www.google.com/calendar/embed?src=oo8sjhd03up2tlu9drf0boijn4%40group.calendar.google.com&amp;amp;ctz=Asia/Hong_Kong"&gt;台灣網路活動行事曆&lt;/a&gt;&lt;br /&gt;並聽他在blog上介紹Google Calendar 可以發送事件簡訊至手機&lt;br /&gt;這應該可以用在PR 2.0的網站&lt;br /&gt;做為活動提醒的工具&lt;br /&gt;&lt;br /&gt;2/19 補充：目前在台灣&lt;a href="http://www.google.com/support/calendar/bin/answer.py?answer=37173"&gt;尚未提供服務&lt;/a&gt;&lt;br /&gt;3/6 補充：網友香腸表示中華電信支援此服務，目前不需收費 &lt;a href="http://sofree.twbbs.org/blog/2008/03/06/google-calendar-sms/"&gt;http://sofree.twbbs.org/blog/2008/03/06/google-calendar-sms/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;相關資料如下：&lt;br /&gt;&lt;a href="http://code.google.com/apis/calendar/"&gt;http://code.google.com/apis/calendar/&lt;/a&gt;：API首頁&lt;br /&gt;&lt;a href="http://code.google.com/apis/calendar/developers_guide_protocol.html"&gt;http://code.google.com/apis/calendar/developers_guide_protocol.html&lt;/a&gt;&lt;br /&gt;&lt;a href="http://groups.google.com/group/google-calendar-help-dataapi"&gt;http://groups.google.com/group/google-calendar-help-dataapi&lt;/a&gt; ：論壇&lt;br /&gt;&lt;a href="http://code.google.com/apis/gdata/clientlibs.html"&gt;http://code.google.com/apis/gdata/clientlibs.html&lt;/a&gt;：Client Library&lt;br /&gt;&lt;br /&gt;目前用Google Calendar 做出來的mesh-up&lt;br /&gt;&lt;a href="http://www.programmableweb.com/api/google-calendar/mashups"&gt;http://www.programmableweb.com/api/google-calendar/mashups&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7064036293733139195?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7064036293733139195/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7064036293733139195&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7064036293733139195'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7064036293733139195'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/02/google-calendar-api.html' title='Google Calendar API'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-3416855987785242032</id><published>2008-02-16T06:20:00.000-08:00</published><updated>2008-02-16T06:41:46.238-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='RPC'/><category scheme='http://www.blogger.com/atom/ns#' term='Ext JS'/><category scheme='http://www.blogger.com/atom/ns#' term='Ajax'/><category scheme='http://www.blogger.com/atom/ns#' term='Google Gadget'/><category scheme='http://www.blogger.com/atom/ns#' term='Open API'/><title type='text'>AJAX 隨手爬</title><content type='html'>Ext JS：a pure javascript library&lt;br /&gt;&lt;br /&gt;&lt;a href="http://en.wikipedia.org/wiki/Ext_%28javascript_library%29"&gt;http://en.wikipedia.org/wiki/Ext_(javascript_library)&lt;/a&gt;&lt;br /&gt;&lt;a href="http://extjs.com/learn/Tutorial:Introduction_to_Ext_2.0"&gt;http://extjs.com/learn/Tutorial:Introduction_to_Ext_2.0&lt;/a&gt;&lt;br /&gt;&lt;a href="http://extjs.com/learn/"&gt;http://extjs.com/learn/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Tempo的AJAX by Example&lt;br /&gt;&lt;br /&gt;&lt;div style="width: 340px; text-align: left;" id="__ss_32428"&gt;&lt;object style="margin: 0px;" height="284" width="340"&gt;&lt;param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=ajax-by-examples-2-33"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=ajax-by-examples-2-33" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="284" width="340"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Tempo在AJAX环境下使用RPC&lt;br /&gt;&lt;a href="http://www.usstec.com/htmldata/5/18/2007_12/071229332540_5160_1.html"&gt;http://www.usstec.com/htmldata/5/18/2007_12/071229332540_5160_1.html&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Tempo的Introduction to Google Gadget&lt;br /&gt;&lt;div style="width: 340px; text-align: left;" id="__ss_38527"&gt;&lt;object style="margin: 0px;" height="284" width="340"&gt;&lt;param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=intro-to-google-gadgets-29332"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=intro-to-google-gadgets-29332" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="284" width="340"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-3416855987785242032?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/3416855987785242032/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=3416855987785242032&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/3416855987785242032'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/3416855987785242032'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/02/ajax.html' title='AJAX 隨手爬'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-61884873797370142</id><published>2008-02-16T05:21:00.000-08:00</published><updated>2008-02-22T23:44:01.107-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Solr'/><category scheme='http://www.blogger.com/atom/ns#' term='GPL'/><category scheme='http://www.blogger.com/atom/ns#' term='happyweb'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><category scheme='http://www.blogger.com/atom/ns#' term='Open API'/><category scheme='http://www.blogger.com/atom/ns#' term='JAVA'/><title type='text'>HappyWeb 9 聚會</title><content type='html'>&lt;p&gt;今天去了&lt;a href="http://happyweb.tw/blog/"&gt;HappyWeb 9&lt;/a&gt;，主辦人tempo和cjin邀請了&lt;a href="http://g.veryxd.net/"&gt;VeryXD&lt;/a&gt;的Xdite及&lt;a href="http://dinbendon.net/"&gt;訂便當&lt;/a&gt;的ingramchen&lt;/p&gt;&lt;p&gt;Xdite的簡報檔&lt;br /&gt;&lt;a target="_blank" rel="nofollow" href="http://blog.xdite.net/?p=543"&gt;http://blog.xdite.net/?p=543&lt;/a&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://blog.xdite.net/?p=548"&gt;http://blog.xdite.net/?p=548&lt;/a&gt; 技術文章&lt;/p&gt;&lt;p&gt;另一位ingramchen&lt;br /&gt;&lt;a href="http://www.javaworld.com.tw/roller/ingramchen/entry/happyweb_9_%E7%B0%A1%E5%A0%B1%E6%AA%94"&gt;http://www.javaworld.com.tw/roller/ingramchen/entry/happyweb_9_%E7%B0%A1%E5%A0%B1%E6%AA%94&lt;/a&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;分享一些筆記：&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt; 在網站效能優化的部份 &lt;/span&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt; 1. 網站的瓶頸常常會發生在資料庫存取，所以可以用快取(cache)或將常用動態頁面轉成靜態頁面(static page)的方式&lt;br /&gt;2. 搜尋程式（在我們網站上特別指關鍵字搜尋）因為演算法很複雜，會是網站loading的最大來源，所以可以獨立於一台主機上&lt;br /&gt;3. 租用reverse proxy服務，可節省大量頻寬&lt;br /&gt;4. 平衡負載(load balancing)：訂便當的網站，設計時盡量以css而不用圖檔，因此以一台主機，平均Load不到1，ADSL 2M 上傳，加上平衡負載器，即可應付流量需求。&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="font-weight: bold;"&gt;網站經營：&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt; 1. 網站服務最好維持核心的單一主軸，Simplest is best！不要confuse 使用者&lt;br /&gt;2. 降低進入門檻，可以免註冊方式進行。&lt;br /&gt;3. 對於工具型網站來說，Flash動畫的使用手冊及文件是必須的，而且最好快速的回應，讓網站有活著的感覺！&lt;br /&gt;4. 動態的隨機出圖，可以增加page view&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="font-weight: bold;"&gt;技術： &lt;/span&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;訂便當用到的技術以java為主，並用了許多套件，請參考。 &lt;a target="_blank" rel="nofollow" href="http://dinbendon.net/do/pub/AboutPage"&gt;http://dinbendon.net/do/pub/AboutPage&lt;/a&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;1. Wicket：一套java framework，可支援javascript，訂便當站長提了好幾次。&lt;br /&gt;相關介紹&lt;br /&gt;&lt;a target="_blank" rel="nofollow" href="http://wicket.apache.org/introduction.html"&gt;http://wicket.apache.org/introduction.html&lt;/a&gt;&lt;br /&gt;&lt;a target="_blank" rel="nofollow" href="http://nettrace.blogspirit.com/tag/wicket"&gt;http://nettrace.blogspirit.com/tag/wicket&lt;/a&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;2. log4j：設計給Java的日誌系統的framework。&lt;a target="_blank" rel="nofollow" href="http://logging.apache.org/log4j/"&gt;http://logging.apache.org/log4j/&lt;/a&gt;&lt;br /&gt;(謝謝William的指正)&lt;br /&gt;&lt;/p&gt;&lt;p&gt;3. Lucene：java搜尋套件，另外有包成API(Solr)，我有一篇文章介紹&lt;br /&gt;&lt;a target="_blank" rel="nofollow" href="http://lonelymisconception.blogspot.com/search/label/%E6%90%9C%E5%B0%8B"&gt;http://lonelymisconception.blogspot.com/search/label/%E6%90%9C%E5%B0%8B&lt;/a&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;4. Quartz：java的工作排程套件，可以用來設計單一程式或者大型電子商務網站。&lt;a target="_blank" rel="nofollow" href="http://www.opensymphony.com/"&gt;http://www.opensymphony.com/&lt;/a&gt;&lt;br /&gt;quartz/&lt;br /&gt;&lt;/p&gt;&lt;p&gt;5. JfreeChart：java的畫圓餅圖的套件 &lt;a target="_blank" rel="nofollow" href="http://www.jfree.org/%EF%BC%88"&gt;http://www.jfree.org/&lt;/a&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;6. ROME: 解析、產生、發佈RSS的java library&lt;br /&gt;&lt;/p&gt;&lt;p&gt;7. JUnit, EazyMock: Unit Test工具&lt;br /&gt;&lt;/p&gt;&lt;p&gt;8. JExcel API:  java API 可做出Excel效果，&lt;a target="_blank" rel="nofollow" href="http://jexcelapi.sourceforge.net/"&gt;http://jexcelapi.sourceforge.net/&lt;/a&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;今天ingramchen有提到ZK的授權方式，指出商業用途需要收費，我嚇了一跳，我現在正在進行的案子打算用ZK，若收費是不小的成本&lt;br /&gt;後來查了一下ZK的licensing，採GPL與商業授權並行&lt;br /&gt;&lt;a target="_blank" rel="nofollow" href="http://www.zkoss.org/license/gpl.dsp"&gt;http://www.zkoss.org/license/gpl.dsp&lt;/a&gt;&lt;br /&gt;&lt;a target="_blank" rel="nofollow" href="http://www.zkoss.org/license/cml.dsp"&gt;http://www.zkoss.org/license/cml.dsp&lt;/a&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;所謂的GPL，也就是MySQL的授權方式，可參考wikipedia的解釋&lt;br /&gt;&lt;a target="_blank" rel="nofollow" href="http://zh.wikipedia.org/wiki/GNU%E9%80%9A%E7%94%A8%E5%85%AC%E5%85%B1%E8%AE%B8%E5%8F%AF%E8%AF%81"&gt;http://zh.wikipedia.org/wiki/GNU%E9%80%9A%E7%94%A8%E5%85%AC%E5%85%B1%...&lt;/a&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;我們若要免費使用ZK或MySQL這些GPL的軟體在我們的網站上，就必須在網站上聲明遵守GPL，讓別人可以修改、複製、再發行；但是GPL並不禁止對服務收取費用，同時只要不要再發行，就不一定要公開或開放原始碼。&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-61884873797370142?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/61884873797370142/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=61884873797370142&amp;isPopup=true' title='7 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/61884873797370142'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/61884873797370142'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/02/happyweb-9.html' title='HappyWeb 9 聚會'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>7</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7491141545954876574</id><published>2008-02-15T02:31:00.000-08:00</published><updated>2008-03-07T01:35:09.560-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Google Map'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><category scheme='http://www.blogger.com/atom/ns#' term='Open API'/><title type='text'>Google Map API</title><content type='html'>昨天找到Google Map API中文地址轉經緯度的方法（Geocoding Class），&lt;br /&gt;方法很簡單，只要用http的Get方法即可，&lt;br /&gt;透過HTTP，以http://maps.google.com/maps/geo?q=&lt;span style="color: rgb(255, 0, 0);"&gt;地址或查詢關鍵字&lt;/span&gt;&amp;amp;key=&lt;span style="color: rgb(255, 0, 0);"&gt;Google Map授權碼&lt;/span&gt;&amp;amp;out=&lt;span style="color: rgb(255, 0, 0);"&gt;xml&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;* q -- The address that you want to geocode.&lt;br /&gt;* key -- Your API key.&lt;br /&gt;* output -- The format in which the output should be generated. The options are xml, kml, csv, or json.&lt;br /&gt;&lt;br /&gt;除了上述方法，也可以用Geocoding物件來實作，可參考&lt;br /&gt;&lt;br /&gt;&lt;a href="http://5i01.com/topicdetail.php?f=130&amp;amp;t=491638"&gt;http://5i01.com/topicdetail.php?f=130&amp;amp;t=491638&lt;/a&gt;&lt;br /&gt;&lt;a href="http://code.google.com/apis/maps/documentation/services.html#Geocoding"&gt;http://code.google.com/apis/maps/documentation/services.html#Geocoding&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.javaworld.com/javaworld/jw-01-2006/jw-0116-google.html?page=2"&gt;http://www.javaworld.com/javaworld/jw-01-2006/jw-0116-google.html?page=2&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Google API簡單介紹&lt;br /&gt;&lt;a href="http://www.gather8.com/blog/article.asp?id=845"&gt;http://www.gather8.com/blog/article.asp?id=845&lt;/a&gt;&lt;br /&gt;&lt;a href="http://blog.roodo.com/syshen/archives/347151.html"&gt;http://blog.roodo.com/syshen/archives/347151.html&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;用ext-js&lt;br /&gt;&lt;a href="http://ongmap.com/blog/?page_id=259"&gt;http://ongmap.com/blog/?page_id=259&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7491141545954876574?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7491141545954876574/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7491141545954876574&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7491141545954876574'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7491141545954876574'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/02/google-map-api.html' title='Google Map API'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-5944105125689449703</id><published>2008-02-12T19:44:00.000-08:00</published><updated>2008-02-15T03:37:52.495-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Javascript'/><category scheme='http://www.blogger.com/atom/ns#' term='Ajax'/><title type='text'>Javascript 密技！！！</title><content type='html'>網友整理的&lt;br /&gt;&lt;a href="http://myweb2pr.googlepages.com/javascript%E5%AF%86%E6%8A%80%E5%A4%A7%E5%85%A8"&gt;Javascript實用程式碼大全&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-5944105125689449703?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/5944105125689449703/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=5944105125689449703&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5944105125689449703'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5944105125689449703'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/02/javascript.html' title='Javascript 密技！！！'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-1183772344411485095</id><published>2008-02-11T17:56:00.001-08:00</published><updated>2008-02-11T18:40:49.037-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='contacts'/><category scheme='http://www.blogger.com/atom/ns#' term='tell a friend'/><category scheme='http://www.blogger.com/atom/ns#' term='viral marketing'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><category scheme='http://www.blogger.com/atom/ns#' term='Open API'/><title type='text'>How to Program：病毒式行銷</title><content type='html'>我們常常會收到社群或交友網站某朋友寄來的邀請函，&lt;br /&gt;其實是該網站提取朋友的聯絡人清單大量寄發的，&lt;br /&gt;這就是所謂的病毒式行銷！&lt;br /&gt;雖然很煩，但是對於剛開始起步想取得第一批使用者的網站來說滿有用的。&lt;br /&gt;&lt;br /&gt;找了一些相關資料，關鍵字："tell a friend"、"retrieve contacts"&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;MsnPlez&lt;/span&gt;：php script to retrieve msn contacts&lt;span style="text-decoration: underline;"&gt; &lt;/span&gt;&lt;a href="http://www.phpclasses.org/browse/package/4229.html"&gt;http://www.phpclasses.org/browse/package/4229.html&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Contact Grabber&lt;/span&gt;：可以存特定的網站取得聯絡人，包含Yahoo, Gmail, Hotmail, AOL, Lycos, Rediff, Orkut &amp;amp; MySpace, LinkedIn&lt;br /&gt;&lt;a href="http://sourceforge.net/projects/contactgrabber/"&gt;http://sourceforge.net/projects/contactgrabber/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;OpenHotmail&lt;/span&gt;：                 將存取windows live hotmail的HTTP 協定文件化，並提供libraries讓程序員更易撰寫存取hotmail的應用程式&lt;br /&gt;&lt;a href="http://sourceforge.net/projects/open-hotmail/"&gt;http://sourceforge.net/projects/open-hotmail/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;OpenContacts.NET&lt;/span&gt;：OpenContacts.NET is open-source library for importing contacts from popular web-mail services. Now supports: GMail, Yahoo! Mail, Live (Hotmail).&lt;br /&gt;&lt;a href="http://sourceforge.net/projects/opencontactsnet/"&gt;http://sourceforge.net/projects/opencontactsnet/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Get your friend's contact information:&lt;/span&gt; designed to manage your firend's paper daytimer (address book, appointments, business cards, phone numbers, mail, MSN, ICQ etc) in a single application.&lt;br /&gt;&lt;a href="http://sourceforge.net/projects/getcontacts/"&gt;http://sourceforge.net/projects/getcontacts/&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-1183772344411485095?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/1183772344411485095/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=1183772344411485095&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1183772344411485095'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1183772344411485095'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/02/how-to-program.html' title='How to Program：病毒式行銷'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-2138071806645213533</id><published>2008-02-04T07:20:00.000-08:00</published><updated>2008-02-06T07:37:44.101-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='tool'/><category scheme='http://www.blogger.com/atom/ns#' term='Widget'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><title type='text'>Web Widget Maker</title><content type='html'>這次Demo的大驚喜除了&lt;a href="http://map.answerbox.net/main.php"&gt;地圖日記&lt;/a&gt;獲得票選首獎，令人興起有為者亦若是之感外，&lt;br /&gt;有一個專門讓網友製作Web Widget的網站&lt;a href="http://sproutbuilder.com/"&gt;Sprout&lt;/a&gt;也相當有趣。&lt;br /&gt;&lt;br /&gt;ReadWriteWeb&lt;a href="http://www.readwriteweb.com/archives/sproutbuilder.php"&gt;專文&lt;/a&gt;介紹了這家網站，並提供&lt;a href="http://sproutbuilder.com/readwriteweb/"&gt;線上示範&lt;/a&gt;。&lt;br /&gt;快來玩玩吧&lt;br /&gt;&lt;br /&gt;PS. 目前Sprout尚未支援中文&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-2138071806645213533?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/2138071806645213533/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=2138071806645213533&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2138071806645213533'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2138071806645213533'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/02/web-widget-maker.html' title='Web Widget Maker'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-6569647507713981737</id><published>2008-01-21T20:12:00.000-08:00</published><updated>2008-01-21T20:13:22.526-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='where2event'/><category scheme='http://www.blogger.com/atom/ns#' term='tool'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><title type='text'>電子報發信軟體</title><content type='html'>&lt;a href="http://www.phplist.com/"&gt;http://www.phplist.com/&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-6569647507713981737?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/6569647507713981737/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=6569647507713981737&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6569647507713981737'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6569647507713981737'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/01/blog-post_21.html' title='電子報發信軟體'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-6850433814220889139</id><published>2008-01-21T19:01:00.000-08:00</published><updated>2008-01-21T19:03:30.833-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='tool'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><title type='text'>測試網路頻寬的網站</title><content type='html'>&lt;a href="http://www.speakeasy.net/speedtest/"&gt;http://www.speakeasy.net/speedtest/&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-6850433814220889139?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/6850433814220889139/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=6850433814220889139&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6850433814220889139'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6850433814220889139'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/01/blog-post.html' title='測試網路頻寬的網站'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-4591150715882269627</id><published>2008-01-20T19:21:00.000-08:00</published><updated>2008-01-20T20:22:43.362-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='where2event'/><category scheme='http://www.blogger.com/atom/ns#' term='Solr'/><category scheme='http://www.blogger.com/atom/ns#' term='搜尋'/><category scheme='http://www.blogger.com/atom/ns#' term='search'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><category scheme='http://www.blogger.com/atom/ns#' term='Open API'/><category scheme='http://www.blogger.com/atom/ns#' term='Lucene'/><category scheme='http://www.blogger.com/atom/ns#' term='JAVA'/><title type='text'>站內搜索- Lucene及Solr</title><content type='html'>場地王在討論站內關鍵字搜尋&lt;br /&gt;本來想包給Google Local Search&lt;br /&gt;因為覺得關鍵字搜尋牽涉到自然語意....&lt;br /&gt;每個人的語意表達方式都不盡相同&lt;br /&gt;要搜尋到精準並排序並不容易。&lt;br /&gt;所以為了使用者經驗，還是請出Google大神吧！&lt;br /&gt;&lt;br /&gt;但是班長分享了一個Java-based的Search Engine叫Apache Lucene，&lt;br /&gt;許多大網站如digg、livejournal、CNet、Joost 都使用Lucene&lt;br /&gt;證明這套Search Engine在穩定度和搜尋效能應該都有一定水準&lt;br /&gt;而且又是free/open source的。&lt;br /&gt;&lt;h1&gt;&lt;span style="font-size:85%;"&gt;&lt;a accesskey="H" href="http://plog.longwin.com.tw/"&gt;Tsung's Blog&lt;/a&gt;：Apache Lucene 入手指南&lt;br /&gt;&lt;/span&gt;&lt;/h1&gt;&lt;h1&gt;&lt;a href="http://plog.longwin.com.tw/news-technology/2007/07/24/search_engine_lucene_study_2007"&gt;&lt;span style="font-size:85%;"&gt;http://plog.longwin.com.tw/news-technology/2007/07/24/search_engine_lucene_study_2007&lt;/span&gt;&lt;/a&gt;&lt;/h1&gt;Tsung介紹了Lucene，文後又留言最後他們公司使用了solr，&lt;br /&gt;一個open source/free java-based search engine，是建在Lucene之上的search engine&lt;br /&gt;找到另一篇solr的介紹&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://mclee.foolme.net/"&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt;George Lee's blog&lt;/a&gt;：&lt;/span&gt;&lt;span style="font-size:85%;"&gt;Solr - Enterprise search 的「黑盒子」&lt;/span&gt;&lt;p&gt;「簡單說，Solr 是完全把 Lucene 整個包起來，藏成一個搜尋的黑盒子。你不要管 Lucene 裡面怎麼做Tokenizer、Analyzer (雖然如果想改也可以)，而只需要透過 XML/HTTP 來跟 Solr 溝通即可。要新增文件去搜尋，就 用 HTTP POST 塞資料給它。要做搜尋的時候，再另外做 HTTP GET 就好。非常符合 KISS 原則 (Keep It Simple, Stupid)。&lt;br /&gt;&lt;/p&gt;&lt;p&gt;雖然還沒進行壓力測試，不過 Solr 的底層是 Lucene，又是 CNet 的人寫出來的，看起來應該是還不錯用才對。」&lt;br /&gt;&lt;/p&gt;&lt;a target="_blank" rel="nofollow" href="http://mclee.foolme.net/2007/07/solr-enterprise-search.html"&gt;http://mclee.foolme.net/2007/07/solr-enterprise-search.html&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-4591150715882269627?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/4591150715882269627/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=4591150715882269627&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4591150715882269627'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4591150715882269627'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/01/lucenesolr.html' title='站內搜索- Lucene及Solr'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-4313767906066859085</id><published>2008-01-08T08:35:00.000-08:00</published><updated>2008-01-08T23:49:30.506-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='創業'/><category scheme='http://www.blogger.com/atom/ns#' term='tool'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><category scheme='http://www.blogger.com/atom/ns#' term='Open API'/><title type='text'>24小時打造出.com 網站</title><content type='html'>意譯一篇今天看到的好文章&lt;br /&gt;講如何在四天共24小時內，打造出一個網站服務 &lt;a href="http://wigitize.com/"&gt;Wigitize.com&lt;/a&gt;。&lt;br /&gt;&lt;a href="http://dominiek.com/articles/2008/1/6/building-a-com-in-24-hours"&gt;http://dominiek.com/articles/2008/1/6/building-a-com-in-24-hours&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;作者是一個程式魔人，但是這篇文章是他嘗試透過多領域訓練(multi-disciplinary)的方式，整合各種現成的工具及網路服務，不重複造輪子，並補強他的弱項：設計、前端程式、系統管理及搜尋優化(SEO)，並成功在24小時內打造出web 服務。&lt;br /&gt;&lt;br /&gt;&lt;a href="http://wigitize.com/"&gt;Widgetize&lt;/a&gt;提供的服務，可以讓使用者透過第三方的RSS/ATOM feed，製作成embedded widget。最常用的data feed格式RSS，並不適合做Widget，因為RSS feed需要較為複雜的伺服器端處理，才能呈現資料；Widget通常透過一種聰明的技術JSON，讓使用者的瀏覽器得以更輕鬆取得第三方的資料。&lt;br /&gt;&lt;br /&gt;服務特徵：&lt;br /&gt;1. 簡單：輸入該BLOG的URL即可取得RSS&lt;br /&gt;2. 聰明：必須能自動偵測這些資料的feed&lt;br /&gt;3. 可整合性：提供API給其他網路服務&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;設計實作，3hr&lt;/span&gt;&lt;br /&gt;作者使用Adobe Photoshop (CS3) 進行網頁設計，透過CS3的Blending Options做出類似web 2.0的色彩效果。&lt;a href="http://veerle.duoh.com/blog/comments/choosing_color_combinations/"&gt;網站配色建議&lt;/a&gt;&lt;br /&gt;產生Web 2.0效果的&lt;a href="http://blog.typpz.com/2007/05/11/create-a-web-20-logo-using-abobe-photoshop/"&gt;Logo&lt;/a&gt;、&lt;a href="http://iris-design.info/photoshop/web-20-style-buttons/"&gt;Button&lt;/a&gt;。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;將整個Project檔案放在線上管理員，30min&lt;/span&gt;&lt;br /&gt;&lt;a href="http://www.assembla.com/"&gt;Assembla&lt;/a&gt;這個網站提供線上的SVN及專案控管免費服務，內含Subversion、trac及wiki功能。作者申請好後將檔案上傳。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;用Ruby On Rail 及&lt;/span&gt;&lt;strong style="font-weight: bold;"&gt;Textmate 開發，4hr&lt;br /&gt;&lt;/strong&gt;&lt;strong style="font-weight: normal;"&gt;這部份是用ROR開發，所以比較快，我不懂，所以也不詳述了。&lt;/strong&gt;&lt;strong style="font-weight: bold;"&gt;&lt;/strong&gt;&lt;strong style="font-weight: normal;"&gt;程式邏輯分為：&lt;br /&gt;&lt;/strong&gt;&lt;ul&gt;&lt;li&gt;將輸入的URL接到feed detector及aggregator。&lt;br /&gt;&lt;/li&gt;&lt;li&gt;確認集合的資料儲存成JSON格式&lt;/li&gt;&lt;li&gt;製作一個Widget的模子，可以儲存URL、偵測URL及JSON資料。&lt;/li&gt;&lt;/ul&gt;&lt;span style="font-weight: bold;"&gt;處理HTML的CSS，1hr&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;作者主張先開始處理html的CSS，理由只有一個，讓整個網站在早期就看起來很真實很可用，Kimochi爽效率才高！&lt;br /&gt;&lt;ul&gt;&lt;li&gt;先開發Firefox版本，建議使用&lt;a href="http://www.getfirebug.com/"&gt;Firebug&lt;/a&gt;軟體，可讓速度更快；&lt;/li&gt;&lt;li&gt;記得每次要把一些基本會用到的&lt;a href="http://wigitize.com/stylesheets/html.css"&gt;CSS&lt;/a&gt;先放進去；&lt;/li&gt;&lt;li&gt;Padding and margin：這兩個很重要，但是最難調，盡量用margin而非padding；另外，盡量用margin-bottom而不要用margin-top，因為每個物件通常都比較容易上浮；&lt;/li&gt;&lt;li&gt;時下流行：採用美觀的字體(作者大量使用Trebuchet MS極少數的Ariel)&lt;/li&gt;&lt;li&gt;盡量不要用銳利的黑色，建議可用#111或#222；&lt;/li&gt;&lt;li&gt;tables最好只用在table上，不要用在layout上；&lt;/li&gt;&lt;li&gt;AJAX的註解：AJAX千萬別拿來作為瀏覽效果用，有很多搜尋優化(SEO)和易用性的問題。&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style="font-weight: bold;"&gt;AJAX的轉動效果(Spinner)，2hr&lt;/span&gt;&lt;br /&gt;AJAX為了要顯示傳輸狀態，會有個轉動的javascript效果，作者的作法&lt;a href="http://dominiek.com/articles/2007/12/15/ajax-snippet-blank-out-a-div-with-a-spinner"&gt;在此&lt;/a&gt;，他承認這一塊他花太久時間。PS1. 網友另外建議了另一個網站&lt;a href="http://ajaxload.info/"&gt;ajaxload&lt;/a&gt;，提供相同的服務。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;設計及撰寫footer程式，2hr&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;作者認為footer扮演網站地圖的重要角色， &lt;a href="http://last.fm/"&gt;last.fm&lt;/a&gt; 和 &lt;a href="http://snooth.com/"&gt;snooth.com&lt;/a&gt;是兩個很好的範例網站。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;使JSON可嵌入，3hr&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;包含三步驟：&lt;br /&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;定義包含的列(ul)&lt;/li&gt;&lt;li&gt;引入JS Library，內含特殊的呼叫功能wigitize_feed()&lt;/li&gt;&lt;li&gt;將JSON檔引入，呼叫wigitize_feed以取得適當資料。&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;        &lt;span style="font-weight: bold;"&gt;&lt;br /&gt;讓機制在後台開始運作，3hr&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;這段作者以ROR的&lt;a href="http://backgroundrb.rubyforge.org/"&gt;BackgrounDRb&lt;/a&gt;實作，略過。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;完成API，4hr&lt;/span&gt;&lt;br /&gt;&lt;a href="http://wigitize.com/api"&gt;參考成品&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;設定網域及網域email，30min&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;設定主機，1hr&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;作者選擇了比較高檔的主機商 &lt;a href="http://www.slicehost.com/"&gt;slicehost.com&lt;/a&gt;，每月20美金，可享有256MB空間和獨立IP&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;提示及警告訊息，3hr&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;作者設計了當系統遇到scaling problem所呈現的頁面，並提醒網友可以收藏網站為書籤，&lt;a href="http://addthis.com/"&gt;addthis.com&lt;/a&gt;提供整合各家社交書籤的按鈕。另外還有一些提醒訊息。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;網站統計資料及搜尋優化，1hr&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;10分鐘就可以裝好Google Analytics，作者另外裝了&lt;a href="http://getclicky.com/"&gt;getclicky.com&lt;/a&gt;的統計工具。&lt;br /&gt;搜尋優化的部份，作者參考&lt;a href="http://www.seoonrails.com/getting-your-meta-tags-on-track"&gt;how to provide different meta tags in rails&lt;/a&gt;、&lt;a href="http://noobonrails.blogspot.com/2006/09/good-seo-mojo-with-rails.html"&gt;some discussion about whether to use www. or not&lt;/a&gt;，並將www的網域名稱省略，導向http://wigitize.com的短域名。&lt;p&gt;選擇網域名稱也對SEO很重要，若有人在Google查詢時拼錯成widgetize，只有105個結果；而且Wigitize.com是動詞！&lt;br /&gt;&lt;/p&gt;    未來改進的空間：&lt;br /&gt;&lt;ul&gt;&lt;li&gt;未來增加「last wigitized sites」 and 「most wigitized sites」，這些頁面會被搜尋爬蟲爬到，並提供外部連結，應對搜尋優化有幫助&lt;/li&gt;&lt;li&gt;增加sitemap.xml&lt;/li&gt;&lt;li&gt;在Widget上增加病毒式傳播的元素，例如FeedBurner的按鈕會出現在有名的部落格上。&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;####&lt;br /&gt;&lt;br /&gt;&lt;a href="http://snooth.com/"&gt;&lt;/a&gt;PS2. 網友建議其實用Yahoo!Pipe也可以玩出類似效果&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="caps"&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-4313767906066859085?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/4313767906066859085/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=4313767906066859085&amp;isPopup=true' title='1 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4313767906066859085'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4313767906066859085'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2008/01/24com.html' title='24小時打造出.com 網站'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-5080621207478426610</id><published>2007-12-26T09:19:00.000-08:00</published><updated>2008-07-09T02:48:43.373-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='創業'/><category scheme='http://www.blogger.com/atom/ns#' term='wiki'/><category scheme='http://www.blogger.com/atom/ns#' term='PR 2.0'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><title type='text'>企業 wiki 軟體大探索</title><content type='html'>前一陣子認識中文wiki界女神&lt;a href="http://zh.uncyclopedia.info/wiki/%E8%A8%B1%E7%91%9C%E7%9C%9F"&gt;KJ&lt;/a&gt;，對於wiki有些認識，&lt;br /&gt;剛好和前公司精英公關集團CEO嚴曉翠聊建議她可用wiki做企業知識管理，&lt;br /&gt;所以就萌生做中文公關wiki的念頭。&lt;br /&gt;&lt;br /&gt;由於有些知識是對外公開，有些知識是企業內部保密的&lt;br /&gt;因此權限控管是必要的，最常用的MediaWiki就直接出局了&lt;br /&gt;雖然類似Wikipedia的MediaWiki介面是大家比較習慣的，尤其對於公關業dummies！&lt;br /&gt;但是研究了一下相關plugin，安全性還是存疑。&lt;br /&gt;&lt;br /&gt;所以我就ACL(access control list)/page permission、scaling、open source三個點，開始找尋適合的wiki software，有一個很好用的網站叫 &lt;a href="http://www.wikimatrix.org/"&gt;WikiMatrix&lt;/a&gt;，可以把需求輸入把你查出適合條件的wiki。&lt;br /&gt;&lt;br /&gt;前一陣子碰過tiddlywiki，有很棒的ajax效果，很適合個人知識管理，但是在這裡不適合。&lt;br /&gt;&lt;br /&gt;&lt;a href="http://moinmo.in/MoinMoinWiki"&gt;MoinMoin&lt;/a&gt;：和MediaWiki並列世界二大熱門wiki軟體，用Python寫的CGI，安裝上比php寫的wiki&lt;a href="http://fcamel.twbbs.org/archives/2007/07/06/408/"&gt;複雜一點&lt;/a&gt;(但比Twiki簡單)，介面中規中矩，儲存格式採文件而非資料庫。中文的MoinMoin site有&lt;a href="http://fedoraproject.org/wiki/"&gt;Fedora Wiki&lt;/a&gt;(感謝網友分享，目前Fedora Wiki已改用MediaWiki)、&lt;a href="http://wiki.cwowaddon.com/Main"&gt;魔獸世界中文開發者維基&lt;/a&gt;，對中文支援良好。軟體的Scaling存疑，MoinMoin在&lt;a href="http://www.wikimatrix.org/wiki/MoinMoin:Intended%20Audience"&gt;WikiMatrix&lt;/a&gt;上的說明指出：建議的規模在萬頁文件以下，若需求超過這個數量，請用有資料庫或檔案系統更佳的wiki。&lt;br /&gt;&lt;br /&gt;&lt;a href="http://twiki.org/"&gt;Twiki&lt;/a&gt;：以Perl CGI開發，聽說安裝步驟比較麻煩；儲存採文件格式，但是scaling應該沒太大問題，Twiki由於有權限控管機制，是目前最流行的企業內部wiki軟體，大部分Fortune 500的公司都採用Twiki，&lt;a href="http://www.wikimatrix.org/show/TWiki"&gt;據說&lt;/a&gt;企業內網可達超過10萬頁及2萬使用者的規模。截至2007年3月，&lt;a href="http://en.wikipedia.org/wiki/TWiki"&gt;估計&lt;/a&gt;有40,000企業內部網使用Twiki、20,000個互聯網的網站採用，&lt;a href="http://www.java.net/"&gt;java.net&lt;/a&gt;大小的規模都可應付&lt;a href="http://www.alexa.com/data/details/traffic_details/java.net"&gt;(Alexa 排名&lt;/a&gt;1萬多，reach約 0.156%)，因此應符合我們的需求。&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.xwiki.org/xwiki/bin/view/Main/WebHome"&gt;Xwiki&lt;/a&gt;：&lt;a href="http://www.xwiki.org/xwiki/bin/view/Main/Screenshots"&gt;介面&lt;/a&gt;明亮簡潔，讓人眼睛一亮！專為企業設計，權限控管功能皆具；用資料庫(MySQL)儲存資料，因此scaling不成問題；但是因為採Java開發，因此放虛擬主機的成本得比較高。此外，使用者有個人頁面及空間(Blog)。Demo site有&lt;a href="http://wikipeople.elle.fr/xwiki/bin/view/Main/WebHome"&gt;法國Ella&lt;/a&gt;&lt;a href="http://wikipeople.elle.fr/xwiki/bin/view/Main/WebHome"&gt; &lt;/a&gt;(Alexa 6000+)、&lt;a href="http://club.mandriva.com/xwiki/bin/view/Main/"&gt;Mandriva Club&lt;/a&gt;(含中文、Alexa 17,000)等。介面勝！&lt;br /&gt;&lt;br /&gt;&lt;a href="http://wiki.mindtouch.com/"&gt;Deki Wiki&lt;/a&gt;：採LAMP，介面和Xwiki一樣很華麗！具頁面安全控管及資料庫，適合企業級應用。Deki Wiki是極具延伸性的CMS平台，很容易在上面開發協同程式或mesh-up各種web 2.0服務。唯一缺點是官方安裝建議用VMware或&lt;a href="http://wiki.opengarden.org/Deki_Wiki/Installation_and_Upgrade/Virtual_Private_Server"&gt;Virtual Private Server&lt;/a&gt;，不能放在一般的 &lt;a href="http://wiki.opengarden.org/Deki_Wiki/Installation_and_Upgrade/Installation_FAQ/Can_Deki_Wiki_be_installed_on_Shared_Hosting%3f"&gt;Shared Hosting&lt;/a&gt;，所以代管成本也較高！&lt;a href="http://wiki.opengarden.org/Deki_Wiki/Languages"&gt;語言支援&lt;/a&gt;聽說是沒問題。&lt;br /&gt;&lt;br /&gt;該怎麼選啊？C4取1還是很難啊！還是一個個裝起來試試看好了！&lt;br /&gt;&lt;br /&gt;&lt;a href="http://en.wikipedia.org/wiki/PHP" title="PHP"&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-5080621207478426610?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/5080621207478426610/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=5080621207478426610&amp;isPopup=true' title='6 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5080621207478426610'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5080621207478426610'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2007/12/wiki.html' title='企業 wiki 軟體大探索'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>6</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-4586398151907082120</id><published>2007-12-25T20:46:00.000-08:00</published><updated>2007-12-25T21:11:32.404-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='創業'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><title type='text'>雜記</title><content type='html'>昨天寫了一篇文章「&lt;a href="http://blog.myweb2pr.com/?p=42"&gt;Meeya、Memode繼出，台灣Web 2.0只能玩社群市場？&lt;/a&gt;」&lt;br /&gt;traceback到一篇引用的文章「&lt;a href="http://multani1026.blogspot.com/2007/12/blog-post_25.html"&gt;下一步才是社群&lt;/a&gt;」，作者是Multani，沒有自我介紹，但看得出來也是個開發者，web 2.0觀察者。&lt;br /&gt;&lt;br /&gt;網路就是這樣，透過未曾謀面的網友，每天都看到許多新事物&lt;br /&gt;他介紹了幾個好網站&lt;span class="post-author vcard"&gt;&lt;span class="fn"&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="post-timestamp"&gt;&lt;/span&gt;&lt;br /&gt;第一個是KillerStartups.com，每天會選出30個以上全世界新的startup服務，還可以在上面看到網友推文按鈕，有點像digg的startup版，專門推世界的新創服務。&lt;br /&gt;&lt;br /&gt;另外Multani也介紹了一個配色網站叫&lt;a href="http://genopal.com/index.htm"&gt;GenaPal&lt;/a&gt;&lt;br /&gt;非常實用，尤其是對我們這種沒太多美感的人很有用&lt;br /&gt;不過要錢是最大的缺點，找找看有沒有其他類似的網站服務好了！&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-4586398151907082120?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/4586398151907082120/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=4586398151907082120&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4586398151907082120'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/4586398151907082120'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2007/12/blog-post.html' title='雜記'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7954229803582423149</id><published>2007-12-05T06:50:00.001-08:00</published><updated>2007-12-05T08:29:31.536-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='創業'/><category scheme='http://www.blogger.com/atom/ns#' term='web'/><category scheme='http://www.blogger.com/atom/ns#' term='Open API'/><title type='text'>ZK平台+Demo演講</title><content type='html'>今天代替funp的Brian到資策會聽了一天的課，是資策會開給Web 2.0創新服務入圍團隊的課程&lt;br /&gt;雖然上課中還得多工處理很多工作，但是收穫頗多&lt;br /&gt;&lt;br /&gt;ZK是台灣的一家公司普奇科技開發出來的Ajax Framework，全世界有滿多使用者，算是個台灣之光&lt;br /&gt;與大部分Ajax走client centric不同，client centric是將所有的script丟到client端執行&lt;br /&gt;這在client端很強的時候，的確可以分擔server的loading&lt;br /&gt;但是fat client過了頭，就會造成開browser佔了太多系統資源&lt;br /&gt;&lt;br /&gt;ZK是server-centric的Framework，也就是在client和server間夾了一層ZK machine&lt;br /&gt;ZK machine可以處理ajax的效果，直接呈現在前端瀏覽器上&lt;br /&gt;換句話說，Ajax不是在前端，而是在後端進行處理，會吃到後端的server資源&lt;br /&gt;但是好處之一是不用全部把程式碼或網頁(不管有沒有用到)，一股腦都丟到前端&lt;br /&gt;可以省下不少頻寬費，這對於頻寬成本昂貴的台灣頗為實用。&lt;br /&gt;&lt;br /&gt;其次，在Javascript的coding上，不但可以大幅減低程式碼及開發時間外，更不用將含商業邏輯或安全性的程式碼傳到client端，避免安全性的疑慮。&lt;br /&gt;&lt;br /&gt;由於是Server-centric的，很容易就可以應用到行動裝置，因為scripting全都在server端做完，client端只像是個monitor，所以不管是在手機、PDA，都可以不用考慮瀏覽器的問題。&lt;br /&gt;&lt;br /&gt;另外，其他好處包括mesh-up變得更容易、ajax page還可以紀錄成bookmark...等&lt;br /&gt;&lt;br /&gt;但是 server-centric framework的缺點則包括：&lt;br /&gt;1. 不能開發遊戲&lt;br /&gt;2. 不能離線執行&lt;br /&gt;3. 對於記憶體及回應時間也不能縮短&lt;br /&gt;&lt;br /&gt;官方網站上有許多Demo，很炫，而且程式碼很簡單(只要你裝了ZK)&lt;br /&gt;http://www.zkoss.org/demo/&lt;br /&gt;&lt;br /&gt;+++++&lt;br /&gt;&lt;br /&gt;Demo是每年1、2月在聖地牙哥舉辦的trade show，所有世界上最有創意的網站或服務都會到這裡來Demo，尋求投資者或Google、Yahoo等大廠的併購機會。&lt;br /&gt;&lt;br /&gt;這次來了兩位女士(不記得名字了)要甄選台灣幾家Web 2.0公司明年參展&lt;br /&gt;聽說昨天所有入圍的團隊都接受了第一輪的面試，明後天還有第二輪面試&lt;br /&gt;所以講者主要是針對台灣團隊進行評語&lt;br /&gt;&lt;br /&gt;首先，她提到了台灣團隊的自信心問題，歐美的團隊有三分可以說成十分，但是台灣的團隊，有了十分，才敢說八分。戒之戒之，台灣人沒有信心展現在很多地方，我也會不經意流露，把自信心不足當作謙虛、當成美德。&lt;br /&gt;&lt;br /&gt;第二點，她認為新創公司要展現的，不是如何建立多棒的產品，而是如何建立偉大的事業。這就牽涉到business model了。&lt;br /&gt;&lt;br /&gt;第三點，對於投資人來說，不期望聽到你的事業是個多穩當的小事業，而是希望聽到一個擘畫出偉大前景的great business。(對台灣來說，不知道適用嗎？)&lt;br /&gt;&lt;br /&gt;第四點，團隊最好很清楚自己的定位，Use Case是什麼？顧客是誰？提供的價值是什麼？最重要的是「What we're "not" going to do!」，創業的途中太容易分心，尤其容易被一些意外的小成功分散了專注。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7954229803582423149?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7954229803582423149/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7954229803582423149&amp;isPopup=true' title='1 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7954229803582423149'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7954229803582423149'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2007/12/zk.html' title='ZK平台+Demo演講'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-2244974641617943375</id><published>2007-12-04T08:11:00.000-08:00</published><updated>2007-12-04T08:17:47.563-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='PR 2.0'/><title type='text'>公關的 Timesheet 管理功能- 需求PLUS</title><content type='html'>公關活動的成本和報價都是以hours*hourly rate計價，&lt;br /&gt;當利用公關平台進行專案管理時，如果把每種項目的hours也計算進去，&lt;br /&gt;就可以協助公司或公關公司在管理專案進度的同時，也能同時具有成本概念&lt;br /&gt;增加平台使用的誘因&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-2244974641617943375?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/2244974641617943375/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=2244974641617943375&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2244974641617943375'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2244974641617943375'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2007/12/timesheet-plus.html' title='公關的 Timesheet 管理功能- 需求PLUS'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-6329220274800086669</id><published>2007-11-09T23:56:00.000-08:00</published><updated>2007-12-26T18:53:32.735-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web'/><title type='text'>網站繁簡體轉換的作法</title><content type='html'>參考&lt;br /&gt;用Javascript&lt;br /&gt;http://blog.markplace.net/marks_place/10/2006/10/27/150&lt;br /&gt;用php寫好的class&lt;br /&gt;http://magic.jerry.com.tw/forumdoc.php?id=744#item744&lt;br /&gt;透過Google translate (目前我試過的作法)&lt;br /&gt;http://alslptaiwan.spaces.live.com/blog/cns!42F6D2A28EE314DF!397.entry&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-6329220274800086669?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/6329220274800086669/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=6329220274800086669&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6329220274800086669'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6329220274800086669'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2007/11/blog-post_09.html' title='網站繁簡體轉換的作法'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-8432684025481887112</id><published>2007-11-03T07:08:00.000-07:00</published><updated>2008-02-15T02:30:36.100-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='bnext'/><category scheme='http://www.blogger.com/atom/ns#' term='Widget'/><category scheme='http://www.blogger.com/atom/ns#' term='Open API'/><title type='text'>Web Widget</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_CroxGkx0qIU/RyyB3WFhFCI/AAAAAAAAACE/bOWNK9bE4AM/s1600-h/%E6%95%B8%E4%BD%8DN%E7%B6%B2%E5%AE%A2.png"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://1.bp.blogspot.com/_CroxGkx0qIU/RyyB3WFhFCI/AAAAAAAAACE/bOWNK9bE4AM/s320/%E6%95%B8%E4%BD%8DN%E7%B6%B2%E5%AE%A2.png" alt="" id="BLOGGER_PHOTO_ID_5128616863489659938" border="0" /&gt;&lt;/a&gt;為了把數位時代網站推出去&lt;br /&gt;打算做一個Web Widget提供各部落格嵌在網頁上使用&lt;br /&gt;這個N網客每天都會有一句「數位趨勢觀察」，從數位時代網站上抓過來。&lt;br /&gt;&lt;br /&gt;技術方面，&lt;br /&gt;&lt;br /&gt;由於要回原網站抓資料，所以要cross-site ajax的技術&lt;br /&gt;用JSON進行傳遞資料(這裡不能用XMLHttpRequest，因為安全因素，不能跨domain存取）&lt;br /&gt;&lt;br /&gt;另外，目前數位網站沒有實作feed，所以用&lt;a href="http://feed43.com/"&gt;feed43&lt;/a&gt; 硬抓出feed。&lt;br /&gt;&lt;br /&gt;Widget的相關資料&lt;br /&gt;&lt;a href="http://en.wikipedia.org/wiki/Web_widget"&gt;Wiki &lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.pocketshark.com/blog/page/tempo?entry=web_widget_%E9%96%8B%E7%99%BC%E5%BF%83%E5%BE%97"&gt;Tempo的教學&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.widgipedia.com/forum/"&gt;Widgipedia&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.widgetbox.com/"&gt;WidgetBox&lt;/a&gt;&lt;br /&gt;&lt;a href="http://conferences.oreillynet.com/cs/os2006/view/e_sess/8923"&gt;Cross-site Ajax&lt;/a&gt;&lt;br /&gt;JSON &lt;a href="http://json.org/"&gt;(1) &lt;/a&gt;、&lt;a href="http://json.org/"&gt;(2)&lt;/a&gt;、&lt;a href="http://json.org/JSONRequest.html"&gt;(3)&lt;/a&gt;&lt;br /&gt;&lt;a href="http://bob.pythonmac.org/archives/2005/12/05/remote-json-jsonp/"&gt;JSONP&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-8432684025481887112?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/8432684025481887112/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=8432684025481887112&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/8432684025481887112'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/8432684025481887112'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2007/11/web-widget.html' title='Web Widget'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_CroxGkx0qIU/RyyB3WFhFCI/AAAAAAAAACE/bOWNK9bE4AM/s72-c/%E6%95%B8%E4%BD%8DN%E7%B6%B2%E5%AE%A2.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-6961755625870609970</id><published>2007-11-02T18:58:00.000-07:00</published><updated>2007-11-03T05:48:49.977-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Open API'/><title type='text'>Google OpenSocial API的下下一步：口耳相傳廣告？</title><content type='html'>這幾天最值得注意的事情，除了微軟花2.4億美元取得Facebook 1.6%的股權及廣告代理外，另外也有一則關於社交網路的新聞，「Google 推出 OpenSocial API」。&lt;br /&gt;&lt;br /&gt;Google OpenSocial API有何振奮之處？&lt;br /&gt;原來他要做的就是讓網站可以用簡單的Javascript及HTML讓自己社交化&lt;br /&gt;把不同網站間的社群網路帶進來，卻不用花費自己server的力氣，全部都可以交給Google！&lt;br /&gt;&lt;br /&gt;這件事情的下一步，不是Google自己要做社群&lt;br /&gt;而是Google未來可以掌握社群間及朋友間的互動&lt;br /&gt;因為這些使用Google OpenSocial API的公司，他們的資料都會透過Google的server進行存取&lt;br /&gt;因此Google就可以有最詳細最清楚的人際社群脈絡&lt;br /&gt;進而把老本行搜尋擴展到「人際關係搜尋」！&lt;br /&gt;接下來，賣廣告就不是指賣關鍵字廣告了&lt;br /&gt;還可以賣「口耳相傳廣告」！&lt;br /&gt;&lt;br /&gt;當人家說Facebook市值達5000億台幣時，這項服務的價值應該更恐怖吧？！&lt;br /&gt;700元的Google股票應該還是可以買進的！&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;怎麼做可參考影片及官方&lt;a href="http://code.google.com/apis/opensocial/docs/"&gt;Documentation&lt;/a&gt;及&lt;a href="http://opensocialapis.blogspot.com/2007/11/web-is-better-when-its-social.html"&gt;Blog&lt;/a&gt;&lt;br /&gt;&lt;object height="355" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/9KOEbAZJTTk&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/9KOEbAZJTTk&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;分為三大API&lt;br /&gt;1. People and Friends data API：讓客戶端應用程式可以觀看並更新個人檔案及朋友關係&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Get a structured version of a user's profile in an OpenSocial service.&lt;/li&gt;&lt;li&gt;Get a list of a user's friends in an OpenSocial service.&lt;/li&gt;&lt;li&gt;Follow friend connections to get detailed profiles in an OpenSocial service.&lt;/li&gt;&lt;/ul&gt;2. Activities data API：讓客戶端程式可以掌握朋友的動態&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Publish information about user actions, such as indicating when a user uploads a video file to your site.&lt;/li&gt;&lt;li&gt;Create a desktop application or plugin that allows users to see what their friends are doing in realtime.&lt;/li&gt;&lt;/ul&gt;  &lt;a href="http://code.google.com/apis/opensocial/docs/gdata/persistence/developers_guide_protocol.html"&gt;&lt;/a&gt;3. Persistence data API：讓客戶端程式可以觀看並更新現有程式、使用者或小工具的內容，並從feed中取得內容&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Make data globally available to all of your application's gadgets and have it served by Google.&lt;/li&gt;&lt;li&gt;Push custom content specific to your gadget's users from your own servers.&lt;/li&gt;&lt;li&gt;Read data written by users to gadget data for later analysis.&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-6961755625870609970?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/6961755625870609970/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=6961755625870609970&amp;isPopup=true' title='2 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6961755625870609970'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6961755625870609970'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2007/11/google-opensocial-api.html' title='Google OpenSocial API的下下一步：口耳相傳廣告？'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-2852467861414589206</id><published>2007-11-02T07:26:00.000-07:00</published><updated>2007-11-02T07:30:50.030-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Open API'/><title type='text'>Google API</title><content type='html'>&lt;span style="font-size:100%;"&gt;Google Map API&lt;br /&gt;好像是跟以下兩class有關&lt;br /&gt;class GClientGeocoder&lt;br /&gt;class GGeocodeCache&lt;br /&gt;官方Google Map API&lt;br /&gt;http://www.google.com/apis/maps/documentation/reference.html#GClientGeocoder&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Google免費幫你的網站做「跨站搜尋引擎」 （Google Custom Search Engine）&lt;br /&gt;官方網站：http://www.google.com/coop/cse/ （好像不難）&lt;br /&gt;中文說明http://briian.com/?p=3598&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-2852467861414589206?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/2852467861414589206/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=2852467861414589206&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2852467861414589206'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/2852467861414589206'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2007/11/google-api.html' title='Google API'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-1055147473767695391</id><published>2007-11-02T05:16:00.001-07:00</published><updated>2007-11-02T05:16:50.757-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='tool'/><title type='text'>Demostudio螢幕錄製軟體</title><content type='html'>&lt;p&gt;教學網址如下&lt;br /&gt;&lt;/p&gt;&lt;a target="_blank" rel="nofollow" href="http://203.68.253.130/%7Ehuang/video/Demostudio/Demostudio.html"&gt;http://203.68.253.130/~huang/video/Demostudio/Demostudio.html&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-1055147473767695391?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/1055147473767695391/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=1055147473767695391&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1055147473767695391'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/1055147473767695391'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2007/11/demostudio.html' title='Demostudio螢幕錄製軟體'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-3238311475110306178</id><published>2007-11-02T05:08:00.001-07:00</published><updated>2007-11-02T05:08:45.381-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JAVA'/><title type='text'>Java Mail API</title><content type='html'>搜尋Java Mail API可以找到一大堆資訊&lt;br /&gt;下載位置&lt;br /&gt;&lt;a target="_blank" rel="nofollow" href="http://java.sun.com/products/javamail/downloads/index.html"&gt;http://java.sun.com/products/javamail/downloads/index.html&lt;/a&gt;&lt;br /&gt;參考文件&lt;br /&gt;el.mdu.edu.tw/datacos//09412311027A/Section%203%20Web%20Interface&lt;br /&gt;%20Design.doc&lt;br /&gt;&lt;a target="_blank" rel="nofollow" href="http://hyh.mis.dwu.edu.tw/jsp/mail.htm"&gt;http://hyh.mis.dwu.edu.tw/jsp/mail.htm&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-3238311475110306178?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/3238311475110306178/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=3238311475110306178&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/3238311475110306178'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/3238311475110306178'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2007/11/java-mail-api.html' title='Java Mail API'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-6320087653973852233</id><published>2007-11-02T05:00:00.001-07:00</published><updated>2007-11-02T05:00:56.167-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='where2event'/><title type='text'>用ajax抓後端的傳來的xml檔</title><content type='html'>主要步驟有&lt;br /&gt;1. ajax用javascript設定觸發事件&lt;br /&gt;2. 透過XMLHttpRequest傳到後端的Controller Servlet&lt;br /&gt;3. Servlet進資料庫抓資料，並回傳至Servlet&lt;br /&gt;4. Servlet產生xml檔&lt;br /&gt;5. Client端的ajax 用XMLHttpRequest 的responseXML.getElementsByTagName接到xml的&lt;br /&gt;參數&lt;br /&gt;6. 以Ajax innerHtml將網頁呈現出來&lt;br /&gt;&lt;p&gt;參考資料&lt;br /&gt;&lt;/p&gt;JAVA官方網站&lt;br /&gt;&lt;a target="_blank" rel="nofollow" href="http://java.sun.com/developer/technicalArticles/J2EE/AJAX/"&gt;http://java.sun.com/developer/technicalArticles/J2EE/AJAX/&lt;/a&gt;&lt;br /&gt;中文&lt;br /&gt;&lt;a target="_blank" rel="nofollow" href="http://dbmaker.syscom.com.tw/mag/121/research_02.htm"&gt;http://dbmaker.syscom.com.tw/mag/121/research_02.htm&lt;/a&gt;&lt;br /&gt;&lt;a target="_blank" rel="nofollow" href="http://blog.yam.com/rexmen/article/2241970"&gt;http://blog.yam.com/rexmen/article/2241970&lt;/a&gt;&lt;br /&gt;&lt;a target="_blank" rel="nofollow" href="http://bbs.ecstart.com/viewthread.php?tid=15077"&gt;http://bbs.ecstart.com/viewthread.php?tid=15077&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-6320087653973852233?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/6320087653973852233/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=6320087653973852233&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6320087653973852233'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/6320087653973852233'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2007/11/ajaxxml.html' title='用ajax抓後端的傳來的xml檔'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7032323400254296857</id><published>2007-11-01T10:26:00.000-07:00</published><updated>2007-11-02T07:42:41.735-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web'/><title type='text'>將動態網頁轉成半靜態網頁</title><content type='html'>我以前在看php的書有提到&lt;br /&gt;如果每個動態網頁(如index.php)每次都需要進資料庫抓資料，進行查詢&lt;br /&gt;對於Server 的負擔太大&lt;br /&gt;其實有些網頁內容並不需要每天即時更新&lt;br /&gt;&lt;br /&gt;舉例來說，我們的展廳資料，除非廠商進行編修，並不會太常更新&lt;br /&gt;所以不需要每次都進資料庫進行查詢&lt;br /&gt;&lt;br /&gt;所以有兩種方式可以將動態網頁轉成半靜態網頁&lt;br /&gt;1. 將動態網頁的內容丟進文字檔，以後網頁要顯示的時候&lt;div style="direction: ltr;"&gt;&lt;wbr&gt;，只要去抓文字檔，不用進資料庫&lt;br /&gt;2. 將資料庫查詢所得到的結果，丟到xml檔存在檔案目錄中&lt;wbr&gt;，未來網頁要顯示時，只要去抓xml內的參數，也可以省下去資料&lt;wbr&gt;庫查詢的loading&lt;br /&gt;&lt;br /&gt;所以如果用第二個方法，只有在廠商編修的時候重寫xml檔&lt;wbr&gt;，其他時候就直接抓xml而不用進行資料庫查詢。&lt;br /&gt;&lt;br /&gt;不過限於時間，以後再來重寫這部分的程式碼吧！&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7032323400254296857?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7032323400254296857/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7032323400254296857&amp;isPopup=true' title='1 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7032323400254296857'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7032323400254296857'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2007/11/blog-post_3642.html' title='將動態網頁轉成半靜態網頁'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-7999773439122303452</id><published>2007-11-01T10:00:00.000-07:00</published><updated>2007-11-01T10:23:02.832-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='where2event'/><title type='text'>《場地王》場地的欄位屬性</title><content type='html'>當什麼都想包含的時候，會不會失去原有的初衷及簡潔易用？&lt;br /&gt;那麼，什麼是核心呢？&lt;br /&gt;&lt;br /&gt;公開活動 vs. 私人活動&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. 開異動檔 FK 場地檔？&lt;br /&gt;......&lt;br /&gt;&lt;br /&gt;另外，場地設備有很多細項&lt;br /&gt;採用boolean(搜尋判斷)+ textfield(描述)....?&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-7999773439122303452?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/7999773439122303452/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=7999773439122303452&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7999773439122303452'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/7999773439122303452'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2007/11/blog-post_01.html' title='《場地王》場地的欄位屬性'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-5071567486454331028</id><published>2007-11-01T09:40:00.000-07:00</published><updated>2007-11-01T10:00:27.109-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='PR 2.0'/><title type='text'>《PR 2.0》記者的休假代班問題</title><content type='html'>當記者星期幾休假？&lt;br /&gt;不在時由誰代班？&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-5071567486454331028?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/5071567486454331028/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=5071567486454331028&amp;isPopup=true' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5071567486454331028'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5071567486454331028'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2007/11/blog-post.html' title='《PR 2.0》記者的休假代班問題'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-89453473481334250.post-5086782487417103275</id><published>2007-09-15T09:41:00.000-07:00</published><updated>2008-02-04T07:20:19.545-08:00</updated><title type='text'>me</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_CroxGkx0qIU/RuwLko-SrKI/AAAAAAAAAAY/FXF2nfmkn0I/s1600-h/me-s.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://3.bp.blogspot.com/_CroxGkx0qIU/RuwLko-SrKI/AAAAAAAAAAY/FXF2nfmkn0I/s320/me-s.jpg" alt="" id="BLOGGER_PHOTO_ID_5110472401260555426" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/89453473481334250-5086782487417103275?l=lonelymisconception.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://lonelymisconception.blogspot.com/feeds/5086782487417103275/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=89453473481334250&amp;postID=5086782487417103275&amp;isPopup=true' title='4 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5086782487417103275'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/89453473481334250/posts/default/5086782487417103275'/><link rel='alternate' type='text/html' href='http://lonelymisconception.blogspot.com/2007/09/blog-post_15.html' title='me'/><author><name>Willy</name><uri>http://www.blogger.com/profile/02707968802332922492</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_CroxGkx0qIU/RuwLko-SrKI/AAAAAAAAAAY/FXF2nfmkn0I/s72-c/me-s.jpg' height='72' width='72'/><thr:total>4</thr:total></entry></feed>
