Google Maps APIメモ(v2) #2 簡単コントローラーの追加

シリーズ第2弾

コントローラーの追加

地図へコントローラー追加

  • 地図へ小さいコントローラー追加
  • ダブルクリックでズーム
  • スクロールホイールでもズーム

サンプル

関連エントリー

Google Maps APIメモ(v2) #1 超基本

忘れまくってるのでメモ

超基本

head内にスクリプトを読み込む

map.jsの中身

bodyタグ

HTMLの中身

という空のdivを用意する。幅と高さは指定してやる。
サンプル

関連エントリー

オレが使っているキーボード【FKB8579-USB】

なんか私の使っているキーボードについての話にどっかでなってたと思うので、説明エントリー

こういうのが欲しかったポイント

  • テンキー無しで、右手のマウスまでの移動が楽
  • 英語キーボード
  • CtrlキーはAの左でしょ!
  • USB接続

候補とかのキーボードの画像
別ウインドウとかで見比べながら文章読むとわかりやすいかもです

ギークの間では、HHKB Professional2が定番だと思います。
しかし、ちょっと高いかな。ずっと使うからいいかもだけど、しっくりこなかったらガクプルです。
そこでまず、矢印キーもあるし、グラフィック系ソフト使う時はありがたいべ。ということで
Happy Hacking Keyboard | HHKB Lite2 | PFUを購入して使ってみたのですが、Macで使用すると

  • コマンドキーが小ちゃい
  • 左のFnキーが右過ぎ(何指でおせばよかと?)
  • 矢印(方向)キーが一段下がっているのはいらんね 矢印キーかわいそす

ということに。そこでFKB8579を発見。
購入時も既に販売終了だったのですが、楽天かどっかで見つけて購入

お気に入りな点

  • 左にもFnキーがある。しかもかなり左に位置している
  • コマンドキーは大きく使いやすい
  • やっぱり矢印キーはあった方がオレ的にはグラフィック系アプリもかなり使うので便利かも

買った時は、8千円位だったのかな?
これかなり気に入っているので、壊れたらどうしよ?

「オープンソースカンファレンス2008福岡」に参加してきました!

以前のエントリーでの予告どおり行ってきました!
『勉強会勉強会』というセッションに参加してきました。

  • 福岡にも沢山勉強会あるのね。パネルでは横にズラーッと。
  • 最前列でMacBookでタイピングの早いかわいい女性がいて『この人何者?』って思った。
    後に、東京から来た方だと判明。その人のBlog記事がめちゃくちゃよくまとまっている
    mochikoAsTech [other]勉強会勉強会@OSC 2008 Fukuokaに行ってきた
  • 当日の模様は、ストリーミング配信されてまして、今でもUstream.TVのaipcafe streamingでも見る事ができます。
    画面下の『tenjinwifi’s Video Clips』より。
    ※他のイベントの動画とかもありますので、探してみてください。
    真ん中に『勉強会勉強会』と書いてあるスライドから新しい方に向かってかな?
  • みなさん、「飲み会重要!」と言ってました。私も同感ですが、ちょっと違う風にも受け取れちゃうので、補足を。
    実は、私はアルコールが得意ではありません。
    この場合の「飲み会重要!」の真意は、セミナー時には、講師vs来場者という形で、1vs他の関係でしかないですが、
    懇親会になると、関係はフラットになります。そこでの深い話やコミュニケーションが非常に面白く
    ビジネスシーンでもここからの関係で成り立って行く場合が多いと勝手に予想します。
    アルコール成分を摂取するのが重要ではなく、ちゃんと『懇親』するのが重要ということを各パネラーは言いたかったんだと思います。

他の方のちゃんとしたBlog記事

サト研【FWW_サイト運営・管理研究会(仮)】

サト研とは、福岡のIT系コミュニティのFWW_サイト運営・管理研究会(仮)の通称名である。

FWW_サイト運営・管理研究会(仮)

発起人の中のひとりであるBLANCOやいぶさんが「長過ぎるから」という理由で勝手に言い出したのだが、何故「サイ研」でないのか?の理由はよくわからないが、
おそらく、「カトケン」にインスパイアされているものと思われる。
という検索エンジン対策的な何か

jQueryを使った画像のロールオーバー

まさに車輪の(以下略)なんですが、

  • jQuery使う事最近多い
  • jquery_auto.js(リンク先なくなってる!)やyuga.jsを使うまでもない時もある

という事でなんとなしに書こうと思った。

こうだったらいいなと思ったこと

  • シンプル
  • 拡張子の文字数にかかわらずに動く
  • input type="image"でも動く

コード

使い方

  • 上記のスクリプトファイルを読み込ませる
  • ロールオーバー画像名は、ロールオーバー前の画像に”_o”を付けたモノを用意する
  • ロールオーバーするimgタグもしくはinputタグにclass="Over"を付ける

_oの画像にclass="Over"としててもチラチラになることはありません。
わかる人には、わかると思います。
ライセンス表記なくて、使用する時に迷ったりすることがよくあるので、
「自由に使ってくださいな」という気持ちで、コメント書いてます。
いつもは、こんなコメント書かないから、書き方正しいかどうかもわかりませんw
ここ間違っとるぞ!とかこここうやったらもっとスマートやぞ!とかあったらよろしく。
2010年1月10日追記:匿名さんのご指摘通り、jQueryの以前のバージョン用で書いてましたので、not部分の@は必要ありません。

