CDNから 各種JavaScriptライブラリを読み込むサンプルコード

下記のJavaScript（/CSS）ライブラリをCDNから読み込むためのサンプルコード。

• jQuery
• jQuery Mobile
• jQuery UI
• Twitter Bootstrap

共通事項として、URLのスキーム（http等）を省略すればhttpでもhttpsでも使える。
が、CSSでスキームを省略するとIE8以下が2回サーバにアクセスするという問題があるので、下記ではCSSも使う場合はスキームをhttpにした。httpsで使いたい場合はhttpsにするか、上記の問題を無視していいならスキームを省略すればよい。

jQuery

cdnjs (by CloudFlare)

<script src=”//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>

Microsoft (Ajax Content Delivery Network)

<script src=”//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js”></script>

Google (Hosted Libraries)

<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>

常に1.x系の最新版にする場合（※なぜか”2”や”1.9”という指定だと404 Not Foundになる）

<script src=”//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”></script>

jQuery (CDN by Media Temple)

（https不可）

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

常に最新版にする場合（現時点の最新版の2.0.0ではなく1.9.1がロードされた）

<script src="http://code.jquery.com/jquery.min.js"></script>

jQuery Mobile

cdnjs (by CloudFlare)

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/jquery-mobile/1.3.1/jquery.mobile.min.css" />

<script src=”http://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mobile/1.3.1/jquery.mobile.min.js"></script>

Microsoft (Ajax Content Delivery Network)

（現時点の最新版の1.3.1がまだ無い）

<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.mobile/1.3.0/jquery.mobile.structure-1.3.0.min.css" />

<script src=”http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js”></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>

jQuery (CDN by Media Temple)

（https不可）

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css"/>

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

常に最新版にする場合

（”1.4.0pre”になる。アルファ版未満のバージョン？）

<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" />

<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>

jQuery UI

テーマが”start”の場合（※cdnjsを除く）。

cdnjs (by CloudFlare)

（テーマは”lightness”と”smoothness”しかない？CSSに”custom”が付いているのはなぜ？i18nが無い）

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.2/css/smoothness/jquery-ui-1.10.2.custom.min.css" />

<script src=”http://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>

Microsoft (Ajax Content Delivery Network)

（Datepikcerの日本語化もする場合）

<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.2/themes/start/jquery-ui.min.css" />

<script src=”http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js”></script>

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.2/jquery-ui.min.js"></script>

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.2/i18n/jquery.ui.datepicker-ja.min.js"></script>

Google (Hosted Libraries)

（Datepikcerの日本語化もする場合）

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/start/jquery-ui.min.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/i18n/jquery.ui.datepicker-ja.min.js"></script>

常に最新版にする場合

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.min.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>

jQuery (CDN by Media Temple)

（https不可。i18nが無い。常に最新版にすることもできないようだ）

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/start/jquery-ui.min.css" />

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.min.js"></script>

Twitter Bootstrap

レスポンシブにして、Font Awesomeも併用した場合。

cdnjs (by CloudFlare)

（Bootswatchは無い）

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css" />

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" />

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.0.2/css/font-awesome.min.css" />

<!--[if IE 7]>

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.0.2/css/font-awesome-ie7.css" />

<![endif]-->

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>

BootstrapCDN (by NetDNA)

（Bootswatchも併用した場合。Font Awesomeを使わない場合は、no-iconsではなく通常のCSSを読み込むようにする。jQueryはBootstrapCDNからは供給されていないので例としてGoogleからにした）

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css" />

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" />

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootswatch/2.3.1/united/bootstrap.min.css" />

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.min.css" />

<!--[if IE 7]>

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome-ie7.css" />

<![endif]-->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>

常に最新版にする場合

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/latest/css/bootstrap-combined.no-icons.min.css" />

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/latest/css/bootstrap-responsive.min.css" />

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootswatch/latest/united/bootstrap.min.css" />

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />

<!--[if IE 7]>

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/latest/css/font-awesome-ie7.css" />

