MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました これはぜひ試してみて欲しい！ GitHubで使われている画像の差分表示があります。二つの画像の微妙な変化を知るのにスライダーを使っているのが特徴です。プログラミングコードと違い、バイナリの差分を見る上で（サイズなどの違いがなければ）面白い比較方法です。 そんな差分表示をjQueryで実現するのがCovering Badです。早速見てみましょう。 実際の使い方ですが、Canvasで加工して…という訳ではなく単純に二つの画像を利用する形になっています。HTMLで言うとこんな感じです。 <div class="covered third" data-passive="images/1.jpg" data-active="images/2.jpg" style="background-im

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました この仕組みは他でも使えそうですよ。 新しいWebサイトを作る際にWordPressをベースにするといったケースは多いかと思います。とは言え全てのケースに当てはまる訳でもありません。そこで無理に投稿やページで解決しようとするならば、PlanningPressの仕組みを学ぶ方が良さそうですよ。 例えばEventsを追加してみましょう。 実際の利用例としてはニューヨーク州の自治体で利用されているそうです。 PlanningPressはそのまま使うのはもちろんのこと、投稿をカスタマイズして独自のメタデータを追加する仕組みを学ぶといった使い方もできそうです。WordPressの魅力の一つは柔軟な管理画面にあると思います。ブログや静的コンテンツの提供だけでなく、こういった独自のカスタムコンテン

RichTextEditor-iOSはiOS用、MIT Licenseのオープンソース・ソフトウェアです。 iPadで実務全体を取り仕切れるかどうかと言えば、現状では恐らく難しいでしょう。しかし出張中の業務くらいであれば十分こなせるかも知れません。また、その際に必要になりそうなのがリッチなエディタです。今回はRichTextEditor-iOSを紹介します。 編集画面です。キーボードの上にツールバーが出ています。 フォント選択。 フォントサイズの選択。 文字配置を中央寄せにしてみました。 さらに文字色変更。 機能は文字の装飾（イタリック、太字、下線、打ち消し線）、フォントとフォントサイズの変更、テキストの文字色と背景色、テキスト位置、インデントおよびアウトデントになります。これだけあれば大抵の文書は事足りるのではないでしょうか。 MOONGIFTはこう見る RichTextEditor-i

SkullはBashの中でRuby風にオブジェクトを扱えるようにしてしまうソフトウェアです。 BashはサーバやMac OSXなどで誰しもが使っているかと思います。しかし記述がレガシーな感じで書きづらいと思ったことも多いはず。そこで使ってみたいのがBashをOOにしてくれるSkullです。 Skullを読み込みます。 strという文字型オブジェクトを定義します。そうするとlengthなんてメソッドが使えるようになります。 upcaseで大文字になったり。 methodsなんてメソッドまであります。 OSのバージョンも取れます。 System.osでmacと返ってきます。 SkullはRubyのようなオブジェクトをBashに提供してくれます。Bashがいきなりモダンな感じになって、面白いソフトウェアです。 SkullはBash製、GPL v3のオープンソース・ソフトウェアです。 MOONGI

Markdown.cssはスタイルシートを使ってHTMLをMarkdownフォーマットとして表示するソフトウェアです。 既存のHTMLをMarkdownで書くとどうなるか、変換ツールも幾つかありますが今回は変わり種のMarkdown.cssを紹介します。 純粋なHTMLソースコード。 一般的なスタイルシートを当てた例。 Markdown.cssを当てた例。 Markdown.cssはスタイルシートだけを使ってHTMLソースをMarkdownフォーマットに変換します。あまりにも見事に変わってしまうので笑ってしまうくらいです。ぜひお試しを！ Markdown.cssはスタイルシート製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFTはこう見る Markdown.cssはCSS3のafterやbeforeを使ってコンテンツを追加しています。リ

