Googleマップはとても便利なWebアプリケーションだが、コンピュータの画面では全体を見るには小さ過ぎる。もっと全体を見つつ、細部まで確認できる方法があると良い。そこで使えるのは紙に印刷するという方法だ。 ドラッグでダウンロードエリアを指定できる アナログではあるが紙に印刷すると解像度が細かくとも確認できるようになる。Ajaxを多用したGoogleマップだけに印刷は難しいが、Google Map Buddyを使えば簡単だ。 今回紹介するフリーウェアはGoogle Map Buddy、Googleマップ指定部分をダウンロードするソフトウェアだ。 Google Map Buddyはステップ的に実行していくだけで簡単にGoogleマップのダウンロードが出来るソフトウェアだ。まず内蔵のブラウザを使ってダウンロードしたい場所を表示する。次にドラッグしてダウンロードするエリアを指定する。 保存は一枚

Webシステムを開発する際に問題になりやすいのが帳票やレポートの扱いだ。そのレイアウトを含めて柔軟に変更できる必要があり、それでいて開発工数を低くする必要がある。PDFはHTMLとは異なるので、柔軟なレイアウト設計を可能にするライブラリはとても貴重だ。 元HTMLファイル そう、レイアウトがHTMLと異なるのが問題なのだ。それを一緒にできれば、どれだけ幸せになれるだろう。 今回紹介するオープンソース・ソフトウェアはmPDF、HTMLからPDFを生成するソフトウェアだ。 mPDFは現状では日本語には対応していないが、UTF-8に対応しているのでフォントや設定を行えば問題なく表示できると思われる。実際アラビア語も表示できている。HTMLをテンプレートとしてPDFを生成するのが特徴だ。 PDF化されたファイル 画像や外部リンク、CSSによるレイアウト設計をある程度PDFとして実現してくれる。テー

各ベンダーの意向が揃わず、HTML5での仕様策定が断念されたvideoタグではあるが、オンラインでの動画閲覧がこれだけ広まっているのであればやはり何らかの仕様が欲しいだろう。そんな企業の思惑を越えて動けるのが開発者だ。 Safari4の場合 videoタグはHTML5をサポートしたブラウザでしか動かないが、旧来のブラウザでも可能にするのがvideo4allだ。 今回紹介するオープンソース・ソフトウェアはvideo4all、多数のブラウザでvideoタグを利用可能にするJavaScriptだ。 video4allはvideoタグを各ブラウザの仕様に合わせて表示を変更するJavaScriptライブラリだ。対応するのはFirefox 3.0/2.0、IE6〜8、Opera、Safari2、Chromeとなっている。Safari4やFirefox3.5についてはvideoタグがそのまま使われる。

※ 画面は公式サイトより Webアプリケーションを開発したり、よりコーディング量を少なくシステムを開発する上で正規表現の存在は欠かすことができない。良い正規表現を組めるかどうかで見通しの良いシステムができるかどうか決まってくるだろう。 Named captureをJavaScriptでも 昔からある正規表現ではあるが、JavaScriptでサポートされているものは機能があまり多くない。他のプログラミング言語同等のレベルに引き上げてくれるのがXRegExpだ。 今回紹介するオープンソース・ソフトウェアはXRegExp、JavaScriptの正規表現を機能強化するライブラリだ。 XRegExpは通常使える正規表現機能に加えて、幾つかの機能追加を行っている。特徴的なものとしては、Named captureがあるだろう。これは正規表現のマッチング結果を$1、$2ではなく、指定した名前（nameやv

そう、Mac OSXにはAppleスクリプトと言われる簡易的なアプリケーション操作機能が用意されている。それは分かっている。しかし書き方は特殊だし、使い方を覚えるのが面倒だ。専用のエディタを使うのも面倒に感じてしまう。 Safariをはじめ、Mac OSX向けのアプリケーションを対話的に操作 そこで普段使い慣れた言語を使ってAppleスクリプトライクな操作を行おう。その言語はRuby、PythonそしてObjective-Cだ。 今回紹介するオープンソース・ソフトウェアはAppscript、Appleスクリプトと似た操作を行うライブラリだ。 AppscriptはRuby、Python、Objective-Cのそれぞれについて提供されており、RubyやPythonであればコンソールから対話的に操作が行えるようになっている。メソッドを確認しながらデータを取得したり、送信してアプリケーションを操