<![endif]-->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/latest/js/bootstrap.min.js"></script>

余談

URLがのきなみ長いのは、MicrosoftやcdnjsがGoogleに合わせてしまったからか。GoogleのURLが長いのは歴史的経緯の影響が大きいだろう。 （何回か名前が変わったが、URLのパス部分は変えなかった。今なら js.gapi.com/jqeury/1/jquery.min.js とかにできるだろうに。）

また、BootstrapCDNのPopular Files Overviewは興味深い。

参考

• JavaScriptフレームワーク/ライブラリの CDNいろいろ
• JSの CDNの速度比較 （2013年版）
• jQuery UIの Datepickerで日本語のカレンダーを表示する方法

JSの CDNの速度比較 （2013年版）

jQueryとTwitter Bootstrapをhttpで3回ロードし、その平均値を比較してみた。

Library	CDN	load時間	https	最新版取得
jQuery 1.9.1 (min)	Google	0.215	○	○（メジャーバージョン番号ごと）
	jQuery CDN	0.550	×	○（Nightly Build？）
	Microsoft	0.139	○	×
	cdnjs	0.069	○	×
Bootstrap 2.3.1 (min.js)	cdnjs	0.087	○	×
	BootstrapCDN	0.243	○	○

以前測ったときはGoogle Hosted Libraries（当時はGoogle Ajax Librariesとかそんな名前だった気がする）が今回のcdnjs並みに速かったが、なぜかMSより遅くなっていた。CDNの拠点お日本から撤退させたのだろうか？（cdnjsは東京にも拠点がある。）

cdnjsはHTTPSも使えるし、GoogleにないjQuery MobileやFont Awesomeもあるから、今後はcdnjsでいいのかもしれない。
ただ、以前はライブラリのバージョンアップが遅かった気がするので、そのあたりは気になる。
それからBootswatchはBootstrapCDNにしかなかった。

また、jQueryの本家CDNでjQuery Mobileのlatestを取得したら1.4.0preというバージョンになった。アルファより前ということなのかな？

JavaScriptライブラリ備忘録

使ってたり、使ったことがあったり、使うことがありそうなJavaScriptライブラリを忘れないようにメモ。

• jQuery ファミリー
• jQuery
• jQuery UI
• jQuery Mobile
• jQuery プラグイン
• jQuery Cookie Plugin
• ブラウザのCookieを簡単に扱える
• jQuery Easing Scroll
• ページ内での遷移がスムーズなスクロールになる
• FancyBox
• いわゆるLightbox的なやつ。HTMLも可
• jQuery.flickable
• フリックするとスクロールする。PCでもOK
• jQuery Pryn Plugin
• Pryn2.cssとセットで
• その他
• Kana.JS
• 文字列の全角⇔半角の変換ができる

PHPExcelで PDFが文字化けする問題の解決方法

PHPExcelではExcelの他にPDFも出力できる。

$writer = PHPExcel_IOFactory::createWriter($xls, "PDF");
$writer->save($path);

しかし、これだとPDFで日本語を出力しようとすると文字化けする。

文字化けを回避するには、フォントをセットする必要がある。

$writer = PHPExcel_IOFactory::createWriter($xls, "PDF");
$writer->SetFont('arialunicid0-japanese');
$writer->save($path);

これができるようになったのはわりと最近のようだ。（参考：PHPExcel - phpexcel - View Issue #11919: Can't set font on writing PDF）

ただし環境によってはこれでも見られないらしい。（参考：PHPExcel の PDF出力で日本語文字化け2 携帯ビューア - PC・通信メモ）


また、PHPExcelで作るPDFはExcelとして出力した場合と比べていろいろ違う（罫線とか数値フォーマットとか横幅とか）ので、綺麗に出すにはPDF用にいろいろ工夫しないといけないようだ。


参考

• PHPExcel 1.7.2でPDFに日本語混ぜると化ける | Go for it!
• PHPExcel の PDF出力で日本語文字化け - PC・通信メモ
• SE奮闘記: PHPからエクセルを操作するPHP-Excelを使ってみた