RailsPanelはGoogle ChromeのインスペクタにRails用パネルを追加するソフトウェアです。 Ruby on Railsは開発速度を飛躍的に向上してくれますが、サーバサイドのログとWebブラウザでの表示を交互に確認するのは面倒に感じていました。そこで使ってみたいのがRailsPanelです。 Google Chrome機能拡張をインストールします。別途Rails側でのライブラリインストールも必要です。 サンプルです。インスペクタにRailsPanelが追加されています。 実行されたSQLも確認できます。 レンダリングに使われたファイルも確認できます。MacVimなどであればここからクリックして開けます。 設定です。TextMate、MacVimが対応に上がっています。 RailsPanelを使えば実行されたアクション、使われたテンプレート、実行されたSQLが一目で確認でき

Markdown HereはGmailなどの本文作成フィールドでMarkdown記法を使えるようにするソフトウェアです。 ライトなテキスト記法で知られるMarkdownですが、慣れてくるといつでもどこでもMarkdownを使いたいと思ってしまうようになります。そこでWYSIWYGエディタの代わりにMarkdown Hereを使ってみましょう。 インストールします。Google Chrome機能拡張/Firefoxアドオンとして提供されています。 オプション画面です。コード表示部分のテーマを指定できます。 Gmailで試してみます。まずMarkdownで記述。 そしてHTMLに変換。デフォルトならばCtrl+Alt+Mで変換できます。 コンテクストメニューから表示切り替えもできます。 コードを書いてみます。 コード部のハイライトは奇麗です。 Markdown HereはWYSIWYGエディタ

Pappu Pakiaは鳥をタップして障害物をよけ、飛ばし続けるHTML5ゲームです。 HTML5を使ってどんなゲームが作れるか。GitHubが開催したGame Offに応募作品がたくさん集まっています。今回はその一つ、Pappu Pakiaを紹介します。 右側にいる可愛らしい鳥のキャラクターが主人公です。 クリックや上矢印で飛びます。放すと落ちます。 下に落ちたり上に飛びすぎ、障害物に当たったり、敵キャラに当たるとゲームオーバーです。 Pappu PakiaはJetpackなどのゲームに代表されるような、ボタン一つで遊べるゲームです。それだけにルールは簡単で誰でもすぐに遊べるでしょう。スターを取ると姿が消えて、ぶどうを食べると分身が飛んでいきます（丸いアイテムもありますが特に効果はないようです）。 Pappu PakiaはHTML5/JavaScript製のソフトウェア（ソースコードは公

Heyoffline.jsはネットワークのオンライン/オフラインをキャッチしてアクションを実行できるJavaScriptライブラリです。 Webアプリケーションの弱点はネットワークが閉ざされると使えなくなることです。そこで致命的なエラーになる前にネットワーク状態を感知して処理できるようにしましょう。そのために使えるのがHeyoffline.jsです。 オンラインです。 オフラインにすると指定したアクションを実行できます。 Heyoffline.jsでは入力系フィールドを指定して編集無効にしたりできます。またモーダルウィンドウを表示して現在オフラインである旨も通知できます。これにより不要なアクションを防げるでしょう。 Heyoffline.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る 光ファイバーやADSLの普及によって

Dashingはダッシュボード用ライブラリで、グラフを表示したり並び替えが自由にできます。 システムには必ず管理インタフェースがあります。表向き華やかでも、裏のシステムは中の人用とあって粗雑なUIであるケースが多いようです。そこで使ってみたいのがDashingです。 なんと奇麗なダッシュボード。 ドラッグアンドドロップによる配置換えも可能です。 自分の見やすいように配置を変更できます。 Dashingは数値やデータのリストを確認するのにぴったりなモダンなUIとなっています。細かなデータ管理ができる訳ではありませんが、ステータスをチェックしたりするのにぴったりです。APIが公開されているので、それにあわせてデータを配信すればDashingが華麗なUIにしてくれるはずです。 DashingはRuby製のオープンソース・ソフトウェアです。 MOONGIFTはこう見る Webサイトの表のUIが整っ