CSSのメンテナンス性の悪さは言うに及ばないだろう。どうとでも書けてしまう手軽さはあるが、ファイルが分かれていたり、ネストしている場所としていない場所があったりするともう管理ができなくなる。ちょっとした変更がどこに影響するかも分からず、もはや触るのが怖くなる。 Lessの記述例 そんな訳でCSSは慣れれば慣れるほど使い方が難しい代物だ。そこでLessを使って分かりやすく管理してみよう。 今回紹介するオープンソース・ソフトウェアはLess、プログラミング的に記述するCSSライブラリだ。 Lessはコマンドラインのツールで、lesscというコマンドを利用する（lessは別コマンドで既に存在するので）。そして専用ファイルの.lessを変換し、.cssファイルを生成する。デザイナの方はCSSファイルを直接触らないようにする必要がある。 変換例 利用できる機能としては変数、階層構造、Mixin、計算

Mac OSXはiPodなどでメディアを前面に押し出しているのだが、その割にQuickTimeは使い勝手が悪い。プレイリストもないし、動作は重たい。iTunesもあるが、こちらも重たい。もっと手軽に動画を見られないのだろうか。 軽量な動作の動画プレーヤ VLCプレーヤなどもあるが、もっと格好いいものが良いという方はMovistを使ってみよう。 今回紹介するオープンソース・ソフトウェアはMovist、Mac OSX向けの動画プレーヤだ。 MovistはQuickTimeとFFMPEGをベースにした動画プレーヤだ。そのため、扱えるメディアの数が多様になっている。さらに本家以上に多機能で、かつ軽い。QuickTime + PerianでFlashビデオを見るとCPU負荷が高い気がするのだが、Movistでは気にならない。 コントローラー 再生速度や10秒単位での送り/戻りなど再生について細かく制

CSSを常日頃から使わないと、ちょっとしたプロパティを忘れてしまう。例えばcursorプロパティに設定できる文字は何があっただろうか、といった具合だ。ネットを使って調べても良いが、オフラインの場合に困ってしまう。 テキスト設定 そんな時に使えるのが、CSSエディタだ。シンプルなものが良ければSimple CSSが便利だ。 今回紹介するフリーウェアはSimple CSS、Mac OSX向けのCSSエディターだ。 Simple CSSはCSSの設定ごとに一覧し、プロパティを一つ一つ設定できるCSSエディタだ。テキスト、表示、ボーダー、寸法と設定項目がグルーピングされているので分かりやすい。設定項目は自由に入力できる場合はテキストボックスだが、項目から選択する場合はドロップダウンから選ぶだけで良い。 ボーダー一覧 テキストの色もピッカーから選ぶだけで良い。意外と忘れがちな項目名や設定方法もSim

数学や国語と違い、科学や物理は座学では雰囲気がつかみづらい。はじめは体験を通じて学んでいく方が面白い。てこの原理や慣性の法則、なんて言われても今一ぴんとこないかも知れないが、実際の体験を通すと理解が進みやすい。 こんな感じのポップなゲーム そんな訳で物理法則に則ったこちらのゲームを子供と一緒に体験してみるのはいかがだろう。 今回紹介するオープンソース・ソフトウェアはNumpty Physics、手書き風の物理エンジンゲームだ。 Numpty Physicsのルールは簡単だ。丸を星に当てればステージクリアだ。マウスで空中に線や物体を描くことができ、描かれた物体は物理法則に従って落下していく。その落下した物体を丸に当てて移動させつつゴールを目指すのだ。 さて、いかにすべきか… 大きな物体を当てればそれだけ影響も大きくなる。揺れ橋やシーソーのような障害物もあり、一筋縄にはいかないだろう。なお、描

物理エンジンを実装したライブラリは多数存在する。なぜにここまで物理エンジンに惹かれるのか。ゲームを作成する場合や、そのような物理現象のシミュレートを行う際に必要なのは分かる。だがそれだけに収まらない楽しさがそこにはある。 C言語で作られたパフォーマンスの高い物理エンジン ピタゴラスイッチを見て面白いと思うあの感覚だ。実際にリアルで行うと同じものを再現するのは難しいが、コンピュータ上であれば幾らでも試すことができる。 今回紹介するオープンソース・ソフトウェアはChipmunk、C言語で書かれた物理エンジンだ。 ChipmunkはC言語で書かれており、Windows/Mac OSX/Linuxなどマルチプラットフォームで動作する。さらにRuby向けの拡張も提供されている。様々な場面で利用できるだろう。特に2Dのゲーム制作を目的としているようだ。 これが非常に良くできている！ デモも幾つかあるが

