Firefox 3 - 創造「單日最多人下載軟體」的金氏世界紀錄！

感謝永遠都這麼出色的 Mozilla 社區的支持，我們在 24 小時之內達到了超過 8 百萬的下載次數。這是我們這麼久以來單日下載最多的一次──真是太棒了！

請耐心等待來自吉尼斯的好心審查員審查我們的記錄要求。這將會花費幾天的時間，所以請隨時在這裡查看進一步的消息。再次深深的感謝您的支持！

以上是 Firefox Download Day 2008，在臺灣時間 2008/06/18 AM1:00 開始 24 小時後，官方所發布的消息。Firefox 3 改良超過 15000 個項目，你還沒去下載更新嗎？




查看世界各地下載人數

SharedCopy - 再也不怕網頁消失！保存、標記註解或分享網頁快照！

有時候在瀏覽網頁時，看到自己有興趣或是必須保存下來的資料，通常一般使用者第一個想到的就是加入我的最愛，或是儲存到如 Google Bookmarks 的網路書籤。但往往在原始網站內容被移除後，就無法在檢索網站內容。有些聰明點的使用者可能會想到 Google 頁庫存檔的功能，但若是網頁未被索引或存檔怎麼辦呢？沒關係，現在透過 SharedCopy，無須安裝任何軟體，使用者就能將網頁完整保存下來！

SharedCopy 的概念與 Social Bookmarks 類似，不太一樣的是 SharedCopy 是以將網站完整保存下來為優先考量，使用者更可以在該頁面加上註解(Comments)、高亮(Highlight)、劃線、畫圓、加上文字等等。儲存完成後將會產生獨立網址，使用者可直接複製該段網址來分享頁面。

對於網路應用程式設計及網頁設計，更好的應用在於可直接透過 SharedCopy 作為設計上的相互溝通，直接將意見標註在頁面上儲存，並把所產生的產生獨立網址 mail 給對方。這比利用螢幕快拍在小畫家上編輯，儲存為圖片檔再 mail 給對方來的方便很多。

SharedCopy


更詳細的使用介紹︰
免費資源網路社群 - SharedCopy - 再也不怕網頁消失！保存、標記註解或分享網頁快照！

Google Maps API - 在地圖上新增標註

在 Google Maps 如果想要加上標記及視窗說明，這可以使用 GMarker 物件來加以實現。
<br />var myMap = new GMap2(document.getElementById("my_map"));<br />myMap.setCenter(new GLatLng(25.08532, 121.561498), 11);<br /> <br />var myMarker = new GMarker( new GLatLng(25.08532, 121.561498) );<br />myMap.addOverlay( myMarker );<br /><br />myMarker.openInfoWindowHtml( "這裡是台北市" );<br />
看範例所呈現的結果

var myMarker = new GMarker( new GLatLng(25.08532, 121.561498) ); 建立一個 GMarker 物件，設定位置在經度 25.08532，緯度 121.561498 的位置上。

GMap2.addOverlay(overlay) 將加疊層加入地圖中，這裡我們將新建立的 GMarker 加入地圖中。

GMarker.openInfoWindowHtml(content, opts?) 在標記圖示之上打開地圖訊息視窗。如果要關閉已打開的訊息視窗可以使用 GMarker.closeInfoWindow()。

在上面的範例中是否覺得陽春了點，再來看看下面這個範例，我們將針對加在地圖上的標記做些改變，並加入動作事件處理程序。
<br />var myMap = new GMap2(document.getElementById("my_map"));<br />myMap.setCenter(new GLatLng(25.08532, 121.561498), 11);<br /> <br />var myIcon = new GIcon();<br />//Icon 圖片 (必要)<br />myIcon.image = "http://ianjung.googlepages.com/ian_map_icon.png";<br />//Icon 左上角相對於 (必要)<br />myIcon.iconAnchor = new GPoint(-3, 13);<br />//訊息視窗相對於 Icon 左上角位置 (必要)<br />myIcon.infoWindowAnchor = new GPoint(-3, 12);<br />//Icon 尺寸<br />myIcon.iconSize = new GSize(70, 26);<br />//陰影圖片<br />myIcon.shadow = "http://ianjung.googlepages.com/ian_map_icon_shadow.png";<br />//陰影尺寸<br />myIcon.shadowSize = new GSize(70, 26);<br />//拖拽標記時視覺上垂直「上升」的距離離<br />myIcon.maxHeight = 20;<br /> <br />var myMarker = new GMarker( new GLatLng(25.08532, 121.561498), {icon:myIcon, draggable:true} );<br />myMap.addOverlay( myMarker );<br />myMarker.openInfoWindowHtml( "這裡是台北市" );<br /><br />//單擊事件 <br />GEvent.addListener(myMarker, "click", function(){<br /> myMarker.openInfoWindowHtml( "我被點擊了" );<br /> });<br />//開始拖拽事件<br />GEvent.addListener(myMarker, "dragstart", function(){<br /> myMarker.closeInfoWindow();<br /> });<br />//結束拖拽事件<br />GEvent.addListener(myMarker, "dragend", function(){<br /> myMarker.openInfoWindowHtml( "我被拖曳到這裡" );<br /> });<br />
看範例所呈現的結果

