jQuery Google Maps プラグイン ver.1.01
jqueryGoogleMaps1.01.zip（MITライセンス）

ver.1.00からの変更点

• Google Maps API v3（v3.4）で、カスタムアイコンによる複数マーカーが表示されない不具合を修正しました。
• カスタムアイコンを指定する際、アイコン・シャドウのそれぞれに、anchorおよびscaleSizeを指定できるようにしました。

3月2日にAPI自体がアップデートされたことに伴うものだと思われますが、
カスタムアイコンの複数マーカーが表示されない不具合が見つかりました。

自分なりに調べてみたところ、カスタムアイコンを設定するMarkerImageの引数で、anchorとscaleSizeを渡していなかったのが原因でした。

これに対応するための修正となります。

カスタムアイコンの指定方法について

今回のバージョンから、カスタムアイコンの指定方法だけが少し変更になります。
以下が、サンプルです。

その他の導入・利用方法については、jQuery Google Maps プラグイン ver.1.00の解説記事をご覧ください。

毎度のことながら、「すっかりご無沙汰」で書き始めるBUNです。
早速ですが、Google Maps API v3を表示できるjQuery プラグインを作ってみたので、勢い余って公開してみます。

下記よりダウンロードして、ご利用ください。
jqueryGoogleMaps1.00.zip（MITライセンス）

jQuery Google Maps プラグイン ver.1.00の機能

1. Google Mapsをマーカー付きで表示します。
2. マーカークリック時に、情報ウィンドウを表示します。
3. 所定の形式で記述されたXMLファイルを読み込んで、地図上に複数マーカーを表示します。
4. マーカーと連動するリンクを表示します。

現状の機能は、こんな感じです。
アップデートで、マーカーや連動するリンクの一覧をカテゴリーで分けられる・・・など、機能を追加していく予定です。（※あくまで、願望。）

使い方

はじめに、jQuery 本体と当プラグインを地図を表示させたいページにリンクさせます。
サンプルでは、Google Libraries APIで、jQuery 本体を読み込んでいます。
3行目は、Google Maps API v3を利用する際に必要な記述となります。

---

追記　2011.03.02
きちんと検証していませんが、2011年3月2日時点で「複数マーカーを表示する場合に、マーカーが表示できない」現象を確認しました。

既にライブラリを導入いただいている方は、お手数ですがGoogle Maps APIのライブラリを読み込む箇所で、バージョンの指定をv=3.3と指定してください。

なお、時間を見てライブラリのアップデートを行います。

追記　2011.03.03
jQuery Google Maps プラグインをver.1.01にアップデートしました。

---

あとは、地図の表示先となる要素を指定して、プラグインの初期化を行うだけです。
下記は、シングルマーカーを表示する場合の記述例です。

ここでは記載していませんが、地図の表示先となる「<div id="gmap"></div>」の記述をお忘れなく。。。

テーマは、過去にBUN:Logでご紹介したDreamweaver CS3版 スペシャルコードヒントをネタに、コードヒントのカスタマイズ方法について。

3年近く前の古い記事で、さらにDreamweaver CS5も発売されたということもあり、改めてCS4およびCS5版のCodeHints.xmlファイルを作ってみました。よろしければ、下記よりダウンロードしてご利用ください。

CodeHints.xml.CS4.zip [Dreamweaver CS4版]
CodeHints.xml.CS5.zip [Dreamweaver CS5版]

ダウンロードしたファイルを解凍後、下記のファイルを上書きしてから、Dreamweaverを再起動すれば反映されます。

Mac OSX：Dreamweaver CS4
/Applications/Adobe Dreamweaver CS4/configuration/CodeHints/CodeHints.xml

Mac OSX：Dreamweaver CS5
Users/ユーザー名/Library/Application Support/Adobe/Dreamweaver CS5/ja_JP/Configuration/CodeHints/CodeHints.xml
※「ユーザー名」の部分は、ユーザーディレクトリ名で読み替えてください。

Windows：Dreamweaver CS4/CS5
/Program Files/Adobe/Adobe Dreamweaver CS4/configuration/CodeHints/CodeHints.xml
※「CS4」の部分は、バージョンにより数字が異なります。

今日は近況報告を兼ね、最近始めた2つの新しい試みについて、
ブログ記事を書いてみようと思います。

まず、「遊部(あそぶ)」について。