Webデザインを行っていたり、システム開発を行っている際にちょっと変更して再読み込みしたり、ファイルを変更したらバージョン管理でコミットしたりと繰り返し同じ作業を行うことがある。 ファイルの変化を感知してアクションを実行する そのような時に都度ボタンを押すのは面倒だ。ファイルの変更を自動で感知して何かのアクションを起こしてくれれば良い。 今回紹介するオープンソース・ソフトウェアはifchanged、ファイルの変化を感知してアクションを実行するソフトウェアだ。 ifchangedはRubyで作られている。が、特にRubyの開発に限らず利用することができる。ファイルは正規表現で指定することも可能で、ディレクトリ以下にあるいずれかのHTMLファイルが変更されたら指定したアクションを実行するといった設定ができる。 監視中 例えば指定したURLを開く、git commitを実行するなどの使い方が考え

Cronは便利なシステムだ。バッチ処理を行いたい場合、大抵Cronを使って処理を行うはずだ。だが管理が意外と面倒くさい。各ユーザが勝手に作ったりすると特に煩雑になり、システムを入れ替えた際に、移行し忘れてしまい動かなくなったりする。 GoogleカレンダーでCronを管理する Cronを手軽に一覧から管理したいと思ってきた方は、gCalCronを使ってみると便利かもしれない。 今回紹介するオープンソース・ソフトウェアはgCalCron、Cronの管理インタフェースとしてGoogleカレンダーを利用するソフトウェアだ。 gCalCronはPython製のスクリプトで、root権限で動作する。gCalCron自体がCronに設定されるようになっている。そして設定時間（デフォルトでは30分）ごとにGoogleカレンダーをチェックするようになっている。 コマンド実行設定。rootのCronに自動設

ランチャーのあるなしでは作業効率が大幅に変わってくる。専用のアプリケーションを使っている人、よく使うものをデスクトップに配置する人などそれぞれ分かりやすいようにアプリケーションを管理していることだろう。 上品なインタフェースのランチャー よく使うものだけに、手に馴染むものを選ぶのが最も効率的だ。ちょっとMac OSX風なAppetizerを紹介しよう。 今回紹介するオープンソース・ソフトウェアはAppetizer、Windows向けのランチャーアプリケーションだ。 Appetizerはポータブルでも使えるランチャーアプリケーションだ。起動時にスタートメニューやクイック起動に入っているプログラムを洗い出して自動登録する機能がある。アイコンは大きめで、デザインも奇麗なものになっている。日本語ローカライズも行われているので、すぐに使い始められそうだ。 設定画面 ショートカットはグループ管理ができ

Prototype.jsやjQueryなどのJavaScriptフレームワークではHTMLのクラス名やIDなどを指定して要素を取得できるようになっている。とは言え、簡単な要素の取得のためにフレームワーク全体を読み込むというのはちょっと面倒だ。 次世代版のCSSセレクタエンジン そこでもっと手軽に使えるCSSセレクタとしてSizzleを紹介しよう。jQuery開発者の方が開発している次世代版のCSSセレクタエンジンだ。 今回紹介するオープンソース・ソフトウェアはSizzle、高速＆多機能なCSSセレクタエンジンだ。 SizzleではCSS3のサポート、not指定による要素の除外指定、ポジション（最初、最後、偶数、奇数など）指定など多彩な機能が実装されている。単体で用いることもでき、わずか4KBという軽量さだ（難読化+GZip圧縮した場合だが）。 Firefox3 for Mac OSXの場合

アスキーアートを作るソフトウェアは数多い。とは言え、日本のいわゆる職人の方々に匹敵する代物を自動で生成するのは難しいだろう。それでも個人が手軽にアスキーアートを楽しむのに、自動的に生成してくれる類のソフトウェアは便利なはずだ。 トレイン 昔からソフトウェアのREADMEファイルなどのヘッダ部分にソフトウェア名を記したアスキーアートがよく使われてきた。あれを自動生成してくれるのがAscii Designだ。 今回紹介するオープンソース・ソフトウェアはAscii Design、Windows用のアスキーアートジェネレータだ。 Ascii Designは海外向けのソフトウェアであり、日本語は使えないので注意していただきたい。英語で文字を書き、ジェネレータを指定して保存すると、その文字をアスキーアート化してくれる。 パズル すごいのはその対応ジェネレータの数だ。軽く200種類は越えている。この中か

