Sukiyaki - Webブラウザでも動く。JavaScript製ディープラーニング MOONGIFT
ディープラーニングが盛り上がっています。大量のデータを分析する際に画一的なアルゴリズムではなく、学習しながらエンジンを磨いていくことで、これまでにない精度で分析ができるようになっています。 今回紹介するSukiyakiもそんなディープラーニングエンジンの一つですが、特徴としてJavaScriptで作られ、Webブラウザ上で動くという点があげられます。 Sukiyakiの使い方 分析の一例です。画像の数字を見極めます。最初は精度が高くありません。 学習を繰り返す内に徐々に精度があがってきました。 最後はだいたい2%に落ち着きました。 SukiyakiはGPGPUとマルチコアCPUををサポートしています。nodeでももちろん動作します。ディープラーニングをさくっと体験するにはWebブラウザで動くという利点は大きいと思われます。 Sukiyakiはnode/JavaScript製のオープンソース
Webix·多彩なウィジェットを提供するHTML5デザインフレームワーク MOONGIFT
開発者にとってデザインは大きな関門です。だからBootstrapのようなフレームワークに人気が集まります。デザインを気にせずさくさくとWebアプリケーションが開発できれば、もっとプロダクトは増えていくはずです。 そこで今回紹介するのがWebixです。HTML5のウィジェットフレームワークで、アプリ開発に大いに役立つはずです。 Webixの使い方 テーブル。セルの結合やスクロール部分の指定などかなりこだわった表示ができます。 ツリービュー。 ナビゲーション。 動画アップロード。ステータス表示機能付きです。 レイアウト。かなり細かく指定できます。 リスト。 ウィンドウ。ポップアップ。 フォーム。 カレンダー。 テーブル&ツリー。 データビュー。 グラフ。 より作り込まれたデモです。 グラフと表の組み合わせです。 地図、国のリストなど。 ファイルマネージャ。メールでも使えそうですね。 Webix
Photon - ElectronアプリをMac OSX風アプリに仕上げるデザインフレームワーク MOONGIFT
Electronを使えばHTML5/JavaScript/CSSを使ってデスクトップアプリが開発できます。それは知っていても、UIがなんとなくWebっぽい感じを残していると、それはやはりWebアプリケーションをラッピングしただけのものだと感じてしまいます。 そこで使ってみて欲しいのがPhotonです。Mac OSX用のツールであれば、まさにMac OSXっぽいUIに仕上げられるでしょう。 Photonの使い方 コンポーネントは多数用意されています。まずはバー。 アクション付きのバー。 タブ付きのバー。 ナビゲーション。 リスト。 ボタン。 フォーム。 テーブル。 アイコン。 PhotonはまさにMac OSXアプリで必要とされるようなUIコンポーネントを多数用意しており、デスクトップのネイティブUIと殆ど変わらない仕上がりにしてくれるのではないでしょうか。同様にWindowsやLinux版
JSON Editor·JSON Schemaから入力検証つきフォーム生成 MOONGIFT
JSONの利用範囲が拡大しています。エンタープライズ系ではXMLがまだまだ優勢だと思っていたのですが、Web APIが広がるのに伴って利用が進んでいるようです。そんな中で求められるのはより強固なJSONフォーマットです。 それを可能にするのはJSON Schemaです。検証可能なJSONによって入力値の正しさ、相互のメッセージ送受信を確かなものにするでしょう。そしてさらにJSON SchemaからValidな入力フォームを生成するのがJSON Editorです。 JSON Editorの使い方 JSON Schemaの例。 このスキーマをJSON Editorにかけると次のようなフォームになります。 色選択はピッカー表示になります。 入力値のバリデーションもリアルタイムに行われます。 住所入力は細かく分かれて行えます。 オブジェクトに紐づく複数入力にも対応しています。 JSON Edito
Space Radar Electron - Electron製のストレージ/メモリ可視化 MOONGIFT
コンピュータのリソースは使っている内に徐々になくなっていきます。その結果、動きが悪くなったり、最悪エラーを起こすことになります。そうならないためには定期的なチェックが欠かせないでしょう。 今回はリソースをビジュアル化するElectronアプリ、Space Radar Electronを紹介します。 Space Radar Electronの使い方 ドライブ、フォルダ、メモリの解析に対応しています。まず最初に選択します。 フォルダを選んだ場合の解析結果です。 ドリルダウンして詳細な解析ができます。 メモリの解析です。メモリを消費しているソフトウェアが分かります。 メモリもドリルダウンしてチェックできます。 表示方法としてツリーマップも選択できます。 ツリーマップ上から削除もできます。 Space Radar Electronを使えばストレージやメモリの状態が可視化できます。ファイルの整理やメ
デザインの柔軟性が売り。HTML/CSSを使ったPDF作成ライブラリ·dompdf MOONGIFT
dompdfはHTML/CSSを使ってPDFを生成するPHPライブラリ。 dompdfはPHP製のオープンソース・ソフトウェア。業務システムやレポートを出力する系統のWebアプリケーションで問題になりやすいのが帳票のフォーマットだ。システム的にはCSVまたはHTMLでの出力が楽だが、ユーザが望むのはPDFになりやすい。 HTMLとPDFの比較デモ PDFは設計が面倒で、さらに出力するライブラリに癖があるものが多いのが難問だ。だがdompdfを使えばデザインの柔軟性を維持しつつ、高度なPDFを作成できるようになる。 dompdfが使っているのがHTMLとCSSだ。この二つを組み合わせてPDFを出力するので、帳票設計がとても柔軟に行えるのは間違いない。CSSは2.1または3に対応し、@importや@mediaを使うこともできる。HTMLは4.0に従っている。さらに外部スタイルシートにも対応し
Relax - React × MongoDBのCMS MOONGIFT
CMS（コンテンツ・マネジメント・システム）はWebサイトの基本とも言える存在です。それだけに様々なプログラミング言語、新しいフレームワーク、技術の組み合わせで数多く作られています。 今回はそんな技術の新しいトレンドとしてReact/node.jsとMongoDBを組み合わせたCMS、Relaxを紹介します。 Relaxの使い方 Relaxの管理画面から紹介します。こんな感じでページを作成し、パーツを組み合わせていきます。 画像を追加しました。 さらに地図も。細かい設定はプロパティを編集します。 スマートフォンやタブレットでの表示を確認することもできます。 保存すればWebページのできあがりです。 Relaxはサーバサイド、クライアントサイド両方でReactを使っているようです。そのため管理画面もスムーズな操作でページ作成ができるようになっています。使い方は若干難しいところがありますが、新
FormFiller - フォーム入力しながらの開発作業がとてもスムーズに MOONGIFT
Webシステムのテストと言えば、入力してサーバに送ってデータをチェックして、また入力して…の繰り返しです。それこそうんざりするほど入力を繰り返すのではないでしょうか。 そこで使ってみたいのがFormFillerです。ブックマークレット型のソフトウェアで、入力を再現してくれる機能があります。 FormFillerの使い方 FormFillerはブックマークレットなので、ツールバーなどに登録後、まず何も入力していないフォームでクリックします。 そして再度フォームを表示した際にブックマークレットを実行すると入力内容が再現されます。 使用例。ブックマークレットを実行すると最後に入力した内容になります。 FormFillerは入力を監視し、最後の入力内容に復元してくれます。JavaScriptを修正しつつ、フォーム入力を行う…といったフロントエンド開発に大いに役立つことでしょう。 FormFille
開発環境を一気に整えるための魔法のスクリプトを生成·SoloWizard MOONGIFT
SoloWizardは開発周りで使える様々なソフトウェアをインストールするスクリプトを生成するソフトウェアです。 開発環境を整える際には様々なソフトウェアをインストールする必要があります。何度も行うと疲れてしまうでしょう。そこで選択式でインストールするソフトウェアをまとめて決められるSoloWizardを使ってみましょう。 トップページです。ここで作成できます。 ImageMagicやJavaといった開発関係のインストールもできます。 もちろんGit、Subversionも選択できます。 FirefoxやDropboxも。 OSXに関連した設定も選択できます。 .bash_profileの選択まであります。 その他色々な設定が提供されます。 こんな感じのスクリプトが生成されます。 デモ動画です。 カテゴリーとしては開発用ソフトウェア、データベース、コマンドラインツール、バージョン管理、テキ
JSONを使った開発のお供にどうぞ·jq MOONGIFT
jqはターミナル上で使えるJSONパーサーです。 JavaScriptの台頭に伴ってJSONを共通のファイルフォーマットに使うことが増えてきました。システムから取得したJSONファイルの内容を調べる時に使いたいコマンドがjqです。 元のJSONです。 resultsの1つ目だけを出力。 2つ目だけ。 一つ目、さらに項目を指定して出力。 全ての結果、ただし項目を指定して出力。 さらに情報を追加して出力もできます。 jqはMac OSXやLinux向けのコマンドであり、標準出力されたJSONファイルを読み込み、加工した上で出力できます。かつインデントを含めて成形してくれるのでデータの見やすさが格段にあがるはずです。プログラミング言語のライブラリから扱うよりも手軽ではないでしょうか。 jqはC製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る Web AP
Rubyで書いてJavaScriptに変換·Opal MOONGIFT
OpalはRubyのコードをJavaScriptに変換するソフトウェアです。 JavaScriptはWebブラウザ上で実行できる唯一のプログラミング言語です（プラグインを使わなかった場合）。しかしJavaScriptを書きたくない、そう考える人も多いです。もしあなたがRubyプログラマであればOpalを使ってみましょう。 テストできるページです。左がRuby、右がその変換したJavaScript。そして下に実行結果が表示されます。 timesも使えます。 こんな感じでifを使った出し分けもできます。 OpalはRubyのコードをJavaScriptに変換できるコンパイラーです。構文はRubyのまま、JavaScriptに変換して実行されます。Ruby on RailsやjQueryに組み込んで使うこともできるようになっており、実用的と言えるのではないでしょうか。Rubyの全てが実現できる訳
開発を高速化。jQuery UI用テーマ·Delta MOONGIFT
DeltaはjQuery UI用のテーマです。ブルーを基調としたライト/ダークがあります。 jQueryをより積極的に使ってWebアプリケーションを構築するならば使ってみたいのがjQuery UIです。今回はそのテーマの一つ、Deltaを紹介します。 ブルーベースの見やすい表示です。 モーダルウィンドウです。 ダークベース。 カレンダー。 タブ表示もあります。 テーマはライトとダークの2種類が用意されています。切り替えは簡単です。ボタンやスライダー、モーダルウィンドウなどのコンポーネントが用意されており、Webアプリケーションを組み上げるのに役立つのではないでしょうか。 DeltaはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFTはこう見る BootstrapやjQuery UIを使いこなせばWebアプリケーション（Web
関連づいたオブジェクトを表現する高度なJavaScriptライブラリ·sigma.js MOONGIFT
sigma.jsはネットワーク図をはじめとする多数のノードが絡むグラフを描くライブラリです。 有機的な要素やネットワークが重なり合っているグラフを描きたい時に使えるのがsigma.jsです。Canvasタグを使って簡単にグラフを描き出します。 かなり密集したデモ。 ズームイン/アウトもできます。 こちらはアニメーション。動き続けています。 プラグインで独自拡張もできます。 もちろんズームできます。描画はCanvasを使っており、拡大しても奇麗です。 選択したノード以外を隠すデモです。 隠れました。 さらにマウスのある場所を膨らませるデモです。 sigma.jsはデータさえあれば容易に使えること、カスタマイズ性の高いこと、jQueryライクなイベントシステム、プラグイン対応、豊富なAPIなどが特徴になっています。 sigma.jsはJavaScript製、MIT Licenseのオープンソー
PHPでもWebSocketを。チャットデモはこちら·PHPWebSocket Chat MOONGIFT
PHPWebSocket ChatはPHP製のWebSocketサーバによるチャットデモです。 WebSocketというとnode.jsというイメージがありますが、実際はそんなことはありません。他の言語だってWebSocketサーバになりえます。今回はPHPで作られたPHPWebSocket Chatを紹介します。 接続しました。 発言しました。 こちらはサーバ側。 PHPWebSocket ChatはHTMLファイルのチャット画面とPHP製のサーバスクリプトになっています。サーバをPHPコマンドで実行すれば後はHTMLを表示させるだけでチャットができる仕組みです。PHPプログラマーにとってはより手軽にWebSocketが使えるようになるのではないでしょうか。なおソースに最大接続数は100と設定されています。 PHPWebSocket ChatはPHP製のソフトウェア（ソースコードは公開さ
JavaScriptでXLSX形式を扱う·XLSX.js MOONGIFT
XLSX.jsはJavaScriptでExcelファイル（Base64エンコード）を読み込んだり、ダウンロードさせられるソフトウェアです。 Googleスプレッドシートをはじめ、Webブラウザ上で表計算表示を行ったり、編集したりするWebアプリケーションがあります。しかし最も有力なのはExcelでしょう。そこで試したいのがExcelファイルを読み書きできるJavaScriptライブラリ、XLSX.jsです。 ダウンロードされたファイルです。ちゃんとXLSXとして認識されます。 ファイルを読み込む処理のデモです。Base64エンコードされたデータが解析されています。 XLSX.jsはbase64のXLSXファイルを読み込み、JavaScriptオブジェクトに変換できます。後はいかようにも表示できるでしょう。また、シート名と各セルの値をHTMLテーブルから読み込んでXLSXファイルに変換してダ
Rubyの開発を便利にしてくれる小さなメソッド群·Letters MOONGIFT
LettersはRubyのデバッグをより便利にしてくれるメソッドを詰め込んだライブラリです。 開発を素早く行うために必要なのは効率的なデバッグ環境です。組んだコードのどこかおかしいのか、またテストで書いたコードを手早く試せればそれだけ開発は速くなります。今回はRubyの開発をスピードアップするLettersを紹介します。 pメソッド。Hashが見やすく出力されます。 途中でpを差し込んだチェーンメソッドも可能です。 エラーをキャッチしています。 差分抽出。 キーの更新も確認できます。 YAMLで出力もできます。 Lettersでは一文字のメソッドを多数提供します。まずpメソッドはデータにインデントを入れるなど見やすくして出力してくれます。他にもa（変数の評価）、b（ビープ音）、c（コールスタック）、d（デバッガー）、差分、e（空チェック）、f（ファイル出力）、j（オブジェクト内部の実行）、
エンタープライズ向けナレッジベース·KBPublisher MOONGIFT
KBPublisherは企業向けのナレッジマネジメントシステムです。様々な情報を一元的に管理できます。 企業において日々の業務の中で培った知識は利益の源泉になりえます。個々人が持つだけでなく、それを積極的にシェアしてさらに利益を拡大していかなければなりません。そのためのシステムとしてKBPublisherを紹介します。 管理画面のダッシュボードです。 記事の一覧です。 記事はいわゆるヘルプドキュメント的に使えます。 FAQです。カテゴリごとにまとまっています。 用語集です。 質問を追加する画面です。 ニュース一覧です。 コメント一覧です。 用語集管理です。 アップロードしたファイルの一覧です。 フィードバック管理です。 企業管理です。 レポート画面です。 インポート管理です。 逆にエクスポートもできます。 設定画面です。 ログです。 ユーザ向けの画面です。 KBPublisherは主に質問
これがHTML？と言いたくなるようなPDF変換ソフトウェア·pdf2htmlEX MOONGIFT
pdf2htmlEXはレイアウトの再現性を極めたPDFからHTMLへの変換ソフトウェアです。 PDFはそのままでは容易に編集できないフォーマットです。そこが利点でもあり欠点でもあります。PDFを別フォーマットに変換するソフトウェアは幾つかありますが、今回は驚いてしまうくらい品質高いHTML変換を行うpdf2htmlEXを紹介します。 これがHTMLだと思えないくらいの再現度です。 計算式にも対応。 段組み、画像埋め込みも問題なし。 白黒に限らず扱えます。 中国語。マルチバイト対応です。 まるで素のPDFを表示しているかのような再現度の高さがpdf2htmlEXの売りです。PDFを一つのHTMLファイルとして出力し、色や文字の装飾も反映します。リンクもそのまま使えます。なお、Type3のフォントには対応しておらず、テキスト以外のオブジェクトは画像としてレンダリングされるようになっています。
Postfixの管理に使える仮想メールアドレス管理ソフトウェア·ViMbAdmin MOONGIFT
ViMbAdminはメールアドレス管理ソフトウェアです。複数ドメインに対応しています。 メールアドレスの管理というのは意外と煩雑になりがちです。特に転送メールなどで入れ子になっていたりすると非常に面倒な管理になるでしょう。そこでWebブラウザ上で分かりやすい管理ができるViMbAdminを使ってみましょう。 ログインします。 ドメイン一覧です。 メールボックス一覧です。 パスワードの変更もできます。 エイリアスの一覧です。 作業したログです。 管理者アカウント一覧。 ViMbAdminは複数ドメインのメールアドレスを一元管理できます。PostfixやSendmailに対応しており、設定ファイルを使った煩雑な管理から解放されるはずです。サーバのセットアップさえしてしまえば、運用は楽になるのではないでしょうか。 ViMbAdminはPHP製、GPL v3のオープンソース・ソフトウェアです。 M
ついにここまで。JavaScriptで動作するスーパーファミコンエミュレータ·xnes MOONGIFT
xnesはJavaScriptで作られたスーパーファミコンエミュレータです。 これまではローカルで実行するのが当たり前だったソフトウェアがどんどんWeb上で実行されるようになっています。今回はスーパーファミコンのエミュレータをJavaScriptで実現してしまったxnesを紹介します。 サンプルです。音は出ませんが動作は問題ありません。 フルスクリーンモードもあります。こうなると普通にスーパーファミコンの気分です。 Web Workerを使ったパターンもあります。これはGoogle Chromeだと遅い…。 xnesはC言語で開発されているスーパーファミコンエミュレータをEmcscriptenを使ってJavaScriptに変換しています。もちろんその後の修正はあると思いますが、実際動いてしまうというのが凄いです。 xnesはJavaScript製のソフトウェア（ソースコードは公開されていま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