YUI3の Calendarウィジェット

YUI2にはあるけどYUI3には無いCalendarが、YUI3の次期バージョンである3.4でリリースされるようだ。

• YUI: Open Hours Thurs July 28th » Yahoo! User Interface Blog (YUIBlog)
• YUI 3.4.0 Preview Release 3 Now Available on CDN » Yahoo! User Interface Blog (YUIBlog)

Calendar - YUI Libraryを参考に使ってみたら、簡単に使えた。
上記画像のように、YUI2のカレンダーよりちょっとかっこいい？

ただし、ここに書いてあってもまだ未実装の機能もあるようだ。

さらに、イベントハンドラ等、詳細についてはここには書いてない。詳細はAPI docsを見ろと書いてあるが、そのリンク先は現時点ではNot Found。


また、formへの日付入力で活躍するDatepicker機能はさらに次バージョンの3.5で実装予定のようだ。

The calendar is currently not enabled with popup functionality: it will be released as a calendar plugin in 3.5

Calendar - YUI Library

Web form用入力ヘルパー JavaScriptライブラリいろいろ

Webページのformの入力を楽にしてくれるヘルパーJavaScriptツールのメモ。


郵便番号から住所を取得

• 郵便番号から住所を検索するJavaScriptの再々発明 - Webtech Walker
• Google日本語入力API経由でGoogle検索の郵便番号⇔住所データを利用するライブラリ
• 動作サンプル：zip2address sample
  
• kotarok/jQuery.zip2addr - GitHub
  
• 上記zip2addrの元ネタ
• 要jQuery。もともとjQeury使ってるサイトなら、こっちの方がスマートかも
• 動作サンプル：get jp postal code
  
• ajaxzip3 - Project Hosting on Google Code
• Google Codeに置いている郵便番号⇔住所データを使って住所を取得するライブラリ
• データはUpdateしてくれているみたい
• 動作サンプル：ajaxzip3 郵便番号検索 株式会社人気組
• 郵便番号から住所を取得するJavaScript（DB不要、Google日本語入力APIからJSONPで取得する） - GAddress Finder [ゼロと無限の間に]
• （2011/04/21 追加）
• 使い方は一番シンプル
  
• 動作サンプル：GAddress Finder 動作サンプル - ゼロと無限の間に
  

（日本郵政はもうあきらめるとして、）ヤマト運輸あたりが郵便番号⇔住所変換APIを公開したら拍手喝采されそうなのに。

ライブラリじゃなければこんなのもある → floatingdays: 郵便番号検索APIのまとめ



都道府県を選択

• jqselectable - Project Hosting on Google Code
• 選択リスト（select要素）の都道府県を地方（東北、関東など）ごとに並べて選び易くしてくれるライブラリ
• 動作サンプル：jQselectable : make selectbox so useful （2～4のところ）
• jsmap - JavaScriptによる都道府県入力補助
• 地方ごとの地図を表示して都道府県を選択できるライブラリ
• 動作サンプル：jsmap - JavaScriptによる都道府県入力補助

jsmapは面白いけど、業務用として使うならjqselectableの方が一覧性があって使いやすい（選び易い）と思う。



日付を選択

• jQuery UI - Datepicker Demos & Documentation
• 前にも書いたやつ（参考：floatingdays: jQuery UIの Datepickerで日本語のカレンダーを表示する方法）
• 要jQuery（というかjQuery UIはjQeuryのExtみたいなものだし）
• 入力対象はテキストボックスのみ
  
• 動作サンプル：jQuery UI - Datepicker Demos & Documentation
• YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 - Yahho Calendar [ゼロと無限の間に]
• 入力対象はテキストボックスと選択リスト（select要素）
  
• 動作サンプル：Yahho Calendarのサンプル

Datepickerってプロフィール入力とかでよくある誕生日の入力には向かないので、年無しの月日だけの入力補助ってないのかな？

あと昔まとめたのはこちら → floatingdays: JavaScriptでページ上にカレンダーをポップアップ表示するライブラリのリンク集



