PC/iPadに対応したフォトギャラリーテンプレートを作成しました。
Mootools、PowerTools、OOCSSを利用しています。
バージョンは1.0です。

Mootools Photo Gallery Template 1.0をダウンロードする
続きを読む >>

MootoolsとPowerToolsでPC、IPadに対応したギャラリーサイトのテンプレートを作成しました。
閲覧するデバイスに最適な形式で表示するようにしています。
もちろんiPadの傾き変更にも対応済みです。
PowerToolsはMootoolsのコアデベロッパーのChristoph Pojerが開発したMootoolsベースのライブラリです。
Mobileデバイス用イベント、クラスユーティリティ、ツリーUIなどのコンポーネントを配布しています。
続きを読む >>

久しくメンテナンスしていなかったパッケージFrontend Developerの新バージョンをリリースしました。
基本的にはバグ修正と対応していなかった部分の対応を行いました。

ダウンロード

• Frontend Developer 1.1.0.tar.gz
• Frontend Developer1.1.0.zip

今回のバージョンでの対応は下記の通りです。

バージョン 1.1.0

• GithubのAPIライブラリを2.11から2.12へアップグレード
• ブロック、Github Repogitory, Github Tags, Github Isuue用のテンプレートのバグを修正。
• Mootoolsプラグインのダウンロードファオームのバグを修正。
• Mootoolsプラグインの取り込み処理のリファクタリング。
• 日本語翻訳の不足部分の追加
• 日本語翻訳ファイルの追加

続きを読む >>

MootoolsのGoogle Maps プラグインMMapの最新バージョン0.2.1をリリースしました。
バグと若干の仕様変更があります。

ソースコードはMMapからダウンロードしてください。
BuildディレクトリにビルドしたファイルとYUI Compresserで軽量化したソースが含まれています。

0.2.1の変更点

• MMap.BaseMarkerをMMap.Marker.Coreにリネーム
• MMap.MarkerをMMap.Marker.HTMLにリネーム
• MMap.MarkerLoaderでHTMLマーカーが正しく読み込めないバグを修正
• MMap.MarkerLoaderのオプションとloadメソッドの仕様を変更
• MMap.MarkerManagerのactive/visibleメソッドを修正
• MMap.MarkerManagerにactiveAll, activeByBounds, visibleAll, visibleByBoundsを追加

続きを読む >>

最新バージョンである0.2をリリースしました。
旧バージョン0.1とは互換性がありません。

又、旧バージョンでドキュメントを作成していなかったので、別途APIリファレンスを作成しました。

MMap 0.2ドキュメント

MMap 0.2ドキュメントページ

MMap 0.2デモページ

MMap 0.2デモページ

続きを読む >>

Mootoolsのビルドツールにkamicaneの作成したpackagerというビルドライブラリがあります。
このライブラリはphpで書かれていて、packager-webでも使用されているとても便利なライブラリです。

このライブラリを使用すると簡単なコマンドでMootoolsをビルドすることができます。

今回はこのライブラリを使用してMootoolsをビルドする方法を解説します。
まず下記から必要なものをダウンロードします。

必要なものリスト

• packagerライブラリ
  https://github.com/kamicane/packager
• Mootools Coreのソース
  https://github.com/mootools/mootools-more
• Mootools Moreのソース
  https://github.com/mootools/mootools-core

続きを読む >>

githubのリポジトリにあって、前から気になっていたのですが試しに自分のレンタルサーバーに設置してみました。
PluginsKit自体はsymfonyベースのアプリケーションでgithubのリポジトリからMootoolsのプラグインをチェックアウトして公開できるようにするアプリケーションです。

Twitterアカウントでの認証機能も利用できます。

デモページは下記の通りです。
PluginsKit on sharedhat.com

ユーザー登録もできるようになっているので、サインアップして実際に自分のプラグインを取り込むことが可能です。
Mootools Forgeを試す前のお試しだと思って自由に利用してください。

今回は設置方法を解説します。
続きを読む >>

リリースした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リポジトリにあります。
続きを読む >>

StaticMapsはMootoolsのプラグインで、javascriptを利用して静的な地図を描画します。
地図の描画にはStatic Maps API V2を利用します。

地図に描画できるものはマーカーのみで、このバージョンではパスの描画のサポートをまだしていません。
次期バージョンでサポートする予定です。

Mootools1.2以上で動作します。

ダウンロードはこちらから可能です。
MootoolsプラグインStaticMapsのダウンロード

ではこのプラグインの簡単な利用方法を解説します。

続きを読む >>

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

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

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

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

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