ラフな描画にも対応したJavaScript製のシーケンス図描画ライブラリ·JS Sequence Diagrams MOONGIFT
JS Sequence DiagramsはJavaScriptを使ってUMLのシーケンス図を描画するライブラリです。 システムの仕様書を書くためのモデリング言語として知られているのがUMLです。思ったよりも普及しませんでしたが、仕様書の冗長的な文章よりも図の方が分かりやすいケースも多いです。今回はJavaScriptを使って描くシーケンス図ライブラリ、JS Sequence Diagramsを紹介します。 この手書きの乱雑さがいい感じです。 正確な描画もできます。 まさにシーケンス図です。 ノートをつけたり、全く関連し合わない図も書けます。 秀逸なのはやはり手書き風の乱雑な描画ができることではないでしょうか。正確に書くと分かりやすくなる反面、ちょっとしたミスも許されない感じになりますので、ちょっとくらいラフな方が開発もしやすいのではないでしょうか。シンプルな記法からシーケンス図が作れるのは
スクラムによるプロジェクト管理を推進するUI·TrackerTracker MOONGIFT
TrackerTrackerはPivotal Trackerのデータをスクラムにあった形で表示してくれるソフトウェアです。 最近のプロジェクト管理のスタイルはアジャイルが多いように思います。また、その中でも人気があるのはスクラムです。Pivotal Trackerのデータをスクラムにしてビジュアル化してくれるのがTrackerTrackerです。 カラムがステータス、その中にタスクが入っています。 タグによる絞り込みが可能です。 タグは複数設定できます。 イテレーションのステータスやベロシティをグラフ化できます。 TrackerTrackerはPivotal TrackerのデータをWeb API経由で取得して表示しています。さらに表示だけでなく、操作による書き込みにも対応しています。複数プロジェクトの出し分けにも対応しており、よりアジャイルなプロジェクト管理に最適な画面を提供します。 T
社内で立てられるGistサーバ·Gistub MOONGIFT
GistubはGitHubの提供するGistのクローンです。 GitHubの提供するスニペットサービスのGist。便利に使っている人も多いと思いますが、何となく会社で使うのは控えてしまっている…そんな人も多いでしょう。そこで社内で立てられるGistクローンGistubを使ってみましょう。 パブリックなGist一覧。 ソースコードハイライト付きです。 編集画面です。 編集すると履歴がつきます。 新しいGistの追加画面。 プライベートなGistも作成できます。 Gistubはエディター画面こそ単純なテキストボックスで、ハイライトする言語指定ができないものの他はGistと変わらず普通に使えるようになっています。社内で立ててチームで使ったりするのに良いのではないでしょうか。 GistubはRuby/Ruby on Rails製、MIT Licenseのオープンソース・ソフトウェアです。 MOON
多機能さが売りのダイナミックスライド·jmpress.js MOONGIFT
jmpress.jsはImpress.jsライクなダイナミックプレゼンテーションを実現するjQueryライブラリです。 一つのWebページ上でダイナミックなスライドを展開するimpress.jsを先日紹介しましたが、さらにすごいプレゼンテーションを展開できるかもしれないスライドライブラリがjmpress.jsです。 トップページです。 Impress.jsライクにぐるぐる動き回ります。 画像も表示できます。 プレゼンノートも出せます。 ズーム対応です。 スライド内でのアニメーションも可能です。 こちらはボックス。立体のボックスが回転します。 自動的にレイアウトを調整してくれるサンプル。 動的にスライドを生成するサンプル。 上に並んだサムネイルが回転しながら順番にスライド表示されます。 画像をメインコンテンツにしたスライドサンプル。 写真のサムネイルが並んでいます。 こんな感じでサークルにな
その場でデータを編集。BootstrapやjQuery UIに対応した·X-editable MOONGIFT
X-editableはBoostrapやjQuery/jQuery UIで使えるIn-place Editorです。 表示されている内容を編集する際にその場ですぐに編集できるようにするのがIn-place Editorです。それをBootstrap、jQuery UIなどに対応させたのがX-editableになります。 こんな感じでポップアップで編集できます。 エラー表示にも対応。 カレンダーでの入力。 選択式も可能です。 インラインで編集もできます。 こちらはjQuery UI版。 この場合も選択式などが使えます。 X-editableは単純な文字列入力の他に、選択やテキストエリアでの入力にも対応しています。入力チェックも可能で、エラーの際にそのまま表示を残せます。純粋なjQueryにも対応しているのでWebサービスに組み込んでみるのはいかがでしょう。 X-editableはJavaSc
Yahoo Pipesのような表現やマインドマップにも·jsPlumb MOONGIFT
jsPlumbはWeb上でオブジェクト同士のつながりを表現できるJavaScriptライブラリです。 情報は有機的に結びついています。マインドマップやネットワーク図などを描く際には必ずオブジェクト同士が何らかの連結しあっているでしょう。そんな図をWeb上で描くのに使えるライブラリとしてjsPlumbを紹介します。 Yahoo! Pipesに似た連結です。 アニメーションもできます。 マウスでドラッグして接続もできます。 複雑に結びつけました。 一つのオブジェクトから複数のオブジェクトに派生するデモ。 jsPlumbはレンダリング先としてSVG、Canvas、VMLが選択できます。また、ライブラリとしてjQuery/MooTools/YUI3が切り替えられます。オブジェクトはマウスで自由に場所を変更でき、コネクトしているラインは自動で再描画されます。 jsPlumbはJavaScript製、
Gistの内容をスライドに変換·Gist Slide MOONGIFT
Gist SlideはGistに書いたテキストをスライドに変換して表示するソフトウェアです。 HTMLのスライドを作る際にはテキストファイルで作成して変換するプログラムを使ってHTMLに整形するのが一般的です（または直接HTML）。しかしもっとシンプルに完結するツールがGist Slideです。Gistで書いて再生する、そんなスライドツールです。 スライドです。左から右に流れていきます。 ツイートを取り込んだりもできるようです。 本体のGistです。Markdownフォーマットで記述できます。 Gist Slideの面白いところはGistさえPublicで保存されていれば、後はIDを指定するだけで使える点にあります。スライドの内容がGistにあればオンラインへの公開も全く苦になりません。勉強会などで積極的に使っていきたいソフトウェアです。 Gist SlideはScala/Google A
リアルタイムコラボレーション対応のマインドマップソフトウェア·BeautifulMind.io MOONGIFT
BeautifulMind.ioはWebベースのマインドマップソフトウァです。リアルタイムに複数人で編集できます。 三人寄れば文殊の知恵。みんなで考えれば良いアイディアも湧くはずです。そのベースに使ってみたいのがBeautifulMind.ioです。Webベース、コラボレーション対応のマインドマップツールです。 最初に名前を決めます。 チートシートが表示されました。使い方を覚えたら開始です。 まず中央にノードが一つあります。 派生させていきます。 別なWebブラウザからも同時編集できます。 ノードの追加は自動なのでどんどん作っていってしまいましょう。 エクスポート機能があります。PDFと画像が選択できます。 残念ながら日本語は表示できませんでした。 BeautifulMind.ioの使い方は簡単です。エンター、タブ、Deleteキーくらいしか使いません。後はみんなで一緒にどんどんノードを追
シンプルで格好いい。親切なコードレビューシステム·Barkeep MOONGIFT
BarkeepはGitリポジトリに対応したユーザビリティ高いコードレビューシステムです。 会社でプログラミングを行っているとそのコードの品質はばらつきが出てきます。そうするとバグが多くなったり、予期しない問題に直面したりします。それを防ぐのに有効なのがコードレビューです。Barkeepはユーザフレンドリーなコードレビューシステムになっています。 メイン画面です。コミットログが並んでいます。 詳細です。差分が表示されています。 サイドバイサイド。アニメーションしながら表示されて格好いいです。 コードをダブルクリックするとコメントできます。 コメントしました。 一つにまとまっている場合もコメントできます。 レビュー依頼もできます。 ステータスです。レビューされている、されていないといった情報が一目で分かります。 検索結果です。 こちらはプロフィール。 Barkeepは検索における入力補完やフィ
こんなやり方が…プラグインなしでWebブラウザ上でJavaを実行する·DoppioVM MOONGIFT
DoppioVMはCoffeeScriptで作られたJavaVMです。Webブラウザ上でJavaコードをコンパイルしたり実行できます。 Webブラウザ上で実行できるJavaと言えばアプレットになりますがプラグインが嫌われる現在、あまり実行される機会も多くありません。そこでJavaScript上で動作するJavaVM、DoppioVMが開発されました。 Webブラウザ上にコンソールが表示されています。 javacもあります。 実際にコンパイルして実行もさせられます。 DoppioVMはCoffeeScriptで書かれたJavaVMとなっています。そのためJavaプラグインなしでWeb上でJavaを実行できます。コンパイルして中間コードも生成されるので、かなり本格的と言えるでしょう。String、Pattern、HashMapなどがサポートされており、全てのJavaのコードが実行できる訳ではあ
Xcodeでストレスを感じていたVim/viユーザに朗報·XVim MOONGIFT
XVimはXcodeのキーバインドをvi/Vim風にするソフトウェアです。 vi/Vim使いの方がXcodeを使っている際には、そのキーバインドの悪さに辟易していると思われます。そこでXVimをインストールしましょう。XVimをインストールすればXcode上でvi/Vimライクなキーバインドが実現します。 インストーラーを使います。 Xcodeを起動しました。下の方にコマンドが出ているのが分かるかと思います。 XVimはキーボードによる移動はもちろん、マークによる移動も使えます。スクロール、ジャンプ、インサート、ヤンク、検索や置換、操作のレコードまで使えます。さらにコマンドでrunを使って実行、makeでビルドまでできます。XVimがあればコーディング中の殆どの操作がキーボードがからできるのではないでしょうか。 XVimはObjective-C製、Xcode用のソフトウェア（ソースコードは
お手軽！Bootstrapのカラーテーマを画像から作成する·Lavish MOONGIFT
Lavishは任意の画像を解析してカラーパターンを抽出し、それをBootstrapに適用するソフトウェアです。 Bootstrapは便利なデザインフレームワークですが、色のバランスが特徴的なのでかなり臭いが残ってしまいます。そこで色合いをがらっと変える際に使ってみたいのがLavishです。 トップページです。右側に画像が表示されていますが、その画像を色分析して特徴的な色をピックアップ、Bootstrapのテーマに合わせています。 別な画像を指定してみました。ぐっと色合いが変化しているのが分かります。 こんな色合いも。 ちょっと落ち着いた感じ。 Googleロゴで試してみました。あまりらしくないかな？ Lavishは画像をベースにカラーテーマを設定してくれます。気に入った写真からWebサイトのデザインを決めるというのはなかなかユニークです。取り込んだ後、個別に調整もできるので色々試してみると
こいつはやべえ。JavaScriptでGithubリポジトリの読み込み＆書き込み·github.js MOONGIFT
github.jsはJavaScriptを使ってGitHubリポジトリの操作を行うソフトウェアです。 GitHubはWeb APIを公開している希有なソースコードリポジトリサービスです。そんなGitHubのAPIを使って作られたのがgithub.jsです。なんとJavaScriptだけでGitHubリポジトリのファイルを読み込んだり書き込んだりできます。 基本的な使い方です。 ファイルの読み込みです。 実際に書き込んだところです。書ける、書けるぞ！ Basic認証での利用なのでパスワードを記述しないといけないのがちょっと怖いですが、JavaScriptだけでGitHubリポジトリを操作できてしまうのはかなり面白いです。使い方次第でバージョン管理付きテキストストレージとしてかなり遊べそうです。 github.jsはJavaScript製、BSD Licenseのオープンソース・ソフトウェアで
Windows用ソフトウェアをあたかもMac OSXソフトウェアのように変換する·WineBottler MOONGIFT
WineBottlerはMac OSX用のオープンソース・ソフトウェア。Mac OSXやLinux上でWindows用のソフトウェアを動作させる技術は幾つか存在する。VMWareのような仮想化、Mono（.NETのオープンソース実装）そしてWineを使ったラッピングだ。 Windowsアプリケーションをラッピングする Wineを使えばWindowsアプリケーションがそのまま実行できるが、環境の整備に面倒なイメージがあった。そこでWineBottlerを使ってラッピングし、Mac OSX用アプリケーションに変換してしまってはどうだろう。これならばWindowsアプリケーションと意識することはなくなる。 任意のWindowsアプリケーションをWineBottler経由で起動すると、アプリケーションのラッピング設定を行う画面が表示される。そこではラッピングする際に同時に指定するランタイムや変数な
マルチタッチをもっと活用する·BetterTouchTool MOONGIFT
BetterTouchToolはMac OSX用のフリーウェア。MacBook AIRから導入が進んでいるマルチタッチシステム。指2本によるタップで右クリック、ピンチ操作など今までは考えられなかったタッチパッド操作ができる。一度慣れると手放せなくなるはずだ。 アクション設定 そんなマルチタッチ操作だがデフォルトではAppleの用意した操作だけができる。もっと柔軟にマルチタッチを活用したい人はBetterTouchToolを使ってみよう。BetterTouchToolではマルチタッチの操作に応じたアクションを細かく定義できるソフトウェアだ。 BetterTouchToolではタッチパッドの他、Magick Mouseの制御にも利用できる。1本指によるタップだけでも右上、左上、中央部のクリックによってアクションを変えられる。指も1〜5本まで設定が可能で、タップの他に上下左右に動かした時のアクシ
各種プラットフォームで使えるネットdeダビング·RDService MOONGIFT
RDServiceはJava製のオープンソース・ソフトウェア。東芝のHDDレコーダRDシリーズではネットdeダビングという機能を通じて他のRDシリーズに録画データをコピーすることが出来る。これはDVD作成機能をつけたRDシリーズに対してコピーする目的のようだが、DVDを作成するだけならPCでもできる。 Javaで動作する さらにわざわざ焼くまでもなく、ただHDDに保存しておきたいというニーズもあるだろう。そんな時に使えるのがRDServiceだ。RDServiceはJava製のCUIで動作するソフトウェアだ。Javaさえ使えればプラットフォームを選ばずに動作するのが利点だ。 先に紹介したLANDE-RDは便利だがWindows向けなので他のプラットフォームでは動作しない。Mac OSX向けもあるが、RDServiceを使えばOSは選ばずに済む。さらにCUIなので自動化しやすいのが特徴だ。な
オンラインコラボレーションエディタ·Etherpad MOONGIFT
EtherpadはJava製のオープンソース・ソフトウェア。Google Waveを使ってオンラインのリアルタイムコラボレーションを推進するGoogleが先日、Etherpadで知られるAppJetを買収した。Googleによる買収はさほど珍しいものではないが、買収されたサービスが閉鎖されるケースが多いのが懸念された。 複数人でのリアルタイムコラボレーション だがEtherpadを開発するAppJetはEtherpadをオープンソース化することをGoogleに条件として提示し、Googleもそれを了承した。そして意外と早くそれは実現し、Google Code上に公開されることになった。それが同名のEtherpadだ。 EtherpadはJava + MySQLで構築されているオープンソース・ソフトウェアで、Web上でエディタを開き、複数人で同時にコラボレーションができる。ユーザ登録は不要で
Google Chrome用Tombloo互換拡張·Taberareloo MOONGIFT
TaberarelooはGoogle Chrome向けのオープンソース・ソフトウェア。Webブラウザで色々なサイトを閲覧していて、メモしたりブックマークしたいと思う時がある。この時、多少なりとも面倒な手順や数ステップが必要では折角のチャンスを逃してしまう。 Google Chrome用Tombloo ワンクリックで各サービスにポストする所までたどり着けなければいけない。そのためのソフトウェアとしてTomblooが知られているが、こちらはFirefoxアドオンだ。対してTaberarelooはGoogle Chrome上で動作するスクラッピングソフトウェアだ。 現状ではリンクポストのみ対応となっている。対応サービスはTumblr/Delicious/はてなブックマーク/Livedoorクリップ/Yahoo!ブックマーク/FriendFeed/Twitter/Googleブックマーク/Inst
Google製Webパフォーマンス測定ツール·Speed Tracer MOONGIFT
Speed TracerはGoogle Chrome向けのオープンソース・ソフトウェア。Webサイトのパフォーマンスを測定するのはApacheのabをはじめ、様々なツールが存在する。だが最近のWebサイトではAjaxやJavaScriptを活用する等、単なるリクエスト送信だけでは適切なチューニングが難しくなっている。 Google Chromeをお使いの開発者はぜひ そこでGoogleが開発したのがSpeed Tracerだ。Speed TracerはGoogle Chromeにインストールするソフトウェアで、GWT（Google Web Toolkit）の2.0公開に合わせたツールとして提供されることになった。Google Chromeを使っている開発者はぜひ使ってみよう。 インストールするとアドレスバーの横に緑のアイコンが表示される。クリックするとモニターウィンドウが開き、計測が開始す
HTMLテーブルの縦横を固定にしてデータを見やすく·Super Tables MOONGIFT
Super TablesはJavaScript製のオープンソース・ソフトウェア。業務システムをはじめ、レポート出力等で多用されるのがテーブル組みだ。縦横に長いデータを表示する場合、表計算ソフトウェアであればヘッダ部を固定表示にする。そうすればスクロールしても何の項目かすぐに分かる。 中央に表示されているテーブル だが素のままのHTMLではそのような柔軟な表示は行えない。そのためシステムによっては10行ごとにヘッダを繰り返し挿入したりする。だがそれも再利用性が悪くなるだろう。そこで使ってみたいのがSuper Tablesになる。 Super Tablesを使うとテーブルの縦方向ヘッダを固定にしてスクロールしても常に表示される。さらに横方向のヘッダも固定になり、一番左側のカラムが常に表示されるようになる。テーブルのユニークになるIDを常に表示したりすると便利だ。 実際のデータ。普通のテーブル組
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