遊部ログ::ASOBLOG
http://blog.asob.tv/

CSS Nite in FUKUSHIMA miniという名称で何度か開催した地元有志による勉強会のリニューアル版となります。

理由は単純で、

• スピーカーを立てて聴くだけの講習スタイルは、勿体ない
• そもそも、スピーカーやテーマの選出が難しい
• Webの勉強会だけに偏ってしまうのは、勿体ない
• 制作作業では引き籠もりがちなので、趣味の幅を拡げる機会が欲しい
• みんなで集まると面白いから、単純に「呑み会」の場を設けようよ

何人かの方に、上記のご意見をいただいたことがキッカケです。

ワークショップ形式の勉強会や地元のクリエイター同士が交流を図れるイベントにできればと思っています。※もちろん、直接制作に携わらない方とも交流すべく、画策中です。

次に、「gabs」について。

gabs.log｜おしゃべり好きなWEB制作者のたわごと
http://gabs.cc/blog/

株式会社Gazi工房さん、有限会社シップスさんと一緒に、クリエイティブユニットを発足しました。

対外的な活動は上記のブログが主体となっていますが、
制作上のガイドラインを設け、コーディング以降のフローでは誰が担当しても同じ結果になることを実現すべく、日々勉強中です。

dreamseekerはフリーランスの個人事業なので、BUNに何かあった時のリスク回避も念頭に置いている・・・つもりです。

最後に。

BUN:Logは、お盆明けにリスタートしたいと思っています。
更新から遠ざかっていた一番の理由は「見た目に飽きたから」です <(^_^;)

予定通りなら、
デザインも変わって記事の投稿も増えている・・・ハズ(笑)

という訳で、よろしければこれからもお付き合いくださいませ。

IE 6でサイトにアクセスした場合に、ブラウザのアップグレードを促すことができる JavaScriptライブラリ。IDEA*IDEAさんで紹介されていたので、早速試してみました。

他のブラウザと見た目を合わせるためにある程度ノウハウが必要なIE 6から、乗り換えを検討いただけるのであれば個人的にも助かります(笑)

さて、デフォルトでは英文表記となるこのライブラリは、
リンクさせるJavaScript(warning.js)に一部修正を加えることで簡単に日本語表記にできます。

msgNはオーバーレイされるウィンドウ内の説明文。
brNとurlNには、各ブラウザのバージョンや日本語版のダウンロード先をそれぞれ設定しています。

説明文はデフォルト表記を意訳したものです。お好みで変更してください。

マイクロソフト社のアナウンスによれば、4月第3週からIE 8の自動配布がスタートされるそうですので、少しでも早くこのブログ記事が「意味のない情報」になってほしいところです。

GoogleAdWordsを使った簡単集客術
http://www.spacexone.com/google/

地元福島でWeb制作やイベント企画などをされている
有限会社スペースワンさんからご案内をいただきましたので、
BUN:Logでもご紹介させていただきます。

普段、GoogleのWebサービスを利用しているけど
いまいちマーケティングに活かせていない・・・とお悩みの方は
参考になるかもしれませんね。

イベント詳細やお申し込みについては、上記リンク先を参照してください。

背面にチラッと見えるブラウザウィンドウが無性に気になって、
いつの間にかサボってしまうことも、しばしば。

そんな経験が少なからずある方にオススメのツールが、Isolatorです。

Isolator
http://willmore.eu/software/isolator/

メニューバーから操作するこのツールは、
アクティブウィンドウの背面に単色のオーバーレイを表示します。

たったそれだけの機能なのですが、
視覚的に飛び込んでくる情報が限られることで不思議と集中力が高まります。

もちろん、初めから起動するアプリを絞れば良いのですが
SkypeやMailなど、クライアントとの連絡用に常駐させているアプリもあるため
個人的にかなり重宝しています。

なお、逆に連絡に気付けなくなりそうで心配という方は、
Growlを併用して通知を表示させてみましょう。

実はこの時から「使う前提」でいたのに利用できなかったファイル共有機能が、
先日ひっそりと追加されていました。

MobileMe News - 大きなファイルをiDiskで共有する
http://www.apple.com/jp/mobileme/news/2009/02/sharing-large-files-with-idisk.html

待ち望んでいたので、もっと大々的に宣伝してくれても・・・(笑)

