タグ

関連タグで絞り込む (196)

タグの絞り込みを解除

HTML5に関するflatbirdのブックマーク (364)

  • New community features for Google Chat and an update on Currents

    Join the official community for Google Workspace administrators In the Google Cloud Community, connect with Googlers and other Google Workspace admins like yourself. Participate in product discussions, check out the Community Articles, and learn tips and tricks that will make your work and life easier. Be the first to know what's happening with Google Workspace. ______________ Learn about more Goo

    New community features for Google Chat and an update on Currents
  • [速報]HTML5、ついにW3Cの勧告となる

    W3Cが発表したプレスリリース(日語)の冒頭を引用します。 2014年10月28日(アメリカ): ワールド・ワイド・ウェブ・コンソーシアム(W3C)は、ウェブページやウェブアプリケーションを構築する際に使用されるフォーマットHTMLの第5版であるHTML5を勧告として公開し、オープン・ウェブ・プラットフォームの礎を築きました。HTML5は、アプリケーション開発者やアプリケーション産業がこの先何年に渡って信頼するに足る、アプリケーション開発のための機能を提供します。HTML5は今や幅広いデバイスで、そして世界中のユーザが利用可能であり、かつ豊富な機能を持つアプリケーションの開発コストを削減します。 W3Cディレクターを務めるティム・バーナーズ=リーは、「ビデオやオーディオをブラウザ上で見たり、ブラウザ上で通話をすることは、今や当然の事として受け止められている」と述べています。「写真や店舗の

    [速報]HTML5、ついにW3Cの勧告となる
  • HTML5勧告–オープン・ウェブ・プラットフォームの重要なマイルストーンを達成

    安定した基盤上で、次世代のウェブテクノロジーを構築 Read below what W3C Members have to say about HTML5 2014年10月28日(アメリカ): ワールド・ワイド・ウェブ・コンソーシアム(W3C)は、ウェブページやウェブアプリケーションを構築する際に使用されるフォーマットHTMLの第5版であるHTML5を勧告として公開し、オープン・ウェブ・プラットフォームの礎を築きました。HTML5は、アプリケーション開発者やアプリケーション産業がこの先何年に渡って信頼するに足る、アプリケーション開発のための機能を提供します。HTML5は今や幅広いデバイスで、そして世界中のユーザが利用可能であり、かつ豊富な機能を持つアプリケーションの開発コストを削減します。 W3Cディレクターを務めるティム・バーナーズ=リーは、「ビデオやオーディオをブラウザ上で見たり、ブラ

    HTML5勧告–オープン・ウェブ・プラットフォームの重要なマイルストーンを達成
  • Private Presentation

    Private content!This content has been marked as private by the uploader.

  • レスポンシブイメージのネイティブサポート - HTML5 Rocks

    The picture element Stay organized with collections Save and categorize content based on your preferences. The previous module demonstrated how the srcset attribute allows you to provide different-sized versions of the same image. The browser can then decide which is the right version to use. If you want to change the image completely, you'll need the picture element. In the same way that srcset b

    レスポンシブイメージのネイティブサポート - HTML5 Rocks
    flatbird
    flatbird 2014/10/27
    chrome 38 からサポートされる picture 要素
  • HTML5の技術だけで実装!「YouTubeみたいなWebGLプレーヤー」とは?

    HTML5の技術だけで実装!「YouTubeみたいなWebGLプレーヤー」とは? 松田光秀(jThree合同会社) この記事では、HTML5 Japan Cup 2014で優秀賞を頂いた「YouTubeみたいなWebGLプレーヤー」で利用されている技術を解説します。 はじめに 「YouTubeみたいなWebGLプレーヤー」はコンテンツそのものとは分離された、オープンソースJavaScriptライブラリ「jThree」のプラグインです。オープンソースとして公開していますので、誰でも自身の作品に差し替えてブログなどに掲載することができます。WebGLの描画部分は全てjThreeで管理しています。この記事では、プレーヤーで採用している2つのHTML5 APIとjThreeの概要をご紹介します。 プレーヤーの機能 このプレーヤーは、まるで動画のごとくWebGLコンテンツを楽曲付きで再生できます。動

    HTML5の技術だけで実装!「YouTubeみたいなWebGLプレーヤー」とは?
  • エンタープライズHTML5とバックエンド─エンタープライズ×モバイルアプリ開発の最新動向(3)

    エンタープライズHTML5とバックエンド─エンタープライズ×モバイルアプリ開発の最新動向(3) 田中 正裕(アシアル株式会社) 前々回、前回と業務アプリのフロントエンドについて主に説明しました。今回は、バックエンドに焦点を当てて説明を行います。 業務アプリの多くは、ブラウザーを通じて利用されるWebアプリ方式で提供されます。この場合、サーバー側でJavaPHPRubyといった言語を用いてサーバーサイドプログラムが実行されます。もちろんHTML5やJavaScriptを用いてリッチなWebアプリを実現することができますが、その場合においてもビジネスロジックのほとんどはバックエンドに記述されてます。 一方、モバイルアプリの世界では、この割合が大きく異なります。たとえば、バックエンドの機能は、フロントエンドと連携するためのAPI機能が中心となります。フロントエンドについては、HTML5で開発

    エンタープライズHTML5とバックエンド─エンタープライズ×モバイルアプリ開発の最新動向(3)
  • エンタープライズHTML5モバイルの開発手法─エンタープライズ×モバイルアプリ開発の最新動向(2)

    アプリの実行パフォーマンスの点では、App Storeでトップ10を狙うようなコンシューマーアプリとは異なり、業務アプリで求められる必要十分な速度を満たせば問題ありません。フレームワーク選定の際に、速度重視のJavaScriptライブラリー(Onsen UIなど)の採用を考慮することで、HTML5でも満足できる実行速度が達成できます。 それ以上に、次節の通り、開発時には下記にあるようなメリットがネイティブに勝ります。 HTML5が業務アプリに向いている理由 HTML5のメリットを一言で表現するならば、「つぶしが効く」というのが最も近いかもしれません。対応するOSの種類や画面サイズの広さもさることながら、使用技術やハイブリッド化によるネイティブアプリ作成まで、アプリ開発エンジンとしてHTML5は高い汎用性を備えています。 マルチプラットフォーム・スクリーンサイズに対応 HTMLを使えば、モバ

    エンタープライズHTML5モバイルの開発手法─エンタープライズ×モバイルアプリ開発の最新動向(2)
  • HTML5とかモバイルとかJSフレームワークとか、ぶっちゃけどうなの座談会

    HTML5とかモバイルとかJSフレームワークとか、ぶっちゃけどうなの座談会 村地彰(株式会社シーピーエス) 最近のシステム開発の現場では、HTML5やモバイル、JSフレームワークなどの新しい道具が次々と登場してきます。「そうした新しい道具ってエンタープライズではどうなの?」「現場として受け入れられているの?」といったぶっちゃけトークを行う座談会が、8月11日に美人で有名なおだんみつさんのいる21cafeで開催されました。1時間半にわたる長時間のトークから特に盛り上がった話を紹介します。 ▲パネラーたち(左から株式会社クレスコ・小川充さん、グロースエクスパートナーズ株式会社・酒巻瑞穂さん、NTTコムウェア株式会社・川田寛さん) 日のエンタープライズが抱える悩ましい問題とは 川田:世の中は技術革新で勉強会に行くとワクワクするんですが、でも皆さん当に使ってますか? 私はあるところで「勉強会で

    HTML5とかモバイルとかJSフレームワークとか、ぶっちゃけどうなの座談会
  • エンタープライズモバイルはカスタムアプリへ─エンタープライズ×モバイルアプリ開発の最新動向(1)

    エンタープライズモバイルはカスタムアプリへ─エンタープライズ×モバイルアプリ開発の最新動向(1) 田中 正裕(アシアル株式会社) スマートフォンやタブレットが普及する中で、エンタープライズ分野でのモバイル活用が注目を集めています。特にモバイルファーストという掛け声のもと、B2E(Business to Employee)やB2B(Business to Business)において、スマートデバイスを活用する動きが広まっています。 私としても「多くの企業ではモバイルを活用するのかしないのか」という議論から、「いつモバイルを始めるのか?」「どのように実装するのか?」という内容に論点が移っていることを実感しています。 もう一つの大きな特徴は、事業部門がモバイル化を先導している一方、情報システム部や総務部はセキュリティリスクやBYOD等の対処を迫られていることです。企業モバイル先進国であるアメリカ

    エンタープライズモバイルはカスタムアプリへ─エンタープライズ×モバイルアプリ開発の最新動向(1)
    flatbird
    flatbird 2014/09/05
    もやもや感じていたことが整理されてて有難い。ユーザ獲得のため UX を最優先するコンシューマアプリではハイブリッドは向かない。クロスプラットフォームや開発コストを重視するエンプラで選ばれる。
  • Chromecastで動くHTML5ベースのメディアストリーミングアプリを作るための基礎知識

    意外と知られていないことですが、Chromecast対応アプリは、iPhoneアプリAndroidアプリ同様に誰でも開発することができ、今多くの開発者から注目されていて、今後もその数が増えることが予想されます。 Web&モバイル技術のSIを手掛けるオープンストリームでは、Chromecastデバイスの国内発売前からスマートフォンアプリ(iOS版およびAndroid版)の対応について技術検証を行い、詳細な技術ノウハウを獲得してきました。連載では、その時に得た技術を基にChromecastアプリのシステム構成、開発環境、開発準備、メディアストリーミングアプリの開発方法について注意点を含めて解説していきます。Chromecast対応アプリを開発する参考にしてください。 初回は、Chromecastの概要とサンプルアプリを動作確認できるまでの開発手順を解説します。 Chromecastアプリの

    Chromecastで動くHTML5ベースのメディアストリーミングアプリを作るための基礎知識
    flatbird
    flatbird 2014/09/04
    そうそう、Receiver は Web アプリなんだよな。Chromecast 、届いた当日以来忙しくて触ってないけど、何か作ってみたいなー。
  • モダンWeb

    誕生から四半世紀を経てWebはその姿を大きく変えています。かつてのWebは単に科学技術文書を公開するためだけの仕組みでしたが、現在ではマルチメディア、ショッピング、アプリケーション、ひいてはオペレーティングシステムさえも包含する技術へと成長しています。このようなWebの最新技術動向を鋭く切り取り、わかりやすく解説したのが書です。近年脚光を浴びているレスポンシブWebのためのCSSをはじめ、位置情報やバッテリーの状態を取得するためのAPI、プラグインに頼らないマルチメディア再生などを紹介します。さらに、近い将来に普及するであろう注目のWebコンポーネント技術についてもいち早く解説します。 目次 賞賛の声 まえがき 1章 Webプラットフォーム 1.1 用語について 1.2 想定される読者と、読者が知っておくべきこと 1.3 用語の再確認 1.4 HTML5とは 1.4.1 HTML5のひな

    モダンWeb
  • HTML5アニメーションを簡単に作成できるツール「Google Web Designer」&「HTML5 MAKER」|BLACKFLAG

    Webページ上にアニメーション演出を組み込もうとする場合、 今ではJavaScript(jQuery)やCSS3など、実装方法がいくつかありますが HTML5でのアニメーション動作を簡単に作成することができる 気になる便利ツールが2点ほどあったので自分用メモとして紹介してみます。 Google Web Designer 言わずと知れたGoogleさんから公開している HTML5アニメーションをつけた広告を制作できるツール「Google Web Designer」。 ツールは無料でダウンロードすることができます。 この「Google Web Designer」では広告バナーのみならず 画像ギャラリーなども簡単に作れるようになっており 操作も直感的に制作できるようになっています。 作成したデータは一式ダウンロードすることができ 組み込みも簡単にできます。 試しに作成してみたサンプルはこちら。

    HTML5アニメーションを簡単に作成できるツール「Google Web Designer」&「HTML5 MAKER」|BLACKFLAG
  • 実例から考える、HTML5時代のエンタープライズ・アーキテクチャ

    HTML5の時代となり、フロントエンドの重要性が増してきています。業務システムにおいても、HTML5を格的に適用する事例が増えてきました。このような環境において、バックエンドを含めた次世代アーキテクチャのベストプラクティスを模索するというのが記事の趣旨です。 記事では、HTML5時代におけるアーキテクチャの概要を提示した上で、アーキテクチャ実装の具体例として、「OData+UIフレームワーク」を採用した事例を紹介します。その上で、このアーキテクチャを採用した場合のメリットと、今後の課題について記述していきます。 HTML5時代における業務システムアーキテクチャのポイントとは 業務システムにおけるHTML5化の流れについては、「JavaからHTML5ヘ。業務システムの開発におけるWeb技術の変化と適応事例」にて、エキスパートの佐川夫美雄さんが語っているように、HTML5時代において「J

    実例から考える、HTML5時代のエンタープライズ・アーキテクチャ
  • Web Componentsについて、いま思うこと - console.blog(self);

    第49回 HTML5とか勉強会に行ってきた。テーマは「HTML5最新情報 @Google I/O」だけど、Web Components祭りだったと思う。スタッフなので受付の案内したり、ピザやビールを並べたり、ピザやビールをべたり飲んだりした。 第49回 HTML5とか勉強会 : ATND 第49回 HTML5とか勉強会 - Togetterまとめ 動画が上がってる。はやい! セッションはこんな感じ。 第49回HTML5勉強会 Google I/O 2014サマリー from Takuya Oikawa Google I/O サマリー @takoratta Web Componentsが変えるWeb開発の未来 泉水翔吾 @1000ch Material Design + Polymer 佐藤歩 @ahomu Material Design と Polymer - HTML5とか勉強会に登壇

    Web Componentsについて、いま思うこと - console.blog(self);
  • HTML5開発環境とアーキテクチャと 〜 HTML5Experts.jp エンタープライズ開発特集・記念 〜 - albatrosary's blog

    連載 | エンタープライズ開発特集 | HTML5Experts.jpがはじまりました。HTML5Experts.jpでは、私もエキスパートとしていくつか記事を書かさせて頂いております。 HTML5はバズワードではなくなったし、エンタープライズでも既に当たり前になってきた感のあるHTML5ですし、開発環境やアーキテクチャについても確定してきた感があります。 そして、既に「考え調べる」というフェーズから「使う」というフェーズに移りましたので、これからのエンタープライズ技術者は実践を通して手を動かすことが重要になります。 HTML5に適した開発環境 昨年では珍しかったYEOMAN(The web's scaffolding tool for modern webapps | Yeoman)も、既にエンタープライズでも当たり前のように使われています。開発インフラとしてのツールとしての地位を確立し

    HTML5開発環境とアーキテクチャと 〜 HTML5Experts.jp エンタープライズ開発特集・記念 〜 - albatrosary's blog
  • HTML5が変える、エンタープライズITの可能性とこれから

    こんにちは、川田です。今日からHTML5 Experts.jpでは「エンタープライズ開発特集」を始めます。第一弾の今回は、HTML5とエンタープライズITについてのオーバービューを語ります。サーバサイドのお話はわりとよく見ますが、フロントエンドにフォーカスしているというのは珍しいようにも思えますね。 IT自体が幅広い分野のビジネスや製品に変わりつつある昨今、「エンタープライズITの話をするぞ!」と言うと、いろんな方面の人からこう問われます。 「そもそも、エンタープライズって何?」 エンタープライズ、正式には「エンタープライズシステム」になりますが、直訳すれば「企業向けシステム」。一言で言うなら「企業のビジネスを支えるための仕組み」を意味します。企業の業務の効率化を進めたり、経営戦略や問題解決を進めるためのワークプロセス(仕事の進め方)と道具(アプリやインフラ)のことです。 エンタープライズ

    HTML5が変える、エンタープライズITの可能性とこれから
  • Accelerated Hybrid Mobile Apps: The Sweet Spot

    The best way to develop mobile apps may be to combine native and hybrid architectures Amazon recently moved to provide direct support for HTML5 web apps in its app store.  It makes you wonder why the benefits of web standards still aren’t pushing more apps away from tedious device specific UI development.  One factor is that while Amazon is giving a boost to HTML5 mobile apps, Apple’s iOS (still w

    Accelerated Hybrid Mobile Apps: The Sweet Spot
  • 誰にでも好まれる2番手?--開発プラットフォームとしてHTML5に未来はあるのか

    Matt Asay (Special to ZDNET.com) 翻訳校正: 川村インターナショナル 2014-08-12 07:30 HTML5は失敗する運命にあるように見える。スタート時は期待できるものだったが、性能への要求と優れたツールキットによって、モバイルアプリの開発プラットフォームはAppleの「iOS」とGoogleの「Android」にほぼ完全に支配されつつある。 それでも、HTML5にはまだ望みがある。VisionMobileが毎年出している報告書「Mobile Megatrends」で説明したように、HTML5はウェブブラウザという範囲内では、自らの潜在能力を発揮することは決してないだろうが、ブラウザを越えたところに明るい未来がある。 HTML5のどこが失敗か HTML5は有望だったにもかかわらず、ブラウザベースでAppleGoogleに取って代わるものとなることにほ

    誰にでも好まれる2番手?--開発プラットフォームとしてHTML5に未来はあるのか
    flatbird
    flatbird 2014/08/12
    「Firefox Mobile」って何だよ。。。
  • Server Sent Events(SSE)の使いどころと使い方 | GREE Engineering

    Flameの箱を捨ててしまったためどうやって送り返すか困っています。@kyo_agoです。 今日は2014年6月にβ公開したGREEチャットで通信に使用しているSSEを紹介したいと思います。 SSEとは SSEとはServer-Sent Eventsの略でW3Cで提案されているhtml5関連APIの一種です。 これはサーバとの通信やJavaScript APIを中心としたもので、サーバからPush通信を行うための仕様です。 サーバからPush通信に関してはこれまでもCometやWebSocketが存在しましたが、SSEは互換性や効率などの点でそれ以外の技術に対する特徴があります。 ここからは具体的な仕様や、実際に使用した場合の感想などを紹介したいと思います。 通信方式 SSEはHTTP/1.1を使用し、Content-Type: text/event-streamで通信を行います。 基

    Server Sent Events(SSE)の使いどころと使い方 | GREE Engineering