Chrome 43からDOMの属性がJSのプロトタイプチェーンに移行します - Qiita
Chrome 43およびそれ以降のバージョンにおいて、DOMの属性（値）がJavaScriptのプロトタイプチェーンに移行されます。これにより、突っ込んだことをやっていた場合に、今まで動作していたコードが動かないということが発生する可能性がありますので、事前に変更内容を知り、対策をしておくことが求められます。HTML5Rockの更新情報として掲載されていましたので、さっそく日本語訳をしてみました。心当たりがある方は、ぜひ以下の内容を読んでいただいて、コードの修正などに取り込んでいただければと思います。 原文: http://updates.html5rocks.com/2015/04/DOM-attributes-now-on-the-prototype DOM属性は今後プロトタイプチェーンに Chromeチームは、最近「DOM属性をプロトタイプチェーンに移動しています」とアナウンスしてい
DeNAを退職し、新しく会社を設立します » nmi.jp
2014年6月末にて、3年間勤めたDeNAを退職する運びとなりました。これから起業し、そちらに注力したいと思います。 私は、2011年7月に、自分の起業した会社が買収される形でDeNAに参加しました。前の会社ではiPhoneでインストールなくFlash Playerを動かす製品を作成し、それがDeNAに高く評価されて買収されました。以後、DeNAでは3年弱にわたり、HTML5総括という立場で社内外でHTML5に関わる様々な活動に参加しました。 ここ数年間の活動を振り返ると、今の日本のHTML5、特にモバイルHTML5の技術は世界で最も高いと実感しております。そのような恵まれた環境の中でDeNAでは最先端の研究開発をさせていただきました。力及ばずお蔵入りになったり成果が出なかったプロジェクトもあり多数の方々に迷惑をかけてしまいましたが、同僚にも恵まれ、やりたいことを存分に試すことを許していた
進化するWebプラットフォーム！Chrome OSとFirefox OSが変えるWebの未来
近年、ネイティブのアプリをHTML5だけで開発できるOSが、注目を集めています。本記事では、2014年内に日本での製品発売が期待されるGoogleのChrome OSとMozillaのFirefox OSの概要を紹介します。 PCの利用時間の大半をWebに費やしている人や、Webブラウザ以外のアプリは使用しないという人は少なくありません。Chrome OSはこのように、WebのためにPCを利用するユーザーにとって、最適なブラウズ環境を提供することを目的として開発されたOSです。米NPDの調査によれば、Chrome OSを搭載したノートPCであるChromebookは、2013年内に米国で販売されたノートPCの21％を占め、着実にシェアを伸ばしています。 Chrome OSのアーキテクチャ Chrome OSは、Chromium OSというオープンソースのOSを、Chromebookに最適化
AngularJS の $locationProvider.html5Mode について - Qiita
AngularJS で構築するアプリケーションで $locationProvider.html5Mode をどう設定するか小一時間悩んだ結果をまとめてみました。 導入 AngularJS では $routeProvider を使用してクライアントサイドでのルーティングが可能です。 angular.module('app').config(['$routeProvider', function($routeProvider) { $routeProvider .when('/aaa/', {controller: 'AaaController', templateUrl: 'aaa.html'}) .when('/bbb/', {controller: 'BbbController', templateUrl: 'bbb.html'}); }]);
SkyWay ― WebRTCを簡単＆柔軟に使えるプラットフォーム
WebRTCは、ブラウザや専用アプリ同士でリアルタイムに映像、音声、データを送受信できる画期的な新技術です。SkyWayを使えば、サーバを準備することなく簡単に、WebRTCを使ったアプリが開発できます。
#3 「あまりApplication cache（cache manifest）のことを甘く見ない方がいい」 Advent Calendar 2012 - KAYAC engineers' blog
最近色々あってAndroidと心を通わせられるようになってきたago（@kyo_ago）です。 このエントリは tech.kayac.com Advent Calendar 2012 3日目の記事です。 Application cache（cache manifest）とは WHATWGやW3で議論されているHTML5 Offline Web Applicationの仕様の一部です。 細かい仕様等に関しては最後に参考URLをつけたのでそちらをご覧ください。 ここでは色々誤解の多いApplication cacheの使い方をご紹介したいと思います。 使い方 .appcacheの拡張子に対してtext/cache-manifestのMIMEタイプを設定してください。 .appcacheファイルは以下の形式で作成してください。 CACHE MANIFEST: #更新用ID（日付+連番等） キャッ
アプリケーションキャッシュ(3/5):JavaScriptによるHTML5プログラミング入門 - libro
では、実際にアプリケーションキャッシュを使ってみましょう。まずはマニフェストファイルを作成します。今回は「sample.appcache」というファイル名で用意することにしましょう。そして、下のリスト欄に掲載したような内容を記述しておきます。 ここでは、CACHE:にhelo.htmlというファイル名を用意してあります。つまり、helo.htmlをキャッシュして、サーバーにアクセスしないで表示されるようにするわけですね。では、そのhelo.htmlを用意しましょう。やはり下のリスト欄に簡単なサンプルを挙げておきましたので、これを記述してください。 この２つのファイルは、いずれもサーバーの設定変更を行なってあるディレクトリに配置します（Apache HTTP Serverならば、.htaccessファイルを設置した場所）。このhelo.htmlファイルを見てみると、<html>タグが以下のよ
http://blog.monoweb.info/blog/2010/09/15/
See related links to what you are looking for.
HTML 5におけるアプリケーションキャッシングのためのキャッシュマニフェスト - builder by ZDNet Japan
キャッシュマニフェストの記述方法 キャッシュマニフェストには、ブラウザにキャッシュしておきたいリソースを記載する。キャッシュマニフェストはUTF-8形式のテキストファイルで記述し、改行文字はLFまたはCR、あるいはその両方が使用できる。また、MIMEタイプはtext/cache-manifestとして送信されなければならない。 リスト1にキャッシュマニフェストの記述例を示す。 リスト1 キャッシュマニフェストの記述例 CACHE MANIFEST # version 1.0 # キャッシュマニフェストの記述例 index.html content.html images/icon.png NETWORK: server.cgi CACHE: style/style.css manifest属性の値としてこのキャッシュマニフェストが指定されたドキュメントにアクセスした場合、index.htm
HTML5 の File API でドラッグ＆ドロップする | TECHSCORE BLOG | TECHSCORE BLOG
こんちには、鈴木です。 HTML5 には File API というものがあます。 File API を使うとローカル PC からブラウザにドラッグ＆ドロップされたファイルを扱うことができます。 ということで、今回は File API によるドラッグ＆ドロップ処理をご紹介します。 まずは以下の HTML から始めましょう！ <!DOCTYPE html> <html> <head> <title>HTML5 でドラッグ＆ドロップ</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> $(function() { // TODO ここにドラッグ＆ドロップに必要な処理を記述します. }); </script> </head> <body> <
html5のFileReaderでドラッグ&ドロップなファイルのアップロード - end0tknr's kipple - web写経開発
html5では、file apiが追加された為、ドラッグアンドドロップでfileを開けるようになったようなので、試しに書いてみました。 ※html5では、FileReaderクラスとFormDataクラスを使うようですが、firefox3.6では、FormDataが使用できないようなので、base64形式+jquery.param()なデータをjquery.post()でアップロードしています。 ※drag&dropでは画像のサムネイルやテキストファイルの内容もプレビューできます サーバ側の動作は確認していませんが、なんとなく理解できた気がします。 <html> <head> <meta charset="utf-8"> <title>drag & drop file upload</title> <script type="text/javascript" src="jquery-1.4
File APIによるファイルアクセス(1/4):JavaScriptによるHTML5プログラミング入門 - libro
「これからはWebで何でもできるようになる」「Webブラウザで普通のアプリケーションが動くようになる」と、言われてきましたが、正直、今までそんなすごいWebアプリケーションってあったかな？と思う人も多いでしょう。 今まで、Webベースのアプリケーションがなかなか活用されなかった理由の一つは、「ローカルボリュームにアクセス出来ない」ということがあるのではないでしょうか。最近では「クラウドにデータを保存」というのがはやりですが、やはりハードディスクにファイルを保管しておかないと不安だ、というのが普通の人の感覚です。ローカルボリュームに直接アクセスできないのでは、まともなアプリケーションは作れません。 こうしたことを考慮し、HTML5では、ローカルボリュームのファイルにアクセスできる「File API」と呼ばれるものが整備されることになりました。といっても、自由にアクセス出来るわけではありません
Read files in JavaScript | Articles | web.dev
Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate the
HTML5 Boilerplate, Initializrをこれから使う人が押さえるべき5つの原則 | ゆっくりと…
boilerplate とは、「再利用を意図した標準的な文例集」 だそうです。 Paul Irish が中心となり構築されてきた HTML5 Boilerplate は、その名の通り HTML5 でサイトを構築するためのテンプレート、さらにはフレームワークをも含む内容となっており、その特徴は次のように語られています。 HTML5 Boilerplate は、HTML5 を扱う上で必要な数多くの機能強化を他のベスト・プラクティスの数々と組み合わせることで、最小限の先行投資でプロジェクトの磐石な基盤を提供します。 2011年02月08日 HTML5 Boilerplate を使用して Web 開発を容易に始める | IBM developerWorks より。 HTML5 Boilerplateをベースにすることで最初からベストプラクティスが適用されたサイトやページを構築できるという特徴がある
HTML5的にmanifestファイルをゴニョった
とりあえず自サイトのために 本当はもっと深遠な用途があるんでしょうけれども、jQuery系のデカいけど滅多に変更がないファイルをどうにかするためにHTML5のアプリケーションキャッシュを試してみました。（という建前） Javascriptとかでガシガシやるような、エンジニア系の風情はありません。なるべくチョロい感じで。 manifestファイルをつくるよ ともかく、HTML要素の属性としてmanifestファイルを指定しないと始まらないので、以下のような内容のファイルを用意しました。 CACHE MANIFEST # Revision: 20100201-2300 ############################################################ ## キャッシュ対象のコンテンツ CACHE: themes/havelog/syntax/scripts
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5と WebSocket / WebRTC / Web Audio API / WebGL 技術解説
IBM Developer
HTML5 Filesystem Playground
HTML5 Boilerplate: The web’s most popular front-end template
HTML5でできるカメラアプリを実際に体験しよう
