HTML5 Conference 2013 講演資料まとめ #html5j
※本サイトではアフィリエイト広告を利用しています。記事内および商品リンクにはプロモーションが含まれる場合があります。 こんにちは、星影（@unsoluble_sugar）です。 11月30日に開催された「HTML5 Conference 2013」の発表スライドや動画などの講演資料をまとめました。 ※リンクミスや追加情報などありましたら、コメントまたは@unsoluble_sugarあてにお知らせいただけるとありがたいです 基調講演 次世代Web、深まる。広がる。 関連記事 村井純教授。IT戦略は前倒しで実現される。7年先の夢を語ろう！ HTML5 Conference 2013招待講演Webのモバイル対応には、Webが社会に定着する上での真の問題や課題が隠されている。HTML5 Conference 2013基調講演2000人のイベント開催に成長した、HTML5コミュニティの深まりと広が
HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書
HTML5 は、WHATWG および W3C が HTML4 に代わる次世代の HTML として策定を進めている仕様であり、HTML5 およびその周辺技術の利用により、Web サイト閲覧者 (以下、ユーザ) のブラウザ内でのデータ格納、クライアントとサーバ間での双方向通信、位置情報の取得など、従来の HTML4 よりも柔軟かつ利便性の高い Web サイトの構築が可能となっています。利便性が向上する一方で、それらの新技術が攻撃者に悪用された際にユーザが受ける影響に関して、十分に検証や周知がされているとは言えず、セキュリティ対策がされないまま普及が進むことが危惧されています。 JPCERT/CCでは、HTML5 を利用した安全な Web アプリケーション開発のための技術書やガイドラインのベースとなる体系的な資料の提供を目的として、懸念されるセキュリティ問題を抽出した上で検討を加え、それらの問題
WEBデザイナーのためのHTML/CSSの最新チュートリアル10「10 Useful HTML/CSS Tutorial for Web Designers」
TOP > Design , WebDesign > WEBデザイナーのためのHTML/CSSの最新チュートリアル10「10 Useful HTML/CSS Tutorial for Web Designers」 WEBデザインは日々進化していて、最近では、フラットデザインも大きな一つのジャンルになりつつあり、シンプルなデザインだけに、ちょっとした動きやエフェクトが大事だったりします。今日紹介するのはそんなデザインの味付け的なWEBデザイナーのためのHTML/CSSの最新チュートリアルをまとめたエントリー「10 Useful HTML/CSS Tutorial for Web Designers」です。 How to Create a Trendy Flat Style Nav Menu in CSS 全部で10のチュートリアルが紹介されていますが、今日はその中から気になったものを
HTML5 × CSS3 × jQueryを真面目に勉強してみる – #1 jQuery再入門 | DevelopersIO
そんな訳で、ここらでHTML5 × CSS3 × jQueryに真面目に取り組んでいきたいと思います。 「今更なんだか恥ずかしい…」なんて怖じ気ずかずに勇気を持っていきます。 今からでも間に合います。 「人生に挑戦するのに年齢なんて関係ない。もともとこの世には時間などない。それは人間が勝手に作ったものだ。私は時計師だからそのことがよく分かる。」 -フランク・ミュラー 大丈夫だ、問題ない。 とりあえずの予備知識 それぞれの基礎的な予備知識については、当ブログでは割愛します。こちらを参照するのが手っ取り早いです。 jQueryなら:ノンプログラマーのためのjQuery HTML5なら:IBM developer Works - CSS入門 CSS3なら:HTML5.jp とりあえず今回はjQueryから手を付けるとします。 上で紹介したサイトにある情報の補足として、以下の内容を知っておくと後の
これなら分かる！WEB制作を無料で「学べる」サイトまとめ
作成：2013/02/4 更新：2014/11/01 Web制作 > 基本的なところを簡単に、楽しく覚えたい 自分でサービス作ったり、会社や違う職種でも 色々と「基本」はおさえておきたい 今回はサイト制作に必要な「基本的な知識・情報」を、分かりやすいサイトを中心にまとめました。必ずおさえておきたいスキル・知識です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．HTML5 ２．CSS ３．レスポンシブ ４．配色 ５．視線誘導 / 心理学 ６．インターフェース / ユーザビリティ ７．SEO ８．ディレクション ９．アクセス解析 １０．WEBマーケティング １１．コピーライティング １２．ソーシャル １．HTML5 HTML5って何？ HTML5とは何かを簡単にまとめてみた - Yahoo! JAPAN Tech Blog Canvasについて知っておく
Open Web Apps と Web 標準 - Archive of obsolete content | MDN
注: クイックスタートの項目は、新しい、より集中的なクイックスタート記事 として更新され、従来のクイックスタート記事をすべて置き換えるものとなりました。この記事がより有益な情報源となり、古い一連の記事よりもより素早い学習体験を提供することを期待しています。 この記事は、開発者、プロジェクトマネージャ、その他アプリの開発や配布に関わる役割を担いつつ、Open Web Apps についてより詳しく学びたいというすべての人にとって最適なスタート地点となることを意図して書かれています。Open Web Apps とその背景にある哲学の、簡単で高次元な概要を提供します。 Open Web Apps は一般的な Web サイトや Web ページと本質的な違いはありません。いずれも HTML、CSS、JavaScript といった標準的でオープンな Web 技術を用いて開発され、Web ブラウザ経由でア
ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
「HTML5はバズワード化してカオスな状態に、トッププレイヤーが語る正しい認識と最新情報」2012年10月19日開催 第三回東北セミナーレポート｜公益社団法人 日本アドバタイザーズ協会 デジタルマーケティング研究機構
トップ トピックス 「HTML5はバズワード化してカオスな状態に、トッププレイヤーが語る正しい認識と最新情報」2012年10月19日開催 第三回東北セミナーレポート 「HTML5はバズワード化してカオスな状態に、トッププレイヤーが語る正しい認識と最新情報」2012年10月19日開催 第三回東北セミナーレポート イベント報告 HTML5はバズワード化してカオスな状態に、トッププレイヤーが語る正しい認識と最新情報 Web業界の最先端で活躍する日本屈指のクリエイターが議論を交わし、HTML5の活用事例や企業ビジネスにもたらすメリットについて明らかにされた、第三回東北セミボラの第二部講演をレポートする。 HTML5が何を指すかは人によって異なる 第二部講演では、HTML5についてのパネルディスカッションが行われ、Web広告研究会東日本大震災・被災地支援プロジェクトの森田雄（ツルカメ）をモデレーター
感心。Firefox OSアプリはWebページからインストールでき、デスクトップでもAndroidでも動く！ | OpenWeb
この記事は、「Web技術者に朗報！Firefox OSアプリ開発、触ってみたら簡単だった！」の続きです。 今回の記事の概要 どうやら、Firefox OSはWebの理念を最大限体現したOSである、という触れ込みに嘘はないようです。 Firefox OS向けのアプリは、実は環境を選ばずインストールすることも、動作させることもできます。 今回は、WebページからFirefox OSアプリをインストールさせる方法を調べてみました。 Webページからインストール可能な、ホスト型アプリ（Hosted Apps）のサンプル まずはタイトルの説明から。 「Webページからインストール可能」というのは、もっと具体的に言うと、「例えばWebページ上のボタンをクリックすると、そのままアプリのインストールを行える」という事です。 しかも、Firefox OSにインストール可能なだけではありません。Mac版の
Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム
Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム Facebookは今年、HTML5ベースで開発したモバイルアプリの動作速度や安定性で不評を買い、動作を改善したネイティブアプリケーションをあらためてリリースしました。ザッカーバーグ氏もこれを振り返って「HTML5に賭けたのは失敗」と発言しました。 しかし「Facebookのモバイルアプリ開発チームが抱えた問題の理由を、私たちは怪しいと思っている」（We had our suspicions about why Facebook's mobile application team had problems）とブログに書いたのは、HTML5ベースのモバイルアプリケーションフレームワーク「Sencha Touch」の開発チーム。
ssig33.com - ネイティブアプリ並のウェブアプリを云々
なんか最近そういうの流行ってるようですね。僕も考えを書いてアクセス数を稼ぎます。 ページ遷移を過度に抑えようとするな 下手に AJAX 使いまくるぐらいならページ遷移したほうがマシであることが多いです。世の中にはページ遷移を抑えようとして酷いことになってる JS を沢山見ます。よく考えろ。 ローカルストレージを活用しない localStorage に画像とか放りこむの異常に重くなるのでオススメしません。認証持たないサービスで設定値保存するのに使うとかに留めた方がよいと思う。 非同期な API 絶賛してて気に食わない感じはしますがこの記事を一読することをお勧めします。 localStorage は小さなデータをいくつか入れる分には十分に高速です。大きなデータを入れると十分に低速です。 scroll イベントに対してリスナーを置かない scroll イベントの監視は実際最悪のアイディアです。こ
『HTML5 Web Applicationのつくりかた』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 サイバーエージェントでフロントエンドの開発をしております 原(@herablog) です。 スマートフォン版 アメーバピグ新規作成で使用した技術について触れたいと思います。 #ちなみにこの記事ではHTML5を「最新ブラウザ向けのwebアプリケーション作成技術」というかなり広い解釈で使用していますので予めご理解ください。 今までDesktop・Android向けはFlashで作成されていたのですが、今回はiOS, Androidともに対応したいということで、HTML5でできるところまでやってみることにしました。 No Lag作るにあたり
HTML5です | 日本のHTML5 WEBデザインリンク集
Re:designの営業兼WEBディレクターマスコイサムの日々のアウトプット｜masukoisamu.com情報サイトクールブラック
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
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
HTML5でゲーム開発をはじめたい人は注目·HTML5 Game Dev MOONGIFT
HTML5 Game DevはHTML5でゲームを開発し、そのノウハウを蓄積するプロジェクト。 HTML5 Game DevはHTML5/JavaScript製のオープンソース・ソフトウェア。iOS/Androidにはじまり、モバイル向けのゲーム開発が熱い。とは言え、Web開発で培ってきたナレッジがそのままゲームに活かせる訳ではない。画面遷移やオブジェクトの管理、レンダリングなどが全く異なっている。 ブラウザのレース もしゲーム開発をしたいと思うならば、これまでの知識を一旦リセットして改めて学び直すくらいの意識が必要だ。もちろんそれは容易なことではないだろう。だが仲間と一緒ならばできるかも知れない。そのためのプロジェクトがHTML5 Game Devだ。 HTML5 Game DevはHTML5を駆使してゲーム開発を行うプロジェクトだ。その中でノウハウを蓄積し、整理していくことを目的として
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お盆休みにまとめ読み！Web制作のおすすめスライド コーダー・エンジニア編
cmmntr.com
第19回html5とか勉強会 PJAX ～HTML5時代のAJAXサイトプラクティス～