この1年、Webのパフォーマンスで変わったことは？──HTML5 Conference 2016
この1年、Webのパフォーマンスで変わったことは？──HTML5 Conference 2016 川田寛（ピクシブ株式会社） こんにちは、ふろしきです。HTML5 Conference 2016の当日は、38度近くの熱があり、発表時はろれつが回ってませんでした。しかし、伝えたいことは伝えられたと思っています。その内容とは… 「この1年でWebのパフォーマンスの技術にどんな動きがあったのか」 というダイジェスト。ここで話した3つのテーマについて、本記事でもご紹介。 1. レイアウト処理を減らす HTML5がバスワードするよりもずっと前から、CSSでアニメーションさせることはごくごくあたりまえ。JSが扱えないデザイナーであっても手軽にアニメーションできる良い世界になりました。しかしそこに、モバイルが出現したことで、JSだけで満足という人たちもCSSの機能を活用しなくてはいけなくなりました。 モ
Shadow DOM v1でHTMLの内容と構造を分離する
近年ではウェブに対する要求が肥大化しており、それに対応してHTMLも複雑化してきています。しかし、もともとHTMLはウェブアプリを記述するための言語ではありません。大規模なウェブアプリを作成するとなると、様々な点で不都合が出てきてしまいます。特に、まとまった部品をコンポーネント化して扱う機能に欠けていました。このことが私たちを悩ませ、今まで多くの苦労を引き起こしていました。 でも、もう悩まなくてもよくなるかもしれません。HTMLをコンポーネント化する規格が生まれました。それがWeb Componentsです。 Web ComponentsとShadow DOM Web Componentsは次の4つの部分からなる規格です。 Templates Shadow DOM Custom Elements HTML Imports 今回は、このうちのShadow DOMに焦点を当てていきたいと思いま
HTML5日本語訳
This Version: https://www.w3.org/TR/2018/SPSD-html5-20180327/ Latest Published Version: http://www.w3.org/TR/html5/ Latest Version of HTML: http://www.w3.org/TR/html/ Latest Editor's Draft of HTML: http://www.w3.org/html/wg/drafts/html/master/ Previous Version: http://www.w3.org/TR/2014/REC-html5-20141028/ Previous Recommendation: http://www.w3.org/TR/1999/REC-html401-19991224/ Editors: WHATWG: Ia
JSで何でも動く時代！？「html5j エンタメ技術部 第2回勉強会」 | エンカフェ
↑Node.js使ってArduinoからツイートできただと…。それ何てWeb of Things!? 未だ興奮が冷めやらない中、5月17日（土）に開催された「html5j エンタメ技術部 第2回勉強会」の参加レポートをひっそりとお届けします。 まず「そもそもエンタメ技術部とは何なのか？」を説明しておくと、Webプラットフォーム技術によるモノづくりコミュニティ「html5j」において「最新の技術で人を楽しませること。それらの技術とWebとの接点を探ること」を目的とした部のこと。 とかく技術は深堀りすればするほど、一般には伝わりにくいし地味に見えるもの。でもせっかくなら、技術で自分も他人も楽しめたら最高だよね、というのは僕も非常に感じるところで、Web技術とエンターテイメントの接点を探りましょう、という観点は忘れずに持っていたいものです。 「フィジカルコンピューティング」がメイカーズブームの中
HTML5が切り開く未来のWeb 新しい価値の創造【セミナーメモ】 - Qiita
安部正幸 KDDI Web Communications勤務。ホスティングサービスCPI、SmartReleaseなどのプロダクトマネージャー HTML5&OSS-DB Festival ~2014 Spring~ 日時 2014年04月11日（金） 主催 LPI-Japan まずはじめに IE6サポート終了おめでとうございますｗ CPIのIEアクセス数をみるとIE6,IE7は0.4%、今後はIE8以上でOK 昨今の制作について クラウドワークスを見ると、好評価なデザイナーでさえ時給1,000円〜で仕事をしている。 オフショア開発などにより、制作単価の下落も発生している。 10年先、20年先生き残るためにはどうすれば良いのか？ →制作に加えて何か価値が必要。新しい価値を創造する。 普段の仕事 エバンジェリストなので、ブログを書いていたが、ブログ経由のサーバ系契約が1件/３ヶ月。 わかりやす
HTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIA
スマートフォンのブラウザでどの程度のグラフィック表現が可能なのか、性能が気になりませんか？ 近年、HTML5を利用できる分野はウェブサイトのみならず、ゲームやSPA（シングルページアプリケーション）など多岐に渡っています。そこで、本記事ではiOSやAndroidの新旧さまざまな端末を使ってパフォーマンスを検証。記事の前半では描画性能を、後半ではJavaScriptの計算性能を測定しています。 描画性能の検証ビデオをご覧ください さまざまな端末を使って、描画検証の様子を録画しました。この80秒の動画では画像のオブジェクトの表示可能な個数を測定しています。ビデオの後半が見どころで、iPhone 5のパフォーマンスが良すぎてビデオを早送りするほどスコアがでるまで時間がかかっています。 さまざまな端末のスコアを測定しました 次の表に、2012年までに発売されたスマートフォンのスコアを掲載しました。
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
5. 5 開発環境比較 iOS Android Tizen Ubuntu Touch Firefox OS SDK Xcode Eclipse with ADT Plugin Tizen SDK Ubuntu SDK なし ブラウザ エンジン WebKit WebKit WebKit WebKit Gecko 開発言語 Objective-C Java JavaScript QML/ JavaScript JavaScript 画面設計 Objective-C XML HTML5/ CSS QML/ HTML5/CSS HTML5/CSS ネイティブ Objective-C C++ EFL C++ なし OS iOS Linux Linux Linux Linux 7. Ubuntu Touchでの HTML5アプリ開発 Qt Creatorを使用 エミュレータ無し Ubunt
自動車免許.club - このウェブサイトは販売用です！ - 自動車免許 リソースおよび情報
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.
HTML5とWeb開発に関する最新動向
1. HTML5とWeb開発に関する 最新動向 2013/3/26 株式会社オープンウェブ・テクノロジー代表取締役 HTML5開発者コミュニティ「html5j」 主催 白石俊平 (@Shumpei) 2. 自己紹介 • 白石俊平と申します。 • Web技術者コミュニティhtml5j管理人 • HTML5とか勉強会主催（月一回、100名超を動員） • Google API Expert (HTML5) • Microsoft Most Valuable Professional (IE9) • Twitter: @Shumpei 3. html5jとは • 日本最大のWeb技術者コミュニティ – 2013年3月現在、会員数5,300人超 • ビジョン:「世界で一番Web技術者コミュニティ が盛り上がっている国、日本」 • 活動指針: 「つなげる、学べる、盛り上がる」 • 近々非営利法人化を行
rails3 + html5 canvasでお絵かき投稿サイトを作ろう！
はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。 初めてブログ記事を書くということで気合が入りました。 ちょっと長めですがお付き合い下さい。 機能 お絵かき投稿サイトの必要最低限な機能って？ ざっと下のような機能を入れてみます。 絵を描ける 絵を消せる 描画を一回分戻れる 線の太さを変えられる 線の色を変える 絵を投稿できる 投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。 絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、 ・mousemoveイベント発生時に点をプロット という手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。 これではお話になりません。 なので、点ではなく線を引くこ
HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう - ICS MEDIA
HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう HTML5で複雑なアニメーションを実現する方法にはいつか方法がありますが、それぞれの手法について容量とパフォーマンスのメリット・デメリットを検証してみたいと思います。 スプライトシートを使う方法 ベクターアニメーションを使う方法 スプライトシートビルダーを使う方法 おまけ：GIFアニメーションを使う方法 おまけ：Flashアニメーションを使う方法 スプライトシートを使う スプライトシートとは映画のコマのようにアニメーションの全コマを画像として用意しておいて、順番に高速に切り替えることでアニメーションを実現する方法です。enchant.jsやCreateJSなど多くのJavaScriptのフレームワークで採用されており、もっともスタンダードな方法です。 表現の再現性が高いう
スマートフォンWebアプリ開発研修&ハッカソン - ドワンゴ 研究開発ブログ
はじめまして、ドワンゴモバイル事業のエンジニア、入木田と申します。 今回は12月19日(月)にアシアル株式会社とドワンゴ社で共同開催した「スマートフォンWebアプリ開発研修＆ハッカソン」の様子をお届けします。 対象読者 スマートフォンWebアプリを作ってみたい方 HTML5で何ができるのか知りたい方 objective-Cに挫折したけど、スマートフォンアプリ作成の夢を諦めていない方 はじめに スマートフォン、これを見ている方だったら、iPhone/Android、どちらかは持ってますよね。開発してる方もいらっしゃいますか？ objective-C,Java,どちらも一から作るとなると、結構な労力です。 ところで、HTML,JavaScriptは書いたことありますか？ Web系エンジニアやデザイナーなら、仕事で書いてるかもしれません。手軽ですよね。 スマートフォンにはブラウザも載ってる
HTML関連英文書の日本語訳 - HTML5.JP
W3Cなどが公開するHTML5に関連した文書を日本語訳しました。HTML5の理解にお役立て下さい。 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日本語訳は、私が理解を深めるために、自分なりに日本語化したものです。本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 W3C - The WebSocket API WebSocket は、JavaScriptからサーバーとの双方向通信を行いメッセージ交換を実現する API です。XHR では実現できなかったようなリアルタイムの対話が
HTML5に関連した仕様の日本語訳 - console.blog(self);
HTML5などに関連した仕様の日本語訳を探してみた。読まなきゃと思い読んでなくて、ちょっと読んだけどそもそも日本語訳ないのかな、と思って。 W3C W3Cのサイトにあるもの。どれもちょっと古い感じ。 W3C - W3Cの仕様書等の文書の日本語訳集 ミツエーリンクス ミツエーさん。ここ2−3年のものが多い。 Web標準仕様 日本語訳一覧 これは好きで、何度か読んだ。Java使ってるときから、Rails使うとなおさら、URLの設計や命名ってアプリケーション自体の設計だと思う。 セマンティック Web のためのクールな URI Mozilla Mozillaさん。仕様書じゃないけど、参考になる文書がいろいろ。いくつか読んだけど、読んでないもののほうが多い。 HTML | MDN HTML5 - HTML | MDN html5.jp すてき。 HTML関連英文書の日本語訳 - HTML5.JP
HTML5＋CSS3の「カンタン装飾設定」で今風デザイン
基本的にグラデーションや角丸はジェネレータからコピペして設定できるので、作業自体は簡単です。HTML5＋CSS3サンプルを使って表現してみましょう。 （1）装飾のキモは「グラデーション・線・角丸・影・テクスチャー」 前回HTML5＋CSS3の「レイアウトを自在に使いこなす」では、限られたいくつかのCSSプロパティを組み合わせて、さまざまなレイアウトができることをお見せしましたが、今回はそれに装飾を加えていきます。 いざ装飾しようとすると、どこから手を付ければ良いのか迷ってしまうかもしれませんが、アイコンなどの絵を除けば、装飾の要素は「グラデーション」「線」「角丸」「影」「テクスチャー」くらいなものです。それらを整理して組み合わせることで、全体として一体感のあるデザインに仕上げられます。 「それが難しいんだよ！」というお叱りの声が聞こえてきそうですが（笑）、以下の2つを見比べてみましょう。上
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Conference 2015 講演資料まとめ #html5j
ソフトバンク・テクノロジー子会社、iPadを活用した受付業務システム
クロスプラットフォームHTML5アプリケーション開発を支援するJavaScriptのUIライブラリWebix
WebIntentsにより拓かれる次のWeb
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
