HTML5 Conference
少し前には次世代のWeb標準技術であったHTML5は、既に多くの業界に広がり、浸透しています。今では、HTML5は当たり前のものとして利用され始めています。また、それに留まらずHTML5に続く次のWeb標準技術は、現在も多くの仕様が検討されており、着々と歩みを進めています。そうした中で、Web技術が多くの業界、様々な環境で活用されることによる新しいノウハウや最新情報をキャッチアップすることが、Web技術者たちに求められています。 そして、本カンファレンスが、それらのノウハウや最新情報の共有、そして交流の場としてありたいという想いがあります。Web技術者同士だけではなく、Webを取り巻く様々な企業や団体と、垣根を超えて気楽に交われる機会を作りたい。そういった「Web技術者の祭典」を目指しています。本カンファレンスを通じて、皆さんの成⻑を促す機会になれば幸いです。
モダンWeb：たった今と、ほんの少し未来のはなし～「de:code 2016」セッションレポート～
モダンWeb：たった今と、ほんの少し未来のはなし～「de:code 2016」セッションレポート～ 佐川 夫美雄（Ashiras, inc.） この記事は、「de:code2016」のセッションレポート、日本マイクロソフトエバンジェリスト物江修氏による「モダンWeb:たった今と、ほんの少し未来のはなし」です。講演内容を再現していますが、ニュアンス等伝えきれない場合があるかもしれません。ご了承ください。 モダンWebとは 昨今、様々なところで「モダンWeb」という言葉を聞くが、その定義は曖昧で意味するところの範囲が広範囲に及んでいるためではないかと考える。多くの場合、「モダンWeb」という文脈で語られている内容は次の４つの事柄で語られている。 モダンなWebシステム モダンな開発手法 モダンな標準機能 モダンなアプリケーション 単にモダンWebアプリケーションと言った場合にはこれらいろいろな
ワードプレスに prerender を設定して事前レンダリングで高速化 | q-Az
HTML5 より導入された prerender（プリレンダー）、事前レンダリングをワードプレスに導入して、ページ遷移の高速化を実現する方法を書きたいと思います。 WEB ページを事前に読み込んでおくことにより、そのページのリンクをクリックした際、移動を高速化するための技術です。 「事前に読み込んでおく」ことで、ページ移動をする際、ほぼ一瞬でページの移動、表示をしてくれるので体感でもかなりの違いを感じる技術となってます。ページ表示を早くする技術というよりは、ページ移動を早くする技術となります。 事前レンダリングをするタイミングは、現在いるページの読み込みが完全に終了した後に裏でコソッとローディング・レンダリングとなります。ですので、そのページの読み込み自体に問題を与えることはありません。 これだけ聞いていると良い事しかないように感じますが、いくつか注意するポイントがあります。 対応ブラウザと
【PeerJS】HTMLファイルだけでリアルタイムなビデオチャットを作る
こんにちは。クレイの浅海です。 皆さんはブラウザを使用するビデオチャットサービスを利用しているでしょうか。 弊社では毎朝ビデオチャットを使用して「朝会」というものをプロジェクト毎に行っています。 そのため、ビデオチャットサービスは無くてはならない存在です。 ビデオチャットサービスに関する情報には敏感なのですが、先日、下の記事が目につきました。 【プラグイン不要】 ブラウザだけでビデオチャットができるサービスまとめ http://www.ideaxidea.com/archives/2014/03/video_chat.html これを見て「こんなにたくさんビデオチャットサービスが出ていたのかー」と思うと同時に、エンジニアとしてある一つの仮説が心の中に生まれました。 「あれ、もしかしてビデオチャットサービス作るのって簡単なんじゃね？」と。 作ってみた 結論を先に書きますと、多：多でのビデオチ
プログラム組んだら負け！実はHTML/CSSだけでできること2015夏
本スライドは、弊社の梅本により弊社内の技術勉強会で使用されたものです。 近年注目を集めるアーキテクチャーである「Transformer」の解説スライドとなっております。 "Arithmer Seminar" is weekly held, where professionals from within and outside our company give lectures on their respective expertise. The slides are made by the lecturer from outside our company, and shared here with his/her permission. Arithmer株式会社は東京大学大学院数理科学研究科発の数学の会社です。私達は現代数学を応用して、様々な分野のソリューションに、新しい高度AIシステム
“マークアップ”するということ ～ HTML5勧告に寄せて ～
HTMLを適切な要素を使って書いていくことは実はそれほど難しくはない。しかし過剰に要素を使わずに、かつスタイリングすることも意識して、と適切に“マークアップ”するのはなかなかの修練を必要とする。いったい“マークアップ”するということはどういうことなのだろうか、そしてどのような思考の元に行えば良いのだろうか。 HTML5での変化 著作権表示のマークアップ small要素 footer要素とsmall要素 p要素とdiv要素 footer要素とp要素 スタイリングとの兼ね合い マークアップするということ HTML5での変化 コンテンツに則した素直な形でマークアップできること。 HTML5で変わることや変わったことは多くあるが、それらをおおまかに俯瞰するとこのような言葉に集約できる。そのために様々な要素や属性が追加され、既存の実装をなるべく壊さない形で要素の意味に変更が加えられた。これらの変化は
HTML の q タグが日本語のサイトではカギ括弧を出すようになってた
HTML に q という要素がありますね。 Quotation の Q ですか。 <q> について 文書内で引用をしたいとき、 ブロック要素を含むような場合には <blockquote> ですが 一言とか一行とかそれくらいのときには <q> を使うのがいいみたいです。 q 自体がデフォルトでインライン要素だしね。 こんなぐあい。 <q>ここは引用ですよー。</q> 多くのブラウザでは、この <q> で括った部分が ダブルクォーテーションで挟まれて表示されます。 上記の例だとこう。 “ここは引用ですよー。” カギ括弧になってた 「表示されます」って書いたんだけど、 本当は「と思ってました」でした。 こないだふと気づいたら、 日本語のページではこれがこうなってました。 「ここは引用ですよー。」 クォーテーションマークじゃなくてカギ括弧になってる。 知らんかった。いつの間に。 <q> を初めて使
HTML5 is a W3C Recommendation
The HTML Working Group today published HTML5 as W3C Recommendation. This specification defines the fifth major revision of the Hypertext Markup Language (HTML), the format used to build Web pages and applications, and the cornerstone of the Open Web Platform. "Today we think nothing of watching video and audio natively in the browser, and nothing of running a browser on a phone," said Tim Berners-
Building HTML5 Form Validation Bubble Replacements
I've written and spoken about HTML5 form validation over the last few years, and one of the most common questions I get is about bubbles. By bubbles I mean the UI controls browsers display validation errors in. Below you can see Chrome's, Firefox's, and IE's implementations: For whatever reason, we developers (or more likely our designer colleagues) have a deep-seated desire to style these things.
HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書
HTML5 は、WHATWG および W3C が HTML4 に代わる次世代の HTML として策定を進めている仕様であり、HTML5 およびその周辺技術の利用により、Web サイト閲覧者 (以下、ユーザ) のブラウザ内でのデータ格納、クライアントとサーバ間での双方向通信、位置情報の取得など、従来の HTML4 よりも柔軟かつ利便性の高い Web サイトの構築が可能となっています。利便性が向上する一方で、それらの新技術が攻撃者に悪用された際にユーザが受ける影響に関して、十分に検証や周知がされているとは言えず、セキュリティ対策がされないまま普及が進むことが危惧されています。 JPCERT/CCでは、HTML5 を利用した安全な Web アプリケーション開発のための技術書やガイドラインのベースとなる体系的な資料の提供を目的として、懸念されるセキュリティ問題を抽出した上で検討を加え、それらの問題
Webアプリ開発者のためのHTML5セキュリティ入門
Enterprise x HTML5 Web Application Conference 2014の発表資料です。Read less
35 Best HTML5 Development Tools To Save Your Time
SmashingApps.com now covering digital world, life skills, point of views and lifestyle Are you running out of time? Want to save your time without compromising on the quality of your work? Here is the solution for you. Have a look at this collection of 35 best and most useful HTML5 development tools that not only save your time but also improve your productivity as well. The introduction of HTML5
位置情報をブラウザで活用！ Geolocationを使いこなそう
連載目次 HTML（HyperText Markup Language）は、W3C（World Wide Web Consortium）が仕様を管理するマークアップ言語だ。そして、W3Cが勧告し、現在ほとんどのサイトが使用しているHTMLは、HTML 4.01だ。 HTML 4.01の仕様は当時の環境に起因しているが、主に「文書を扱うこと」を目的として1999年に勧告されている。しかし、Web 2.0の概念やAjaxの登場により「文書を扱う」というよりも「アプリケーションを扱う」ことがWebの主目的となり、HTML 4.01でも高機能なWebアプリケーションが構築されるようになった。 その一方で、ブラウザ・ベンダは、HTML 4.01のみでWebアプリケーションを開発することの限界を感じていた。結果としてApple、Mozilla、Operaの3社は、W3Cとは別にWHATWG（Web H
The web's scaffolding tool for modern webapps | Yeoman
Get started and then find a generator for your webapp. Generators are available for Angular, Backbone, React, Polymer and over 5600+ other projects. One-line install using npm: npm install -g yo What's Yeoman?Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive. To do so, we provide a generator ecosystem. A generator is basically a plugin tha
SoundManager 2: JavaScript Sound For The Web
HTML5 + flash hybrid Complexity, reduced Supporting HTML5 audio can be tedious in modern browsers, let alone legacy ones. With real-world visitors using browsers ranging from mobile Safari to IE 6 across a wide range of devices, there can be many support cases to consider. SoundManager 2 gives you a single, powerful API that supports both new and old, using HTML5 audio where supported and optional
WebPlatform.org — Your Web, documented
Opening the Web Platform We are an open community of developers building resources for a better web, regardless of brand, browser or platform. Anyone can contribute and each person who does makes us stronger. Together we can continue to drive innovation on the Web to serve the greater good. It starts here, with you.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Please - Use the new and shiny responsibly
Video marketing platform and animated video maker
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
Web制作 W3G