（2011/3/18 追加）
ひらがな・カタカナ変換

• kanaxs - カナ変換のコード - Google Project Hosting
• ひらがなをカタカナに、またカタカナをひらがなに変換できる。
  

ファイル1つだけで出来ている 便利なPHP製ツールいろいろ

PHPライブラリは新時代に入った。定番だったphpMyAdminやPEAR::Mailはもう古い。最近は1ファイル配置するだけで簡単に使える便利なツールが増えてきた。

例えばこんなの。

• DB管理: Adminer
• phpMyAdminの代替として。
• バージョン3からは、PostgreSQL等も扱えるようになり日本語訳もされたが、（少なくともしばらくは）MySQL用に英語メニューで使うのが無難？
• 参考: floatingdays: Webブラウザで DBを参照・更新・管理できるツールいろいろ
• テンプレートエンジン: Twango
• SmartyやTwigの代替として。
• 1ファイルというか1関数。
• Django派に優しい。
• RSSフィード生成: FeedCreator
  
• これは定番。DokuWikiでも内部的に使われている。
• 参考
• floatingdays: PHPで簡単にRSS/Atomフィードを生成
• floatingdays: FeedCreator.class.phpを使いこなすポイント
  
• Mail送信: Qdmail
  
• mb_send_mail()やPEAR::Mailの代替として。
• HTTP通信: Snoopy
• PEAR::HTTP_RequestやHTTP_Clientの代替として。
• htmlSQLも合わせて使うと便利。（参考: floatingdays: htmlSQLの基本的な使い方）
• 名前とかAAとか大丈夫なのかな。
  

次は1ファイルのフレームワークだね。（Google Code上にはもうたくさん公開されてるけど．．．）
あるいは1ファイルのブログシステムやWikiか？

PHPで GMailを使ってメールを送信する方法

参考サイトのメモ。
メジャーなライブラリならできるみたい。


PEAR::Mailを使う場合

• PHPのPEAR:Mailを用いGMailのSMTPサーバでメールを送信する - NOTES5375
• PEAR::MailでGmailのSMTPを使う - たら風呂
  
• PEAR::MailでGmailのSMTPを利用する - memo.xight.org

PHPMailerを使う場合

• PHPMailerでGmailのSMTPを利用する - memo.xight.org

Zend_Mailを使う場合

• 数学科出身者が起業して開発。: phpでgmailのサーバ（smtp.gmail.com）を利用して、メールを送信する方法。
  

Qdmail（Qdstmp）を使う場合

• ( php ) Qdmailを使用してgmail経由でシステムメール配信【Google Apps】 : サイト制作の豆知識
  
• Qdsmtpを使ってGmailを送信する - clover07の日記

フリーで使えるJavaScriptと CSSの CDNいろいろ

httpsが使えるのはGoogleとMSのみ。
httpsに拘らないならCached Commonsがライブラリ豊富で便利そう。
でも使いたいライブラリがGoogle Libraries APIで間に合うならGoogle Libraries APIでいいんじゃないかな。レスポンス速度が速いし。
（レスポンス速度はminファイルのロード時間を4回計った2～4回目の平均値。状況によって変わってくるだろうから、参考程度に。）


Google Libraries API

• 主要なJavaScriptライブラリをホスティングしている
• バージョン指定でメジャーバージョンのみの指定や、マイナーバージョンまでの指定等が可能
• https可
• YUIはバージョン2しかない
• ブラウザキャッシュは1時間 or 1年間（参考：floatingdays: Google AJAX Libraries APIのブラウザキャッシュ期間）
• レスポンス速度
• jQuery：0.069秒 
• YUI 2 YUI Loader：0.066秒
  

Microsoft Ajax Content Delivery Network - ASP.NET Ajax Library

• ASP.NET関連以外ではjQuery関連の3つをホスティングしている。Validationプラグインは便利かも？
• jQuery
• jQuery UI
• jQuery Validationプラグイン
• https可
  