這裡介紹一個改變地圖上標記呈現相當重要的物件 GIcon，這可以讓我們建立屬於自己的圖示，使用在 GMarker 上。針對 GIcon 有許多屬性可加以設定，必須要注意 image、iconAnchor、infoWindowAnchor 這三個是必要屬性，如果省略將會照成執行上的錯誤。

var myMarker = new GMarker( new GLatLng(25.08532, 121.561498), {icon:myIcon, draggable:true} ); 在這範例中，建立 GMarker 物件多加了一個參數設定 GMarkerOptions，此為一個物件我們設定了兩個屬性。icon 指定所使用的圖示 GIcon；draggable 使用者是否可拖拽此標記，true 為可拖曳，默認值為 false。

GEvent 在 Google Maps API 中所有事件都是透過此來加以定義，包含地圖本身的事件處理，至於有那些事件可以使用必須參考每個物件中事件部分的說明。所以這範例我們透過 GEvent.addListener(source, event, handler)，針對 GMarker 註冊了三個事件處理程序，分別為 click、dragstart、dragend。

在之前的所有範例中可以發現經常出現的兩個物件，GLatLng 是以緯度和經度表示的地理座標點。GPoint 是以像素座標表示的地圖上的一點。這兩個物件為 Google Maps API 中定義地圖上座標的主要物件，在往後的教學範例中還會經常看見它們。

參考︰
‧class GMap2︰addOverlay(overlay)
‧class GMarker︰openInfoWindowHtml(content, opts?)、closeInfoWindow()
‧class GMarkerOptions
‧class GIcon
‧class GEvent︰addListener(source, event, handler)
‧class GLatLng
‧class GPoint


更多教學文件在此︰Google Maps API - 前言及目錄

樸克牌有 54 張，樸克牌用 ♠、♥、♣、♦ 當作花色，Why？

樸克牌從小玩到大還真的都不知道，為什麼樸克牌有 54 張？為什麼樸克牌要用 ♠、♥、♣、♦ 當作花色？

樸克 54 張，兩張大小王（兩張鬼牌 JOKER 一大一小）是日月，其餘 52 張是全年 52 個星期。黑桃 ♠、紅心 ♥、梅花 ♣、方塊 ♦ 代表春、夏、秋、冬四季。每個花色 13 張，代表一季 13 星期。每種圖案 13 張點數（1 ~ 13）加起來是 91 點，而每季也是 91 天，四季相加，加小王是 365 天，是一年正常天數，而再加大王是 366，代表閏年。此外，全牌只兩色，紅色代表白天，黑色代表夜晚。

撲克牌分為四種花色：黑桃 ♠、紅心 ♥、梅花 ♣、方塊 ♦。各國人民都以本國民族文化對四種花色給予不同的文化闡述。法國人將四種花色理解為矛、紅心、丁香葉、方形；德國人把四種花色理解為樹葉、紅心、橡樹果、鈴鐺；義大利人將四種花色理解為寶劍、酒杯、拐杖、硬幣；瑞士人將四種花色理解為橡樹果、盾牌、花朵、鈴鐺；英國人則將四種花色理解為鏟子、紅心、三葉草、鑽石。

為什麼要以這四種花色，歷來說法很多。比較集中的說法有以下兩種：一說是這四種花色代表當時社會的四種主要行業，其中黑桃 ♠ 代表長矛，象徵軍人；紅桃 ♥ 代表紅心，象徵牧師；梅花 ♣ 代表三葉草，象徵農業；方塊 ♦ 代表工匠使用的磚瓦。另一說是這四種花色來源於歐洲古代占卜所用器物的圖樣，其中黑桃 ♠ 代表橄欖葉，象徵和平；紅桃 ♥ 為紅心型，象徵智慧和愛情；梅花 ♣ 為三葉草，意味著幸運；方塊 ♦ 呈鑽石形狀，象徵財富。

