Open Document Format（ODF）と言えばOpenOffice.orgやLibreOfficeで使われているファイルフォーマットです。さらにGoogleドキュメントをはじめ、各種オフィススイートでもサポートされているフォーマットになります。 仕様はもちろん公開されていますのでその内容を解析すればエディターを開発することができる訳ですが、それは簡単ではないというのは容易に想像できます。という前提のもと、見て欲しいのがWebODF、WebベースのODFエディターです。 エディター画面です。変更履歴まで表示できてしまう優れもの！ まさかここまで…というレベルです。ちゃんとツールバーまであって、ほぼローカルアプリケーションレベルの編集が実現します。 日本語の入力もできます。 ODFファイルをアップロードして、そのまま編集もできます。画像の埋め込みもできるなど、ドキュメントエディタと

svg.jsはアニメーションやイベント駆動型のSVGを実現するライブラリです。 SVGはまだ広く利用されているとは言いがたいですが、ビットマップではなくベクターデータなので拡大してもきれいなど特徴が多数あります。今回紹介するsvg.jsはSVGを使ったアニメーションを実現するライブラリになります。 デモです。単純なオブジェクトの生成、移動、中央寄せが簡単に指定できます。 クローンして重ね合わせ。重心の判定、傾けるのも手軽です。 X軸、Y軸のずらし。塗りつぶし。 枠だけを描く、グラデーション（線形、円形）。 クリック、マウスオーバー、画像マスクもできます。 クリックしたオブジェクトだけ色を変更します。 さらにアニメーションも自在に。 プラグインによる拡張もサポート。 svg.jsを使えばアニメーションはもちろんのこと、画像を重ねて表示したり、マウスイベントによって形状や色を変更したりすること

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

MobileSafariは、他のアプリに対し、特権的な立場にあるわけです。 Nitrousを導入すると、民衆もNitroが使えるようになる Nitrousを導入するとどうなるか？ MobileSafariでしか使えないようにしてあるNitroが、どのアプリでも使えるようになります。 Nitrousの影響の範囲は非常に広い JavaScriptエンジンは、WebViewの中で動いています。 例えば、Tweetbotでリンクをタップしたときに開くWebViewなど。 Tweetbot for Twitter (iPhone & iPod touch) カテゴリ: ソーシャルネットワーキング 価格: ￥250 Nitrousを導入すると、WebViewでの表示が速くなるわけです。 これは分かりやすい例。 WebViewは、Webページを表示するためだけに使われているわけではありません。 例えば、

TeaJSはCGIとして動作できるサーバサイドJavaScriptエンジンです。 サーバサイドJavaScriptとしてはnode.jsが最も有名になっていますが、独自のサーバを立てる仕組みのため既存の仕組みにうまく組み込むのは難しいかも知れません。そこでCGIとして動作するサーバサイドJavaScriptであるTeaJSを紹介します。 独自のサーバを立てることも可能です。 ファイル構成です。 サーバの環境変数もとれます。 サーバデモのコード。 WebSocketも使えます。 TeaJSはmod_cgiを使えばCGIとして、実行ファイルを使えば独自のサーバとして動作します。CommonJSに対応しており、requireも使えます。GD、HTTP、MySQL、PostgreSQL、SQLite、WebSocket、Zlib、テンプレートなど多彩なモジュールが用意されているのも魅力です。 Te

JavaScriptで実装したのがdraftレベルのしか見つからなかったので作ってみました。 (↑Lv4まで対応してるのが有りました。でもせっかく作ったので引き続き公開しておきます。) URI Templateって？ 簡単に言うとURIに特化したテンプレートエンジンです。 「http://www.example.com/users/{userid:1}/{userid}/」って書いといて「http://www.example.com/users/t/test/」って文字列作れたら便利だよね！？ 詳しくは以下を参考にしてください。 RFC 6570 - URI Template 3分間・URIテンプレート - 檜山正幸のキマイラ飼育記 (はてなBlog) URI Templates の各言語実装 - Mi manca qualche giovedi`? 以下からお持ち帰りください。 gith

たとえばドキュメント生成ツールなんかを作ってると、HTML をプログラムの中で生成したい！ってことは良くあると思います。でも、そのためにいちいちテンプレートエンジンを使うのは大げさな場合も多いですよね。たとえば、ちょっとリストを出力するとき。以下のような感じのコードを書いたことがある人は多いと思います。 std::string mylistToHTML(const std::vector<std::string>& list) { std::string r("<ul class=\"mylist\">\n"); for (auto i = list.begin(); i != list.end(); ++i) { r += std::string("<li class=\"mylist-item\">") + escapeHTML(*i) + "</li>\n"; } r += "</u

連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。

MogSnap / Zaim - iPhone/Android 家計... / 積ん読本他...全26件

A framework for ambitious web developers. Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device. Read the Tutorial Build with the teams that never stop shipping. Some of the best development teams in the world have been iterating on their products for years with Ember. With scalab

JavaScriptはEcma Internationalと呼ばれる標準化団体によって言語仕様の標準化が行われています。最新バージョンは、2009年12月に策定されたECMAScript 5th Editon。これが昨年4月にISO/IEC 16262 3rd Editionとして国際標準にもなりました。その後、昨年の6月には修正版のECMAScript 5.1が公開されています。 現在のWebブラウザがJavaScriptの仕様として参照しているのが、このECMAScript仕様です。 そして次期版ECMAScriptとして、ECMAScript 6th EditionもしくはES.nextもしくはProject Harmonyなどと呼ばれる仕様策定作業が進行中です。2013年末の策定完了を予定しているようです。 それまでまだ2年ありますが、すでに次期版ECMAScriptに関する情報が

あるアプリを作ろうとしていてローカルストレージが必用になったので、調べてみたらLawnchairというものを見つけました。これを使うとブラウザのローカルストレージへ気軽にJSON形式のデータをCRUDすることができるようになります。 サンプルとして、自分のひとことをローカルストレージへ保管するものを試してみました。 テキストに何か打ち込んで、postボタンを押すと下に一覧として出てくるだけです。Chromeのデベロッパーツールで見ると、ちゃんとローカルストレージに格納されているのがわかります。"words"となっているのは自分で定義したグループで、関連したデータはこのグループ配下に入り込むようになります。椅子が一脚あって、そこになにかがどんどん積み重なっていく感じでしょうか。 サンプルのコード全体はGithubにあります。 最初にデータグループを定義。 var store = new La