• ブラウザキャッシュは1年間（max-ageとExpiresが違う気がする？）
  

• レスポンス速度
• jQuery：0.161秒
  

YUI

• YUI 2と3をホスティングしている
  
• YUI 2: Dependency Configurator

• The YUI Configurator（YUI 3）
• httpsは使えない
• JavaScript、CSSをそれぞれ1つずつにまとめられる（Combine Files）のは便利
  
• ブラウザキャッシュは10年間
• レスポンス速度
• YUI 2 YUI Loader：0.181秒

Cached Commons

• メジャーなものから細かいものまで様々なライブラリをホスティングしている
  
• 特にjQueryのプラグインがたくさんある
• jQuery以外で目についたライブラリ
• 960 Grid System
• Blueprint
• Modernizr
• DD_belatedPNG
• SWFUpload
• YUI 3
  
• GitHubのCDNを使っているらしい
  
• httpsは使えない。残念。
• ブラウザキャッシュは1日
  
• レスポンス速度
• jQuery：0.213秒
• 参考：MOONGIFT : 各種JavaScriptライブラリをCDNで提供する「Cached Commons」 オープンソース・ソフトウェア/フリーウェアを毎日紹介
  

JsLoad: Remote loading API of JavaScript library

• Google App Engineで作られている
  
• 2008年10月から更新されていないようだ

JavaScript Host（←※リンク切れ）

• 閉鎖しちゃったみたい

(2010/10/19 追加)
jQuery Code Server

• jQuery自身によるjQueryのホスティング
• ダウンロード用のファイルをそのままhotlinkしてよいことにしたようだ
• jQuery UIとかプラグインは提供しないのかな？
  

参考

• CDN Catalog
• floatingdays: Google App Engineと Google Codeからのファイル取得速度の比較
  

便利なjQueryプラグイン

そこはかとなくメモ。

• Cookie plugin
• Cookieを簡単に扱える
• jQuery Easing Scroll
• ページ内リンクをクリックされた時に、スムーズにスクロールするようになる
  
• 内部的にjQuery Easing Pluginを使っている
• s3Slider
• 複数の画像の切り替えをエフェクトを付けてかっこよく表示する

もう一歩踏み込んでGoogle Maps APIを使いこなすための12の参考サイト

（2010/09/02:情報が古くなっていたので全面的に改定）


Google Codeにあるもの（全て英語）

Google Maps JavaScript API V2 Reference - Google Maps JavaScript API V2 - Google Code

• Google Maps API V2（Version 2）のリファレンス
• V2は既にDeprecatedだが、V3にはまだ無い機能もあるので場合によってはV2が必要になる
  
• 日本語のリファレンスはどこにいった？（以前からUpdateが追いついていなかったが．．．）
  

Google Maps Javascript API V3 Reference - Google Maps JavaScript API V3 - Google Code

• Google Maps API V3 (Version 3)のリファレンス
• V2には無かった円を描く機能がある
  

gmaps-utility-library-dev - Project Hosting on Google Code

• Google Maps API V2のための準公式プラグイン集
• 中でもMarkerIconOptions Wizardは便利

google-maps-utility-library-v3 - Project Hosting on Google Code

• Google Maps API V3のための準公式プラグイン集
• だいぶ増えてきた
• Google Maps API V3にはまだ無いOverview Controlを追加するプラグインもある
  

gmaps-api-v3-googlebar - Project Hosting on Google Code

• Google Maps API V3にはまだ無いGoogleBar（Local Search Control、検索窓）を追加するプラグイン
  

google-maps-icons - Project Hosting on Google Code

• Google Mapsで使えるMarker（ピン）の画像集
• コンテンツのライセンスはCreative Commons 3.0 BY-SA

Dynamic Icons - Google Chart Tools / Image Charts (aka Chart API) - Google Code

• Google Chart APIの、動的にアイコンを生成する機能
• 生成したアイコンはGoogle Mapsのマーカー画像として使える
  

gmaps-api-issues - Project Hosting on Google Code