撲克牌中的 K、Q、J 是英文中國王（King）、王后（Queen）、侍從（Jack）的縮寫，12 張人頭牌分別代表歷史上某個人物︰

♠ K︰大衛，是西元前 10 世紀以色列聯合王國的第三任國王，他善用豎琴演奏，並在聖經上寫了許多讚美詩，所以 ♠ K 畫面上經常有豎琴圖樣。
♥ K︰查理大帝，是法蘭克王國加洛林王朝國王，四張國王牌中唯一不留鬍鬚的國王。
♣ K︰亞歷山大大帝，是最早征服世界的馬其頓帝國國王，他的衣服上總是佩戴著配有十字架的球寶。
♦ K︰凱撒，是羅馬帝國的國王、名將和政治家，四張國王牌中唯一一張側面像。

♠ Q︰帕拉斯·雅典娜，是希臘的智慧和戰爭女神，四張皇后牌中唯一手持武器的一位皇后。
♥ Q︰朱迪思皇后。
♣ Q︰阿金尼，由女王（Regina）一詞而來，她手持薔薇花，表示英國以紅 色薔薇花為標誌的蘭開斯特王族和以白色薔薇花為標誌的約克王族經過薔薇戰爭後終於和解，將雙方的薔薇花結在一起。
♦ Q︰雷切爾皇后。

♠ J︰霍吉爾。
♥ J︰拉海爾。
♣ J︰蘭斯洛特，是在亞瑟王傳說中圓桌騎士團的成員。
♦ J︰赫克托，他是特洛伊第一勇士，被稱為「特洛伊的城牆」。

相關資料︰
Wikipedia - 撲克牌

SQL 隨機取出資料表格內容

MySQL︰
<br />SELECT column_name <br />FROM table_name<br />ORDER BY RAND()<br />LIMIT 1<br />
PostgreSQL︰
<br />SELECT column_name FROM table_name<br />ORDER BY RANDOM()<br />LIMIT 1<br />
Microsoft SQL Server︰
<br />SELECT TOP 1 column_name FROM table_name<br />ORDER BY NEWID()<br />
Oracle︰
<br />SELECT column_name FROM<br />( SELECT column_name <br /> FROM table_name <br /> ORDER BY dbms_random.value )<br />WHERE rownum = 1<br />
IBM DB2︰
<br />SELECT column_name, RAND() as IDX<br />FROM table_name<br />ORDER BY IDX FETCH FIRST 1 ROWS ONLY<br />

資料來源︰
SQL to Select a random row from a database table

MySQL - SHOW 句法（取得資料表、欄位的訊息）

SHOW DATABASES︰列出 MySQL Server 上的資料庫。

SHOW TABLES [FROM db_name]︰列出資料庫的資料表。

SHOW TABLE STATUS [FROM db_name]︰列出資料庫的資料表，提供比較詳細的訊息。

SHOW COLUMNS FROM tbl_name [FROM db_name]︰列出資料表的欄位，同 SHOW FIELDS FROM tbl_name [FROM db_name]，DESCRIBE tbl_name [col_name]。

SHOW FULL COLUMNS FROM tbl_name [FROM db_name]︰列出資料表的欄位，提供比較詳細的訊息，同 SHOW FULL FIELDS FROM tbl_name [FROM db_name]。

SHOW INDEX FROM tbl_name [FROM db_name]︰列出資料表的索引訊息。

SHOW STATUS︰列出 Server 的狀態訊息。

SHOW VARIABLES︰列出 MySQL 系統變數的值。

SHOW PROCESSLIST︰顯示哪個執行緒正在運行。

SHOW GRANTS FOR user︰列出對一個用戶必須發出以重複授權的授權命令。

參考資料︰
MySQL 官方網站
MySQL 5.1 中文參考手冊
MySQL 3.23 中文參考手冊

我所看見的未來 - 嚴長壽︰獻給每一個關心台灣這片土地的人

嚴長壽《亞都麗緻飯店總裁》、《觀光協會名譽會長》，相信很多人跟我一樣，都是從嚴總裁於 1997 年所出版的《總裁獅子心》開始認識他的。今年（2008）3 月嚴總裁又有了一本新的著作《我所看見的未來》。



