開発者必見！WindowsでGitを便利に·Git Extensions MOONGIFT
システム開発を行う上でバージョン管理の必要性はもはや言うまでもないだろう。数年前であればSubversionが主流だったが、最近ではGitが利用されることも増えている。が、Gitにはちょうどいいフロントエンドがなかった。Subversionには有名なTortoiseSVNがあるというのに。 エクスプローラにGit！ このフロントエンドの存在がSubversionの普及に一役も二役も買ったのは間違いない。だがWindowsにもついに実用的なフロントエンドが登場した。 今回紹介するオープンソース・ソフトウェアはGit Extensions、エクスプローラとも統合されるGitフロントエンドだ。 Git Extensionsは管理インタフェースであるGit Extensions、msysGit、KDiffなどを一括でインストールするソフトウェアだ。新しいリポジトリの作成や既存リポジトリのクローンは
Inkscape機能拡張。ドローデータをHTML5/Canvasへ出力·Ink2canvas MOONGIFT
Ink2canvasはInkscapeで作成したドローをHTML5/Canvasに保存するソフトウェア。 Ink2canvasはInkscape用、Python製のオープンソース・ソフトウェア。オープンソースのイラストレーションソフトウェアとして有名なInkscape。数年前はまだまだ不安定だったが、最近ではずいぶん実用的になっているようだ。 出力例 描いた図をSVGで出力できるので、Webとの親和性も高い。だがSVGはXMLベースなので修正するのが大変かも知れない。そこでさらに便利にCanvasタグ化してしまうソフトウェア、Ink2canvasを使ってみよう。 Ink2canvasはInkscape用の機能拡張だ。インストールすると、Save asの項目にHTML5が出るようになる。そして保存するとHTMLファイルが生成される。中にはJavaScriptを使ってCanvasタグにレンダリ
Rubyのカバレッジツール·rcov MOONGIFT
システム開発におけるテストの重要性は言うに及ばない。が、大抵時間がなくなってしまって正常系のテストだけで終わってしまうことになる。 そうすると、もちろん異常系の処理になった途端、システムエラーを引き起こす。何をすべきか、それは予期している問題点を全て把握できるかどうかだ。 今回紹介するオープンソース・ソフトウェアはrcov、Ruby向けのソースカバレッジツールだ。 カバレッジツールとは、対象のプログラムソースが処理を一巡する中で通った場所と通っていない場所とを見極めてくれるソフトウェアだ。これを使えば通っていない場所は元々不要か、またはテストしていない場所かのどちらかに分けることができる。 結果はHTML形式でのレポートの他、標準出力でも可能だ。全体のコード量に対するカバレッジ率や、あるポイントを何回通ったかといったことも提示してくれる。 なお、公式サイトではRuby on Railsでも
PNGを解析してJavaScriptでPNGを描く·png.js MOONGIFT
png.jsはJavaScriptを使ってPNGを解析し、その結果をCanvasタグにレンダリングするライブラリ。 png.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。Web上で扱われる画像のフォーマットと言えば、GIF/JPEG/PNGだ（WebPもあるか）。個人的な主観としてGIFはアニメーションやアイコン、JPEGは写真やサイズの大きな画像、その中間がPNGに向いていると感じている。 レコード画像を描く 写真を取り扱うサイトでは、そのメタデータを解析して撮影した機種や撮影場所、露出といったデータをEXIFから得ている。同様のPNGを解析するJavaScriptライブラリがpng.jsだ。 png.jsはPNGをJavaScriptで解析し、その結果をCanvasタグを使って画像として表示する。つまり表示されるのはPNG画像であり、単純にWebブラウザでim
400人規模まで対応するJabberを使ったWebベースのチャットシステム·Candy MOONGIFT
CandyはJavaScriptとJabberを組み合わせたマルチユーザ対応のチャットシステム。 CandyはJavaScript製のオープンソース・ソフトウェア。インターネット上でのコミュニケーションツールは幾つかあるが、その中でもチャットは最も素早く意見が交換できるのではないだろうか。メールと違って面倒な挨拶もなく、必要なメッセージだけ短く交わせる。 チャット中 Skype、MSNメッセンジャーのようなIMやIRCのようなチャット用プロトコルもある。今回紹介するのはJavaScriptを使ったWebベースのグループチャットシステムであるCandyだ。 CandyはWebベースのチャットシステムで、プロトコルはJabberを使っている。JabberのHTTPバインディングを使って通信を行う仕組みだ。チャットはリアルタイムで可能で、400人以上が同時に接続できる性能をもっている。 絵文字対
Railsでも利用可。irbよりも便利な対話型コンソール·Pry MOONGIFT
PryはRubyのirbを強化し、さらに利便性高いものにする対話型コンソール。 PryはRuby製のオープンソース・ソフトウェア。Rubyには対話型のインタプリタirbがある。開発やデバッグする時にコードを確認しながら試せるので便利だ。Railsでの開発にもコンソール機能がなければ開発効率はここまで向上しなかったはずだ。 ハイライト処理 しかしirbだけでは物足りない、と感じる人もいるかも知れない。より掘り下げてみたいと思ったり外部サービスとも連携したいと考えるかも知れない。そんな方はぜひPryを試すべきだ。 Pryはirbの代替えとも言えるソフトウェアだが、機能がとても面白い。まずハイライト処理がある。これでずいぶん見やすくなると思う。そしてオブジェクトのメソッド一覧を出す際に「ls obj -m」のようなコマンド的な形で一覧を出す（さらに継承ではないメソッドだけならば「ls obj -
Finderに配置しておくだけでワンクリックでファイルパスコピー·CopyPath MOONGIFT
CopyPathはMac OSXでファイルパスのコピーをワンクリックでできるようにするユーティリティ。 CopyPathはMac OSX用のオープンソース・ソフトウェア。ファイルのパスをコピーしたいと思うニーズはとても多い。Mac OSXでそういった操作をしようと思ったら、個人的にはターミナルにファイルを落としてそのパスをコピーするだろう。 配置した図 だがファイルが数多くあったりするとどうだろう。そんなのを一つ一つやっていられない。そこで使ってみたいのが小さなユーティリティであるCopyPathだ。 CopyPathはFinderのツールバーにドロップしておくととても便利なソフトウェアだ。使い方は簡単で、Finderでファイルを選択した状態でCopyPathを実行すると、その選択しているファイルのパスをクリップボードにコピーしてくれる。複数の場合は改行でつないでくれる。 設定画面 さらに
Gitを使っているWebデザイナー必見。DreamweaverからGitを使える·GITWeaver MOONGIFT
GITWeaverはDreamweaverとTortoiseGitを連携させるDreamweaver機能拡張。Gitコマンドが使えるようになる。 GITWeaverはWindows/Dreamweaver用のオープンソース・ソフトウェア。企業ではまだまだSubversionがメインのリポジトリ管理システムになっているようだが、個人を中心にGitを使うケースが増えている。プログラマーが使っているケースが多いが、デザイナーの方も使い始めている。 メニュー そんなGitとWindowsを組み合わせて使う際にはTortoiseGitが便利だが、さらにDreamweaverを使ってデザインをしているならお勧めなのがGITWeaverだ。 GITWeaverはTortoiseGit必須のDreamweaver拡張なのでWindows版向けのソフトウェアになる（筆者はMac OSX版しかないためスクリー
今風のUI。Ajaxを使ったPHPベースのMySQL管理システム·MyWebSql MOONGIFT
MyWebSqlはAjaxを多用した今風のUIを使ったMySQL管理ツール。 MyWebSqlはPHP製のオープンソース・ソフトウェア。PHPと言えばMySQL、その二つの組み合わせから生み出されたphpMyAdmin。LAMPスタックなんて言葉が生み出されたのにphpMyAdminの優秀さがあったことは否定できない。それくらい誰しもが使っているソフトウェアだ。 データ一覧 だが長い年月のうちにUIは古いものになり、ちょっと時代が変わってきているかという気がしなくもない。そこで今のWebに合わせたMySQL管理ツールを紹介しよう。それがMyWebSqlだ。 MyWebSqlはWebアプリケーション風のインタフェースに加えて、UIのデザインもポップで明るい配色になっていて使い勝手が良い。左側にデータベースの一覧、右側でデータの編集を行うスタイルはphpMyAdminと同じだ。さらに下にはSQ
テキストサイトに。JavaScript製のテキスト差分表示·jsdiff MOONGIFT
jsdiffはJavaScript製の文字、単語、行単位の差分チェックツール。 jsdiffはnode.js/JavaScript製のオープンソース・ソフトウェア。Webサイトは様々な種類が存在するが、最も多いのはテキスト系サイトではないかと思う。フォーラム、Wiki、ブログ、Q&Aなどテキストは日々どんどん追加されていく。 比較 そんな中、みんなで一つのコンテンツを作り上げていく中で欲しくなるのがテキストの更新前と後を比較するための差分ツールではないかと思う。Webブラウザ上で手軽に使えるjsdiffを使ってみよう。 jsdiffはテキスト差分表示ライブラリで、複数の差分表示に対応しているのが特徴だ。一つは文字単位の比較で、もう一つが単語単位、そして最後に行単位の比較となっている。通常のDiffと違ってブロック単位で調整が入ることなく、表示されているそのままの行を比較する仕組みになってい
画像やフォントの埋め込みに対応。node.jsを使ったPDF作成ライブラリ·PDFKit MOONGIFT
PDFKitはnode.jsを使ったPDF作成ライブラリ。 PDFKitはnode.js/JavaScript製のオープンソース・ソフトウェア。Webアプリケーションにおいて鬼門とも言える技術がPDFではないだろうか。これまで広まっているとWebアプリケーションからPDFでデータを出力してほしいという要望が必ず出てくる。しかしそう簡単にできるものでもない。 作成されたPDF 多数のプログラミング言語向けにPDF作成ライブラリが存在する。node.jsであってもそれは変わらない。JavaScriptでPDFを生成する、PDFKitを紹介しよう。 PDFKitはテキストはもちろん、リストや画像の埋め込み、SVGのレンダリング、リンクに対応したPDF生成ライブラリだ。フォントの埋め込みに対応しているので、日本語フォントを用意すれば使えるはずだ。TrueType系のフォントが利用できる。テストのス
node.jsで作られたGitリポジトリブラウザ·git.js MOONGIFT
git.jsはnode.jsで作られたWebベースのGitリポジトリブラウザ。 git.jsはnode.js/JavaScript製のオープンソース・ソフトウェア。Gitの面白い所は個々にリポジトリがあることだ。それによって分散化を実現し、かつオフラインでも開発ができるようになった。リポジトリにはこれまでの開発が全て詰まっており、いつでも参照できるのが嬉しい。 ログ Gitリポジトリを取り込んでしまえば、リポジトリを操作するために都度ネットワークアクセスする必要もない。リポジトリブラウザが高速動作するのはとても良い。今回紹介するのはWebベース、JavaScript製のGitリポジトリブラウザであるgit.jsだ。 git.jsはサーバサイドでローカルのGitリポジトリの情報を読み込みつつ、それをWebブラウザ上で表示する仕組みになっている。node.jsを使っているのでどちらもJavaS
MOONGIFT: � Ruby2JavaScript「Red」:オープンソースを毎日紹介
Webアプリケーションを構築しているとどうしても必要になるのがJavaScriptだ。サーバサイドの言語はPHPやRuby、Perl、Java、Pythonなど様々な言語が選ばれるが、JavaScriptについては代わりがない。 RubyからJavaScriptが生成される 元のRubyコード サーバサイドの言語は得意だが、JavaScriptはちょっと…という人もいるのではないだろうか。そんな人にとって、これは朗報かも知れない。 今回紹介するオープンソース・ソフトウェアはRed、RubyスクリプトをJavaScriptに変換するソフトウェアだ。 RedはRubyの文法に則って記述したプログラムをJavaScriptに変換してくれるソフトウェアだ。まだ複雑な構文に対応している訳ではなく、クラスや関数を定義したり（無名クラス、無名関数も作成できる）、プロパティを設定したりといったことができる
注目！Web上のオープンドキュメントプラットフォーム·Substance MOONGIFT
SubstanceはWebブラウザ上で文書を作成したり、他人の文章にコメントするシステム。 Substanceはnode.js/JavaScript製のオープンソース・ソフトウェア。これは個人的に思い描いていたサービスの形に近いのかもしれない。最近、書籍の内容をGithubに登録しているケースをちらほらと見かけるようになった。リポジトリを使えば履歴管理も簡単だ。 閲覧画面 さらに他の人からコメントを貰ったり、コラボレーションすることもできる。だがやはりソースコードリポジトリでしかない。もっとドキュメントに特化したものがあればと思っていたが、Substanceがまさにそうだ。 SubstanceはWebブラウザ上でドキュメント書くことができるサービス&ソフトウェアだ。ユーザ登録すると誰でも文書を登録し、書けるようになる。文書はセクション、テキスト、画像、リソース、引用、コードといった具合にオ
JavaScriptを使ったクライアントサイドのテキスト差分表示ライブラリ·Pretty Diff MOONGIFT
Pretty DiffはJavaScriptでテキストの差分を表示するライブラリ。 Pretty DiffはJavaScript製のフリーウェア（ソースコードは公開されている）。人は間違うものだ。現実世界では一度破壊してしまったものを復元するのは難しい。だがデジタルの世界であれば、バックアップを使ったり履歴管理をしておくことで以前の状態に戻すことができる。 差分表示 最近のサービスでは履歴管理が次々に取り入れられている。Dropbox、WordPress、Wikiエンジンなど様々だ。そんな履歴管理された内容をグラフィカルにチェックできるのがPretty Diffだ。 Pretty DiffはWebベースの差分表示ライブラリだ。JavaScriptやCSS、各種言語に対応する他、CSVの差分表示もできる（ただしCSVは各項目ごとに改行されて表示される）。差分表示はインライン、またはサイドバイ
Mac OSX用。URL to PDF·wkpdf MOONGIFT
wkpdfはターミナルを使って指定URLをPDFファイル化するソフトウェア。 wkpdfはMac OSX用のオープンソース・ソフトウェア。Webサイトの開発を行う際にはスクリーンショットを撮ったり、印刷したりして人に見せてフィードバックを貰うことが多々ある。そんな時に役立つのがスクリーンショット作成のソフトウェアだ。 生成されたPDF GUIで操作するものもあるが、対象となるURLが大量にあるならばCUIで一気に実行できるのが便利だ。そこで使ってみたいのがwkpdfだ。 wkpdfはMac OSX専用のソフトウェアで、ターミナルでコマンドを叩いて対象となるURLのPDFを生成する。PDFの向きや用紙の大きさ、スタイルシートの適用についてやUser Scriptの実行など様々な条件が設定できる。背景画像の利用についても設定可能だ。 コマンドオプション ユーザ名、パスワードを設定してBasic
ゲームでも使えそうなJavaScriptで作られた物理エンジン·box2dweb MOONGIFT
box2dwebはJavaScriptで作られた物理エンジンライブラリ。Box2DFlashをJavaScriptへポートしたソフトウェア。 box2dwebはJavaScript製のオープンソース・ソフトウェア。ゲームを作る際に欠かせない要素が物理エンジンだ。オブジェクトの落下や重力の作用、オブジェクト同士の作用反作用、慣性の法則など様々な要素がそこには絡んでくる。スーパーマリオも物理エンジンあってこそのゲームだ。 デモ 最近であればAngry Birdsも物理エンジンを用いた処理によってあの動きが実現する。Webブラウザで動作するゲームを作る時に採用を考えたいのがbox2dwebだ。 box2dwebはBox2DFlashというFlash製の物理エンジンをJavaScriptに移行させたソフトウェアだ。デモでは多数の四角または丸のオブジェクトが落下し、それぞれが作用しながら動き回るよう
多数のWebブラウザにおけるJavaScriptの動作確認をまとめて行う·Tutti MOONGIFT
Tuttiはnode.js製のソフトウェア。接続している全てのWebブラウザで入力したJavaScriptを実行し、その結果を受け取る。 Tuttiはnode.js/JavaScript製のオープンソース・ソフトウェア。かつてはNetscapeがWebブラウザ市場を圧倒しており、IEの無料戦略で一気に市場が荒れてしまった。その後、FirefoxやOpera、SafariさらにGoogle Chromeが登場し市場が賑わっている。 接続中 そんなWebブラウザが乱立しているせいで、JavaScriptの互換性を保つのが難しくなっている。多数のWebブラウザに対して同一のテストコードをインタラクティブに実行するのがTuttiだ。 Tuttiはnode.jsで作られており、各WebブラウザからTuttiへ接続する。そうするとTuttiにはどのWebブラウザが接続しているかという情報が表示される。
個人的に便利。Markdown記法をQuickLookで表示する·QLMarkdown MOONGIFT
QLMarkdownはMarkown記法で書かれたファイルをマークアップして表示するQuickLookプラグイン。 QLMarkdownはMac OSX用のオープンソース・ソフトウェア。HTMLは柔軟なレイアウト設定ができるマークアップ言語だが、一般ユーザが使うにはちょっと冗長的だ。さらにコンピュータに慣れた人が使うにしても普通のドキュメントをHTMLで書きたいとは思わないはずだ。 表示している所 そこで使われるのが特殊な記法で、一定のルールに沿って書くことでHTMLや別なフォーマットに変換したりする。個人的にはMarkdownが気に入っていて、通常のドキュメントもMarkdown記法で書くようにしている。そんな筆者にはぴったりなソフトウェアがQLMarkdownだ。 QLMarkdownはMac OSXのQuickLookでMarkdown記法を表記するプラグインだ。Markdown用の
Google Chart APIを使えない場合に。Canvasタグで互換グラフを描く·Yokul MOONGIFT
YokulはCanvasタグを使ってGoogle Chart API互換のグラフを描くJavaScriptライブラリ。 YokulはJavaScript/HTML5製のオープンソース・ソフトウェア。Webサービスで工数がかかりやすいのがグラフの表示だ。システムから得られるデータを使って動的に変化させるため作るのが大変だ。そんな中、よく使われるのがGoogle Chart APIだ。 サンプル Google Chart APIを使えば画像ベースのグラフが簡単に作成することができる。しかし場合によっては外部にデータを渡すために利用できないかもしれない。そんな時に使えるのがYokulだ。 YokulはGoogle Chart API互換のグラフライブラリだ。さらに面白いのがサーバサイドの仕組みを用いないことだ。つまりCanvasタグを使ってJavaScriptだけでグラフを描くのだ。使い方も簡単
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
