Bootstrapベースの管理画面用テンプレート·Charisma MOONGIFT
CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。 ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。 ドラッグ&ドロップによる配置変更もサポート。 折り畳んで隠す事もできます。 グリッドは細かくサポートされています。 カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。 メンバー一覧。検索やラベルもあって便利そうです。 ギャラリー。サムネイル写真をきれいに並べています。 タイポグラフィ。様々なタグをサポートしているので奇麗
まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT
w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。 新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。 レイアウト。 グリッド。 詳細検索対応。 ツールバー。 サイドバー。階層表示に対応しています。 タブ。 フォーム。 ポップアップ。 ツールチップ。 その他ユーティリティ。 w2uiのサイズは37KB（ミニファイ&Gzip）で、これはExtJSの1/12、Kendo UIの1/6となっています。また、jQueryベースという特徴、全てのウィジェットをまとめて提供、IE9、Firefox7、Google Chrome、Safari5に対応となっています。デスクトップはもちろん、タブレットやスマートフォンにも対応しています。 w2uiはJavaScript製、MIT
これは格好いい。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での表示です。タブレットの方が最適化されています。 左右の移動もできます。 デモ動画です。動きはスムーズです。 動きはかなりスムーズで格好いいです。パネルを押すとちょっとへこんだり、ボタンも多数用意されています。リストをタップして選択し
ここまでやるか。SQLiteをJavaScriptに変換·SQL.js MOONGIFT
SQL.jsはSQLiteをEmscriptenを使ってJavaScript化したソフトウェアです。 SQL.jsはWebブラウザ上で使えるデータベースです。Emscriptenを使ってSQLiteをJavaScriptに変換した面白いソフトウェアです。 デモです。テキストエリアに書かれたSQLを実行できます。 実行した結果です。最終的な結果だけが出力されています。SELECTの結果はJSONデータとして取得されています。 もちろん普通にSQLが使えます。 日本語は出力時は化けてしまいましたがデータ上は問題ないと思われます。 SQL.jsはSQLiteがそのままJavaScriptになってしまったようなソフトウェアです。慣れた使い勝手でSQLを実行したり、データを取得できてしまうのは面白そうです。なお現状Google ChromeやFirefoxにしか最適化されていません。 SQL.jsは
多彩な表現をご覧あれ。JavaScriptによるデータビジュアル化ライブラリ·JavaScript InfoVis Toolkit（JIT） MOONGIFT
JITはJavaScriptを使ったデータビジュアル化ライブラリです。 JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit（JIT）です。その多彩な表現をご覧ください。 積み上げのエリアグラフです。表示の際にはアニメーションが実行されます。 実際のコードです。 棒の積み上げグラフです。 横向き、2Dのグラフです。 関連グラフです。マウスで動かせます。 マウスオーバーで説明が表示されます。 こんなグラフもあります。 星形。格好いいです。 カスタマイズにも多様に対応しています。 容量の表示などによく利用されるツリーマップです。 こちらもパターンが色々用意されています。 グラフを組み合わせたパターンです。 こんな表現も可能です。 派生していくアニメーションが格好いいです。 円グラフです。アニメーションやマウス操作に
注目！サーバサイドからjQueryを使ってDOM操作·nodeQuery MOONGIFT
nodeQueryはnode.js用のサーバサイドjQueryで、サーバサイドでクライアントサイドのDOMを変更できたりします。 node.jsでjQueryライブラリを読み込むと、jQueryが提供するメソッドを使えますが、さらに一歩進めたのがnodeQueryです。サーバサイドからクライアントサイドの描画を変更できたりしてとても面白い実装ができます。 インストールはnpmで行います。 まずサンプルのブログです。普通に表示されているのが分かります。 サーバサイドです。node.jsのスクリプトの中でHTMLタグを出力しているのが分かります。構文にjQueryが使われているのも分かります。 ブログの新規投稿です。 投稿できました。 Twitter検索です。 時間が更新されるデモです。サーバサイドの時間であるのがミソです。 サーバサイドのソースです。 nodeQueryを使うとサーバサイドと
社内でも立てられるGitHubクローン·GitLab MOONGIFT
GitLabはRuby/Ruby on Railsで作られたGitHubクローンです。 GitHubは有料でプライベートリポジトリが持てますが、それでもセキュリティ上の理由でリポジトリを外だしできないケースはあるかと思います。そんなときに使ってみたいのがGitLab、GitHubクローンです。 ログイン必須になります。 ログインした後の画面です。登録済のプロジェクトが一覧表示されます。 一つのプロジェクトを閲覧しています。ソースツリーが出ます。ソースツリーは右へ右へスライドして表示されます。GitHubに似ています。 ソースコードハイライターも内蔵されています。rawでファイルをダウンロードできます。 タグやブランチを切り替えることもできます。 コミット履歴一覧です。 コミット詳細ではDiffが確認できます。 コミットに対するコメントも確認できます。 チーム設定です。複数人でのコラボレーシ
高性能、Windowsにマッチしたマインドマッピング·Telerik Bookvar MOONGIFT
Telerik BookvarはWindows用のオープンソース・ソフトウェア。考えを整理する時、マインドマッピング（いわゆるマインドマップ）はとても便利な存在だ。思いつくままにトピックを広げていき、関連する情報を見いだしたり、新しい見方ができるようになる。 快適なインタフェース 幾つかのマインドマッピング作成用ソフトウェアがあるが、Telerik Bookvarは非常に優秀でユニークなソフトウェアだ。Windowsユーザでマインドマッピングに興味のある方はぜひチェックしてみてほしい。 Telerik BookvarはWindowsのインタフェースにマッチしたデザインで、リボンバーを使っていて分かりやすいUIになっている。ノードをドラッグすると他のノードも関連して動作したりして面白い。サブトピック、フローティングトピックの作成も可能だ。 パブリッシング処理中 ノードには画像や動画、リンク、
iPhoneで実現するデータベースアプリケーション·Rappid MOONGIFT
RappidはiPhone向けのオープンソース・ソフトウェア。ユーザコンピューティングを進めるためには、データベースアプリケーションを誰もが簡単に作れる必要がある。MS OfficeでいうところのExcelやAccessの存在だ。この二つによってユーザコンピューティングは大きく成長したと言えるだろう。 ユーザが自分で設計するフォーム ユーザが自由に設計をして、データを蓄積できるようにすれば、後の加工はシステム側で行っても良いだろう。iPhoneでもユーザコンピューティングを実現したいならばRappidを試してみるといいだろう。 Rappidの最大の特徴は、コーディングレスでデータベースアプリケーションを開発できることにある。モデルを作り、そのモデルにデータを入力するフォームを作る。その際には関連性を作り、入力時に連携させることも可能だ。 設定画面 データの入力はテキストか選択、有効/無効を
Ruby Best Practicesの公開版·RBP Book MOONGIFT
RBP Bookはテキストベースのオープンソース・プロジェクト。日本ではかつてEコマースによる書籍販売が出てきた時、書店は全てつぶれると噂された。またインターネットの登場によって紙の書籍は無用なものになるとも言われた。だが実際のところそうはなっていない。 PDF版 むしろAmazonで販売される書籍の冊数は年々増えており、書籍の発刊数もまだまだ多い。Kindle、iPadのようなデバイスが流行れば変わってくるかも知れないが、それでも手に持てる書籍の需要はついえることはないだろう。だからRBP Bookのように公開するのも決して暴挙ではない。 RBP BookはRubyの書籍Ruby Best Practicesの本文をGithub上で公開したものだ。DocBook形式のXMLで提供されており、書籍の内容がそのまま公開されている。さらにPDF版も公開されているので、そのまま電子書籍として読め
iPhoneでインターネットラジオストリーミング·iPhone Radio MOONGIFT
iPhone RadioはiPhone/iPod Touch向けのオープンソース・ソフトウェア。Radikoというサービスがはじまり、人気を集めている。同様にポッドキャスティングやインターネットラジオの分野も需要がある。動画に比べると流し聴きができるので作業用BGMなどにちょうどいい。 それはモバイルであっても変わらなそうだ。出歩いているとき、仲間内で集まった時、ちょっと普段持っていない音楽を楽しみたくなった時にストリーミングでラジオを聞いてみたいと思うかもしれない。そんなアプリを作ってみたい時にベースに使えるのがiPhone Radioだ。 iPhone Radioはデモ的なアプリで、起動すると即座にストリーミングラジオが開始する。特にURLを変更することはできないので（ソースレベルでは変更可能）、あくまでもデモレベルとして捉えた方が良いだろう。だがストリーミングで配信している音楽をダウ
jQueryを使ったWYSIWYGなエディタ·elRTE MOONGIFT
elRTEはJavaScript製/jQueryプラグインなオープンソース・ソフトウェア。Webベースでコンテンツを作成したり、編集する際に取り得る手法は幾つかある。例えば一定の記法に沿って書くことでHTMLにコンバートして表示するもの。もう一つはWYSIWYGなエディタを用意してその場で編集するというものだ。 jQuery UIを使っている WYSIWYGエディタであればリテラシーが高くないユーザであっても、リッチなコンテンツの編集が可能になる。CKEditorをはじめとして幾つか有名なソフトウェアはあるが、ここで紹介したいのはelRTEになる。 elRTEはテキストエリアの上にツールバーを表示するタイプのWYSIWYGエディタで、jQuery UIを使って作られているのが特徴になる。jQueryを使っているので、カスタマイズが容易に行えそうなのが魅力だ。ベースのままでは提供されない機能
KVSを使った高速配信Webサーバ·クリティカルスピード MOONGIFT
クリティカルスピードは〜のオープンソース・ソフトウェア。高速なレスポンスを行うWebサーバは誰しもが願う所だ。Googleがあれだけ大きく成長したのは検索のアルゴリズムはもちろんのこと、高速なレスポンスにも一因があったと思われる。欲しい情報がすぐに手に入るというのはとても気分がいい。 表示が速い！ Webサーバで高速化を行うための手法は幾つか存在する。並列化したり、サーバのスペックを上げたり、ネットワークを強化すると言った方法の他、システム側でも対応できるものがある。その一つ、高速配信サーバのクリティカルスピードを紹介しよう。 クリティカルスピードの最大の特徴はKVS（キー・バリュー・ストア）をWebサーバとして使っていることだ。KVSとしてTokyoTyrantを採用しているが、今後はLuxIO、kumofs、ROMAといった他のKVSにも対応していくとのこと。WebサーバはPlack/
PlantUMLを記述する専用エディタ·PlantUML Editor MOONGIFT
PlantUML EditorはWindows用のオープンソース・ソフトウェア。PlantUMLは先の記事の通り、テキストベースでUMLを記述し、画像に変換できるソフトウェアだ。テキストで書けるのは大きなメリットではあるが、慣れるまでは何らかのエディタが欲しいかも知れない。 PlantUML用のエディタ 慣れてしまえば問題ないかも知れないが、記法を覚える際はもちろん、テキストよりもビジュアル的にUMLを定義したいと考える人はPlantUML Editorを使ってみよう。Windows専用ではあるがPlantUMLによる記述をサポートしてくれる。 PlantUML Editorは左側に図の一覧が並び、右上にテキストによる記述内容、右下に実際に生成されたUML図が表示される。画像はGraphVizを使って生成するので別途インストールと環境変数の設定が必要だ。画像は自動更新が可能で、指定時間が経
テキストで記述して図に出力するUML記法·PlantUML MOONGIFT
PlantUMLはJava製のオープンソース・ソフトウェア。UMLを作図するツールは幾つか存在するが、最大の難点だと思っているのがテキストベースでの記述ができないことだ。UMIと呼ばれるXMLベースの記述形式もあるが、普及している気はしない。都度重たいビジュアルエディタを立ち上げて編集するなんてのは面倒だ。 Wordに埋め込みのUML図 またドキュメントを作成するツールと、UMLを作成するツールが分かれてしまっているのも問題だ。そのためドキュメントの内容と図がずれていても気付きづらい。そんな問題を解決してくれるかも知れないのがPlantUMLだ。 PlantUMLはJava製のオープンソース・ソフトウェアで、テキストベースのUML記述を画像にコンパイルしてくれるソフトウェアだ。ユースケース、シーケンス、クラス、アクティビティ、コンポーネント、ステータス図に対応しているので十分だろう。 日本
AndroidをPCで使う·Android-x86 MOONGIFT
Android-x86はオープンソース・ソフトウェアのOS。Androidは主に携帯電話向けのOSではあるが、オープンソースで携帯電話のような少ないリソースでも使えるとあって、フォトフレームや家電などでも利用され始めている。個人的には携帯電話よりも情報家電分野での利用が興味深い。 AndroidベースのPC向けOS そんなAndroidを通常のPCでも使えるようにしようというのがAndroid-x86だ。プロジェクトではEee PC向けのインストールイメージが提供されていることからも分かる通り、ネットブック分野においても重宝しそうなソフトウェアだ。 Live CDやUSBメモリに入れるためのイメージも提供されているので、手軽に試すことが出来るだろう。Andoridがベースなので日本語ローカライズも行われている。設定からすぐに日本語を適用して利用できるのだ。さらにアプリケーションも多数存在す
HTML/JavaScript/CSSで作るマルチプラットフォームアプリ·QuickConnectFamily MOONGIFT
QuickConnectFamilyはiPhone/Android/Mac OSX（その他色々）用のオープンソース・ソフトウェア。システムのプラットフォーム、サーバ/クライアントの違い、技術要件などでプログラミング言語を選択すると、実に多様な選択肢があることに驚かされる。 地図アプリ。サンプルはその他にも多数あり それだけの言語を覚え、実践レベルで使えるようになるにはコストが相当にかかると思われる。一度覚えた言語を使って他のシステムでも利用できれば、習得コストを減らしつつ開発に臨めるようになるだろう。iPhoneやAndroidアプリをもっと手軽に開発できるようにするのがQuickConnectFamilyだ。 QuickConnectFamilyは実に多様なスマートフォン、OSに対して利用が想定されている。現時点ではiPhone/Android/Mac OSX/Linuxなどがメインでは
iPhone開発者用、ティザリング用アプリ·iProxy MOONGIFT
iProxyはiPhone用のオープンソース・ソフトウェア。iPhoneとしてはティザリングの機能を備えているものの、大抵の携帯電話キャリアではその手の機能を提供しないようにしている。携帯電話からのアクセス比べて飛躍的に通信量が増える可能性があるからだ。 起動時の画面 とは言え携帯電話からではなく、母艦からもネットにアクセスしたいと言うニーズは常にある。JailBreakした場合は何でも可能になるイメージがあるが、非JailBreakでもティザリング的にネットアクセスが可能になるアプリがiProxyだ。 携帯電話キャリアが認めない以上、iProxyがApp Storeに並ぶことはないだろう。そのためiProxyは開発者登録している人に限って使えるツールと言えそうだ。コンパイルしてiPhoneにインストールすれば利用できる。起動するといPhonegaSOCKS5サーバになる。 母艦からはWi
Twitterで睡眠管理·twneru MOONGIFT
twneruはPython製/Google App Engine用のオープンソース・ソフトウェア。Twitterが好きな方は、起きたら「起きた」と、寝る前に「寝る」とツイートする。おはようからおやすみまで、すっかりTwitterに浸った生活という訳だ。 起床、就寝をグラフ化 そんな生活に密着したTwitterだからこそ、その記録を積極的に使っていこうというのがtwneruだ。専用アカウント@twneruにキーワードをつぶやくことによって、起床・就寝管理を行うWebアプリケーションだ。 twneruで使えるコマンドは「寝る」「起きた」に加えて「○分後に寝る」といった予約、「9:30に起きた」といった時間指定、「○日は9:30に起きた」といった後からの記録方式だ。加えて自分の住んでいる地域を記録する「地域を○○に設定」も利用できる。 更新情報 後はこれらの情報をつぶやくことで、後でグラフにして
任意のファイルをGoogleドキュメントにアップロード·Send to Google Docs MOONGIFT
Send to Google DocsはGoogle Chrome用のオープンソース・ソフトウェア。Googleドキュメントがアップデートし、オフィスドキュメントに限らず任意のファイルをアップロードできるようになった。簡易的なオンラインストレージとして使える。 スクリーンショットのアップロード ストレージとしての利用であれば、どこからでも手軽にファイルをアップロードできるのが便利だ。Google Chromeを使ってWebブラウジング中、保存しておきたいファイルがあったら使えるのがSend to Google Docsだ。 Send to Google DocsはGoogle Chrome拡張であり、アドレスバーの横にアイコンが表示される。そして画像やPDFなどを表示した状態でボタンを押せば、該当URLのファイルがGoogleドキュメントにアップロードされて、完了するとGoogleドキュメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
