Learn web development | web.devWeb Platform Dive into the web platform, at your pace.
Mobile Boilerplate: A best practice baseline for your mobile web app
★ Analytics, icons, and moreA lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icons; and several mobile-focused tools and helpers. ★ Normalize.css and helpersIncludes Normalize.css v3 — a modern, HTML5-ready alternative to CSS resets — and further base styles, utilities, and media queries.
enchant.js - A simple JavaScript framework for creating games and apps.
enchant.js is … カンタンにゲームやアプリを開発できる HTML5 + JavaScript フレームワークです。 2011年に公開され、すでに 1,000 本以上のゲーム/アプリが公開されています。 オープンソース (MITライセンス) で、無料で利用できます。 ドキュメント・書籍・チュートリアルサイトが充実しています。 たくさんのプラグインで機能を拡張できます。 UEI/ARC を中心としたメンバによって開発・メンテナンスされています。 プログラミング教育のためにも利用されています。 Features オブジェクト指向: 表示されているものはすべてオブジェクトです。 マルチプラットフォーム: iOS, Android, Mac, Windows のブラウザで動作します。 Windows 8: Windows 8 対応のHTML5アプリケーションを開発できます イベント駆動
Vibration API
Many of the new APIs provided to us by browser vendors are more targeted toward the mobile user than the desktop user. One of those simple APIs the Vibration API. The Vibration API allows developers to direct the device, using JavaScript, to vibrate in a pattern for a given duration. Detecting Vibration API Support It's always good to check for the presence of API support before using it; here'
HTML5とJavascriptによるモバイルアプリケーションアーキテクチャ
接続性は、もう一つの大きな考慮事項である。今日、3G ネットワークやWIFIが広く使用されているが、いつも接続性を想定できるわけではない。幸運にも、HTML5には、キャッシュ機能があるので、サイトリソースをローカルに「キャッシュ」でき、非接続モードで動く。キャッシングは、下に示すようにルートレベルのHTML要素に以下のものを追加することで、動作する。 <!DOCTYPE HTML> <html manifest="cache.manifest"> <body> ... </body> </html> マニフェストファイルはテキストファイルで、キャッシュをバイパスできるリソースやリソースが無い時に表示すべきものをコントロールする他のディレクティブと一緒にキャッシュされるリソースを定義する。ファイルが変更された時やJavaScriptAPIによって、キャッシュの更新や通知もコントロールされる。
HTML 5は「アメリカ人」が標準化させようとしている物ではありません | ykzts.blog
さようならHTML5…。アメリカ人と日本人の標準化に差を感じる 内容に関しても思う所は御座いますが、一つだけ。 HTML 5の仕様を現在 書いていらっしゃるGoogle社のIan Hickson氏はアメリカの方ではなくスイスで生まれた方です。現在どちらに住まれているのかは存じませんが少なくとも「アメリカ人」と表現されるような方ではないかと考えます。 またHTML 5は当初はApple社、Google社、Mozillaが共同で設立させた団体であるWHATWGによって仕様が策定されていましたが、現在ではW3Cに移管されています。W3Cは多国籍な団体 (そもそもイギリスで生まれ方が創設した団体です) であり、日本で生まれた方も多く議論に参加なさっています。そもそもApple社もGoogle社も元より多国籍な会社であり、アメリカで生まれた方 以外も多く所属されているように思います。 そしてその仕様
ザッカーバーグ氏の「HTML5に賭けたのは失敗」発言には続きがある。長期的にはHTML5への期待も語る
ザッカーバーグ氏の「HTML5に賭けたのは失敗」発言には続きがある。長期的にはHTML5への期待も語る これまでFacebookはiOS向けのアプリをHTML5ベースで開発していましたが、起動が遅い、反応が重いなど不評でした。そこで方針を転換。8月にリリースされた新バージョンは性能を重視してネイティブアプリケーションとして開発されました。 ザッカーバーグ氏はこの、HTML5で開発するという方針を指して「HTML5に賭けたのは失敗」と発言したわけです。 ザッカーバーグ氏の発言のここだけを見れば、FacebookはこれからHTML5を捨ててネイティブアプリへ注力するように受け取れます。しかしザッカーバーグ氏のこの発言には続きがあります。そこまで聞くことで、本当は何を言いたかったのかがはっきりしてきます。 彼の発言を、TechCrunchで公開されているビデオから追ってみましょう（ビデオはこの記
ドラッグ&ドロップでイメージファイルをアップロードできる「HTML5 File Upload」
イメージファイルをアップロードする機会は、様々なコミュニケーションサービスが展開されている現在、どんどんと増えていると思いますが、ファイルをローカルから選択してアップロードするというのは直感的ではなく、リテラシーが低い層には障壁にもなりえます。今日紹介するのはそんなファイルのアップロードを簡単にしてくれる、ドラッグ&ドロップでイメージファイルをアップロードできる「HTML5 File Upload」です。 こちらは、予め決められた領域にドロップするだけでイメージをアップロードすることができます。またドロップ後にプレビューを出して確認その後、アップロードするという流で誤ってアップロードするということも未然に防げる仕組みになっています。 詳しくは以下 こちらの仕組みはjQueryで制作されており、ソースファイルをダウンロードすることもできます。実際の動作デモは「File Upload!」からご
HTML5を中心とした「Web標準」がどれだけあるのか、図にしてみると……
急速に立ち上がろうとしている「プラットフォームとしてのWeb」。そのために現在たくさんのWeb標準が提唱され、標準化作業が行われています。 その全体像を1枚の図として示したのは、Mozilla Japanのdynamis（でゅなみす）氏こと浅井智也氏。先週行われたオープンソースカンファレンス2012京都で行った講演のスライドから許可を得て引用します。 HTML5を中心に、円の色は標準化団体の色を示しています。青ならW3C/WHATWG、黄色はIETF、茶色はECMA、赤はKhronos。また、円の外側はまだまだこれからの技術という位置づけになっているそうです。 こうして1枚の図にして見ると、実にたくさんの技術がWebで実現されようとしていることに驚かされます。 このすべての技術を使いこなす必要はないかもしれませんが、Webをプラットフォームとするアプリケーションの構築には、HTML5のマー
無料で使えるHTML5 JavaScriptゲームエンジンまとめ
HTML5とJavaScriptによるインタラクティブなWebアプリケーションの開発が注目される中、ゲーム分野では数多くのHTML5 JavaScriptゲームエンジン（ゲーム開発用のフレームワーク）が登場している。JavaScriptのライブラリーや情報をまとめているJSwikiによると、その数は70以上に上り、開発者はどのゲームエンジンを選べばいいのか判断が難しい状況だ。 本記事では、数多くあるJavaScriptゲームエンジンの中から、筆者がおすすめするライブラリーを紹介しよう。紹介するゲームエンジンはすべてMIT Licenseで提供されているので、個人はもちろん、商用でも利用できる。 Cocos2D JavaScript (http://cocos2d-javascript.org/) Crafty (http://craftyjs.com/) enchant.js (http:
WebMidiLinkがわずか40行でなしとげたとてつもないブレイクスルー - aike’s blog
3日前にg200kgさんが提案したWebMidiLinkという規格がすごすぎていまだに興奮がさめやらない感じ。DTMとWebの世界はいったいこれからどうなってしまうんだろうという気持ちです。 WebMidiLinkは、ひとことで言うと「MIDI over window.postMessage」というようなもので、とてもシンプルなアイデアながら、これまで多くの人が夢想してしかし誰もできなかったWeb楽器のアプリ間接続を実現してしまいました。 けっして複雑な手法ではなく、マスター側約20行、スレーブ側約20行の合計40行程度で誰でも実現できてしまいます。ブレイクスルーはすぐ目の前にあったのです。みんなが模索している中、とてもクレバーでクールな解決方法を提示しました。 Web楽器はまだ新しい技術です。これまでFlashベースやJava Appletベースの楽器アプリがそれなりの数ありましたが、去
HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.
Now offered in: English Deutsch Português Français Italiano Nederlands Srpski Română По-русски עברית 日本語 HTML5 ★ Boilerplate A rock-solid default for HTML5 awesome. HTML5 Boilerplateはページロード時間も早く、強固でかつ将来性のある、プロフェッショナルな連中のための基本HTML/CSS/JSテンプレート 2年以上に渡る開発の中から生み出されたベストの中のベストプラクティスがここにはあるクロスブラウザのノーマライズ、パフォーマンス最適化、AjaxとFlashのcrossdomainのおまけ付きApache用 .htaccess 設定ファイルはキャッシュのルールがすでに書かれている上、HTML5ビデオ、@font-f
html5 の Canvas を使ってみる
html5 では Canvas という、Flash はもう用済みなのでは、と巷で騒がれているほどのものが定義されている。まぁまだ Flash の方が使いやすいと思うけど、今後に期待という感じか。SVG の精神を受け継いでいるような雰囲気なので、SVG をやったことのある人はとっつき易い・・・かもしれない。 そこで、実際に Canvas を使ってみて、やってみたもん順に紹介していきたいと思う。 線を引く(lineTo) 円を描く(arc) 線を閉じる(closePath) 扇形を作る(moveTo+arc+closePath) 弧を描く(arcTo) 矩形を描く(rect) 色で塗る(fillStyle) 線に色を塗る(strokeStyle) 星形を描く(lineTo+closePath) 線の太さを変える(lineWidth) 線の両端のスタイルを変える(lineCap) 線の接続点のス
HTML5ゲームコンテスト
作ってみよう、オリジナルスマートフォンゲーム！「HTML5ゲームコンテスト for スマートフォン」公式ページ・HTML5にて作成した応募者オリジナルのスマートフォンゲーム。 ・応募者自身が著作権等の知的財産権等を有していることとします。 なお、応募者が以前に公表したゲーム企画での応募でも構いません。 ・作品テーマやジャンルは問いません。 ・詳細は、応募規約をご覧ください。 ・コンピューター系、芸術系など、大学・専門学校に在籍する学生であれば、年齢は問いません。 応募したゲーム企画に基づき、実際にゲームを開発することが可能な方に限ります。 ・個人、サークル、グループでの参加が可能です。グループで応募する場合は、参加者全員の 応募規約への同意を得た上で、代表者名にて応募してください。 ・一人につき応募できる作品数に制限はありませんので、ふるってご応募ください。 複数作品を
「Android」に対するプログラマーの関心が低下--原因は断片化
米国時間3月20日に公開された調査結果によると、「Android」はモバイルプログラマーの優先事項リストで徐々に順位を下げており、その代わりにウェブアプリが開発に関連するさまざまな困難の解決策として台頭しているという。 この変化は、Appceleratorが四半期ごとに実施している調査の結果として発表された。Appceleratorは、クロスプラットフォームプログラミングツールのメーカーで、同社のツールは、28万人のプログラマーにより3万5000件のアプリの開発に使われている。同調査において、Android携帯電話向けにプログラミングすることに「大きな関心がある」と答えたプログラマーの数は、約83.3％から78.6％に減少し、2四半期連続の下落となった。Androidタブレットに対する関心も約68.1％から65.9％に低下し、2四半期連続で下落した。 Appleの「iOS」は首位の座を維持
wazoo.jp
これらのポイントを総合的にチェックすることで、不正サイトのリスクを大幅に減らし、安全なオンラインカジノを選ぶことができます。 オンラインカジノ規制の目的と意義 オンラインカジノを合法化し、政府が規制下に置くことには、単にギャンブルを許可する以上の重要な目的と社会的意義が存在します。 マネーロンダリング対策 規制されていないギャンブルは、犯罪組織によるマネーロンダリング（資金洗浄）の温床となりやすいという大きなリスクを抱えています。合法的なオンラインカジノでは、ライセンス取得の条件として、厳格な本人確認（KYC）手続きや、不審な取引を監視・報告する体制の構築が義務付けられています。これにより、不正な資金の流れを断ち、犯罪組織の活動を抑制する効果が期待できます。 プレイヤー保護と依存症対策 無規制の状態では、プレイヤーは不当な出金拒否や個人情報の漏洩といったトラブルに巻き込まれるリスクが高まり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5の前のJavaScript入門
WebGL procedural terrain [three.js]
HTML5AWESOME – HTML5AWESOME
GitHub - mozilla/BrowserQuest: DEPRECATED - A HTML5/JavaScript multiplayer game experiment
