【及川卓也・清水亮・羽田野太巳・藤村厚夫】すごい人達呼んで「Webは死ぬか？」をマジメに語り合ってもらった（後編）
【及川卓也・清水亮・羽田野太巳・藤村厚夫】すごい人達呼んで「Webは死ぬか？」をマジメに語り合ってもらった（後編） 白石 俊平（HTML5 Experts.jp編集長） スゴい人たちに集まってもらって、「Webは死ぬか」について語り合っていただいたスペシャル企画。前半は「Webメディア・コンテンツ」について、それぞれのご意見を伺いました。 メディアビジネスからCookie、ディープラーニングまで──ビジネス面に注目した 前半とは異なり、後半はWebのテクノロジー面にフォーカスして、「死ぬか？」を論じていただきたいと思います。今回は、（含蓄を多量に含んだ）脱線多めで失礼します！ 「ブラウザ」の存在感が薄れていく時代 白石 前半はビジネス面に注目してお話いただいたので、後半はテクノロジー面にフォーカスしていきたいと思います。いわば、「Webテクノロジーは死ぬか？」というお話になるかと思います。
スマートフォンブラウザのWebGL対応状況調査(2013年7月版）
皆様、ごきげんよう。 GClueの下っ端社員の☆です。 スマートフォンでWebGLをやる前に皆さんは、WebGLをご存知ですか？ WebGLは、ブラウザ上でウェブブラウザで3Dコンピュータグラフィックスを表示させるための標準仕様のこと。OpenGL2.0もしくはOpenGL ES 2.0をサポートするプラットフォーム上で、特別なブラウザのプラグインなしで、ハードウェアでアクセラレートされた3Dグラフィックスを表示可能にする。技術的には、JavaScriptとネイティブのOpenGL ES 2.0のバインディングである。WebGLは非営利団体のKhronos Groupで管理されている。 WebGLはHTMLのcanvas要素を使っている。 (Wikipediaより） つまりは、ブラウザでOpenGL ES 2.0できるよ！ってことですね。 それによって、ブラウザ上で3Dがグリグリ動くような
Google Hosted Library – Webを速くするためにGoogleがやっていること Make the Web Faster 03 –
Google Hosted Library – Webを速くするためにGoogleがやっていること Make the Web Faster 03 – Jxck Googleは、よく使われるJavaScriptのライブラリなどをGoogleのインフラを使って配布しています。 これを Google Hosted Library と呼びます。 この、Hosted Libraryの導入を単純に「自分で配布しない分が楽になるだけ」、くらいな感覚で使っている方も多いと思います。しかし、実はこれはみんなが使えば使うほど、得をする仕組みになっていることを見落としてはいないでしょうか？ 今回はそんな、Google Hosted Libraryについて、その仕組となるCDNやキャッシュの技術などについて解説します。 よくある Web ページ 例えば自分が配信するindex.html内でjquery.2.0.3
夏休みに働くエンジニアも、もうすぐ休み明けの人も、心機一転「仕事のモチベーション」をUPできる名言まとめ - エンジニアtype
トップページ > キャリア > 働き方 > プログラマーの働き方 > 夏休みに働くエンジニアも、もうすぐ休み明けの人も、心機一転「仕事のモチベーション」をUPできる名言まとめ 夏休みもそもそも終わりに近付き、週明けから再び開発……というエンジニアも多いと思われるこの時期。長い休みの後は、たいてい仕事がどっさりたまり、週明けが憂うつだという人もいるのでは？ また、世の中の流れに反してお盆休みとは無縁で働くエンジニアも、周囲が休みだといつも以上に疲弊感を持ってしまうものだ。 そこで、どちらの人も週明けからエンジン全開で開発に臨めるよう、過去記事から「モチベーションUP」に利く名言集をまとめてみた。 「開発ってやっぱ楽しい！」と思える、有名エンジニアたちの至言をどうぞ。 希代の名プログラマーと“サイバー寺院”の僧が語る「開発の真意」 Winny金子勇×サイバー寺院開祖・松本紹圭が語る、「開発」の
HTML5で情報最適化／視覚化＆WebRTCで変わる未来～QCon Tokyo 2013レポート
ストラクチャファーストとしてのHTML5、ビジュアライゼーションに有効なHTML5と関連技術／ライブラリ8選、WebRTCの概要や3つのライブラリなど。 2013年4月23日、InfoQJapan主催のカンファレンス「QCon Tokyo 2013」が開催された。本稿では、その中からモバイル／HTMLカテゴリの3つのセッションの模様をダイジェストで紹介する。 HTML5と情報表現の最適化 WebRTCで変わるWebの未来 HTML5でできる多彩なビジュアライゼーション モバイル／HTMLカテゴリ以外のセッションについては、以下を参照してほしい。 fluentd、Hubot、DDD、Fab、JSLintに見る最先端の開発手法～QCon Tokyo 2013まとめレポート HTML5と情報表現の最適化 QCon Tokyo 2013の「HTML／モバイル」カテゴリ最初のセッションは、Webディ
JavaScriptのスマホ対応時に知らないと損する16のコト
JavaScriptのスマホ対応時に知らないと損する16のコト：スマホ向けサイト制作で泣かないための秘伝ノウハウ（3）（1/3 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、スマホ向けサイトにおけるJavaScriptの4つの主な役割、実装上の3つの注意点、よく使われるOSSライブラリ4選、OS／機種依存事例5選などを紹介します こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「HTML5のスマホ対応の基礎知識とハマリどころ3選」では、HTML5に対する対応状況、代表的なHTMLタグに対する依存事例を紹介しました。 今回は、KSKの製品「x-fit（クロスフィット）の開発・販売や、実機での
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」の開発チーム。
W3CがHTML5の仕様策定を完了、2014年の勧告公開に向けた最終フェーズへ移行
Web関連技術の標準化を進める非営利団体であるW3C（World Wide Web Consortium）は現地時間2012年12月17日、Web上のコンテンツをマークアップするための言語であるHTML（HyperText Markup Language）の最新バージョン「HTML5」および、Webページ上に2Dグラフィックスを描くための仕組みである「Canvas 2D」の仕様策定を完了したと発表した。 HTML5の最終的な標準化完了（勧告化）は、2014年の第4四半期（Q4）を予定しており、それまでの期間はWebブラウザー同士の実装の違いがもたらす「ブラウザーフラグメンテーション」を減らし、相互運用性などを高めるための実装およびテストフェーズ（「勧告候補」フェーズ）と位置付けられている。 具体的にW3Cでは、同フェーズにおいて、仕様策定が完了したHTML5をWebブラウザーが確実に実装し
5分で分かるHTML5
そろそろHTML5の本格普及時代が到来しそうな雰囲気。 HTML5って何が新しくて何が嬉しいのか、自分に関係あるのかないのかよく分からないという人も多いのではないでしょうか。 HTML5とはいったい何なのか、できるだけ簡単な説明をしてみます。 HTML5を一言で言うと 誤解をおそれずに一言で言うと、HTML5とは、JavaScriptライブラリの仕様です。 新しいタグが導入されたとか、タグの属性が大幅に増えたとか、いわゆるマークアップ言語としての進歩も、もちろんあります。 その中には、Web制作者にとって大きな意味を持つものもあります。 が、HTML5がこれだけ騒がれ、画期的だと言われている一番のポイントは、JavaScriptからグラフィックが描画できたり、リアルタイム通信がおこなえるという点です。 これまでFlashが必要だったり、メディアプレイヤーが必要だったり、ブラウザ依存だったり
そらのき. » HTML Media Capture
HTML5に関する記事は6月の初旬から全く書いていませんでしたので久しぶりの更新となります。さて、今回はHTML API として策定されている『HTML Media Capture』のことを書いてみたいと思います。 HTML Media Capture って？ 今回取り上げるHTML Media Captureって何でしょう。W3C Working Draftの文章にはこのように書かれています。 HTML Media Capture (W3C Working Draft 14 April 2011) This specification defines HTML form enhancements that provide access to the audio, image and video capture capabilities of the device. （音声、画像、ビデオ
ネイティブでもHTML5でもない「ハイブリッドアプリ」の価値：Rails Hub情報局：エンジニアライフ
少し前の話ですが、Facebook CEOのマーク・ザッカーバーグ氏の発言が話題となりました。2012年9月11日に行われた米TechCrunchのイベントで同氏は、モバイル端末向けアプリを提供するプラットフォームとしてHTML5に賭けたのは同社始まって以来の戦略上最大の失敗だった、と発言したのです。 TechCrunch Disrupt SF 2012で話すマーク・ザッカーバーグ氏 ネイティブかHTML5かという対立軸 モバイルアプリの世界では現在、「ネイティブアプリか、HTML5か」という構図で技術が語られることが少なくありません。実際、両者には一長一短があり、ケース・バイ・ケースで使い分けられています。機能面や応答性ではネイティブアプリが有利ですが、HTMLを取り巻く開発環境は急速に進化していて、中長期的にはHTML5の普及が進むと見るのが一般的です。それだけに、ザッカーバーグ氏の発
クロスブラウザでファイルのドラッグ＆ドロップ、Ajaxアップロードを可能にする「FileDrop」:phpspot開発日誌
クロスブラウザでファイルのドラッグ＆ドロップ、Ajaxアップロードを可能にする「FileDrop」 2012年08月24日- FileDrop ? cross-browser JavaScript Drag & Drop file upload ? Блог Прогера クロスブラウザでファイルのドラッグ＆ドロップ、Ajaxアップロードを可能にする「FileDrop」。 対応ブラウザであれば以下のブラウザでドラッグ＆ドロップによるファイルアップロードが可能になります。どのJSフレームワークにも依存せず単体で使えます。 IEではIFrameを利用した画面遷移なしのファイルアップロードが可能。 ファイルをドロップすると、各種イベントハンドラが起動されて、タイミングに応じた好きな処理を記述することも出来るみたい。 関連エントリ HTML5を使ったファイルアップロード用プログラム集 jQuer
Internet Explorer 10 on Windows 8のHTML5／CSS3新機能（1/4） - ＠IT
特集：Web制作者＆開発者のためのIE10概説 Internet Explorer 10 on Windows 8のHTML5／CSS3新機能 尾崎 義尚 2012/08/24 ■はじめに ついにWindows 8の製品開発が完了し、8月16日からMSDNサブスクリプション会員向けに製品版の提供が開始された。執筆時点では、Internet Explorer 10（以降、IE10）単体での提供はされていないが、IE10はWindows 7以降にも提供される予定である（Windows Vista以前には非対応）。 以前、IE10 Platform Preview 2（以後、Platform Previewは「PP」と略す）までに追加された機能を紹介したが、その後も「8～12週ごとにPPを公開する」という公約どおりに提供され、2012年6月には、PP6まで公開された。ただし、Windows 7上
JavaScriptで画像加工アプリを作ろうぜ！
今回、紹介するライブラリはこちらの「Pixastic」というJavaScriptライブラリです！ Pixasticライブラリを利用すると、画像にエフェクトなどの効果を掛けられます。HTML5のAPIと連携することで、アプリケーションのような動作も可能になります。 過去に「HTML5」関連の勉強会で発表した際、このPixasticライブラリを使ったベータ版サンプルアプリを披露しました。筆者としては非常に優れたライブラリであると思いますので、再度記事にて紹介します。 Pixasticとは？ 画像に手を加えることができる、オープンソースのJavaScriptライブラリです。GitHubにもアップロードされていますが、以下のURLが「Pixastic」のサイトです。 ブラウザ上で作業できる これまでの画像加工ソフトは、特定の画像変更・加工アプリをPCにインストールし活用してきました。「Pixast
もう、Webはブラウザという制約に縛られなくていい ─ ＠IT
えーじ 2012/7/10 10年前、旅行先で道に迷わず目的地に辿り着くのがこんなに簡単になるなんて思わなかった。スマホとHTML5が、Webを自由に解き放つ まずは、食事のシチュエーションというUXの話から 唐突ですが、あなたはレストランでアルバイトをしたことがありますか？ 経験のある方なら、分かるかもしれませんが、レストランでアルバイトしていると、賄いで食事を出してもらえる場合があります。もちろん、お店によるので、一概にいえませんが、ちょっとしたファミレスでも、通常、顧客に出すものとほぼ同じ料理を食べられます。 そのとき、味はどうだったでしょう？ 1000円以上の価値があるものを無料で食べられるのだから、店によっては、実にうらやましい話だろうと思いきや、筆者の場合、そうでもないという感想を持った経験があります。 確かに、同じ料理なのですが、いわゆるバックヤードと呼ばれる従業員専用の、お
CSSで要素を透過させるopacityの挙動について、ブラウザ毎に調べてみた – ビットログ
moatextを作っていて気がついたのですが、InternetExplorer8ではCSSで指定した要素をうまく透過できない場合があります。 通常、HTML文書でCSSを使って要素を透過させると、次のようになります。 透過なし このように表示させるには、ブラウザ毎に対応したCSSを書く必要があります。 IEの場合は、”filter:alpha(opacity=50)”のようにします。(50は不透明度。0が完全透過。100がまったく透過しない。) 詳しくはこちら「IE・Firefox・Opera・Netscape・Safariで表示可能な半透明CSS/Opacityテクニック」やこちら「CSSで半透明を実現(IE,Firefox,Opera,Safari対応)」をご覧ください。 で、moatextでは文字のひとつひとつにspan要素を設定して不透明度(opacity)を設定するのですが、なぜ
HTML5か、ネイティブアプリか、ハイブリッドか、それが問題だ
HTML5か、ネイティブアプリか、ハイブリッドか、それが問題だ：Open Mobile Summit London 2012（1/2 ページ） ワンソースでさまざまなプラットフォームに対応でき、アプリストアからのコミッションも回避できるHTML5が注目を集めている。しかしHTML5にもコスト面や開発面の課題があり、ハイブリッド戦略を検討する企業が増えているという。 ワンソースでさまざまなプラットフォームに対応できることから、“モバイルアプリの救世主”として期待されるHTML5。だが、モバイルの世界でアプリといえば、現状では「AppStore」「Google Play」などのストアを通じて提供されるネイティブアプリが主流となっている。今後、HTML5は、モバイルアプリの分野でどのような役割を担うようになるのか――。 英ロンドンで開催された「Open Mobile Summit 2012 Lo
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flash CCで、HTML5のアニメコンテンツを作る方法 – ymoriblog
Wii U標準搭載のブラウザ、HTML5への対応度はIE10を超えていることが明らかに | インサイド
