Web上で画像の範囲を指定できる·imgAreaSelect MOONGIFT
imgAreaSelectは画像の切り抜きに役立つ範囲選択機能を提供するjQueryライブラリです。 ユーザにアップロードされた画像の一部を切り出してアイコンに使うと言ったような操作はよくあります。そんなUIをjQueryを使って実現するのがimgAreaSelectです。 一例です。 選択されていない場所はグレーになるので分かりやすいです。 各ポイントの数値が取れます。 imgAreaSelectではユーザが縦、横の長さを自由に変更できる他、比率固定でサイズを変更したり、あらかじめ決められた場所に選択範囲を置くと言った指定ができます。切り抜く箇所や大きさの値が受け取れるので、後はサーバサイドで切り抜き処理を行えば良いでしょう。 imgAreaSelectはjQuery/JavaScript製のオープンソース・ソフトウェア（GPL/MIT License）です。 MOONGIFTはこう見る
Simplenoteとも同期できるシンプルなメモ環境·nvPY MOONGIFT
nvPYはPython製、マルチプラットフォームで使えるメモソフトウェアです。 手軽にメモが取れる環境というのは大事です。オンラインだったり、モバイルだったり、紙だったりと人によって選択肢は異なりますが今回はGUIアプリケーションとしてのnvPYを紹介します。 メイン画面です。左がメモの一覧、右側にその内容が入ります。 編集した内容をHTML化して確認できます。 リアルタイムチェックで自動更新もできます。 デモ動画です。 nvPYはシンプルなメモ環境で、Markdownの他、reStructuredTextも利用できます。キーボードショートカットが多数あったり、Simplenoteと同期させる機能もあります。Python製で、WindowsやMac OSX、Linuxでも動作が可能です。 nvPYはPython製のオープンソース・ソフトウェア（BSD License）です。 MOONGIF
スイスの病院向け基幹システム·CyDoc MOONGIFT
CyDocはスイスの病院に対応した業務システムです。 色々なビジネスがありますが今回は医療に注目です。CyDocはごく小さな診療所などで使えそうな業務管理システムになります。 ダッシュボードです。 患者さんの情報入力画面です。 登録情報の確認画面です。 予約状況です。 アポイント情報から患者さんにたどれます。 ドクターの情報です。 予約情報です。 基本的な機能は患者さん、ドクター、予約、薬、支払情報の管理などが行えます。スイスのソフトウェアのようで、Tarmedという医療向けの税法やESRという請求書発行にも対応しています。 CyDocはRuby/Ruby on Rails製のオープンソース・ソフトウェア（GNU Affero General Public License）です。 MOONGIFTはこう見る 世の中には様々な業種があり、その業種ごとに業務があります。幾つかの業種で社内基幹シ
カスタマイズもできそうなRails製Todo管理·ForgeThing MOONGIFT
ForgeThingはRuby on Rails製のシンプルなTodo管理ツールです。 WebベースのTodo管理サービスはいくつもありますが、どれもちょっと違う…そう思っている方はいっそ自作してしまってはいかがでしょうか。そのベースとしてForgeThingがお勧めです。とてもシンプルなUIで使いやすそうです。 ユーザ登録画面です。 タスクを追加しました。Nameにタスク名を入れます。 どんどん追加していきます。 こちらは編集画面です。詳細が入力できるようになります。 全てのTodoとやると他の人のTodoまで見れてしまいます。これはちょっと怖い。 タスクを終了にしようとすると確認ダイアログが出ます。 色々な機能が盛り込まれているとカスタマイズも容易ではありませんが、ForgeThingはタスクの登録と更新、終了くらいの機能しかありません。そのため自分でカスタマイズしたりするのも容易そう
シンプルで格好いい。親切なコードレビューシステム·Barkeep MOONGIFT
BarkeepはGitリポジトリに対応したユーザビリティ高いコードレビューシステムです。 会社でプログラミングを行っているとそのコードの品質はばらつきが出てきます。そうするとバグが多くなったり、予期しない問題に直面したりします。それを防ぐのに有効なのがコードレビューです。Barkeepはユーザフレンドリーなコードレビューシステムになっています。 メイン画面です。コミットログが並んでいます。 詳細です。差分が表示されています。 サイドバイサイド。アニメーションしながら表示されて格好いいです。 コードをダブルクリックするとコメントできます。 コメントしました。 一つにまとまっている場合もコメントできます。 レビュー依頼もできます。 ステータスです。レビューされている、されていないといった情報が一目で分かります。 検索結果です。 こちらはプロフィール。 Barkeepは検索における入力補完やフィ
多彩なフレームワークに対応したPHP向け認証ライブラリ·Opauth MOONGIFT
OpauthはPHP向けの認証ライブラリです。抽象化することで多様なプロバイダーに容易に対応できます。 Webサービスで認証を用意すると言っても今は多様な技術が存在します。単なるID/パスワードに限らず、OpenIDやOAuthもあります。サービスプロバイダーごとに実装も若干変わったりします。そうした認証技術を統合して使えるのがOpauthです。 デモです。 Facebook認証です。 問題なく認証できました。各種データも取得できているのが分かります。 こちらはGoogle認証です。 こちらもユーザプロフィール含めて取得できています。 最後はTwitterです。 はい、問題ありません！ OpauthはRubyの認証ライブラリOmniauthにインスパイアされて作られており、認証部分を抽象化することでプロバイダーを切り替えて容易に様々なサービスに対応できるようになっています。技術的にはOpe
ワンクリックでMac OSX上にRuby on Rails開発環境を構築·Rails One Click MOONGIFT
Rails One ClickはMac OSXのRuby on Rails開発環境をボタン一つで整えてくれるソフトウェアです。 Mac OSXにおけるRuby on Rails開発環境を一気に整えてくれるのがRails One Clickです。ウィザード方式でボタンクリックだけでRuby on Railsが開発できるようになります。 メイン画面です。ボタンを押すとインストールが開始します。予めXcodeがインストールされている必要があります。 ダウンロードやコンパイルも同時なのでちょっと時間がかかります。 ログです。 完了しました。 この画面が表示されていれば完了です。 デモ動画です。 Rails One ClickはDocuments以下に一通りの環境をインストールするので、ルート権限不要で使えるのが便利です。 Rails One ClickはMac OSX用のオープンソース・ソフトウェ
これは格好いい。Windows 8のMetro UIをHTML5で再現·Metro UI CSS MOONGIFT
Metro UI CSSはWindows 8のMetro UIをHTML5/CSS3で再現したソフトウェアです。 次期WindowsのWindows 8ではMetro UIと呼ばれる新しいインタフェースが利用されています。そんなMetro UIをCSSで再現したのがMetro UI CSSになります。 デスクトップで見たイメージです。アイコンが並んでいます。 選択できる画像リストです。 選択できるリストです。画像も埋め込めます。 チャットなどで使えそうなリストです。吹き出しもついています。 アプリケーションリストです。 時計などのウィジェットです。 iPadでの表示です。タブレットの方が最適化されています。 左右の移動もできます。 デモ動画です。動きはスムーズです。 動きはかなりスムーズで格好いいです。パネルを押すとちょっとへこんだり、ボタンも多数用意されています。リストをタップして選択し
シンプルながら使い勝手の良い設備予約システム·MRBS MOONGIFT
MRBSはシンプルなWebベース、PHP製設備予約システムです。 社内施設、設備の予約に使えそうなソフトウェアがMRBSです。シンプルなインタフェースながらJavaScriptを使って快適に操作できます。 最初の画面です。上にカレンダー、下に日ごとの表示が出ています。 ログインしました（右上が変わります）。 予定を作成します。繰り返しの予約もできます。 予定を作成しました。緑色の表示です。 月ごとの表示にもできます。 時間を変更するのはドラッグでできます。 予定の詳細です。 施設の一覧です。 施設の利用ログです。 管理者は施設の追加、削除ができます。 データベースはMySQLまたはPostgreSQLがサポートされています。また、企業向けらしく認証としてNTドメインやNIS、Netwareが利用できます。表示は日、週、月ごとに切り替えできます。管理者メールアドレスを設定すれば設備を予約した
CodeIgniterを模して作られたnode.js用フレームワーク·nodeigniter MOONGIFT
nodeigniterはCodeIgniterを模して作られたnode.js向けWebアプリケーションフレームワークです。 軽量で簡単に使えるPHPフレームワークとして人気の高いCodeIgniter。それを真似て作られたnode.js向けフレームワークがnodeigniterです。 インストールします。npmでインストールできます。 サーバを立ち上げました。 アプリケーションの内容です。config/controllers/error/viewsに分かれています。 メインファイルです。ビューファイルをチェーンメソッドで呼び出して最後にレンダーしています。 ルーティング設定です。これも分かりやすいです。 nodeigniterはMVCフレームワークであり、ヘルパーやバリデーションも実装されています。モデルはMongoDBを使うようです。 nodeigniterはJavaScript/nod
Bootstrapを使ったサイトに組み込みたいWYSIWYGエディタ·Bootstrap-wysihtml5 MOONGIFT
Bootstrap-wysihtml5はTwitter Bootstrapで使えるWYSIWYGエディタです。 最近よく目にするようになったTwitter Bootstrapを使ったWebサイト。そんなWebサイトでWYSIWYGエディタを使うならば導入したいのがBootstrap-wysihtml5です。 Bootstrapらしい、すっきりとしたUIです。 漢字を変換した後の動きがちょっと妙です。 テキストのヘッダー変換があります。 リストや装飾もあります。 Bootstrap-wysihtml5は現時点では日本語を入力する際の変換処理を行った後、表示がずれてしまうことがあります。しかしそれさえ修正すればBootstrapとマッチしたデザインで利用できる場面が多いのではないでしょうか。 Bootstrap-wysihtml5はHTML5/JavaScript製、GPLのオープンソース・ソ
ガントチャートやWBSを備えたWebベースプロジェクト管理·LibrePlan MOONGIFT
LibrePlanは中〜大規模開発において有効なWebベースのプロジェクト管理です。 LibrePlanはまるでローカルアプリケーションのようなリッチなUIをもったWebベースのプロジェクト管理システムです。 ログインします。 ダッシュボードです。格好いいガントチャートが表示されています。 タスク同士の関連性も表現されています。 WBSです。 タスクの詳細です。 ワーカー一覧です。 どの機能もメニューから素早くアクセスできます。 ワーカーレポートです。他にも多様なレポートが揃っています。 主な機能としてはリソースマネジメント、WBS/ガントチャートを用いた計画表、各タスクのモニタリング、進捗度合いのトラッキング、APIを使ったデータ共有などとなっています。十数名くらいのプロジェクト規模であれば使いやすいのではないでしょうか。 LibrePlanはJava製のオープンソース・ソフトウェア（G
Clear風の操作を一部実現したモックアップアプリ·Opaque MOONGIFT
OpaqueはClear風のUIを再現したモックアップアプリです。 今、iPhoneで話題になっているアプリと言えばClearです。あんな独特なUIを再現したモックアプリがOpaqueです。 雰囲気がClearっぽいです。 下にプルすると新しいタスクが追加されます。 適当な場所をピンチしても追加されます。 以前にも同様のアプリとしてHTML5 Clearがありましたが、OpaqueはObjective-C製です。まだ機能は多くありませんが、ネイティブな分より細かくこだわった操作性が実現できそうです。 OpaqueはiPhone用、Objective-C製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFTはこう見る Pathの時もそうですが、人気のあるアプリが出るとそのUIを真似したモックアップアプリがすぐに作成されます。クローンというレベルではなく、あくまでも
高品質なコンポーネントを使って格好いいサイトを作ろう·Chico UI MOONGIFT
Chico UIはWebサイト向けのコンポーネント群、デザインを提供しています。 最近はTwitterのBootstrapを使ってWebサイトを構築しているところが増えてきましたが、何となく似通ったデザインになってしまうのが難点です。人とはちょっと違う、でも簡単に格好いいデザインを実現したいという人にお勧めなのがChico UIです。 オートコンプリートです。 ボタンを押してハイライトします。 カレンダーです。 スライドです。 文字数カウンターです。 タイポグラフィです。 日付ピッカーです。アイコンをクリックでカレンダーが表示されます。 ドロップダウンです。 クリックで下のコンテンツが表示されるデモです。 フォームも多数デザインが揃っています。 レイヤーです。マウスオーバーで吹き出しが出ます。 モーダルウィンドウです。 メニューです。階層に対応しています。 タブです。 ツールチップです。
これはnode.jsの時代が来るか！？全て揃ったnode.jsフレームワーク·Tower.js MOONGIFT
Tower.jsはフルスタックのnode.js用Webアプリケーションフレームワークです。 こ、これはやばい…。ついにnode.jsの時代が来るかもしれない、そう感じさせるWebアプリケーションフレームワークがTower.jsです。 インストールはnpmで簡単にできます。 まず新しいアプリケーションを作成します。 Scaffoldで簡単にコントローラ、モデル、ビューを生成。 生成された際の構成はこんな感じです。 towerコマンドのオプションです。 Webサーバを立ち上げ場合です。 Tower.jsはMongoDBをデータベースに、Redisはバックグランドジョブ、CoffeeScriptをメインの記述に使いつつ、Jasmineをテストフレームワーク、jQueryも使えるフレームワークです。メール、マイグレーション、MVC、RailsばりのO/Rマッピング、バリデーション、ルーティング、B
Google製のクライアントサイド、JavaScript製テンプレートエンジン·JsTemplate MOONGIFT
JsTemplateはGoogleが開発したJavaScript製のテンプレートエンジンです。 Webアプリケーションがさらに開発されていくために必要なのが高機能なJavaScriptテンプレートエンジンの存在です。幾つか出てきていますが今回紹介するのはかなり有力です。なぜならGoogleが開発したテンプレートエンジンだからです。それがJsTemplateです。 デモです。左上がテンプレート、右上がJSONの元データになります。 そして左下が実際に生成されたHTMLで、右下がレンダリング結果になります。 idを使ってテンプレート名を定義しています。 こういう風にデータがない場合のチェックもできます。 実際のコードです。jsdisplayのところに検証が入っているのが分かります。 データがある場合はもちろん繰り返し表示します。 実際のコードです。 JsTemplateは再帰処理ができたりev
Flipboardライクにめくれ上がるUI·SBTickerView MOONGIFT
SBTickerViewはFlipboardライクに縦にめくれるビューを実現するiOSライブラリです。 Flipboardが非常に人気です。そんなFlipboardの人気の一つがクールなUIにあるでしょう。フリック操作でページが縦にめくれるのは格好がいいです。同様の仕組みを実現したのがSBTickerViewになります。 時間、写真、ビュー全体が折り畳み表示に対応しています。 タップしたタイミングで表示が切り替わります。 デモ動画です。表示の切り替わりが格好いいです。 SBTickerViewでは写真を自動で半分に分割し、めくれるようなUIを実現しています。メディア、ニュース系アプリで使うと格好いいかもしれません。 SBTickerViewはObjective-C、iOS用のMIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る iOSでは動作のアニメーショ
リッチなWebアプリケーションを開発するフレームワークSproutCore後継プロジェクト·Ember.js MOONGIFT
Ember.jsは旧SproutCoreの後継プロジェクトです。リッチなWebアプリケーションフレームワークになります。 SproutCoreがFacebookに買収されました。SproutCoreはリッチなWebアプリケーションを開発できるフレームワークですが、今後の開発についてはEmber.jsとして継続される模様です。 スマートフォンに特化している訳ではありませんが利用できます。 デスクトップ向けでHello World。 コードを見ると分かりますが、HTMLを直接ではなく、テンプレートです。 デモのTodoアプリです。 登録したりチェックして削除したりできます。データは保存していないので再読み込みすると消えます。 Todoアプリのコード。こちらはビュー側です。 こちらはコントローラ、モデル側。コードは見やすいです。 Ember.jsはMVCに分かれており、コードも見やすく使い勝手が
30分で開発マシンに変身させる魔法のスクリプト·Laptop MOONGIFT
LaptopはUbuntu、Mac OSXのRuby on Rails開発環境をまとめてセットアップします。 これからRailsの勝発をはじめてみたい、そう思ったMac OSX/Ubuntu利用者にお勧めなのがLaptopです。30分であなたのマシンが開発マシンに様変わりします。 例えばこれがMac OSX用。 こちらはUbuntu用。 インストールされるソフトウェアです。 Laptopはたった一行のコードを実行するだけで多種多様なソフトウェアが一気にインストールされます。Homebrew（Mac OSXの場合のみ）/QT/Ack/Tmux/Postgres/Redis/ImageMagick/RVM/Ruby 1.9.2/Rails/Heroku/Tapsなどがインストールされます。ネットワーク状況によりますが、だいたい30分はかかるとのことです。 LaptopはBashスクリプト製、M
地域SNSに適したクローズドなSNS·Regional SNS MOONGIFT
Regional SNSはクローズドなSNSを構築するRailsアプリケーションです。 SNSのブームは熱が収まりつつありますが、それでも小さなマーケットにおいてはまだまだ需要があります。そこで地域SNSを構築するのにお勧めなのがRegional SNSです。 トップです。未ログインでは何も見られません。 ログインします。 ログインしました。ダッシュボードです。 招待制のシステムになっています。クローズドなSNSです。 招待された人はユーザ名やパスワードを設定します。 メッセージ機能ではフレンド一覧が表示できます。 メッセージ一覧です。 メッセージ詳細です。 ブログ機能です。書くところです。 投稿しました。ブログ記事一覧が表示されます。 ブログ表示です。タグがあります。 コミュニティを作成できます。 スケジュール機能です。 ユーザの一覧です。 フレンド一覧です。 管理者向けの設定画面です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
