HTML5とJavaScriptでQRコード読み取り駆動アプリ - とむころりの開発日誌
この投稿はHTML5 Advent Calendar 2012の5日目の投稿です。 Chrome 21が夏にリリースされて、普通のStable版でもWebRTCが使えるようになりました。 そこで、 Webカメラで読み取ったQRコードの画像をデコードして、音楽を奏でるWebアプリを作ってみました。 HTML5 と Web カメラで QRコード 読み取り HTML5が絡むのはWebRTC（Webカメラ）の読み取りの他は、Video、Canvas、Audioと基本的なヤツだけなんですが、 Flashを使わなくても、こんなのできるよ、ということで。 処理の流れは、こんな感じです。 ①WebRTC初期化（Webカメラのみ要求） ②Video要素のSrcにWebRTCのメディアストリームを設定 ③VideoのキャプチャをCanvasに転写 ④CanvasのバイトデータをZXing（QRデコーダ）に渡す
<html>,<body>は要らない？Googleが推奨するHTMLファイルの記法 - Qiita
つまりhtml, head, bodyなどの使い慣れたお決まりのタグは今更書くまでもないということ。 参考: どのようなタグが省略可能か http://www.whatwg.org/specs/web-apps/current-work/multipage/syntax.html#syntax-tag-omission P.S. STORYS.JP、 coincheck などのサービスを運営、開発しています。興味のある方はぜひ 和田まで連絡を！ Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
これからWebサイトの制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド
以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの？」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んな本を読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる
知らなかったHamlの機能 ほか - ゆうなんとかさんの雑記帳的な。
この前Herokuを触ったついでにWindowsにRubyをインストールした私は…なお話です。 知らなかったHamlの機能 ただのHTML簡略記法といい感じにRubyを評価できるだけのものだと思ってたら思いのほか高機能でした。 Markdownを埋め込める .content :markdown ### 埋め込んでみた こんな感じで埋め込みます。 これをHTMLにするとこうなります。 <div class="content"> <h3 id="id1">埋め込んでみた</h3> <p>こんな感じで埋め込みます。</p> </div> テキストが主体のところはMarkdownで、それ以外はHamlで、といった棲み分けができます。Haml単体では使えないので追加でgemをインストールする必要があります。 ほかにもいろいろ埋め込める LESSやCoffeeScriptも埋め込めます。やり方は似た感
chrome-life.com - このウェブサイトは販売用です！ - chrome life リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kuroigamen.com