管理画面もあるPHP製の認証システム·AuthManager MOONGIFT
AuthManagerは認証およびユーザ管理を提供するシステムです。 Webサイトを作っていて認証はよく必要になります。しかしその度に作っていては面倒に感じることでしょう。そこでAuthManagerを組み入れてみましょう。認証とユーザ管理を一手に引き受けてくれる便利なソフトウェアです。 登録画面です。 ログイン画面です。 ログインしました！アイコンも表示されています。 こちらは管理向け。ユーザ管理画面です。 設定です。 reCAPTCHAの設定です。 AuthManagerの主な機能は指定されたコードを埋め込むことでコンテンツへのアクセスを制限できるようにする、管理画面を使ったユーザ管理、reCAPTCHA対応、Facebookコネクト、メールテンプレート、アクセスログ、Google Analyticsサポートとなっています。 AuthManagerはPHP製のソフトウェア（ソースコード
JavaのコードをObjective-Cへ変換·J2ObjC MOONGIFT
J2ObjCはJavaのコードをObjective-C（iPhone/iPad）に変換するソフトウェアです。 iOSアプリをObjective-C以外のコードを動かすには二つの方法があります。一つはランタイムを内蔵して動かすもの、もう一つはプログラミングしたコードをObjective-Cに変換してしまう方法です。J2ObjCはその後者、JavaをObjective-Cに変換してしまうソフトウェアです。 元のコード。シンプルです。 変換しました。 変換されたHello.hです。 こちらはHello.m。 さらにコンパイルします。 そのまま実行できます。 x86 64bit向けの実行ファイルとして生成されました。 まだ簡単なコードでしか実験していませんが、それでもJavaのコードをObjective-Cに変換できました。J2ObjCの目標はMac OSX上ではなくiOS上で動くObjectiv
その場で編集。Webベースのガントチャートエディター·jQuery Gantt editor MOONGIFT
jQuery Gantt editorはjQuery製のガントチャートエディターです。その名の通り、その場でデータの編集ができます。 プロジェクト管理において進捗や各人のステータスによる作用を判断するのに便利なガントチャート。オンライン版も幾つか出ていますが、既存サイトに組み込みたいならjQuery Gantt editorを使ってみましょう。その名の通り、jQueryベースのガントチャートエディターです。 メイン画面です。まさにガントチャートの画面です。 日程や階層の深さを編集できます。 詳細な情報も変更できます。 タスクの追加も可能です。 人員のアサインにも対応しています。 データはそのまま保存したり、JSONとしてエクスポートできます。従ってJSONデータを使えば同じ画面を再現するのは難しくありません。Undo/Redoをサポートし、クロスブラウザで動作します。閲覧だけでなく、編集ま
CakePHP製の社内向けSNS·せん茶SNS MOONGIFT
せん茶SNSはタイムラインを重視した社内向けSNSです。 ビジネスにおいてもやはり根底にあるのは人と人のつながりです。そしてそれをオンライン上で再現するのがSNSになります。社内向けにSNSを導入されたい企業はせん茶SNSを使ってみるのはいかがでしょう。 ログイン画面です。 メイン画面です。昔のTwitterっぽい感じでしょうか。 アクションやグループなどでタイムラインを絞り込めます。 こちらはグループ関連の情報。 プロフィール。 ユーザ一覧。 グループ一覧。 グループ内の発言を一覧できます。 コメントは階層表示になります。 ファイル管理です。 メッセージ機能があります。 せん茶SNSはタイムライン形式をベースとしています。そしてファイルアップロードやグループ、メッセージ、ウォッチリストといった機能があります。ユーザ同士のプライベートメッセージもあるので社内メール代わりにもなりそうです。
これは便利！JavaScriptのエラーをログする·ErrorBoard MOONGIFT
ErrorBoardはJavaScriptのエラーを監視してログに残してくれるソフトウェアです。 システムでエラーが起きればそれをログに残して対処するというのは一般的です。しかしサーバサイドと違ってJavaScriptでのエラーは意外と放置されているのではないでしょうか。そこで使ってみたいのがErrorBoard、JavaScriptエラーのログソフトウェアです。 エラーを取得しました。 エラーの詳細です。 ソースで見てエラーが起きた場所を確認できます。 対処したらチェックします。 ErrorBoardを使えばブラウザごと、時間ごとにエラーが起きた場所をログに残せます。後はそれぞれに必要な修正を行った後、対処済と印をつけていくのみです。ブラウザやバージョンによって動かないといったケースも考えられるだけに、設置しておくと様々なケースに対する対応が出来るようになりそうです。 ErrorBoar
MOONGIFT: » PUT/DELETEメソッドを簡単に「RESTClient」:オープンソースを毎日紹介
今のWeb APIで最もよく使われる手法にRESTがある。いわゆるGET/POSTメソッドでデータを取得、登録するものだが、更新や削除の際にはPUT/DELETEメソッドが使われることもある。 これがくせ者で、標準のブラウザでテストするのが難しい。プログラムで書けばできるが、クライアントから手軽に実行するのには、このソフトウェアを使おう。 今回紹介するオープンソース・ソフトウェアはRESTClient、RESTを実行する専用クライアントソフトウェアだ。 RESTClientはGET/POSTはもちろん、HEAD/PUT/DELETE/Options/Traceメソッドを送ることができるソフトウェアだ。URLを指定して、リクエストヘッダを設定したら、後は実際にリクエストしてみれば良い。 結果はヘッダとボディーに分けて取得できる。残念ながら日本語は文字化けする。他にもHTTP認証も利用でき、B
WebでTitaniumの画面生成コードをさくっと作る·Titanium Form Designer MOONGIFT
Titanium Form DesignerはWebブラウザ上でTitaniumのUIコードを生成するソフトウェアです。 TitaniumはJavaScriptのコードの中でUIを定義して画面を作成します。プログラマーにとっては分かりやすいかも知れませんが、慣れてくると面倒に感じるかもしれません。そこでTitanium Form Designerを使ってビジュアル的に画面を作成してみましょう。 作成画面です。左側からコンテンツを中央の画面にドロップします。 ドロップするとプロパティウィンドウが表示されます。 画像の場合はURLを入力します。 右側にソースが表示されています。これをコードに貼付ければ画面が作成されます。 Titanium Form Designerではまだ単純に追加したオブジェクトごとに画面を生成するくらいしかできませんが、そこは将来性に期待といったところでしょうか。また基礎
国際化対応した請求書管理システム·siwapp MOONGIFT
siwappはWebベースの請求管理システムです。 ビジネスをやっていたら忘れてはならないのが請求書です。月1回か2回かは会社によって違いますが、いずれにしても手作業で作っていてはかなり面倒なはずです。そこで使ってみたいのがオンラインの請求管理であるsiwappです。 トップページです。 ログインしました。都度の請求書と定期的に繰り返す請求書の二つがあります。 請求書の詳細です。 こちらは継続請求の一覧です。 請求書を作成する画面です。 入金処理を実行します。 設定画面です。 siwappは請求書をPDFで出力できます。税設定や複数の通貨単位にも対応しているので、英語版ながら日本でも使えるでしょう。 siwappはPHP製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFTはこう見る 個人的には請求書の管理を独自のシステムで行っていましたが、最近Make Lea
多彩なフレームワークに対応したPHP向け認証ライブラリ·Opauth MOONGIFT
OpauthはPHP向けの認証ライブラリです。抽象化することで多様なプロバイダーに容易に対応できます。 Webサービスで認証を用意すると言っても今は多様な技術が存在します。単なるID/パスワードに限らず、OpenIDやOAuthもあります。サービスプロバイダーごとに実装も若干変わったりします。そうした認証技術を統合して使えるのがOpauthです。 デモです。 Facebook認証です。 問題なく認証できました。各種データも取得できているのが分かります。 こちらはGoogle認証です。 こちらもユーザプロフィール含めて取得できています。 最後はTwitterです。 はい、問題ありません！ OpauthはRubyの認証ライブラリOmniauthにインスパイアされて作られており、認証部分を抽象化することでプロバイダーを切り替えて容易に様々なサービスに対応できるようになっています。技術的にはOpe
JavaScriptオブジェクト用問い合わせ言語·SpahQL MOONGIFT
SpahQLはJavaScriptオブジェクトのデータ抽出に使えるクエリライブラリです。 WebアプリケーションではデータをJSONで利用するのが一般的です。データが大量にあるのであれば、そこから欲しいデータだけを抽出する仕組みが必要になるでしょう。JavaScriptでそれを可能にするのがSpahQLです。 例です。hash1というキーに対応したデータを取り出しています。 ネストして調べられます。 配列、ハッシュどちらにも使えます。 配列の場合は0などとキー指定もできます。 配列でサイズが1以上のものをピックアップしています。 データは抽出するだけでなく、プロパティを使ってサイズやデータの種別を調べることもできます。さらに正規表現を絡めてマッチするか否かをチェックするといった機能もあります。node.js、Webブラウザどちらでも使えるライブラリになっています。 SpahQLはJavaS
PHPでもリアルタイムWeb。node.php·React MOONGIFT
node.jsの魅力はノンブロッキングシステムにあります。そんなnode.jsの魅力をPHPで実現するソフトウェアがReactです。 サンプルコードです。読み込むたびに数字が繰り上がります。 同時に二つのファイルをダウンロードするデモです。パラレルで処理されています。 サーバを実行しているところです。 読み込むと数値が繰り上がっていきます。 ReactではApacheなどを使うのではなく、独自のWebサーバを立ち上げて実行します。また、そのままPHPを使うというよりはReactのライブラリでラッピングしながら作っていく形になります。そのため専用の作法を覚える必要がありそうですが、使い慣れたPHPを使ってノンブロッキングシステムを実現できるというのは魅力的かも知れません。 ReactはPHP製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る node.
ノブ型UIで直感的な入力を·jQuery Knob MOONGIFT
jQuery Knobはノブを使って値の設定を行うコンポーネントです。スクロールで値をスムーズに変化させられます。 Webで標準で使えるコンポーネントはパターンがとても少なく、表現力が乏しいのが欠点です。今回紹介するjQuery Knobはノブ型のコンポーネントでスクロールを使って値を設定するタイプの新しいコンポーネントになっています。 デモです。サークルの中でスクロールすると値がスムーズに変化します。 大きさや数字を非表示にしたりできます。 表示のみに設定もできます。 アクションで表示を行うこともできます。 iPodのホイール風表示です。マックスを設けずに表示もできます。 デモ動画です。 jQuery KnobのデザインはCanvasを使って描かれており、画像を用意する必要はありません。また、タッチやマウスホイール、キーボードによる入力に対応したイベントが取れるようになっています。テキス
PDFをPDFのまま差分チェック·DiffPDF MOONGIFT
DiffPDFはPDFファイル同士のテキスト、描画の差分を表示するソフトウェアです。 プログラマーが開発中によく使うのがDiffです。行や単語単位で比較し、どこが違うか分かるので修正したり相違点をチェックしたりするのにとても便利です。そんなDiffをPDFでも使えるようにするのがDiffPDFです。 メイン画面です。 二つのファイルを指定して比較しました。異なるテキスト部分がハイライト表示されています。 こんな感じです。 線の表示の違いも取れます。 こうするとぐっと分かりやすくなります。 この手のソフトウェアとしてPDFをテキスト化して、それを比較するものはありましたが、PDFのまま比較してくれるという点においてDiffPDFは非常に便利です。なお日本語には対応しておらず、PDFとして表示した時点でも内容が抜け落ちてしまっています。 DiffPDFはWindows/Mac OSX/Linu
何と！JavaScriptにマニュアルのメモリ管理機能を実装する·*JS MOONGIFT
*JSはJavaScriptにC言語ライクのメモリ管理を実装するライブラリです。 JavaScriptがどうも手になじまない…そう感じているコンパイル系言語を得意とする方に試してもらいたいのが*JSです。JavaScriptにC言語に似た特性を追加するJavaScriptライブラリです。 変数の型を指定できます。異なる型にキャストしようとするとエラーになります。 データ型と演算です。 ポインタです。 関数の戻り値も指定できます。 swap関数で変数を入れ替えている例です。 mallocもあります。 *JSを使うと型の定義、構造体、ポインタ、メモリの確保と解放などおおよそスクリプト言語のJavaScriptとは思えないほどの機能が追加されます。これまでにないJavaScriptを体験したい人はぜひお試しを。 *JSはJavaScript製のソフトウェア（ソースコードは公開されていますがライセ
Twitter製。LESSからCSSを生成·RECESS MOONGIFT
RECESSはTwitter社が開発したLESSからCSSへコンパイルするソフトウェアです。 最近はCSSもそのままではなくLESSやSassを使って書くケースが増えてきました。そこで紹介したいのがRECESS、Twitter社の開発したLESSコンパイルツールです。 インストールします。npmでインストールできます。 解析処理です。 オプションです。 RECESSを使うとLESSからCSSへの変換はもちろん、短縮化もできます。IDや.js-で始まっているクラス、div#foo.barのような書き方、アンダースコアを使っている場合などに注意を出す機能があります（オプションで出さないようにすることもできます）。さらにディレクトリを監視してファイルを更新すると自動で変換と言ったこともできます。 その他APIがあり、node.jsのスクリプトと組み合わせて使うこともできます。 RECESSはno
ついにここまで。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で開発されています。つまりローカルで普通にアプリケーションとして動作できるものです。ついにこの手のソフトウェアまで出てきたか…そう実感させられるソフト
CSVやJSONデータを管理、ビジュアル化·Miso Dataset MOONGIFT
Miso Datasetはクライアントサイド、node.jsで利用できるデータ変換&管理ライブラリです。 データのビジュアル化（グラフ化）をする際に書かせないのが元データです。DBに入っていたり、XMLだったりと形式は色々考えられますが敢えてCSVを使ってグラフを描くのがMiso Datasetです。 デモです。CSVデータをグラフにプロットしています。 データはこのようなCSVです。 コード部です。デリミタを指定したり、フォーマットの指定もできます。 Miso DatasetはCSVやJSONを取り込んで自由に操作が出来ます。カラムの定義をしておくことで行をオブジェクトとして扱えるようになります。その他ソートしたりカウントやグルーピングしたりとSQL的な操作もできるようになっています。なおコードはnode.js/クライアントサイドのどちらでも動作します。 Miso DatasetはJav
Bootstrapを使おう！様々なカラーテーマ、プラグインを用意·Kickstrap MOONGIFT
KickstrapはBootstrapをベースにしたテーマ、プラグインを提供するソフトウェアです。 最近作られるWebサービスでよく使われているBootstrap。そんなBootstrapは固定色でそれっぽさが感じられてしまうのが欠点でしたが、見事に打ち消してくれるのがKickstrapです。 色が変わると随分印象が違います。 テーマ機能があります。 青と白。 こんな感じのシンプルなテーマも。 逆にカラフルなものもあります。 基本は同じですが、印象は違いますね。 好みのテーマを選べます。 JavaScriptプラグインがデフォルトよりもぐっと増えています。 Kickstrapを使えばBootstrapをより便利に使えるでしょう。JavaScriptプラグインも通知機能をはじめ、色々なものが追加されていますのでWebサイトをより強力にパワーアップできるはずです。 KickstrapはHTML
これからHTML5をはじめるならぜひ読みたい·Dive Into HTML5 MOONGIFT
Dive Into HTML5はHTML5の何たるかを著したオンラインブックです。 これからHTML5の勉強をはじめよう、そう思い始めた人に読んでほしいのがDive Into HTML5です。HTML5の機能、特徴などについて網羅されたコンテンツです。 トップページです。ePubやPDFといった電子書籍ではないですが、書籍風に整った構成になっています。 段落分けされていて読みやすいです。 アクションのデモと、そのWebブラウザごとのサポート状況についても書かれています。 位置情報系のデモを試すと実際に有効にするかどうかの確認が出ます。 Dive Into HTML5は章ごとに分かれているので、自分の気になる部分だけを読んでも良いでしょう。ダウンロードしてオフラインでも読んでみたい便利なコンテンツです。 Dive Into HTML5はHTML5製のオープンソース・ソフトウェア（Creati
すごいぞ！HTML5で顔認識·HTML5 Face Detection MOONGIFT
HTML5 Face DetectionはHTML5を使って動画から顔をリアルタイム認識します。 HTML5はどこまで行くのか、それを改めて思い起こさせる凄いソフトウェアがHTML5 Face Detectionです。何と動画の顔認識をリアルタイムに行ってしまいます。 デモ動画です。上が動画、下がそれを解析して顔認識しているものです。 顔を動かしても付け目がね＋鼻が追いかけてきます。 筆者トライの図。Glassesをタップすると認識処理が開始されます。 デモ動画 HTML5 Face Detectionは動画のフレームを読み込み、JavaScriptで顔認識をした後、Canvasタグに鼻眼鏡とともにレンダリングしています。はっきり言ってかなり重たいのですが、技術的にはとても面白いソフトウェアです。 HTML5 Face DetectionはHTML5/JavaScript製のソフトウェア（
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