• Google Maps APIへの要望やバグ報告など
  

（おまけ）
Google Mapsの中心人物だったPameraさんのGoogle Code上のプロジェクト一覧
pamela.fox - Project Hosting on Google Code



その他

Google Maps 活用講座 - GoogleマップAPIの使い方を分かりやすく解説！

• 初心者から上級者まで参考になりそう

Google Mapsをほどよくカスタマイズしてお手軽に表示 - Google Mapper [ゼロと無限の間に]

• Google Maps API V2をサクッと使うためのプラグイン

Google Maps API V3を使って地図をお手軽に表示 - Google Mapper V3 [ゼロと無限の間に]

• Google Maps API V3をサクッと使うためのプラグイン

PNGの画像を IE6で透過にするライブラリ調査メモ

IE6では透過PNGが透過しない。それを無理やり透過させてしまうJavaScriptライブラリを調べたメモ。

• DD_belatedPNG
• 配布元：DD_belatedPNG: Medicine for your IE6/PNG headache!
• 使い方：ITキヲスク | IE6用透過png対応策、DD_belatedPNGの使用法と注意点
• 注意点：
• PNG画像のURLが「.png」で終わる画像のみが対象。それ以外に適用したい場合、「.search(/\.png$/)」のところを変更すればOK
  
  

  //例：Railsによる更新タイムスタンプ付与への対応
  .search(/\.png$/)　→　.search(/\.png(\?[0-9]+)?$/)
  

  
  
• CSSで該当要素に「!important」を使っている場合、そちらが優先されてしまうので透過が適用されない
• CSSのclass
• body要素、tr要素、td要素には適用できない（thは？）
• 「background-position: fixed」にも未対応
• input要素の「type="image"」も未対応
• ライセンス：MITライセンス
• その他：
  
• 他のライブラリで使われている「AlphaImageLoader」を使わずに、代わりに「VML」を使うことにより処理が速いらしい
• 生ソースを見た感じだと、DD_belatedPNG.fix(<CSS Selectors>)を使うよりもDD_belatedPNG.fixPng(<HTML Element>)を使った方が速そう（体感できるかは分からないが。）
• 参考：IE6で透過PNGを手軽に使えるJavascriptライブラリ「DD_belatedPNG」 | CSS-EBLOG
• uupaa-suketranse.js
• 配布元：uupaa-js-spinoff - Project Hosting on Google Code
• サンプルページ：uupaa.js spin-off project uupaa-suketrans.js - test
• 注意点：
• PNG画像のURLについては、上記のDD_belatedPNGと同じ
• !importantについても同じだと思う
• ライセンス：MITライセンス
• IE PNG Fix
• 配布元：IE PNG Fix - TwinHelix
• 注意点：htcを使っている
  
• ライセンス：LGPL
• その他：
• バージョン2からはrepeatに対応したらしい（参考：IE PNG Fix Alpha 2を使ってみた。 | ちぷろぐ）
• 未試用
  
• 参考：IE PNG FIX 2 (iFFALSE.log | takuyaな日々 ver.2)

DD_belatedPNGが一番良さそうかな？


参考：
ITキヲスク | IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」

Highslide JSでimage mapのリンクを扱う場合の注意点

Highslide JSは普通のリンクだけでなく、Image Mapのリンクでもページ内ポップアップができる。

しかし、IEで表示した場合、Image Mapのリンクをクリックすると下記の現象が起きる場合がある。

• リンク（Image Map）の場所に関わらず、「Loading」の表示がページの左上に表示される
• ポップアップ表示も、ページの左上を基点として拡大・縮小する

Image Mapがページを下にスクロールした位置にある場合、Loadingの表示が無いように見える。


解決策はここに書いてあった。
Highslide JS • View topic - Headline HTML problems with IE while fine in Firefox

Try using highslide-full.js instead of highslide-with-html.js.

highslide-full.jsを使えとのこと。
やってみたら、見事に解決した。


下手にHighslide Configuratorを使わずに、FULLを使った方が無難かも。