SoloWizardは開発周りで使える様々なソフトウェアをインストールするスクリプトを生成するソフトウェアです。 開発環境を整える際には様々なソフトウェアをインストールする必要があります。何度も行うと疲れてしまうでしょう。そこで選択式でインストールするソフトウェアをまとめて決められるSoloWizardを使ってみましょう。 トップページです。ここで作成できます。 ImageMagicやJavaといった開発関係のインストールもできます。 もちろんGit、Subversionも選択できます。 FirefoxやDropboxも。 OSXに関連した設定も選択できます。 .bash_profileの選択まであります。 その他色々な設定が提供されます。 こんな感じのスクリプトが生成されます。 デモ動画です。 カテゴリーとしては開発用ソフトウェア、データベース、コマンドラインツール、バージョン管理、テキ

SmartDeblurはぼやけた写真を鮮明化する魔法のような写真加工ソフトウェアです。 映画でよくある監視画像を鮮明にしていくワンシーン。ITに詳しい人であればそんなことできないことは分かっているのですが、実現してしまうかもしれないソフトウェアがSmartDeblurです。 メイン画面です。 最初の表示。ぼけぼけです。 解析中。 ぐっと見やすくなりました。 Mac OSX版もあります。 SmartDeblurは丸みの範囲や解析方法、スムーズさなど幾つかのパラメータを設定するだけで自動で画像を鮮明にしてくれます。肉眼では殆どそれと分からなかったものまではっきりと見せてくれるのが驚きです。多少のぼかし程度であれば、SmartDeblurが解除してしまうのではないでしょうか。 SmartDeblurはWindows/Mac OSX用のオープンソース・ソフトウェア（GPL v3）です。 MOONG

OpalはRubyのコードをJavaScriptに変換するソフトウェアです。 JavaScriptはWebブラウザ上で実行できる唯一のプログラミング言語です（プラグインを使わなかった場合）。しかしJavaScriptを書きたくない、そう考える人も多いです。もしあなたがRubyプログラマであればOpalを使ってみましょう。 テストできるページです。左がRuby、右がその変換したJavaScript。そして下に実行結果が表示されます。 timesも使えます。 こんな感じでifを使った出し分けもできます。 OpalはRubyのコードをJavaScriptに変換できるコンパイラーです。構文はRubyのまま、JavaScriptに変換して実行されます。Ruby on RailsやjQueryに組み込んで使うこともできるようになっており、実用的と言えるのではないでしょうか。Rubyの全てが実現できる訳

LA-PDFTextは科学系出版物のPDFを解析してテキストを抽出するソフトウェアです。 PDFは色々な出版物に対して使われています。今回は特に科学的な出版物のために使われているPDFのテキスト読み取るためのソフトウェア、LA-PDFTextを紹介します。 元のPDF。 実行中。 出力されたXMLファイルです。 サンプルとして幾つかのPDFがダウンロードできますが、段組みが使われていたり、複雑なレイアウトのものが多いようです。さらに解析に際してブロックの分類のためのルールを独自に作ることもできます。大量の論文などから情報を抜き出すのに良さそうです。 LA-PDFTextはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア（GPL v3）です。 MOONGIFTはこう見る 学術の分野においてオープンソース・ソフトウェアは積極的に利用、開発されています。どこの研究所にお

jQuery MasonryはPinterest風の表示を行うjQueryプラグインです。 Pinterest風の大小さまざまなボックスを並べて表示するデザインが人気ですが、より高度な表現を実現したいと考える人に使ってみて欲しいのがjQuery Masonryです。 トップページです。ここも面白い表示です。 単純なシングルカラム。 マルチカラム。 画像。 メディアミックス。 アニメーションです。 項目の追加も可能。アニメーション付きです。 ページの最下部までいくと自動追加読み込みします。 一定の幅を空けて配置される表示法です。 右寄せ。 中央寄せ。 固定表示。赤い枠は常に右上に出ます。 単純な固定幅のカラムはもちろん、横に複数段にまたがる表示も可能です。画像の大小も適切に判定して表示してくれます。動画やテキスト、画像を組み合わせて表示も可能で、これはメディアなどで使うと面白そうです。一回表