《我所看見的未來》內容簡介︰

被稱為「飯店教父」的嚴長壽，長期關心台灣的發展，也參與多次國家的重要規劃、國際觀光事務，是台灣觀光旅遊的領航人。

正值台灣面臨國際勢力劇轉的時候、休閒產業即將引領經濟的時候，嚴長壽以自己幾十年來在國際上所學的、在專業上所領悟的、在地方上所看見的，做了條理分明又激勵人心的剖析：我們的優勢在哪裡，台灣的國際級規劃，未來的努力方向。

在即將告別觀光旅遊這領域之前出版這版書，對嚴長壽來說，是他在這一行的畢業報告，對台灣來說，卻是一個美而富的未來。



相關資料︰
我所看見的未來 - 嚴長壽︰獻給每一個關心台灣這片土地的人
博客來 - 我所看見的未來
博客來 - 做自己與別人生命中的天使
博客來 - 總裁獅子心
博客來 - 御風而上：嚴長壽談視野與溝通

Google 推出 Google Maps API for Flash

Google 日前推出了 Google Maps API for Flash，採用的是 Actionscript 3.0，可將 Google Maps 加入 Flash 與 Flex 應用程式內。相信 Google Maps API 在 Flash 上將會有更有趣及更好的應用。

Google Maps API for Flash

相關資料︰
Google Maps API for Flash Demo
Official Google Maps API Blog - Introducing the Google Maps API for Flash

Google Maps API - 新增地圖控制項、地圖類型

‧地圖控制項

在使用 Google Map 時會有地圖縮放及地圖類型切換等控制項，這裡可以使用 GMap2 物件的方法 addControl(control) 來新增地圖控制項。
<br />var myMap = new GMap2(document.getElementById("my_map"));<br />myMap.setCenter(new GLatLng(25.08532, 121.561498), 11);<br /> <br />myMap.addControl(new GLargeMapControl());<br />myMap.addControl(new GMapTypeControl());<br />
看範例所呈現的結果

如果要將已經存在地圖上的控制項移除，可以使用 GMap2.removeControl(control)。
<br />var myMap = new GMap2(document.getElementById("my_map"));<br />myMap.setCenter(new GLatLng(25.08532, 121.561498), 11);<br /><br />var myGLargeMapControl = new GLargeMapControl();<br />myMap.addControl( myGLargeMapControl );<br />var myGMapTypeControl = new GMapTypeControl();<br />myMap.addControl( myGMapTypeControl );<br /><br />myMap.removeControl( myGLargeMapControl );<br />

可使用的控制項如下︰

GLargeMapControl() 帶有可在四個方向平移、放大、縮小的按鈕，以及縮放滑塊的控制項。
GSmallMapControl() 帶有可在四個方向平移、放大和縮小的按鈕的控制項。
GSmallZoomControl() 帶有放大和縮小按鈕的控制項。
GScaleControl() 顯示地圖比例尺的控制項。
GOverviewMapControl() 可摺疊的迷你地圖控制項。
GMapTypeControl() 帶有切換地圖類型的按鈕的控制項。
GMenuMapTypeControl() 帶有切換地圖類型的下拉式的控制項。

‧地圖類型

在地圖類型切換控制項會出現那些地圖類型，是依據此地圖中註冊了那些地圖類型，預設已註冊 G_NORMAL_MAP、G_SATELLITE_MAP、G_HYBRID_MAP 等三個地圖類型，地圖類型顯示預設為 G_NORMAL_MAP，這裡可以透過幾個方法來做更改。
<br />var myMap = new GMap2(document.getElementById("my_map"));<br />myMap.setCenter(new GLatLng(25.08532, 121.561498), 11);<br />myMap.addControl(new GMapTypeControl());<br /> <br />myMap.getMapTypes().length = 0;<br />myMap.addMapType( G_NORMAL_MAP );<br />myMap.addMapType( G_PHYSICAL_MAP );<br /> <br />myMap.setMapType( G_PHYSICAL_MAP );<br />
看範例所呈現的結果

在這個範例中更改了地圖類型註冊為 G_NORMAL_MAP、G_PHYSICAL_MAP，並將地圖類型顯示更改為 G_PHYSICAL_MAP。

GMap2.getMapTypes() 取得地圖中註冊的地圖類型陣列，這裡我用了偷雞的方法直接用 myMap.getMapTypes().length = 0; 將這個陣列長度設為 0，先將預設已註冊的三個地圖類型清除。

