出力されたXMLファイルです。サンプルとして幾...2012/10/24自分で立てるクラウドファウンドサーバ「Selfstarter」Selfstarterは自分で立てるKickstarterライクなソフトウェアです。Kickstarterは有名なクラウドファウンディングサービスですが、ガジェットやそのブランディングによっては自社で募集したいと思うでしょう。そこで使ってみて欲しいのがSelfstarterです。コンテンツも見やすく並んでいま...2012/10/24最低限かつ十分なスタイル設定が特徴のCSSフレームワーク「Kube」Kubeはプロフェッショナル向けのCSSフレームワークです。見やすく、かつ様々なニーズに対して即座に答えられるようなデザインを考えるのはとても大変なことです。その道のプロが作り出したスタイルシートフレームワークであるKubeを使えば実現しやすくなるかも知れません。リンクやサイドバーが並んでいます。...2012/10/23ウィンドウサイズをリアルタイムモニタリング「FitWeird」FitWeirdはウィンドウサイズをピクセス、em単位で表示するブックマークレットです。Webデザインを行う際に画面上に物差しを表示したりツールもありますが、今回はもっとシンプルなFitWeirdを紹介します。ウィンドウサイズが今いくつであるか、リアルタイムに表示してくれます。ブックマークレットを実行しました。PipesライクにWebブラウザ上で音声ファイルにイフェクト「Audiograph」AudiographはWebブラウザ上で音声ファイルのイフェクトを行うソフトウェアです。HTML5になって様々なAPIが追加されていますが、実際にどんなことができるかはまだ模索段階という方が多いようです。そこで一例としてAudiographを紹介します。音声ファイルをWebブラウザ上で加工できるソフトウェアです。最初の...2012/10/23業務で使えるオープンソース(52)「JavaScript代替」ここ1年くらいで急激に増えているのがJavaScriptの代替言語です。言語というよりもフレームワークに近いものに感じますが、各社がこぞって参入しているとあって誰もが不満を感じ、解決したいと思っている分野のようです。そこで今回は大事な技術要素と、代替になるソフトウェアについて紹介します。2012/10/23node.jsで作られた実用的なブログエンジン「nodejs_blog」nodejs_blogはnode.js/Express/MongoDBを組み合わせたブログシステムです。node.jsはまだまだ際物だと思っていませんか。実用的なシステムも多数出てきています。今回はnode.jsを使ったブログシステムnodejs_blogを紹介します。ユーザ向けの画面です。ポスト一覧です...2012/10/22マルチデバイス対応のDjango製CMS「Mezzanine」Mezzanineは管理画面のあるDjango製のCMSです。Webサイトの基本と言えばCMS。WordPressのような大規模なCMSも良いですが、今回はフレームワークとしてDjangoを使ったMezzanineを紹介します。実績も十分にあり、多機能なCMSになっています。テーマの切り替え対応です...2012/10/22好みの色設定でテキストエディタ、アプリケーションを統一しよう「Solarized」Solarizedは多様なエディタ、アプリケーションに対応した陰陽のカラーテーマです。個人的にはEmacsのカラーは背景が黒、文字は真っ白ではないけれども白っぽい色にしています。いったカラーテーマを多数のアプリケーション向けに提供するソフトウェアがSolarizedです。ターミナルの場合こんな色。見やすいと思います...2012/10/21Webブラウザ上で使えるtail「webtail」webtailはターミナルの標準出力の結果をWebブラウザに表示するソフトウェアです。Webシステムの開発を行っている際に、Webブラウザで実行してターミナルのログを確認するというのを何度も繰り返すことがあります。そんな面倒から解放してくれるソフトウェアがwebtailです。tailの結果をwebtailに渡し...2012/10/21関連づいたオブジェクトを表現する高度なJavaScriptライブラリ「sigma.js」sigma.jsはネットワーク図をはじめとする多数のノードが絡むグラフを描くライブラリです。有機的な要素やネットワークが重なり合っているグラフを描きたい時に使えるのがsigma.jsです。Canvasタグを使って簡単にグラフを描き出します。ズームイン/アウトもできます。こちらはアニメーション。動き続...2012/10/20ユーザが編集もできるインタラクティブなJavaScriptデモ「Examplifier」Examplifierはオンライン上でJavaScriptのコードデモを編集し、実行できるソフトウェアです。Webサイトでライブラリを紹介する際に、その使い方をコードで示すケースがあります。コードを載せるだけでなく、JavaScriptであればその場で実行できるようにしている場合もあります。進めてその場...2012/10/20iPhoneの傾きを使って見せ方を変える画像ビューワー「lenticular.js」lenticular.jsはiPhoneの傾きにあわせて表示を変える画像ビューワーです。iPhoneなどのスマートフォンでは傾きを検出できる機能があります。それを使った面白い画像ビューワーがlenticular.jsです。美女が布を巻いて立っています。マウスを動かしてみましょう。マウスの動きにあわせてくるくると回ります...2012/10/20Dropboxで管理しているファイルの差分を表示「dropbox_diff」dropbox_diffはファイル単位のDropbox上の差分を表示してくれるソフトウェアです。Dropboxはとても便利に使っています。そんなDropboxの便利な機能の一つが自動バージョン管理だと思うのですが、それをコマンドラインから行えるようにしたツールがdropbox_diffです。個人的によく使っているファイ...2012/10/19webRTCの使い方をコードから学ぶ「webRTC.io」webRTC.ioはwebRTCのデモソフトウェアで、動画/テキストチャットを行います。HTML5のリアルタイム通信を行うAPIはWebSocketとwebRTCがあります。今回はwebRTCを使った動画チャットソフトウェアのwebRTC.ioを紹介します。最初にアクセスを求める要求があります。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が733あります。blockworks。