CakePHP製の社内向けSNS·せん茶SNS MOONGIFT
せん茶SNSはタイムラインを重視した社内向けSNSです。 ビジネスにおいてもやはり根底にあるのは人と人のつながりです。そしてそれをオンライン上で再現するのがSNSになります。社内向けにSNSを導入されたい企業はせん茶SNSを使ってみるのはいかがでしょう。 ログイン画面です。 メイン画面です。昔のTwitterっぽい感じでしょうか。 アクションやグループなどでタイムラインを絞り込めます。 こちらはグループ関連の情報。 プロフィール。 ユーザ一覧。 グループ一覧。 グループ内の発言を一覧できます。 コメントは階層表示になります。 ファイル管理です。 メッセージ機能があります。 せん茶SNSはタイムライン形式をベースとしています。そしてファイルアップロードやグループ、メッセージ、ウォッチリストといった機能があります。ユーザ同士のプライベートメッセージもあるので社内メール代わりにもなりそうです。
自分だけのアルゴリズムで勝負。自動FX取引ソフトウェア·jiji MOONGIFT
jijiはRuby製の自動FX取引ソフトウェアです。 FXで収益を出すというのはとても大変なことで、よく大損した人たちの阿鼻叫喚を聞きます。とは言えFXをはじめたいと思う人は多く、関連書籍もたくさんあります。自分なりの収益を出す方法がある、そう考える人はjijiを使ってみると面白いかも知れません。 グラフです。細かく描かれています。画像は全て公式サイトより。 統計情報です。 エージェント作成です。ここが肝になります。 開始を押すと実際のルールが運用開始されます。 ログです。 jijiは自分で記述した取引ルールに従って完全自動でFX取引を行います。もちろん必ず利益が出るという訳ではないのでご注意ください。スタンドアローンな状態で動き続けるので一日中相場を追いかけていられないサラリーマンなどに向いているかも知れません。 jijiが対応しているのはクリック証券とSBI証券になります。 jijiは
Web上で録音、再生を可能にする小さなJavaScript/Flashライブラリ·WAMI recorder MOONGIFT
WAMI recorderはJavaScriptから操作可能なFlash製の音声録音、再生ライブラリです。 HTML5が浸透しつつありますが、逆にJavaScriptでは出来ないもどかしい部分も明確になってきています。その一つにマイクロフォンへのアクセスがあります。しかしそんな時こそFlashと連携させれば良いのです。WAMI recorderを使えばオンラインの録音、再生環境が容易に実現します。 アクセス許可を求めるダイアログが出ます。 左側が録音、右側が再生ボタンになります。 WAMI recorderはごくシンプルなUIでボタンを押して録音、再生ができます。JavaScript向けのAPIも提供されていますのでWeb上で録音、再生環境が実現できるでしょう。WAMI recorderは録音したデータをPOSTで指定したURLに飛ばせるようになっています。その音声データを使えば面白いサー
SVGを用いたリサイズ対応の地図·jQuery Vector Maps MOONGIFT
jQuery Vector MapsはSVGで描かれた地図です。JavaScriptとの親和性が高いです。 HTML5から標準に取り入れられた技術の一つにSVGがあります。IllustratorなどもSVGで出力できますが、まだまだ利用範囲は広くありません。そこでSVGを使ったデモとしてjQuery Vector Mapsを紹介します。 デモです。右側の地図がベクターで描かれています。 こちらは世界地図。 ドイツのマップ。 ヨーロッパのマップ。マウスオーバー、クリックで色が変わります。 jQuery Vector MapsはSVGデータをそのまま取り込んで表示している訳ではなく、JavaScriptでレンダリング内容を指定しています。その結果マウスオーバーにも対応しているようですが、マップの作成が大変なのは否めません。とは言えズームやパンしても乱れない奇麗な地図というのは使い勝手が良さそう
他言語対応、FuelPHPを使ったCMS·Novius OS MOONGIFT
Novius OSは多言語コンテンツに対応したCMSです。 CMSというジャンルは新しい言語、新しいフレームワーク、新しい技術が登場すると必ず出てきます。今回紹介するNovius OSもそうです。新しい技術をこれでもかと盛り込んだ素敵なCMSになっています。 管理画面のログインです。 ダッシュボードです。 メディア管理。 記事管理です。一つの記事に対して各国語版を作成できます。 編集画面です。 ユーザ一覧。 アプリケーション設定です。 アカウント設定。 ユーザ向けの画面はこんな感じです。 Novius OSはHTML5を使い、UIにはjQuery UIを、フレームワークにFuelPHPを使っています。管理画面とユーザ画面が分離したちょっと昔風ながらしっかりとした印象のCMSとなっています。 Novius OSはPHP製のオープンソース・ソフトウェアです。 MOONGIFTはこう見る オープ
スマートフォン、タブレット向けWebアプリ用フレームワーク·Mobello MOONGIFT
MobelloはiOSやAndroidに対応したモバイルWebアプリフレームワークです。 スマートフォンやタブレット向けのサービスを提供する際にはネイティブアプリとして開発するか、Webアプリとして開発するかと言った選択肢があります。今回紹介するMobelloはWebアプリ側のフレームワークですが、これまでにないほどネイティブに近い機能を提供しています。 デモアプリです。まるでiOSのホーム画面のようです。まずはホーム画面にアイコンを追加します。 こちらがホーム画面から立ち上げたところ。 セッティングアプリです。 テーマを変更できます。 リポジトリ。いわゆるApp Storeのようなアプリになっています。 インストールします。Webアプリなのでダウンロードは不要です。 インストールされました。 こちらはウィジェットのデモです。 ローディングアイコンのデモ。 ツールバーのデモ。 各種ボタン。
ビジネスで重宝しそうなデータベースクエリー共有システム·Oculus MOONGIFT
Oculusはビジネス用データベースクエリー共有システムです。 開発者の所にはたびたびユーザが訪ねてきてデータベースから一定の条件で抜き出したデータが欲しいと言われることがあります。そんなことが繰り返しあるとSQLをテキストファイルで残しておいたりする人も多いのではないでしょうか。そこで使ってみたいのがOculusです。クエリーを共有したり、データのダウンロードができます。 インストールはRubyGemsで行います。 オプションです。ユーザ名、パスワード、データベースを指定して実行します。 起動しました。 実行しました。結果が下に表示されます。 データはテーブル上に表示されます。 こちらはクエリーログです。 クエリーを保存しておけます。お気に入り登録も可能です。結果はダウンロードもできます。 お気に入りのクエリー一覧です。 Oculusを共有して使えば、最初は開発者がクエリーを作成し、後は
WebでTitaniumの画面生成コードをさくっと作る·Titanium Form Designer MOONGIFT
Titanium Form DesignerはWebブラウザ上でTitaniumのUIコードを生成するソフトウェアです。 TitaniumはJavaScriptのコードの中でUIを定義して画面を作成します。プログラマーにとっては分かりやすいかも知れませんが、慣れてくると面倒に感じるかもしれません。そこでTitanium Form Designerを使ってビジュアル的に画面を作成してみましょう。 作成画面です。左側からコンテンツを中央の画面にドロップします。 ドロップするとプロパティウィンドウが表示されます。 画像の場合はURLを入力します。 右側にソースが表示されています。これをコードに貼付ければ画面が作成されます。 Titanium Form Designerではまだ単純に追加したオブジェクトごとに画面を生成するくらいしかできませんが、そこは将来性に期待といったところでしょうか。また基礎
これはいい！ドロップダウンに画像と説明文を追加·ddSlick MOONGIFT
ddSlickはドロップダウンメニューにアイコン、説明文を追加できるjQueryライブラリです。 常々HTMLのコンポーネントは貧弱だと思っていた。特にドロップダウンの使い勝手の悪さったらない。テキストしか表示できず、情報選択のUIとしてあまりに粗雑ではなかろうか。そしてみんなが望んでいたライブラリが登場した。それがddSlickだ！ 見よ、この格好いいドロップダウン！テキストに加えて画像が表示できるようになっています！ ダイナミックに変更も可能です。まず普通のドロップダウン。実にいけてない。 じゃじゃーん！ もちろん普通のドロップダウンライクに値が取得できます。選択した項目のデータも取れます。 外部から値を与えて表示項目を変更することもできます。 コールバック対応！ デフォルトの選択もできます。 画像を右に寄せられます。 さらに説明をつけて行ごとに高さを可変にもできます。 画像がない場合
JavaScriptにもMedia Queryを·Javascript onMediaQuery MOONGIFT
Javascript onMediaQueryはMedia Queryライクな振り分けをJavaScriptで実現するライブラリです。 CSS3ではMedia Queryという仕組みがあります。これはデバイスの画面幅や高さ、色などをキーにして専用のスタイルを適用する技術です。そして同様のメディアによる振り分けをJavaScriptにも提供するのがJavascript onMediaQueryです。 こちらはデスクトップの場合。 こちらはiPhoneの場合。画面幅を調整すればメッセージが変わります。 実際のコードです。contextによる指定で実行される関数が変わります。 Javascript onMediaQueryは画面幅を常に監視しているようで、Webブラウザウィンドウの大きさを変えるとメッセージが切り替わるようになっています。スマートフォンかタブレットかによる区別ではなく、画面幅に応
こんな手が…。Dropbox上で動的システムを動かす「Drapache」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
DrapacheはDropbox内のファイルを読み込んで動的に動かすWebサーバです。 DropboxではPublicに入れたファイルをHTTPを通じて読み込めるようにしています。この機能を使って静的なWebサイトを提供している人もいます。しかしそれで十分ではありません。時代は動的システム、Dropbox内のファイルを動的システムに対応させるソフトウェアがDrapacheです。 まずドメインを取ります。 次にDropboxをコネクトします。 接続を許可します。 完了です。そうするとアプリフォルダの中にDrapacheフォルダができあがります。 ファイル構成はこんな感じです。 サンプルのスクリプトです。確かに動的ファイルが動いています。 動的です。もちろん修正すれば若干のタイムラグはあれど反映されます。 Drapacheの仕組みとしては登録したユーザのデータを読み込み、DrapacheがWe
インストーラーで簡単セットアップのWebベースPostgreSQL管理·TeamPostgreSQL MOONGIFT
TeamPostgreSQLはWebベースのPostgreSQLマネージャです。 企業でのシステム開発にPostgreSQLを利用されている方々にお勧めなのがTeamPostgreSQLです。セットアップが簡単ですぐに使えるWebベースのPostgreSQL管理ソフトウェアです。 インストーラーが付属しています。 接続しました。 テーブルデータを閲覧しています。 リレーションデータはクリックでたどれるようになっています。 編集機能です。この場合もリレーションがあればデータは選択式になります。 カラムを非表示にして必要な部分だけを見やすく出来ます。 ファンクションの一覧です。 新しいファンクションを作成できます。 トリガーの一覧です。 トリガーも新規作成できます。 ユーザを作成できます。 プロセスの一覧です。 SQLファイルをインポートできます。 新しいテーブルを作成する画面です。 他のデー
JavaScriptオブジェクト用問い合わせ言語·SpahQL MOONGIFT
SpahQLはJavaScriptオブジェクトのデータ抽出に使えるクエリライブラリです。 WebアプリケーションではデータをJSONで利用するのが一般的です。データが大量にあるのであれば、そこから欲しいデータだけを抽出する仕組みが必要になるでしょう。JavaScriptでそれを可能にするのがSpahQLです。 例です。hash1というキーに対応したデータを取り出しています。 ネストして調べられます。 配列、ハッシュどちらにも使えます。 配列の場合は0などとキー指定もできます。 配列でサイズが1以上のものをピックアップしています。 データは抽出するだけでなく、プロパティを使ってサイズやデータの種別を調べることもできます。さらに正規表現を絡めてマッチするか否かをチェックするといった機能もあります。node.js、Webブラウザどちらでも使えるライブラリになっています。 SpahQLはJavaS
自社に立てよう。クールでモダンなGitリポジトリビューワー·GitList MOONGIFT
GitListはGithubライクなGitリポジトリビューワーです。 Githubのリポジトリビューワーは日々進化しており、かなり格好いいと思うのですが、Githubにリポジトリがないと見られません（当たり前ですが）。しかしGitListを使えばあれに似たUIでリポジトリを閲覧できるようになります。 インデックスです。 リポジトリの中に入りました。ディレクトリブラウザになっています。 テキストコンテンツは内容が閲覧できます。 バイナリの場合はRawをクリックします。 コミット一覧です。 コミット詳細です。Diffも奇麗です。 解析結果です。拡張子ごとのファイル数も見られます。 フィード機能があります。 GitListは複数のリポジトリ、ブランチ、タグのサポート、コミットログ、差分表示、拡張子ごとのシンタックスハイライト表示、リポジトリ解析、フィード配信と言った機能があります。GitHubラ
多彩なフレームワークに対応したPHP向け認証ライブラリ·Opauth MOONGIFT
OpauthはPHP向けの認証ライブラリです。抽象化することで多様なプロバイダーに容易に対応できます。 Webサービスで認証を用意すると言っても今は多様な技術が存在します。単なるID/パスワードに限らず、OpenIDやOAuthもあります。サービスプロバイダーごとに実装も若干変わったりします。そうした認証技術を統合して使えるのがOpauthです。 デモです。 Facebook認証です。 問題なく認証できました。各種データも取得できているのが分かります。 こちらはGoogle認証です。 こちらもユーザプロフィール含めて取得できています。 最後はTwitterです。 はい、問題ありません！ OpauthはRubyの認証ライブラリOmniauthにインスパイアされて作られており、認証部分を抽象化することでプロバイダーを切り替えて容易に様々なサービスに対応できるようになっています。技術的にはOpe
スクリーンショットを使ってWindowsを自動操作·すくすく MOONGIFT
すくすくはスクリーンショットを使ったコンピュータ自動操作ソフトウェアです。 コンピュータを自動操作したいというニーズはGUIでも変わることがありません。画面上のボタンをクリックする、マウス座標を指定して動かすなど様々な手法がありますが、今回紹介するのはスクリーンショットを使ったすくすくです。 起動しました。まずサンプルを読み込みます。 このような定義になっています。スクリーンショットには予め撮影した画像が並んでいます。 別なサンプルです。 すくすくは画像を指定して現在表示されている中からそれを探して左クリックしたり、文字を入力したりします。Sikuliに似たソフトウェアになっています。DOMの変化に強いですが、ソフトウェアのデザインが変わったりすると動作できない場合があります。また、利用者の環境にも依存します（左クリック一回でアプリケーションが起動するようになっているか否かなど）。 すくす
PHPでもリアルタイムWeb。node.php·React MOONGIFT
node.jsの魅力はノンブロッキングシステムにあります。そんなnode.jsの魅力をPHPで実現するソフトウェアがReactです。 サンプルコードです。読み込むたびに数字が繰り上がります。 同時に二つのファイルをダウンロードするデモです。パラレルで処理されています。 サーバを実行しているところです。 読み込むと数値が繰り上がっていきます。 ReactではApacheなどを使うのではなく、独自のWebサーバを立ち上げて実行します。また、そのままPHPを使うというよりはReactのライブラリでラッピングしながら作っていく形になります。そのため専用の作法を覚える必要がありそうですが、使い慣れたPHPを使ってノンブロッキングシステムを実現できるというのは魅力的かも知れません。 ReactはPHP製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る node.
スムーズなアニメーションが格好いい、埋め込み型プレゼンテーション·Presenteer.js MOONGIFT
Presenteer.jsはページ内の一部をクリックで動作するプレゼンテーションにするライブラリです。 Web上で動くスライドライブラリは多数あります。大抵プレゼンテーションを前提に大画面で表示されるものですが、Presenteer.jsはちょっと違います。Webサイト内に埋め込んでサービスを紹介したりするのに使えるプレゼンテーションライブラリです。 この中央部、水色の部分がプレゼンテーション部です。 クリックで内容が切り替わりますが、そのダイナミックな動きが目を引きます。 こんな感じで文字のローテーションも可能です。 スライダー風にも使えます。 デモ動画です。格好いい動きが分かるかと思います。 Presenteer.jsの魅力は何と言ってもスムーズなアニメーションにあると言えるでしょう。クリックするたびに異なるアニメーションが起こるので目を奪われます。テキスト主体のプレゼンテーションにな
こんなことまで。HTML5による動画チャットや通話を可能にする·sipML5 MOONGIFT
sipML5はHTML5で実装されたSIPクライアントです。 インターネット電話というとSkypeやLINEが有名ですが、IP電話もまたインターネットを使った電話システムです。そこで使われているSIPをHTML5でサポートしたのがsipML5です。 コネクトしました。 が、対話しようとしてもできませんでした…。 利用に際してはMediaStream（WebRTC）を有効にする必要があります。 デモ動画（iPadで会話する図） デモ動画（Androidで会話する図） sipML5は任意のSIPサーバに接続し、動画や音声通話が楽しめるようになります。これまで同様の機能を実現するにはFlashの力を使わざるを得なかったのですが…すごい時代になったものです。 sipML5はHTML5/JavaScript製、GPL v3のオープンソース・ソフトウェアです。 MOONGIFTはこう見る sipML5
ノブ型UIで直感的な入力を·jQuery Knob MOONGIFT
jQuery Knobはノブを使って値の設定を行うコンポーネントです。スクロールで値をスムーズに変化させられます。 Webで標準で使えるコンポーネントはパターンがとても少なく、表現力が乏しいのが欠点です。今回紹介するjQuery Knobはノブ型のコンポーネントでスクロールを使って値を設定するタイプの新しいコンポーネントになっています。 デモです。サークルの中でスクロールすると値がスムーズに変化します。 大きさや数字を非表示にしたりできます。 表示のみに設定もできます。 アクションで表示を行うこともできます。 iPodのホイール風表示です。マックスを設けずに表示もできます。 デモ動画です。 jQuery KnobのデザインはCanvasを使って描かれており、画像を用意する必要はありません。また、タッチやマウスホイール、キーボードによる入力に対応したイベントが取れるようになっています。テキス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