GMap2.addMapType( type ) 新增地圖類型，type 必須為已知的地圖類型 GMapType。

GMap2.setMapType( type ) 設定顯示的地圖類型，type 必須為已知的地圖類型 GMapType。

如果要將已註冊的地圖類型移除可以使用 GMap2.removeMapType( type ) ，所以上個範例也可以這樣做，如下。
<br />var myMap = new GMap2(document.getElementById("my_map"));<br />myMap.setCenter(new GLatLng(25.08532, 121.561498), 11);<br />myMap.addControl(new GMapTypeControl());<br /> <br />myMap.removeMapType( G_SATELLITE_MAP );<br />myMap.removeMapType( G_HYBRID_MAP );<br />myMap.addMapType( G_NORMAL_MAP );<br />myMap.addMapType( G_PHYSICAL_MAP );<br /> <br />myMap.setMapType( G_PHYSICAL_MAP );<br />
可使用的地圖類型如下︰

G_NORMAL_MAP 地圖
G_SATELLITE_MAP 衛星
G_HYBRID_MAP 混合
G_PHYSICAL_MAP 地形

除了 Google Maps 所提供的四種地圖類型之外，Google Maps API 也允許使用者建立自己的地圖類型，這部份在往後會再做詳盡的說明。

參考︰
‧class GMap2︰addControl(control, position?)，removeControl(control)
‧class GControl
‧class GMap2︰getMapTypes()，setMapType(type)，addMapType(type)，removeMapType(type)
‧class GMapType


更多教學文件在此︰Google Maps API - 前言及目錄

Google Maps API - 第一個範例在網頁嵌入 Google Map

在生成 Google Maps API Key 的頁面會看到 Google Maps API 的第一個範例，如下︰
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <br /><html xmlns="http://www.w3.org/1999/xhtml"> <br /> <head> <br /> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <br /> <title>Google Maps JavaScript API Example</title> <br /> <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAG_4i2swR3KOd-nGYrlrt8RTkyS8SRe_kYPTAbwTumvAqao01PRRUcCtCzTBnNH2kRURGR8RhQQoZ3w" type="text/javascript"></script> <br /> <script type="text/javascript"> <br /> //<![CDATA[ <br /> <br /> function load() { <br /> if (GBrowserIsCompatible()) { <br /> var map = new GMap2(document.getElementById("map")); <br /> map.setCenter(new GLatLng(37.4419, -122.1419), 13); <br /> } <br /> } <br /> <br /> //]]> <br /> </script> <br /> </head> <br /> <body onload="load()" onunload="GUnload()"> <br /> <div id="map" style="width: 500px; height: 300px"></div> <br /> </body> <br /></html> <br />
看範例所呈現的結果

http://maps.google.com/maps?file=api&v=2&key=XXXXXX 其中 key= 後面就是你所取得的 Google Maps API Key。

<div id="map" style="width: 500px; height: 300px"></div> 用來擺置 Google Map，其中 style="width: 300px; height:300px" 則是指定地圖區塊大小。

GBrowserIsCompatible() 判斷 Google Maps API 是否可用於當前的瀏覽器中，如當前瀏覽器支援 Google Maps API 則回傳 true。

var map = new GMap2(document.getElementById("map")); 宣告一個 GMap 物件，其中 "map" 就是先前用來擺置 Google Map 所宣告 div 標籤的 id。

map.setCenter(new GLatLng(37.4419, -122.1419), 13); 將地圖的中心點設定在經度 37.4419 和緯度 -122.1419，而 Zoom Level 在這範例中設成 13（1 為最大，數字越大 Zoom Level 越小）。在這或許會有個疑問，要怎麼知道某個地點的經緯度？可以利用 Google Map 找到要的地點固定在中間，然後按下『連結至此網頁』 URL 上就有該點的經緯度了，例如 http://maps.google.com/maps?ie=UTF8&ll=25.08532,121.561498&spn=0.291039,0.6427&z=11 紅字部分就是該點的經緯度。在往後的教學中會再介紹如何運用 Google Maps API 取得經緯度。

<body onload="load()" onunload="GUnload()"> 釋放 Google Maps API，在這要注意的是應在頁面的 unload 事件處理程序中使用此函數，不可在 Google Maps API 執行中使用。

參考︰
‧class GMap2︰setCenter(center, zoom?, type?)
‧function GBrowserIsCompatible
‧function GUnload


更多教學文件在此︰Google Maps API - 前言及目錄