Mac OSXで使われているモニタは横長になっている。例えば1280×800といった具合だ。Vaio Type-Pなども相当横長になっている。横長が不便という訳ではなく、表計算やグラフィックスアプリケーションを使っている場合はむしろ便利だ。だが時々持て余してしまうのも事実だ。 Firefoxを横に表示する そして縦が短いために、画面を水平に二分割するアプリケーションを使うと見づらくなってしまう。Firebugもその一つだった。が、これからはWiderbugを使えば良い。 今回紹介するオープンソース・ソフトウェアはWiderbug、Firebugを画面下ではなく画面右に表示するFirefoxアドオンだ。 WiderbugはFirebugを入れ替えるソフトウェアとなっている。現在Firebug 1.3相当のものがリリースされており、Windows/Mac OSX/LinuxのFirefox 3

※ 画像の一部は公式サイトより FirefoxやSafari、Google Chromeといったブラウザで普段のブラウジングや開発を行っていると、IEのあまりに※※ぶりにうんざりしてくる。デザインのみならずシステム側でも（JavaScriptをはじめとして）足を引っ張ってくれる。特にIE6が問題だ。 IE6でアクセスすると出てくるウォーニングメッセージ IE7、IE8とリリースされているにも関わらずIE6のシェアは未だに結構ある。この状況を少しでも改善すべく、ie6-upgrade-warningを導入してみよう。 今回紹介するオープンソース・ソフトウェアはie6-upgrade-warning、IE6でのアクセス時にウォーニングを出すライブラリだ。 ie6-upgrade-warningの面白い（？）点はJavaScript側で特にIE6の判別を行っていない点だ。HTML側で「<!--[

Webの発達で日本語であっても横に読まれることが当たり前になりつつある。コンピュータ上では縦に際限なく伸びていくので、縦書きは読みづらいのだろう。だが横向きに書かれていても長文であると見がたくなるのは変わらない。 長文をブラウザ上で読むならこれ 特に小説やコラムなど長文を載せているサイトの場合はそうだ。コンピュータは元々書籍に比べると長文を読むのに適していない上に、レイアウトも読みづらいのでは大変だ。そこで試したいのがbookreader.jsだ。 今回紹介するオープンソース・ソフトウェアはbookreader.js、長文を読みやすくするJavaScriptライブラリだ。 bookreader.jsは専用のJavaScriptとCSSファイルによって縦に続く長文を一定の長さで区切り、続きを右側に表示してくれるスクリプトが。スクロールは矢印キーか画面に表示される矢印のボタンで行う。 次期バー

ローカル向けのアプリケーションを開発した際には何らかのアイコンが必要だ。むしろアイコンの良さだけでアプリケーションの性能が判別されてしまうこともある位なので、アイコンの作成には注意が必要だ。 画像編集ソフトウェア並みの機能をもったアイコンエディタ アイコンエディタというと、ドット絵的なシンプルなものを思い浮かべるだろう。だがIcoFXは違う、抜群に優秀だ。 今回紹介するフリーウェアはIcoFX、アイコン作成専用エディタだ。 IcoFXはまるで画像編集ソフトウェアのようなインタフェースのソフトウェアだ。ツールパレットなども多数の機能が並んでいる。唯一ないのはレイヤー機能くらいだ。イフェクトも充実しており、作成した画像にぼかしを加えたり逆にシャープにしたりするのも容易だ。 多彩な出力に対応 日本語ローカライズも行われており、メニューから簡単に日本語化できる。さらにWindows向けのみならずM

インターネット上には動画が多数溢れており、ダウンロードしてMPEG4や他の形式に変換してローカルで動画を楽しむ人も多いはずだ。Mac OSXには標準で動画プレーヤであるQuickTimeプレーヤが付属するが、あまり使い勝手は良くない。特にプレイリストがないので、一つ一つ別ウィンドウになるのが気になってしまう。 QuickTime以上に動画を楽しめる 動画を連続して観るのに最適と思われる動画プレーヤがMovie Timeだ。 今回紹介するフリーウェアはMovie Time、フルスクリーンで動画を楽しめるソフトウェアだ。 Movie Timeの良いと思う点は、起動すると画面全体が真っ暗になって動画だけ表示される点だ。コントローラすらなく、キーボードショートカットか、マウスを上に持っていった時に表示されるメニューバーから操作する。 キーボードショートカット プレイリストに対応しており、複数のファ