Wikipediaの編集状況をストリーミング·wikistream MOONGIFT
Wikipediaをぱっと見ると既にできあがってテキストコンテンツが並んでいますが、実際には日々刻々と編集者によってコンテンツがアップデートされています。そんなどんどん成長していくWikipediaのコンテンツをストリームとして楽しめるのがwikistreamです。 トップページです。そのまま放置しているだけでどんどん編集状況がアップデートされていきます。 画像の編集があればその画像がバックグラウンドに設定されます。 言語や更新したデータの種類を絞り込む事もできます。 クリックすると差分ページにジャンプします。 wikistreamでは編集状況がストリーミングとして楽しめます。編集者の多い言語は更新も頻繁に行われています。日本はその中にぽつぽつとあるといった感じでしょうか。日本以外のコンテンツが更新されていく様子も眺めていて面白い、そんなサービスです。 wikistreamはnode.js
iOSライクな惰性スクロールをデスクトップでも·Overscroll MOONGIFT
OverscrollはデスクトップのWebブラウザでiOSに似たスクロールを可能にするライブラリです。 iOSが直感的なデバイスである特徴の一つに惰性のスクロールがあります。指で弾くとその流れでスクロールが続く機能です。あの直感的スクロールをjQueryで再現したのがOverscrollです。 デモはiPhone風のデバイスになります。 クリックして滑らせると惰性でスクロールしていきます。 デモ動画です。スペックが高くないのでうまく再現できていませんので自分で試す事をお勧めします。 画面をドラッグしてスクロールさせるUIとして思いつくのはGoogleマップでしょう。他にも広い範囲のデータをさまよいながら見ていくようなUIとして使ってみると面白いかも知れません。より直感的で面白い効果が臨めそうです。すべりの具合を設定で変更したり、スクロール時のアクションをキャッチすることもできます。 Ove
多彩なウィジェットで高品質なWebアプリケーションを素早く構築·Kendo UI MOONGIFT
Kendo UIはデスクトップやスマートフォン、タブレットに対応したUIフレームワーク。 Kendo UIはHTML5/CSS3/JavaScript製のオープンソース・ソフトウェア。WebのUIは表現力がとても高く、自由度が高い。それは良いことでもあるし、悪いことでもある。束縛が何もないために自由に発想できる反面、デザインする才能がないと情報が散らばってしまってどうにもならなくなる。 デモアプリ それを解決するにはまずウィジェットの概念を取り入れていくことだ。そうした部品を適切に配置していくことで画面をパズルのように作り上げていく。デスクトップからスマートフォン、タブレットまで広く使えるUIコンポーネントがKendo UIだ。 Kendo UIのKendoは剣道から来ているようだ。Kendo UIはとても対応範囲の広いソフトウェアで、実に数多くのウィジェットに加えて、Webアプリケーショ
LaTeXやMathMLに対応したWebベースの数式表示ライブラリ·MathJax MOONGIFT
MathJaxはLaTeXやMathMLの記法に対応したJavaScript製の数式表示ライブラリ。 MathJaxはJavaScript製のオープンソース・ソフトウェア。インターネットに最も多いコンテンツはテキストだろう。HTMLによってテキストの装飾は容易に行えるが、用意されているものだけで十分とは言いがたい。足りないものはどうすかと言えば、画像などで置き換えている。 サンプル しかし画像では後々の修正や可読性、再利用性さらには検索エンジンにインデックス化されないなど都合が悪いことが多い。そこでMathJaxを使ってみよう。MathJaxは数式を奇麗に表示できるライブラリだ。 MathJaxはLaTeXやMathMLで書いた内容をJavaScriptを使って数式に変換してくれる。どちらも数式を描く際によく使われるテキストフォーマットだろう。あくまでもテキストベースなので、拡大したり縮小
あなたのWebアプリケーションは安全か。Google製のセキュリティチェッカー·Skipfish MOONGIFT
SkipfishはSQLインジェクションをはじめWeb向けの脆弱性を発見するソフトウェア。 SkipfishはGoogle製のオープンソース・ソフトウェア。2011年になってセキュリティインシデント関係の話題が飛び交っている。特に大きいのはソニーだろう。あそこまでの規模は相当珍しいが、何も対岸の火事という訳ではない。 オプション セキュリティホールを狙うのは人間に限らない。日々クローラーがWebサイトにアクセスしてセキュリティホールを狙っているのだ。狙われる前にSkipfishを使って自主的にチェックしてみよう。 SkipfishはGoogleが開発したセキュリティチェックソフトウェアだ。ターミナルで動作するソフトウェアで、指定したURLに対してSQLインジェクションやXSSなどWebアプリケーションが狙われやすい脆弱性をついてくる。結果はHTMLベースのレポートとして出力される。 結果は
一歩進んだCSSを作成するためにアドバイスする·CSS Lint MOONGIFT
CSS Lintはより良いCSSであるためのアドバイスを行うソフトウェア。 CSS LintはJavaScript製のオープンソース・ソフトウェア。今、Webサイトを作る上で欠かせないのがCSSだ。デザインとHTMLマークアップとを切り離すことで、メンテナンスしやすく、かつ構造的な管理のしやすいWebサイトができあがる。 チェック画面 CSSはとても柔軟であるために適当に書いてもエラーが起きる訳ではない。正しいCSSかどうかはCSS validatorを使えばチェックできるが、より“こうした方が良い”という情報を提供してくれるのがCSS Lintだ。 CSS Lintはより見やすい、より問題の起きづらいCSSを書くためのヒントを与えてくれるソフトウェアだ。これはCSSを検証してもエラーとはならない。だがこうした方が失敗が少ないであろうノウハウをソフトウェアの形にして提供してくれる。Java
jQuery製で手軽に使えるHTML5による画像のドラッグアンドドロップアップローダー·Droparea MOONGIFT
DropareaはHTML5/jQueryで画像のドラッグアンドドロップによるファイルアップロードを行うライブラリ。 DropareaはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5によって大きく改善されたWebの機能の一つがファイルアップロードではないだろうか。複数のファイルがアップロードできるようになったり、ドラッグアンドドロップでもアップロードできるようになった。 アップロードするとすぐにサムネイルが表示される ドラッグアンドドロップでのアップロードとしてはGmailが有名だが、ファイルを持っていってはじめてドロップできることに気づくのでは使い勝手が良いとは思えない。それをもう少し分かりやすくしたのがDropareaだ。 DropareaはWebページに写真をアップロードするjQueryプラグインだ。特徴としてアップロードできる部分があらかじめ指定されて
Google Chart APIを使えない場合に。Canvasタグで互換グラフを描く·Yokul MOONGIFT
YokulはCanvasタグを使ってGoogle Chart API互換のグラフを描くJavaScriptライブラリ。 YokulはJavaScript/HTML5製のオープンソース・ソフトウェア。Webサービスで工数がかかりやすいのがグラフの表示だ。システムから得られるデータを使って動的に変化させるため作るのが大変だ。そんな中、よく使われるのがGoogle Chart APIだ。 サンプル Google Chart APIを使えば画像ベースのグラフが簡単に作成することができる。しかし場合によっては外部にデータを渡すために利用できないかもしれない。そんな時に使えるのがYokulだ。 YokulはGoogle Chart API互換のグラフライブラリだ。さらに面白いのがサーバサイドの仕組みを用いないことだ。つまりCanvasタグを使ってJavaScriptだけでグラフを描くのだ。使い方も簡単
既存のコードをCoffeeScriptで書いたらどうなるか·Js2coffee MOONGIFT
Js2coffeeはJavaScriptファイルをCoffeeScriptへ変換するnode.js用ライブラリ。 Js2coffeeはJavaScript/node.js製のオープンソース・ソフトウェア。ここ数ヶ月で注目を集めているのがCoffeeScriptだ。JavaScriptの癖のある書き方をせず、オブジェクト指向的な記法でプログラミングし、JavaScriptファイルを生成する言語だ。 生成されたコード 実際、どれくらい違うのかやってみないと分からないだけに躊躇してしまっているかもしれない。そこでまずは既存のコードをCoffeeScriptにするとどう書くのか、Js2coffeeでチェックしてみよう。 Js2coffeeはJavaScriptファイルを読み込んでCofeeScriptに変換するソフトウェアだ。公式サイトではWeb上でJavaScriptからの変換を試すことができる
Coffeescriptではじめるスマートフォンアプリ開発·Titanium Coffeescript Hello MOONGIFT
Titanium Coffeescript HelloはCofeescriptをTitanium用JavaScriptに変換するデモアプリ。 Titanium Coffeescript HelloはCoffeescript製のフリーウェア（ソースコードは公開されている）。JavaScriptは今ではWebブラウザ、iOS/Android向けアプリ（Titanium）、サーバサイド（node.js）と幅広い環境で動作するプログラミング言語になっている。 デモアプリ 柔軟な言語仕様になれるととても書きやすいのだが、それでも冗長的な書き方が嫌いだという人は少なくない。そうした人たちにiOSアプリ開発の時に触ってみてほしいのがTitanium Coffeescript Helloだ。 Titanium Coffeescript HelloはTitaniumの開発にCoffeescriptを使ってし
テーブル表示がここまでリッチに多機能に。jQuery製ライブラリ·OpenJS MOONGIFT
OpenJSはテーブル表示をリッチなUIにし、並び替えや編集などの機能を追加するライブラリ。 OpenJSはjQuery/JavaScript製のオープンソース・ソフトウェア。企業システムはもちろん、Webサービスの管理画面などで求められるのがテーブルベースのデータ一覧表示機能だ。そしてテーブルを作るとソートやフィルタリング、その場での編集機能などが求められるようになる。 画像表示 そんな機能を作り込むのはとても大変だ。だがユーザの立場に立てば、一件ずつ編集するのも大変なことだろう。そこで外部ライブラリに頼ろう。OpenJSはとてもリッチな編集インタフェースを提供してくれる。 OpenJSは通常のテーブルタグで作られた表を、角丸でかなりリッチなUIにしてくれるライブラリだ。カラムで並び替えたり、画像のサムネイルを表示する、フィルタリングやページネーション機能もある。Ajaxでスムーズに操作
JavaScriptでマルチプラットフォーム向けソフトウェアを開発·Chromeless MOONGIFT
ChromelessはHTML5/JavaScript/CSSを使ってWindows/Mac OSX/Linuxネイティブアプリを開発するSDK。 ChromelessはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。ソフトウェアを開発する際には、環境に合わせて言語を習得する必要がある。Windowsなら.NET系、Mac OSXならObjective-C、WebならJavaScriptやサーバサイドの言語などだ。 テキストエディタ だがはやり廃りはとても早く、常にトレンドを追いかけるのは疲れてしまう。一つの言語で様々な環境に、と思う人はChromelessを使ってみよう。 ChromelessはMozillaが開発しているソフトウェアで、JavaScript/HTML5/CSSを使ってデスクトップアプリケーションを開発できる。Webブラウザでラッピングしている
Apple公式ドキュメント風のコードリファンレンスを生成·appledoc MOONGIFT
appledocはObjective-CのコードからHTMLリファレンスを生成するソフトウェア。 appledocはObjective-C製のオープンソース・ソフトウェア。外部のライブラリやフレームワークを使って開発していると、そのコードの中身を見て動作を確認する方が早くなる。そんな時に使えるのがAPIのリファレンスだ。リファレンスを使うとあたりをつけるのが早くなる。 生成されたドキュメント そのためシステム開発においてはソースコードからリファレンスを生成する系統のライブラリに人気が集まる。Objective-Cであればappledocを使ってみよう。 appledocはAppleのリファレンス風のHTMLファイルを生成するツールだ。JavaDocのようにコードに元々記述しなければならないが、その結果はとても素晴らしい。左側にツリーが、右側にコードリファレンスが表示される。必要に応じてクリ
地図と記事の組み合わせ。ローカル情報に特化したサイト向けCMS·Community Tools MOONGIFT
Community ToolsはDrupalをベースの地図とコンテンツを組み合わせたCMSを提供する。 Community ToolsはPHP製のオープンソース・ソフトウェア。地図および位置情報はインターネット上で人気の高いコンテンツの一つだ。ニュース、不動産、掲示板などただ一覧になっているだけでなく位置情報を使って地図上にマッピングされているだけでとても楽しいコンテンツになる。 コンテンツと地図 そうしたローカルや特定地域の情報にフォーカスしたコミュニティを運営したいならば使ってみたいのがCommunity Toolsだ。 Community ToolsはDrupalをベースにしたCMSで、特に地図情報とコンテンツを関連づけられるのが特徴になっている。左側にメニューが並び、そこから選ぶと記事の一覧と地図が表示される。地図のマーカーをクリックすると記事の概要が表示される。 課題（問題） 地
MS Officeをタブ化して作業効率向上·Office Tabs MOONGIFT
Office TabsはMS OfficeのExcel/Word/PowerPointをタブ化するソフトウェア。 Office TabsはWindows用のフリーウェア。オフィスで最も良く使われるソフトウェアの一つであるMS Office。Excel、PowerPoint、Wordなどを使って業務用の資料を作ったり、開発の補助として使っている人は多いはずだ。 タブ表示 複数のPowerPointファイルを開いてコピペしたり、Excelファイルを多数開いて作業したりすることも多いのではないだろうか。そんな時に使えるのがOffice Tabsだ。 Office TabsはMS Officeをタブ化するソフトウェアだ。ツールバーの下にタブが表示され、複数のファイルを一つのウィンドウで開くことができる。対応しているのはMS Office 2003/2007/2010となっている。これならばもう開き
HTML5を使った音楽、動画を織り交ぜたインタラクティブな電子書籍を作成する·Laker MOONGIFT
LakerはHTML5をベースに画像や音楽、動画をインタラクティブに使った電子書籍を作成するためのフレームワーク。 LakerはHTML5/Objective-C製のオープンソース・ソフトウェア。数年前まで一般の人が書籍を出版しようと思うのは相当困難なことだった。だが今では電子書籍があり、誰でも簡単に書籍を出版できるようになっている。それこそ旧来のしがらみがない分、身軽だ。 iPad用表示 電子書籍を出版しようと思った時に問題になるのはそのデザインや文書の作り方だろう。だが心配は無用だ。HTML5を使って柔軟に作成できるフレームワーク、Lakerがある。 LakerはBakerをカスタマイズし、より多機能な電子書籍を作成できるフレームワークだ。HTML5を使うのはそのままだが、縦スクロールで長い1ページを表示し、横スクロールで次のページに切り替えられるようになっている。縦の長さが可変なのは
自社独自のデータを使ってCalDAVサーバを立ち上げる·Radicale MOONGIFT
RadicaleはPythonで作られたシンプルなCalDAVサーバ。 RadicaleはPython製のオープンソース・ソフトウェア。ガラケー、スマートフォンで最も良く使われている機能の一つがカレンダーではないだろうか。特にスマートフォンは外部サービスとの連携が容易なので、Googleカレンダーや自社のカレンダーシステムと連携させているかも知れない。 CalDAVならばクライアントは自由 この外部との連携をする時にキーになる技術がCalDAVだ（Exchangeもあるが）。WebDAVは今ひとつ流行らないが同様のカレンダー向け技術であるCalDAVは既に多数使われている。そんなCalDAVサーバを自分でも立てたいならばRadicaleを使ってみよう。 RadicaleはPython製のCalDAVサーバだ。とてもシンプルな仕組みで、コマンド一つで立ち上がる。通常の予定の他、イベントやTo
画一的なプレゼンテーションにさよならを。HTML5/JavaScript/CSS3によるプレゼン·CSSS MOONGIFT
CSSSはHTML5/JavaScript/CSS3で作られたWebベースのプレゼンテーションテンプレート。 CSSSはHTML5/JavaScript/CSS3によるオープンソース・ソフトウェア。最近はHTMLやJavaScriptを使って作られたプレゼンテーションが増えている。JavaScriptでキーの動きに合わせてスライドを動かす類のものだ。 奇麗なHTMLプレゼン コンテンツがHTMLベース、つまりテキストで作れるのが大きな魅力だろう。そして最新のWeb技術を盛り込んで作られたのがCSSSだ。 CSSSは矢印キーによるスライドと切り替えと、Ctrlキーと組み合わせたキーボードショートカットをサポートしている。Ctrl+Hでスライドのサムネイル一覧を作ることもできる。矢印を押すたびに文字が追加表示されていくと言ったアクションも実装できる。 スライド一覧 良いと思ったのは、スライドの
一から組む必要なし。Zend Frameworkを使ったPC向けEコマース·Axis MOONGIFT
Axisは多機能なPC向けEコマースシステム。Zend Framework製。 AxisはPHP製のオープンソース・ソフトウェア。12〜13年前くらいからはじまったEコマースの歴史は、今やモール型、単独でのサイト構築やデスクトップや携帯電話、さらにFacebookなど様々なプラットフォーム上で使われるようになっている。 ユーザ向けトップ そのため現在では独自のEコマースサイトを一から構築する必要は殆どなくなっている。Eコマースサイト構築を得意としているSIerは独自のノウハウをもっているし、自分たちであってもオープンソースなシステムが利用できる。Axisもその一つだ。 Axisは日本語ローカライズはされていないが、実に多機能なEコマースシステムだ。まずメタ情報（価格やカテゴリ、タグ等）でフィルタリングができる。価格帯で絞り込むのが便利だ。さらに複数の商品を登録して機能比較する機能もある。ウ
PythonやLuaをWeb上で実行。LLVMをJavaScriptに変換する·Emscripten MOONGIFT
EmscriptenはLLVMをJavaScriptに変換するソフトウェア。PythonやLuaをWebブラウザ上で実行できる。 EmscriptenはPython/JavaScript製のオープンソース・ソフトウェア。LLVM（Low Level Virtual Machine）という技術がある。ソースコードをアーキテクチャに依存しない中間コードに変換し、最適化した上で各マシン向けにネイティブなコードを出力することでより効率的なバイナリを作成できるというものだ。 Python実行例 つまりLLVMが生成する中間コードを使えば、元々の言語は気にせずに動くという訳だ（おそらく）。それを実証してくれるプロジェクトがEmscriptenだ。 EmscriptenはLLVMの中間コードをJavaScriptに変換するソフトウェアだ。つまり中間コードにさえ変換できれば、それをJavaScriptに変
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