そろそろみんなでGoogle AJAX Libraries API使いませんか?

そろそろみんなでGoogle AJAX Libraries API使いませんか?

AJAX Libraries API – Google Codeの存在は知ってたんだけど、
仕事で使った事は今まではなかったんだけど、そろそろ場面に応じて使ってもいいんじゃないかなって思った。
というのは、やっぱり最近のサイト制作する上でリソースが気になってます。
みんなで、Google AJAX Libraries API使えば、どこかのサイトで読み込んでキャッシュが効いて、リソースうま〜。
とかになるんじゃないかと。それもGoogle AJAX Libraries APIのメリットのひとつですよね。
特にWebサービスとかであれば、サーバーの負荷とかもかなり違ってくるのでは?とかも思いますし。
Ajax Librariesは、今のとこ下記みたいな内容

  • jQuery
  • jQuery UI
  • Prototype
  • script.aculo.us
  • MooTools
  • Dojo
  • SWFObject
  • Yahoo! User Interface Library (YUI)

YUIも使えるようになったのがなんか新鮮な感じ。

ダウンロードされるファイルも労せず最小化されたものになるみたいですし

  • Google CDNを活用したファイルの配布
  • 対応していればGzip圧縮転送を有効にする
  • ダウンロードするファイルは可能なかぎり最小化されたものとなる
  • キャッシュが有効になるように工夫されており、一度どこかでダウンロードしてあればキャッシュが使えるため不要なダウンロードしなくなる
  • バージョン番号にワイルドカードが指定できるため自動的にマイナーアップデートを実施できる

Google人気JavaScriptライブラリ配布開始、ネット全体でキャッシュ効果 | エンタープライズ | マイコミジャーナルより引用

実際の使い方

  • google.load()で読み込む
  • バージョンは、省略すると最新バージョンが読み込まれる
    1.2→1.2.xの最新バージョン
    1→1.x.xの最新バージョン
  • バージョン指定して直接読み込みも可能

れぶろぐ – [Google] AJAX Libraries API はバージョンをフル指定した方が高速に動作する
という記事もあるし、プラグインとかによっては、バージョンで動かなくなるモノも存在するだろうから、バージョン指定した方が良さそうですね。

『オープンソースカンファレンス2008 Fukuoka』になんか行くらしい

詳しくは、↓ここ
OSC2008 FukuokaのOSCオープンソースカンファレンスの略 – 我流天性 – がらくた屋

どうして行くのかと言うと、
オープンソースカンファレンス2008 Fukuokaタイムテーブルの10号館1011教室の 【特別企画】勉強会勉強会(2コマ連続) というのに、FWW_サイト運営・管理研究会(仮)の代表というか餌食というか・・・として行くらしい。

オープンソースって考えてみたら日頃からお世話になってるよね
Webの人だったら、めちゃくちゃお世話になってるはず。
ライセンスの種類もいろいろでさ〜

参考:オープンソース – Wikipedia

いつも気になるのは、そのビジネスモデルなんです。
わかりやすいのもあれば、オープンソース化した目的は何?というのもあるんです。私の中では。
視野が狭くて見えないだけなんだろうな。きっと

参考(2004年5月の記事なのでちょっと古いかも):ライバルに差をつけるオープンソースビジネス7つの戦略 – SourceForge.JP Magazine

【メガネ壊れた】やっぱZoffはいいな

メガネが壊れた。レンズが割れちゃった。
といってもケンカとかした訳ではなく、昨日メガネかけたまま寝ちゃって、下敷きになって割れちゃったのである。
まず起きて、やすし師匠の「メガネ、メガネ」状態w
かなり探した。でやっと布団の中から発見!そしてショッック!
で家からも近いのでキャナルのZoffに行くのだが、(前回もZoffで購入)
「レンズ傷んでたし、安いしまあいいか。」と思って出発。
お店について詳しくは、Zoffのサイトを参照してね。

  • まず、安い。フレーム+レンズで5,250円、7,350円、9,450円とか
  • フレームもおしゃれっぽいのが沢山あってそこから選べる
  • オプションのレンズにしなくても結構薄い。
    昔かけてたメガネは、レンズオプションにして、全部で5万位してたんじゃないかな?
    もうオプションレンズいらね〜。(※オレの度数の場合)
    しかし、今はどこもこんななんだろうか?
  • 出来上がりまではやい。30分位じゃないかな?
    ちょろっと店見て、ウェンディーズ行って、食ってタバコすってたらすぐ。
  • 度数図ってた時の会話でわかったのだが、片方のレンズ交換なら1,575円。
    割れちゃったフレームは度数弱めにして、作業用にしてみた。
    これで長時間作業でも眼が疲れにくいぞ!カモン!作業!

店員さんの接客も的確だと思えるし、痛い出費だけども満足まんぞうなのでした。

供養とIT系勉強会と私

土曜日に父の四十九日法要も無事に滞りなく済ませることができました。
その時の住職の講話の中で、
「供養というのは、亡くなった方を通じて、自分自身を見直す機会なんですよ。」
といった内容のことを話されてた。
日頃、宗教心などがない私にもわかりやすく、「なるほど〜」と納得することができた。
今参加させてもらっている、IT系の勉強会は、
私にとっては、自分自身を見直す良い機会にもなっている。
この話に『オチ』はないのですが、
どちらもそれなりに大事にしていこうと思ったのでした。