これまでiDiskのPublicディレクトリで一応共有は可能でしたが、
ここにアップロードしたデータはアクセスした全員で共有というスタイル。

クライアントごとに個別でやりとりするには、不向きだったんですよね。

これで、パスワード認証付きの共有をファイル単位で簡単にできます。
あとはiPhoneでもダウンロード可能になれば言うことないですね。

CS3以前のユーザーさんは不便と感じられる変更点だと思いますが、
[ 環境設定 ] - [ 一般 ]にある「ズームでウィンドウのサイズを変更」のチェックを外すことで、
この機能をオフにできます。

また、シフトキーを押しながらズームツールを使用すれば、
環境設定に変更を加えることなく、従来と同じ振る舞いになります。

Tipsとすら言えないのかもしれませんが、
今日初めて気づいて、やっと元の生活にもどれました(笑)

お申し込みいただいたみなさん、本当にありがとうございます。

当初予定していた締切日まで3週間を残して・・・ということで、ご検討中だった方や最近このイベントを知ったというみなさんはごめんなさい。

現在、お問い合わせフォームにて「キャンセル待ち」を承っております。

キャンセルの発生状況によってご期待に添えない場合もありますが、
よろしければご検討ください。

CSS Nite in FUKUSHIMA, Vol.2 特設サイト
http://cssnite.net6.or.jp/

前回は「地元でCSS Niteを！」の一心で奔走した感がありますが、お陰様で第二弾に繋げることができました。

さらに、勢い余って出演者の一人として参加することに！！！
(僭越ながら)地元代表として恥ずかしくないよう、精一杯頑張らないと・・・です。

なお、事前申込は2月27日(土)まで特設サイトから承っています。
先週末に受付を開始したところ、既に50名の方からお申し込みをいただきました。

皆さんの温かいご声援とご支援、痛感せずにはいらせません。
この場をかりて、厚く御礼申し上げます。

■Parallels Desktop 4.0 for Mac製品概要
http://www.runexy.co.jp/enterprise/parallels4_mac/outline/

IEでの動作チェック用としてノートPCを所有していた時期もあったのですが、このソフトを導入して以降、Windows XPまたはVistaをMac1台で起動でき、とても重宝しています。

なお、Vector PCショップでは12月4日までの期間限定で予約特価が設定されています。

購入するグレードにもよりますが1,000〜3,000円程度値引きされますので、BUN同様「新しもの好き」な方は、この機会に申し込んだ方が良さそうですね。

上がり掛けたモチベーションを無駄にするのは勿体ない！(笑)
と、懲りずにAdobeサイトの「ダウンロード」を確認したら、いつの間にか30日間有効の体験版がDL可能になっていました。

「期限切れ」というのは、そういうことだったんですね。

予約済みのAdobe CS4 Web Premiumのリリースが1ヶ月以内なので、Photoshop CS4 Extended・illustrator CS4・Dreamweaver CS4・Flash CS4 Professionalをダウンロードしてみました。

個人的に楽しみなAcrobat 9 Proだけ「Windows版のみ」というのが残念ですが、しばらく遊べそうです(笑)

グーグル、「iPhone」検索結果ページをアップデート--横スクロールを不要に - CNET Japan
http://japan.cnet.com/mobile/story/0,3800078151,20383568,00.htm

この記事内では「英語版のみを対象」と書かれているのですが、少し設定を変更するだけで利用できることが判明。

具体的には、iPhoneでGoogleのトップページにある「設定」をタップ後に表示される「共通設定」画面にある「表示言語の設定」を「英語」にして保存するだけ。

この時、「検索言語の設定」で「優先する言語」と「日本語」をチェックしておきましょう。

あとはGoogle.comにアクセスすれば、検索結果画面で横スクロールが不要になります。

正式に対応している訳ではないため、厳密には「スポンサーリンク」「ニュース検索結果」など一部画面からはみ出してしまいますが、通常の検索結果一覧の文字サイズが最適化されることで、使い勝手が良くなりますよ。

[ update 08.11.22 ]
App StoreでGoogle Mobile Appが公開されたあたりから、特別な設定なしで検索結果ページが最適化されているようです。

今回は、「Adobe AIR」がテーマ。
M3 creator 松村さんにスピーカーになっていただきます。

詳細については、CSS Nite in FUKUSHIMA特設サイトをご覧ください。