タグ

ブックマーク / www.moongift.jp (309)

  • 熱意に期待。将来Web上で初音ミクが踊る日がくるかも?·mmd.js MOONGIFT

    mmd.jsはMikuMikuDanceのファイルをJavaScriptでWeb上に描画するライブラリです。 初音ミクを踊らせることができるソフトウェア、MikuMikuDanceをWebブラウザ上で再現しようと試みるソフトウェアがmmd.jsです。まだまだ開発途上のようですが今後が楽しみです。 現状はこんな感じです。 理想的な形(公式サイトより)。 MMDのファイルは仕様が公開されていないらしく、実際のファイルから意味を読み取って実装しているというかなりマニアックなソフトウェアになります。初音ミクへの愛情がなければ、決してここまでできないでしょう。まだ特徴点を読み取るレベルですが、近い将来Webブラウザ上でも初音ミクが踊っているかも知れません。 mmd.jsはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 MOONGIFTはこ

    熱意に期待。将来Web上で初音ミクが踊る日がくるかも?·mmd.js MOONGIFT
  • JavaScriptでXLSX形式を扱う·XLSX.js MOONGIFT

    XLSX.jsはJavaScriptExcelファイル(Base64エンコード)を読み込んだり、ダウンロードさせられるソフトウェアです。 Googleスプレッドシートをはじめ、Webブラウザ上で表計算表示を行ったり、編集したりするWebアプリケーションがあります。しかし最も有力なのはExcelでしょう。そこで試したいのがExcelファイルを読み書きできるJavaScriptライブラリ、XLSX.jsです。 ダウンロードされたファイルです。ちゃんとXLSXとして認識されます。 ファイルを読み込む処理のデモです。Base64エンコードされたデータが解析されています。 XLSX.jsはbase64のXLSXファイルを読み込み、JavaScriptオブジェクトに変換できます。後はいかようにも表示できるでしょう。また、シート名と各セルの値をHTMLテーブルから読み込んでXLSXファイルに変換してダ

    JavaScriptでXLSX形式を扱う·XLSX.js MOONGIFT
  • JavaScriptでネイティブ並の速度を誇るゲームを開発·Ejecta MOONGIFT

    EjectaはCanvasとオーディオ、JavaScriptをサポートしたフレームワークでネイティブ並のiOSアプリ(ゲーム)を開発できます。 iOSアプリでゲームを開発する際にはObjective-Cを使うのが基でしょう。WebベースであったりTitaniumのようにJavaScriptのエンジンを経由するとそれだけ速度が低下してしまいます。しかしそんな限界に果敢に挑戦するフレームワークがEjectaです。 サンプルです。JavaScriptとは思えないほどスムーズな動きです。 指を動かすと線の太さ、明るさが変化します。 これくらい細くもできます。 線の数をぐっと減らしました。 Ejectaはゲームとアニメーションに特化したソフトウェアで、Canvasとオーディオだけで構成されています。JavaScriptは素のJavaScriptとして実行されます。これによりHTML5のゲームは多少

    JavaScriptでネイティブ並の速度を誇るゲームを開発·Ejecta MOONGIFT
  • Pixar社製。実際に使われている3Dレンダリング技術をオープンソース化·OpenSubdiv MOONGIFT

    OpenSubdivはPixar社の開発したオープンソースのSubdivision surface技術実装です。リアルタイムに3Dオブジェクトのレンダリングができます。 世界最高峰の3Dアニメーションを創り出す企業と言えばPixarです。現在はディズニー傘下となっているPixarがリリースしたソフトウェアがOpenSubdivになります。オープンソースのSubdivision surface技術実装であり、リアルタイムに3Dオブジェクトのレンダリングを行うソフトウェアです。 デモです。四角いオブジェクトがワイヤーで描かれています。 レンダリングしました。リアルタイムに描かれているのが特徴になります。 作用している方向を描画しました。 オブジェクトがぐりぐり動いています。 形状を変更しました。 メッシュを細かくしました。これでも描画は十分速いです。 メッシュの大きさは7段階で変更できます。

    sabro
    sabro 2012/08/26
  • Torrentクライアントいらず。Google ChromeでTorrentネットワークからダウンロード·OneClick MOONGIFT

    OneClickはGoogle ChromeにTorrentのダウンロード機能を加えるGoogle Chrome機能拡張です。 日ではP2Pに対するイメージの悪さからかなかなか普及しないTorrent。ダウンロード技術としてみると分散処理による速度向上は見逃せません。しかし専用クライアントを用意するのが面倒でした。そこで使ってみたいのがOneClick、Google Chrome機能拡張のTorrentダウンローダーです。 Google Chrome機能拡張がダウンロードできるようになっていますが、筆者が確認した時にはJSONのエラーでした。ソースからJSONを修正してインストールできます。 インストールします。 Torrentファイルをダウンロード後、一気に複数ファイルがダウンロード開始します。Torrentクライアントは不要です。 OneClickは普通にTorrentファイルをダウ

    Torrentクライアントいらず。Google ChromeでTorrentネットワークからダウンロード·OneClick MOONGIFT
  • WebベースのMongoDB管理インタフェース·mViewer MOONGIFT

    mViewerはWebベースのシンプルなMongoDB管理インタフェースです。 最近はNoSQLを運用の一部に使うことが増えてきました。そうなると必要になるのが管理ツールです。すぐに使えて手軽なものが良ければmViewerを使ってみましょう。起動コマンドも用意されていて簡単です。 トップページです。ログインします。 ログインしました。左側にデータベースが並んでいます。 データベースを選択するとコレクションが表示されます。 コレクションはツリーテーブルで表示もできます。 サーバの状況表示。 データベースの状況表示。 ツリーを開いてさらに内部の値を確認できます。 Flashベースの利用状況モニタリング。 新しいデータベースの作成もできます。 コンテクストメニュー。 デモ動画です。 mViewerはデータベースの作成や削除、コレクションの作成、更新と削除、GridFSファイルの追加、表示、ダウン

  • これは面白い。JavaScriptやDOM指定が使えるサイトキャプチャ·capturejs MOONGIFT

    capturejsはnode.jsを使ったWebサイトのスクリーンショット取得ツールです。JavaScriptを使って一部の変更ができます。 Webサイトのキャプチャツールは人気がありますが、capturejsはとても面白いツールです。まるごと画像化するだけでなく、DOMセレクタを使ったりJavaScriptを使ってコンテンツを改変した上で画像化できます。 まずセレクタを使った例です。 ヘッダー部分だけ画像化できています。 次はロゴをhiddenにした場合。確かに画像が消えています。 オプションとしてユーザエージェントを指定したり、Cookieファイルの指定、タイムアウト時間の指定、ViewPortの設定もできるようになっています。コンテンツの一部だけを画像化したいといったニーズにぴったりなソフトウェアです。 capturejsはnode.js/JavaScript製、MIT Licens

    これは面白い。JavaScriptやDOM指定が使えるサイトキャプチャ·capturejs MOONGIFT
  • 国際化対応した請求書管理システム·siwapp MOONGIFT

    siwappはWebベースの請求管理システムです。 ビジネスをやっていたら忘れてはならないのが請求書です。月1回か2回かは会社によって違いますが、いずれにしても手作業で作っていてはかなり面倒なはずです。そこで使ってみたいのがオンラインの請求管理であるsiwappです。 トップページです。 ログインしました。都度の請求書と定期的に繰り返す請求書の二つがあります。 請求書の詳細です。 こちらは継続請求の一覧です。 請求書を作成する画面です。 入金処理を実行します。 設定画面です。 siwappは請求書をPDFで出力できます。税設定や複数の通貨単位にも対応しているので、英語版ながら日でも使えるでしょう。 siwappはPHP製のオープンソース・ソフトウェア(MIT License)です。 MOONGIFTはこう見る 個人的には請求書の管理を独自のシステムで行っていましたが、最近Make Lea

  • PDFをPDFのまま差分チェック·DiffPDF MOONGIFT

    DiffPDFPDFファイル同士のテキスト、描画の差分を表示するソフトウェアです。 プログラマーが開発中によく使うのがDiffです。行や単語単位で比較し、どこが違うか分かるので修正したり相違点をチェックしたりするのにとても便利です。そんなDiffをPDFでも使えるようにするのがDiffPDFです。 メイン画面です。 二つのファイルを指定して比較しました。異なるテキスト部分がハイライト表示されています。 こんな感じです。 線の表示の違いも取れます。 こうするとぐっと分かりやすくなります。 この手のソフトウェアとしてPDFをテキスト化して、それを比較するものはありましたが、PDFのまま比較してくれるという点においてDiffPDFは非常に便利です。なお日語には対応しておらず、PDFとして表示した時点でも内容が抜け落ちてしまっています。 DiffPDFWindows/Mac OSX/Linu

    PDFをPDFのまま差分チェック·DiffPDF MOONGIFT
  • ついにここまで。Google Chrome上で動作するターミナル/SSHクライアント·Secure Shell MOONGIFT

    Secure ShellはNative Clientで開発された、Google Chrome上で動作するSSHクライアントです。 Web OSが発展したとしてもリモートアクセスがセキュアにできないと普及しづらいよなぁ…そう思っていた時期が私にもありました。しかしそれを克服してしまうソフトウェアがSecure Shellです。何とGoogle Chrome上でターミナル/SSHクライアントとして動作します。 最初の画面です。接続先を入力します。root@localhost:22といった具合です。 接続を開始しました。日語も表示できています。 普通のSSHクライアントとして問題なく使えます。 Secure ShellはNative Clientで開発されています。つまりローカルで普通にアプリケーションとして動作できるものです。ついにこの手のソフトウェアまで出てきたか…そう実感させられるソフト

  • Protocol Bufferのデータを閲覧、編集·Protocol Buffer Message Editor MOONGIFT

    Protocol Buffer Message EditorはProtocol Bufferのデータを閲覧したり編集できるソフトウェアです。 Googleが以前発表したProtocol Buffer。各種言語向けのシリアライズメッセージ形式ですが、その内容が適切であるか読み取り、編集できるのがProtocol Buffer Message Editorです。 Java製のソフトウェアでインストーラーも付属しています。 立ち上げました。ファイルを指定して開きます。 こんな感じに表形式で読めます。 カラムが多くても問題なし。 ツリービュー表示です。 階層的になっている場合はこちらを。 1行だけ取り出して読んでいます。 Protocol Buffer Message EditorのベースになっているのはRecordEditorというCSV/TSV形式のファイルを編集するソフトウェアとなっています

  • JavaScriptを使ってExifデータを読み取る·exif.js MOONGIFT

    exif.jsはJavaScriptを使って写真のExifデータを読み取るライブラリです。 スマートフォンの普及によって写真データをオンライン上に扱うケースが増えています。そんな写真のメタデータであるExifをJavaScriptで扱ってしまおうというのがexif.jsです。 サンプルです。写真を指定するとそのExifから位置情報を読み取ってGoogleマップにマーカーを立てています。 コードです。FileReaderでデータを読み取った上で解析しています。 exif.jsは位置情報のみならずホワイトポイントやフラッシュ、シャッタースピードなどExifで取得できるデータが網羅されています。これだけのデータが取れれば、面白い使い方が考えられそうです。 exif.jsはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 MOONGIFT

  • 素晴らしきOSSの世界。開発停止後の有志によるパッチで磨きをかけた·ckw-mod MOONGIFT

    ckw-modは既に開発の停止しているWindows用プロンプトckwの後継プロジェクトです。 とにかく使い勝手の悪いWindowsのコマンドプロンプト。それをぐっと使いやすくしてくれるのがckwです。既に家の開発は終了していましたがその後も有志による開発が続き、そこで生まれたパッチを取り込んで生まれたのがckw-modです。 メイン画面です。 通常のコマンドプロンプト同様に使えますが、いちいちメニューから選択せずにいきなりマウスで矩形コピーできます。個人的にはこれだけでも十分嬉しいです。 日語も入力できます。赤い入力カーソルになるので分かりやすいです。 設定はテキストファイルベースで行います。色々カスタマイズできます。 半透明化もできます。 ckw自身は実体のコマンドプロンプトは隠しつつキー操作やUI部についてのみ置き換えています。これで快適なコマンドプロンプト生活が送れるようになり

    素晴らしきOSSの世界。開発停止後の有志によるパッチで磨きをかけた·ckw-mod MOONGIFT
  • すごいぞ!HTML5で顔認識·HTML5 Face Detection MOONGIFT

    HTML5 Face DetectionはHTML5を使って動画から顔をリアルタイム認識します。 HTML5はどこまで行くのか、それを改めて思い起こさせる凄いソフトウェアがHTML5 Face Detectionです。何と動画の顔認識をリアルタイムに行ってしまいます。 デモ動画です。上が動画、下がそれを解析して顔認識しているものです。 顔を動かしても付け目がね+鼻が追いかけてきます。 筆者トライの図。Glassesをタップすると認識処理が開始されます。 デモ動画 HTML5 Face Detectionは動画のフレームを読み込み、JavaScriptで顔認識をした後、Canvasタグに鼻眼鏡とともにレンダリングしています。はっきり言ってかなり重たいのですが、技術的にはとても面白いソフトウェアです。 HTML5 Face DetectionはHTML5/JavaScript製のソフトウェア(

  • もしvi/Vim使いがExcelを使ったら·Vimxls MOONGIFT

    VimxlsはExcel上でvi/Vim風のキーバインドを実現するソフトウェアです。 Excelは日のオフィスにおいて最も利用率の高いソフトウェアの一つかと思います。だからこそその操作性を向上させられれば日全体の生産性が高まるはずです。vi/Vimをこよいなく愛する人はVimxlsを使わなければなりません。 セキュリティに関するダイアログが出ます。マクロを有効にします。 Ctrl+Mを押すとvimモードになります。 メニューへのアクセスも数字を押して出来ます。 ヘルプです。多数のキーが定義されています。 英語モードもあります。 Excel操作が極まってくると、その殆どの操作をキーボードから行うようになっていきます。とは言え一部の操作においてマウスを伴っていたのですが、Vimxlsを導入すればさらにキーボード率が高まりそうです。ハイパーExcelタイムを目指してVimxlsを導入しましょ

    sabro
    sabro 2012/04/10
  • Silverlight、.NETアプリケーションで使えるグラフライブラリ·Dynamic Data Display MOONGIFT

    Dynamic Data Displayは.NET向けのデータビジュアル化ライブラリです。地図へのマッピングもできます。 .NETアプリケーションなどでグラフやデータのビジュアル化に使えるライブラリがDynamic Data Displayです。多彩な表現が可能です。 デモです。これは世界地図です。マウスで移動したり拡大もできます。 等高線のような表示です。マウスがある場所と同じ高さが線で描かれます。 線が移動しているのが分かるでしょうか。 メルカトル図法の地図です。マウスのある場所が拡大表示されています。 カラーピッカーです。 リアルタイムにレンダリングされていくグラフです。 どんどん右に伸びていきます。 ヘルプです。グラフは画像として保存もできます。 Dynamic Data DisplayはSilverlightに用いることもできます。グラフとしては折れ線、バブルチャート、ヒートマッ

  • これは格好いい。Windows 8のMetro UIをHTML5で再現·Metro UI CSS MOONGIFT

    Metro UI CSSWindows 8のMetro UIHTML5/CSS3で再現したソフトウェアです。 次期WindowsWindows 8ではMetro UIと呼ばれる新しいインタフェースが利用されています。そんなMetro UICSSで再現したのがMetro UI CSSになります。 デスクトップで見たイメージです。アイコンが並んでいます。 選択できる画像リストです。 選択できるリストです。画像も埋め込めます。 チャットなどで使えそうなリストです。吹き出しもついています。 アプリケーションリストです。 時計などのウィジェットです。 iPadでの表示です。タブレットの方が最適化されています。 左右の移動もできます。 デモ動画です。動きはスムーズです。 動きはかなりスムーズで格好いいです。パネルを押すとちょっとへこんだり、ボタンも多数用意されています。リストをタップして選択し

    これは格好いい。Windows 8のMetro UIをHTML5で再現·Metro UI CSS MOONGIFT
  • む、無茶を…。CUIながらグラフを表示するネットワークモニタ·Speedometer MOONGIFT

    SpeedometerはPython製のネットワークモニタです。ターミナルながらグラフを表示します。 サーバのネットワーク速度は適切な運用に際して必要な情報です。GUIであればグラフィカルな、CUIであれば数値を出力するものはありますがSpeedometerはCUIでありながらグラフィカルな表示を行うモニタソフトウェアです。 インストールします。Ubuntuならapt-getで一発インストールできます。 実行しました。右からグラフが表示されていきます。 eth0のイン/アウトをグラフ化しています。 目立って大きい値は数字が表示されます。 Speedometerではファイル名を指定してダウンロードスピードをグラフ化することもできます。またインターバルの時間を変更したりすることも可能です。 SpeedometerはPython製、LGPLのオープンソース・ソフトウェアです。 MOONGIFTは

    む、無茶を…。CUIながらグラフを表示するネットワークモニタ·Speedometer MOONGIFT
  • こいつはやべえ。JavaScriptでGithubリポジトリの読み込み&書き込み·github.js MOONGIFT

    github.jsはJavaScriptを使ってGitHubリポジトリの操作を行うソフトウェアです。 GitHubはWeb APIを公開している希有なソースコードリポジトリサービスです。そんなGitHubAPIを使って作られたのがgithub.jsです。なんとJavaScriptだけでGitHubリポジトリのファイルを読み込んだり書き込んだりできます。 基的な使い方です。 ファイルの読み込みです。 実際に書き込んだところです。書ける、書けるぞ! Basic認証での利用なのでパスワードを記述しないといけないのがちょっと怖いですが、JavaScriptだけでGitHubリポジトリを操作できてしまうのはかなり面白いです。使い方次第でバージョン管理付きテキストストレージとしてかなり遊べそうです。 github.jsはJavaScript製、BSD Licenseのオープンソース・ソフトウェアで

  • Excel同等とは言わないけれど十分高機能なWebベースのテーブル表示ライブラリ·KoGrid MOONGIFT

    KoGridはハイレベルなWebベーステーブル表示ライブラリです。フィルタ、ソート、ページネーションなどがあります。 業務システムではよくあるWeb上でのデータの一覧表示。得てしてExcelと同等レベルの機能が求められて大変な思いをしますが、そのベースにできそうなハイレベルなグリッド表示を行うのがKoGridです。 ソートができます。範囲外は中でスクロールして表示させられます。 チェックボックスをつけるとハイライト表示します。 カラムに色をつけたり、セルごとに色を設定できます。 数値は桁数を意識したソートができます。 フィルターを表示できます。 サーバサイドのページネーションもあります。 10,000行のデータも軽快に操作できます。 テーブルで選択したデータの詳細を右側に表示するデモです。 KoGridはカラム幅の変更やカラムの移動はできないものの、大抵のニーズには応えられると思われます。