JavaScriptでローカルにファイルを保存する方法（その1） - るさんちまん
JavaScriptでローカルにファイルを保存する方法を調べたので、メモ。 動作確認はMac OS X10.9.2、Google Chrome 33で行っています（他のブラウザについては、参考リンクにもある JavaScriptからローカルファイルを作成する方法まとめ - あらびき日記 をご覧ください）。 Chromeでローカルにファイルを保存するには、File API: Writerを使います。 単純なテキストファイルをローカルに保存するサンプルは下記のようになります。 サンプルコード <script type="text/javascript"> function writeToLocal(filename, content) { // chrome以外は弾く var ua = navigator.userAgent.toLowerCase(); if (ua.indexOf('chr
「HTML5かネイティブか」という議論が本当の課題から目を逸らさせている | readwrite.jp
HTML5かネイティブか。辛辣な意見が毎日のように飛び交っている。両者とも自分の正当性を証明するデータを持ち、議論のための理論武装もできている。この対立は当分続きそうだが、実はこの議論の中に、モバイル・アプリケーションについて企業が直面している本当の問題が埋もれてしまっている。モバイルに適したバックエンド・アーキテクチャーを持っているだろうか？ビジネス分析は正く行えているだろうか？企業やブランドや開発者たちは、アプリがどのコードで書かれるべきかを議論する前にそれらの準備を整える必要があるのだ。 HTML5かネイティブか？実はその質問自体が間違っている モバイルの議論でよくフォーカスされるのは、爆発的に成長するデバイスとオペレーティング・システムに対し、優秀なアプリをどのようにマルチプラットフォームで展開させるか、という点だ。これが最近の、HTML5派とそれに対抗するネイティブ派による一連の
reveal.js - The HTML Presentation Framework
Hello Therereveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do. Vertical SlidesSlides can be nested inside of each other. Use the Space key to navigate through all slides. Basement Level 1Nested slides are useful for adding additional detail underneath a high level horizontal slide. Basement Level 2That's it, time
WebRTCを使ってみた - ずっと君のターン
http://ando-yasushi.appspot.com/wavycamera/index.html WebRTCを使うとJavaScriptでカメラやマイクを扱えるということで、ちょっと試してみてることがあったんだけど、いくらやってもなかなかうまい感じに動かないので気分転換に他のもの作ってみた。わりとさくっと。 どこかで見た動画が元ネタなんだけど見つからず・・・。 WebRTCはまだChrome開発版くらいでしか使えず、しかも chrome://flags でMediaStreamを有効にする必要があるから、いま作っても見られる人は少ないんだろうけど、JavaScriptでリアルタイムに映像を処理できるってやっぱり夢が広がるねぇ。 ・・・ 使い方 Chrome Canaryをダウンロード ウェブ系の開発者ならChrome Canaryくらいインストール済みのはずなんだけど、まぁ一応
HTML5&API総まくり
6. • 現在の要素数は108 • 30種類の新要素 • 14種類の既存要素が変化 • time要素、hgroup要素、data要素 （WHATWG HTMLのみ）などが争 点。 HTML5マークアップ 7. • リッチな入力フォーム、新たなフォーム要素、宣 言的なバリデーションなど。 date datetime datetime-local month week time number range email url search tel color HTML5 Forms 8. • HTMLにマシンリーダブルなデータを埋 め込むための仕様 <div itemscope> <p>お名前: <span itemprop="name">白石</span></p> <p> : <time itemprop="birthDate">1978/03/24</time> </p> </div> HT
Hack The WebGL(WebGL勉強会)
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
WebSocketで目指せ“リアルタイムWeb”！第1回 node.jsの衝撃とWebSocketが拓く未来 - ＠IT
ご挨拶 こんにちは、ロンドンのNew Bambooという会社でWebエンジニアとして働いている@makoto_inoueです。ここのところ、PusherというWebSocketのクラウドサービスの開発に関わっています。今回から3回に渡ってWebSocketに関する短期連載を担当させていただきます。 私を含めたNew Bambooの面々（我々は自分たちのことをBambinoと呼んでいます）がWebSocketになぜ興味を持ったかということからはじまり、実際にクラウドサービスを始めるまでにいたったストーリーをお話ししたいと思います。そのストーリーを通じて、WebSocketが切り開く「リアルタイムWeb」な世界への可能性や技術的課題を皆さんと共有できればと思っています。
Trial Tool
/* �_______ _ _ _______ _ |__ __| (_) | |__ __| | | | |_ __ _ __ _| | | | ___ ___ | | | | '__| |/ _` | | | |/ _ \ / _ \| | | | | | | (_| | | | | (_) | (_) | | |_|_| |_|\__,_|_| |_|\___/ \___/|_| Select a module from the Examples list on the left to load the code here. */ Using this tool This tool showcases the capabilities of various API and libraries. You can load example snippets, modify them an
Firefox/Projects/IndexedDB - MozillaWiki
Implement the W3C Indexed Database API in Mozilla. The code is being committed to a mozilla-central. Project Leaders: sdwilsh and bent Bugs: bug IndexedDB - Overall tracking bug bug async-IndexedDB - Asynchronous bits of the API Other useful pages: SQLite DB Schema for Storage Status IN FLIGHT. Work is underway (only on the async API at this time). Remaining work for Firefox 4 Fix transactions to
SVG vs. Canvas? « HTML5.JP ブログ
先日の HTML5 3Days の Tech Talk で Canvas と SVG の違いを簡単に説明しましたが、これを深く追求してレポートされている方がいらっしゃいましたので紹介します。 2009 年 10 月にカルフォルニアで開催された SVG Open 2009 で、ヘルシンキ大学の Samuli Kaipiainen 氏と Matti Paksula 氏によるプレゼンテーション SVG vs. Canvas on Trivial Drawing Application で、SVG と Canvas の特性の違いや、それらを組み合わせる方法などが解説されています。このプレゼンテーションの内容は、こちらの資料に詳しく説明されています。 このプレゼンテーションを要約すると、次の通りです。 ピクセル描画では Canvas が優れている。SVG でもできないことはないが、ピクセルごとにノー
WebSimpleDB API (W3C Working Draft 29 September 2009)
Indexed Database API 3.0 W3C Working Draft, 15 October 2024 More details about this document This version: https://www.w3.org/TR/2024/WD-IndexedDB-3-20241015/ Latest published version: https://www.w3.org/TR/IndexedDB/ Editor's Draft: https://w3c.github.io/IndexedDB/ Previous Versions: https://www.w3.org/TR/2023/WD-IndexedDB-3-20231212/ https://www.w3.org/TR/2023/WD-IndexedDB-3-20231212/ History: h
【レポート】HTML5の機能を知るための15のデモンストレーション | エンタープライズ | マイコミジャーナル
Tech Drive-in - Technology, Linux, Ubuntu FTW 主要ブラウザの対応が進んでいることもあり、HTML5の技術を活用したデモンストレーションサイトが増えている。現在主流の技術と互換性が高いことから、すでにHTML5を採用すべきという意見もある。ブラウザの更新頻度は早まる傾向にあり、HTML5/CSS3の対応は日進月歩で進んでいくことになるとみられる。 HTML5やCSS3のデモンストレーションサイトやテクニック紹介ブログはこれまで何度も取り上げてきた。15 HTML5 Demos Showcasing Prowess of HTML5 Over Adobe Flash - Tech Drive-inにおいて、HTML5デモンストレーションサイトがまとめられており参考になる。中にはこれまでマイコミジャーナルで取り上げたサイトも含められている。紹介されて
WebSocketでブラウザにプッシュ配信する - MessagePack-RPC＋Rev-WebSocket - Blog by Sadayuki Furuhashi
先日、WebSocketのサーバライブラリ Rev-WebSocket をリリースしました。 前回のエントリではブラウザ同士で通信するチャットアプリケーションを紹介しましたが、実際にはTwitterクローラやWebアプリケーションなど、別のプログラムと連携してブラウザにプッシュ配信したくなると思います。 つまり↓このように、任意のプログラムからWebSocketサーバを経由して、ブラウザにデータをプッシュ配信します： プッシュ配信したいアプリケーションと WebSocket サーバの間は MessagePack-RPC で繋ぎます。 Rev-WebSocket と MessagePack-RPC は相性が良く、簡単に統合することができます*1。 アプリケーションから WebSocket サーバを経由してブラウザにデータを配信するコードは、↓このようになります。 require 'rubyg
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『HTML5(加速度センサー)』
IDEA * IDEA
wise9 / enchant.js - GitHub
Articles in “IndexedDB” – Mozilla Hacks - the Web developer blog