今回はテンプレートの作成について解説します。
テンプレートを作成すると、いつもよく利用しているファイルなどをテンプレートから作成することができます。

また、テンプレート内にプレースホルダーを指定すると、ファイル作成時に特定の値を埋め込んで、新しいファイルを作成してくれます。

今回のサンプルバンドルを作成したので、参考にしてください。
http://dl.dropbox.com/u/603849/example.ruble-template.zip

続きを読む >>

今回はスニペットの作成について解説します。
スニペットはよく使うコードの断片を挿入できる便利な機能です。
挿入位置はファイルのカーソル位置に挿入します。

今回のスニペットのサンプルを作成したので、興味のある人は解凍してbundlesディレクトリにおいてください。
メニューにExample Bundleと表示されるはずです。

スニペットサンプル:
http://dl.dropbox.com/u/603849/example.ruble-snippets.zip

続きを読む >>

Aptana3では新しくBundleが利用できるようになりました。
Bundleは特定のプログラミング言語やマークアップ言語などのスニペットやテンプレート、便利なコマンドを作成することができます。
これを作成するにはRubyで開発する必要があります。

開発自体は簡単で、スニペットを定義したり、コマンドを実行した時の処理を少しだけ書くだけです。
Rubyで開発したことがある人はすぐに作成できると思います。

今回はBundle作成の最初の作業を解説します。

続きを読む >>

Google Maps API Version 3からMVCObjectが追加されました。
Google Maps APIのマーカーやオーバーレイのベースになっている下位クラスです。

普段マーカーやストリートビューしかあまり使わないので、あまり気にしていなかったのですが、このクラスを継承してコントローラーやウィジットを作ると便利じゃないかと思ったので軽くご紹介します。
ちなみに自作のMootoolsプラグインMMap 0.2はMVCObjectを利用した設計に変更中です。
今は新しいバージョンのデモページを作成しています。

続きを読む >>

リリースしたStaticMaps0.1.1とMicroformatをパースできるjavascriptライブラリSumoを利用して、動的に地図を描画するサンプルコードをjsFiddleで書きました。

Sumoは他のjavascriptフレームワークと一緒に利用することができます。

javascriptでページ内に埋め込まれているhCalenderを解析し、その結果を元に地図を描画します。
地図を表示する項目はMicroformat(hCalender)の位置情報のlocationプロパティと、より詳細な座標情報のgeoプロパティ、latitudeプロパティ、longitudeプロパティを利用します。

Sumoのデフォルトでは解析対象にhCalenderのgeoプロパティ、latitudeプロパティ、longitudeプロパティが解析対象に含まれていなかったので、別途解析対象にしました。
元のソースコードはDaniel MorrisonのSumoリポジトリにあります。
続きを読む >>

Mootools Forgeの使い方 – 登録する前にすることで書きましたが、MootoolsではMootools Forgeにプラグイン登録するときにディレクトリ構造、必要なファイルがあらかじめ定められています。

その中で、package.yml(パッケージ定義ファイル)とソースヘッダーの話を書いたと思いますが、packager-webはビルドの際にこれらを参照し、ルールに則ってビルドを行います。
若干、Mootools Forgeの使い方 – 登録する前にすることで説明した内容のほかにファイルに記述する必要があります。

今回説明するパッケージ定義ファイルとソースヘッダーを記述したファイルを用意しましたので参考にしてください。
解凍して、componentsにアップロード、config.ymlの書き換えを行ってください。
packger-webにアップロードしたパッケージが表示されるはずです。

サンプルデータ
サンプルファイルのダウンロード

具体的な内容はおさらいをかねて再度説明します。
続きを読む >>

Google Maps API Version 3を利用していて、Safari 5.0.2だけカスタムマーカーが表示されない問題にはまりました。
他のブラウザでは表示されるのに、Safariだけ表示されない。
IE6ですら表示できているのになぜだろうと、ずっと悩んでいました。

具体的な症状は、マーカーが生成されDOMツリーに反映されているのにもかかわらず、地図上に表示されないというものです。
そんな時、Safariの開発ツールでDOMツリーを見ていると、少し気になる部分がありました。
それは、マーカーの表示位置です。
なんとleft値が-1.62986e+0006pxとか怪しい値になっていたのです。
続きを読む >>

軽量なPHPフレームワークを探していて、気になっていたPHPフレームワークをインストールしてみました。
サイト(DooPHPのページ)を見る限り、ドキュメントもまとまっていそうなので面白そうなフレームワークです。
速度が速いらしいので、パフォーマンスも期待できそうなところです。

まず、DooPHPのサイトから最新版をダウンロードしてきます。
この時点でバージョンは1.2でした。
続きを読む >>

Google Map APIのストリートビューは、座標の周辺を確認するに便利ですが、座標によってはストリートビューが対応していなかったりしますよね？。
そんなときにはStreetViewServiceクラスを利用して、近くのストリートビューのポイントを探すとよいと思います。

座標と探す半径を指定するだけで、近くにストリートビューのポイントを簡単に探すことができます。

jsfiddleのサンプル

続きを読む >>

jsdo.itでGoogle Map API Version 3のOverlayviewをサブクラス化して、カスタムマーカーを作成するサンプルを書きました。
ライブラリはjQueryを使用しています。

MootoolsのMMapプラグインでカスタムマーカーを作成したので、jQueryで書いてみることにしました。

jQueryでGoogle Map API Version3のカスタムマーカーを作る – jsdo.it – share JavaScript, HTML5 and CSS

続きを読む >>