Server-Sent Events覚え書き - walf443's blog
なかなか書く機会はなかったのだけど、ふと使えそう!、という場面があったので、Server-Sent Eventsを書いてみたのでメモ。 レスポンスのContent-Typeはtext/event-stream dataを組み立てる際は、改行(\r, \n, \r\n)をエスケープする。 http://www.w3.org/TR/eventsource/#parsing-an-event-stream http://dev.ariel-networks.com/wp/archives/4168 任意に改行を入れられると、任意のイベントを定義されてしまうので、何らかの入力を元に出力するときには、改行コードのエスケープが必要。 UTF-8であること、という制約もあり、とりあえずはJSONにしておくのが扱いやすくてよさげ。 JSONにするときに改行はエンコードしてくれないことがあるっぽいので、そこ
Introduction to HTML5 Desktop Apps With Node-Webkit | Envato Tuts+
Using Node.js, we can create web applications easily. Now, thanks to the node-webkit we can also create desktop apps with it, using a unique combination of HTML5 and Node. The library combines WebKit engine and Node.js in a unique way. Both WebKit and Node share the same context, allowing you to write your code like it's meant to be executed in a browser, but with the addition of all Node's featur
iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【後編】 - くらげだらけ
前編ではiOS5のMobile Safariから使えるようになったHTMLやCSSの要素などについて試してみた、半分だけ紹介・解説しました。まだ前編を読んでいないという方は先に前編を読んでおくことをおすすめします。 →iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】 ざっと今回試してみたプロパティやテクニックをもう一度振り返っておくと以下のような感じです。 position:fixedを使ったタブUI overflow:scrollを1本指ですいすいスクロールさせる Web Symbols typeface CSS Only Transition Effects 新しいInput typeとネイティブっぽいselect UI Inline SVGとSVG icons 前編では最初の３つを紹介・解説したので、後編では残りの３つを紹介したいと
HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
[HTML5 入門]実用を意識した最小単位からの文書構造チュートリアル
文書構造って難しいですよね コーディングしていたら迷う事ってたくさんありますよね。「これは見出しなのかな」「この段落はどこまで段落なんだろう」「検索バーはどのタグで囲めばいいの？」等など、判断に詰まることはいくらでもあります。そしてその判断の迷路を抜け出た後も、ふと「このマークアップで本当に合ってんのかな」と再び迷いに陥ることも。 エレメントの役割とタグの用途の正確な理解 コーディングしているときに何故迷うか。これは、 それぞれのパーツがそのサイト内にどういう役割で置かれているかをはっきりと定義できていない 各タグの用途を理解できていない このいずれか、または両方が出来ていないから起きる問題だと思います。エレメントの役割とタグの用途、この二つがはっきりしていればコーディングに迷う事はありません。…まあ(他にも納得の行かない組織ルールとかSEOを考慮した記述等があって)それは理想の話なんです
![[HTML5 入門]実用を意識した最小単位からの文書構造チュートリアル](https://cdn-ak-scissors.b.st-hatena.com/image/square/913d9625c96461318e055dbb38b3d26c92683092/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F10%2Fintroduction-to-html5-150x150.png)
heimcontrol.js
Awesome home automation with Raspberry PI and Arduino using Node.js, MongoDB, HTML5 and Websockets. ResponsiveThe responsive design allows you comfortable control of your home devices using your smartphone or tablet. EverywhereOpen your Raspberry PI to the world and access your home automation app from everywhere in the world. ExtendableAn elaborated plugin system makes it easy to extend the appli
HTML5版 固有ベクトルの観察
・もう一つの基底ベクトル（青）は [SPACE] キーを押しながら方向キーで操作します ・基底ベクトル（青）は [W] [A] [S] [D] の各キーでも操作できます [ルール] ・固有ベクトルは赤い線で表示されます ・固有ベクトルが任意の場合には赤い霧がかかったようになります （初期状態はその状態） ・知らなかったことを発見したら勝利 （勝利条件の自動判定はありません） [サンプルテストモード] ・[X] キーを押すと起動します ・新たに二つのベクトルが出現します ・黒いベクトルの変換先がピンク色のベクトルで表示されます ・もう一度 [X] キーを押すと消えます ・黒いベクトルは [Z] キーを押しながら方向キーで操作します リンク元の記事に戻る
Hello Chrome, it's Firefox calling! – Mozilla Hacks - the Web developer blog
Thanks! Please check your inbox to confirm your subscription. If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us. Marko Can’t wait for the day when I’ll finally uninstall 3-rd party VoIP software. Thank You Mozilla. Thank You Google. February 4th, 2013 at 12:40 Robert Nyman [Edit
HTML5でテレビ電話、Chrome Beta for AndroidでWebRTCを試す - ぼちぼち日記
Chrome Beta for Android で WebRTC 昨日Chrome Beta for Android を使った Data Compression Proxy機能について紹介しましたが、html5j のメーリングリストで WebRTC もこのバージョンでサポートもされていることも教えていただきました。 また、昨日まで Nexus7 にインストールすることができなかったこの最新版のChrome Beta for Android が、なんと今朝バージョンアップで使えるようになってます。 モバイル端末での WebRTC の利用は面白いですよね。さっそく2台の Android端末を使って WebRTC を試してみましょう。 使い方は、以下の通り chrome://flags で有効化するだけです。 なお、今朝の WebRTC プロジェクトでのアナウンスでは、まだ early rele
canvas要素の基本的な使い方まとめ
Written by defghi1977@xboxLIVE.この文書は全てテキストエディタで作成しています．えーと，そりゃもうゴリゴリと． 本文書はsvg要素の基本的な使い方まとめの姉妹版として作成を開始した．canvas要素の仕様は現在進行中で色々と変化しているため，一筋縄で行かないが大方のapiについて書き上がったので公開する．なお，まだ使えない機能等満載だったり，内容に間違いがあっても中々検証することができないので，その部分を了承した上でご利用下さい… 更新履歴 2012/07/18 初版 1・canvas要素の概観 canvas要素とは canvas要素はhtml5で採用されたwebブラウザ上でグラフィックを描画するための機構であり，webページの機能性・視認性が重要視される昨今では，svg要素と並び重要な役割を果たしている．もともとapple社が自社製osの機能向上策として，同
WebPlatform Docs
WebPlatform Docs welcomes all comments. If you want to comment, please register or log in. It is free. This tool helps to make and review comments inline. How to Use insert instructions, with images, here Welcome to Web Platform Docs Web Platform Docs is a new community-driven site that aims to become a comprehensive and authoritative source for web developer documentation. Even though Web Platf
俗にいうHTML5で実装されたまともそうなゲームを初めて見つけた気がする - 下林明正のブログ
Bombermine — Massively Bomberman Online with up to 1000 players on the single map 大体こういうのはHTML5で実装すること自体が目的になっていてゲームとしてはお粗末なものばかり見てきたのだけど、 ようやく初めてきちんとしたゲームを見た気がする。 そういうゲームは大体体験としてプアすぎるので、HTML5でどこまでできるのか全く伝わってこなかった(HTML5はやっぱりまだまだしょぼいな、という感じしか伝わってこなかった)。 いや、Browser Questとかは結構良かったか。まあ、それはさておき。 軽くコードを眺めてみると、canvasを6枚重ねて画面を描画している様子。 1番〜3番がマップ用で、残りがスプライト用っぽい。 どうしてそんなつくりにしているのかは知らないけれど、多分更新頻度の高い画面と更新頻度の低
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://clockmaker.jp/blog/2014/01/html5-webgl-away3d-typescript-samples/
GitHub - simplewebrtc/SimpleWebRTC: Simplest WebRTC ever
http://blk.jp/archives/765
照度と近接がDOMに入る
HTML5Rocks - A resource for open web HTML5 developers
freshbrewedcode.com
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。