インターネット白書2015

Similar documents

3. クラスリンク ( 先生の IP アドレス >:< ポート >) を生徒と共有して生徒がブラウザーから接続できるようにします デフォルトのポート番号は 90 ですが これは [Vision 設定 ] から変更できます Netop Vision Student アプリケーションを使

山梨県ホームページ作成ガイドライン

--

目次 1 章はじめに 本書の利用について Web ブラウザーについて 章 kintone でタイムスタンプに対応したアプリを作成する kintone にログインする kintone でアプリを作成する

使える! IBM Systems Director Navigator for i の新機能

Web AppBuilder for ArcGIS (Developer Edition) インストールガイド

情報分野のアクセシビリティ標準について

4. ファイルアップロード機能 使い方 ファイルをドラッグ & ドロップ した状態 図 4-1: ファイルアップロード画面 ( 例 ) 1. 送信するファイルをドラッグ & ドロップしてください 送信するファイルの右のエリアをマウスでクリックする事により 従来のエクスプローラー形式のアップロードも可

~ アドレス収集くん ~ セキュリティ対策御説明資料

ウェブデザイン技能検定 1 級実技 平成 28 年度 第 4 回 ウェブデザイン技能検定 1 級 実技試験概要 試験にあたっての注意事項 試験者は本試験の留意事項 注意事項に留意して作業を行うこと ペーパー実技試験は 課題 1 から 5 までの 5 課題を 60 分間で行うこと 作業実技試験は 課題

ポップアップブロックの設定

Password Manager Pro スタートアップガイド

提案書

CA Federation ご紹介資料


IE9 Beta版のここがいい、ここは直して欲しい ~裏HTML5~ Microsoft 2010 MVP Open Day Japan

IBM i のスマート・デバイス活用【HATSのiPhone / iPadサポート編】

今日のお話 実装とは? 達成基準と達成方法 実装チェックリストとは? 実装チェックリストの作り方 作成のコツと注意点 まとめ

3 アドレスバーに URL を入力し ( 移動ボタン ) をタップします 入力した URL のホームページに移動します ネットワークへのログオン 画面が表示された場合は ユーザー名 を確 認し パスワード を入力して OK をタップしてください ホームページがうまく表示されないときは Opera B

PHP 開発ツール Zend Studio PHP アフ リケーションサーハ ー Zend Server OSC Tokyo/Spring /02/28 株式会社イグアスソリューション事業部

2. 生田仮想デスクトップ PC の接続方法 生田仮想デスクトップ PC に接続する方法は 次の 2 通りです 1. HTML アクセス Internet Explorer や Safari などのブラウザを用います PC に特別なソフトウェアをインストールす る必要が無いので 管理者権限をもってい

PowerPoint Presentation

目次 1. PDF 変換サービスの設定について )Internet Explorer をご利用の場合 )Microsoft Edge をご利用の場合 )Google Chrome をご利用の場合 )Mozilla Firefox をご利

Flash Player ローカル設定マネージャー

FIDO技術のさらなる広がり

Microsoft Edge の場合 (1) Mizdori 無料体験版ダウンロード画面の [ 体験版ダウンロード ] ボタンをクリックします (2) Edge の下部に mizdori_taiken_setup.zip について行う操作を選んでください と表示され ますので [ 開く ] をクリッ

Microsoft Word - 11_thesis_08k1131_hamada.docx

ESET Smart Security 7 リリースノート

Oracle Policy Automation 10.0システム要件

OSSTechプレゼンテーション

P. もくじ 4.ShareDisk 機能 4-. アップロード方法の種類 アップロード可能なファイルサイズ 4-. ファイルの送信 ( ドラッグ & ドロップでアップロード (HTML5)) 4-3. ファイルの送信 ( ファイルずつ指定してアップロード ) 4-4. 送信状況一覧 4-5. ファ

ミガロ.製品 最新情報

メール利用マニュアル (Web ブラウザ編 ) 1

untitled

07_経営論集2010 小松先生.indd

Microsoft Office Visioによる 施設管理について

01_Bdy-Gbws07Guide-CS2.indd

ポップアップブロックの設定

Web

FUJITSU Cloud Service for OSS 認証サービス サービス仕様書

Canon Mobile Scanning MEAP Application インストールについて

JACi400のご紹介~RPGとHTMLで簡単Web化~

2. 総合情報センターホームページからアクセス 総合情報センターホームページ ( 左上にある Web メール をクリ ックします 2015 年 3 月 5 日 ( 木 ) までは現在のメールシステムが表示されます Web ブラウザから直接アクセ

2. 生田仮想デスクトップ PC の接続方法 生田仮想デスクトップ PC に接続する方法は 次の 2 通りです 1. HTML アクセス Internet Explorer や Safari などのブラウザを用います PC に特別なソフトウェアをインストールす る必要が無いので 管理者権限をもってい

JDLA受験申込専用サイト 操作マニュアル

WSMGR for Web External V7.2 L50 ご紹介

ATDM-0604 User Manual

Microsoft Word - WebMail.docx

技術レポート 1)QuiX 端末認証と HP IceWall SSO の連携 2)QuiX 端末認証と XenApp の連携 3)QuiX 端末認証 RADIUS オプションと APRESIA の連携 Ver 1.1 Copyright (C) 2012 Base Technology, Inc.

作業環境カスタマイズ 機能ガイド(応用編)

Notesアプリが iPadで動くDomino Mobile Apps ご紹介

PowerPoint プレゼンテーション

1. マイページの取得 学情主催イベント原稿入稿システム URL 上記 URL にアクセスしてください ( ブラウザに直接入力してください ) 1-1. メールアドレスの入力 トップページ 上記の学情主催イベント原

THiNQセットアップガイド

政府情報システムにおいてサービス提供の 対象とすべき端末環境及び Web ブラウザの 選定に関する技術レポート 2019 年 ( 平成 31 年 )3 月 28 日 内閣官房情報通信技術 (IT) 総合戦略室 標準ガイドライン群 ID 1013 キーワード ト ブラウザ IC カード ソフトウェア

目次 1. はじめに... 3 概要... 3 利用環境 (HTML5)... 3 利用環境 (Citrix Receiver) リモート PC への接続と終了... 4 接続方法の変更... 4 HTML5( 簡易バージョン ) での接続... 5 リモート PC の操作メニュー.

Microsoft Word - 【掲載用】True Keyマニュアル_1.0版_ r2.docx

本文中の記号の意味 本文中で使用している記号の意味について以下に示します システムの操作上または処理の手続き上において 特に注意していただきたい事項を記載しています 記載内容を必ずお読みください システムの操作上または処理の手続き上において 参考にしていただきたい事項を記載しています 必要に応じてお

スライド 1

SSB_G_ver1.0_2013.8

MotionBoard Ver. 5.6 パッチ適用手順書

ホームページ・ビルダー サービス「ライトプラン」

<4D F736F F F696E74202D208A778F708FEE95F197AC92CA82F08EC08CBB82B782E98B5A8F E97708B5A8F70816A5F94D196EC8D758E742E >

<4D F736F F D E835A A C98AD682B782E98E77906A89FC92F994C52E646F63>

サイボウズ リモートサービス ユーザーマニュアル

報道関係者各位 プレスリリース 2019 年 01 月 15 日 株式会社ネオジャパン グループウェア desknet's NEO バージョン 5.2 を 1 月 15 日に提供開始 ~ 業務アプリ作成ツール AppSuite との連携を強化 他にも AppSuite 連携 API 公開など多数の機

(仮)日本アンケートモニター協会 設立に向けて

1. WebShare(HTML5 版 ) 編 1.1. ログイン / ログアウト ログイン 1 WebShare の URL にアクセスします xxxxx 部分は会社様によって異なります xxxxx 2 ユーザー名 パ

1. WebShare 編 1.1. ログイン / ログアウト ログイン 1 WebShare の URL にアクセスします xxxxx 部分は会社様によって異なります xxxxx. 2 ログイン名 パスワードを入力し

ArcPad の代替となる現地調査ソリューションについて

ek-Bridge Ver.2.0 リリースについて

ic3_cf_p1-70_1018.indd

Microsoft Word - XOOPS インストールマニュアルv12.doc

untitled

Windows Liveメールの設定

目次 1. はじめに...3 概要...3 利用環境 (HTML5)...3 利用環境 (Citrix Receiver) リモート PC への接続と終了...4 接続方法の変更...4 HTML5( 簡易バージョン ) での接続...5 リモート PC の操作メニュー...8 Cit

New:Oracle BI Publisher 11g Release が新登場

ESET NOD32 アンチウイルス 8 リリースノート

ArcGIS for Server での Web マップの作成方法

Transcription:

- Web HTML と関連技術の動向 黒澤 剛志 株式会社ミツエーリンクス 0 年 0 月に HTML が勧告に Web アクセシビリティやユーザー 操作の抽象化 オフライン Web アプリケーション Extensible Web の実装や標準化が進む HTML 仕様の勧告 0 年 0 月 WC World 標準化することを検討している Wide Web Consortium は HTML 仕様を勧告として公開 改めて考える HTML の意義 した WHATWG Web Hypertext Application HTML の標準化が つの区切りを迎えたことを Technology Working Group での標準化が始 受けて ここで 改めて HTML でコンテンツやア まってから 0 年 WC での HTML の標準化が始 プリケーションを作ることの意味を考えてみたい まってから 7 年が経ち HTML の標準化は つの さまざまな考えがあるだろうが コンテンツや 区切りを迎えた アプリケーションが 誰もがいつでもどこでも 使 WC の仕様が勧告となるには 複数の実装 ブ える点が重要であることは間違いないだろう そ ラウザーなど によるサポートが必要である この こで この節では 誰もがいつでもどこでも 使 ため HTML 仕様が勧告となったことは HTML える という観点から HTML と関連する技術動向 仕様はすでにブラウザーなどで実装され コンテ を見ていきたい ンツで利用されていることを意味している この 意味で HTML 仕様に目新しいところはない 誰もが使える Web アクセシビリティ しかし このことは HTML の標準化作業が終わっ 誰もが使える という側面では アクセシビリ たことを意味しない HTML 仕様には もとに ティに関する取り組みを欠かすことはできない なった WHATWG の HTML Standard に含まれて アクセシビリティ Accessibility とは アクセ いる機能のうち 現時点ではブラウザーなどに実 スする access と できる ability を組み 装されていないものや標準化の進んでいないもの 合わせた言葉であり Web アクセシビリティ と などは含まれておらず 今後もこれらの機能を中 いった場合には誰もが Web コンテンツにアクセス 心に WHATWG と WC による標準化作業は進ん して情報を得られることを意味する Web アクセ でいく シビリティは従来 障害者や高齢者への対応とい 今後の作業方針は執筆時点の 0 年 月現在 う文脈で語られがちであるが 本来はそれにとど も検討中だが WC は WHATWG との作業の重複 まらず 文字通り誰もがアクセスできることを意 を避けつつ HTML の仕様をモジュールにわけて 味する 第 部 製品 技術動向

Web アクセシビリティにはいくつかの側面があ トしなくてはならないが 現在の Web 技術は 入 るが HTML 仕様と特に関係するのが 機械可 力デバイスごとにユーザーの操作を処理するもの 読性 マシンリーダブル である HTML 仕様 がほとんどである そのため コンテンツ側での では多くの要素や属性が定義され これまで以上 処理が複雑になってしまう にコンテンツのセマンティクスを簡単に表現でき そこで WC ではユーザーの操作を抽象化し るようになった さらに 0 年 月に WC の て 意図のレベルで扱う仕様の検討が進んでいる 7 8 勧告となった WAI-ARIA.0 は Web アプリケー IndieUI: Events や User Intentions これら ションのセマンティクスなどを表現する仕様であ の仕様はまだブラウザーでの実装が進んではいな り HTML と組み合わせて使うことも一般的に いが 今後必要とされる技術であるだけに 動向 なりつつある WAI-ARIA が表現するセマンティ には注意が必要であろう クスはスクリーンリーダー などで利用されてい るほか Internet Explorer ではタッチディスプレ いつでもどこでも使える オフライン Web アプ イにおけるホバー操作のサポートにも使われてい リケーションへの取り組み る いつでもどこでも使える という側面では 0 Web アクセシビリティの別の側面は 代替情報 年はオフラインで動作する Web アプリケーション の提供である たとえば 聴覚障害者や 地下鉄 に関する取り組みが活発に行われた点に注目した などの音が聞き取りにくい状況にいる人などは い モバイルデバイスはほぼ常時ネットワークに 音声だけでは情報を得られないため キャプショ 接続されているが 現在もトンネルや航空機など ン 字幕 などの音声の代替となる情報を必要 オフラインになる時間が存在する とする オフライン Web アプリケーション向け機能の標 HTML 仕様では動画にキャプションを指定す 準化はこれまでも取り組まれており たとえば ることが可能になり 主要なブラウザーもすでに HTML 仕様にも Application Cache という機能 対応している 動画や音声からキャプションを書 が存在する しかし この Application Cache は き起こす作業には一定の手間と時間がかかるが 必ずしも Web 開発者のニーズを満たせていなかっ YouTube は動画を見ながらキャプションを編集す た る機能 や 音声認識を使って自動的にキャプショ 9 0 年は Service Workers の標準化が本格的 ンを生成する機能 を提供しており 今後より効 に開始された年と言える Service Workers は 率的にキャプションを作成可能になることが期待 ページとは独立にブラウザー上で動作し続ける できる JavaScript モジュールである ユーザーがページ Web アクセシビリティで近年特に重要になって を閉じたり別のページに移動したりしても Service いるのが 多様化する入力デバイスのサポートで Workers はブラウザーの中で動作し続ける オフ ある ユーザーが利用するデバイスは多様化して ライン Web アプリケーションでは ユーザーが おり 操作の入力にもキーボードやマウス タッ ファイルをリクエストすると Service Workers チ操作や音声認識など さまざまなデバイスや方 がサーバーの代わりにリクエストを処理して レ 法が使われている コンテンツを誰もが使えるよ スポンスを動的に生成することが検討されている うにするには この多様な入力デバイスをサポー すでに Google Chrome や Mozilla Firefox での実 第 部 製品 技術動向

0 装も進んでおり 今後の動向が注目される Web が提唱されている これは コンテンツ制 オフライン Web アプリケーションでは サーバー 作側が必要とする機能を JavaScript ライブラリ にデータを格納できないため ブラウザーにデータ として実装できるようにし その後で標準化や を格納する方法が必要である ブラウザー上のデー ブラウザーの実装を進めようというものである タベースはいくつかの仕様 Web Storage Web SQL Database Indexed Database Indexed JavaScript ライブラリであれば ライブラリを利 用している人からフィードバックを受けやすく DB が提案 標準化されてきた フィードバックをもとに修正 調整することも仕 しかし 用途による向き 不向きや ブラウザー 様より容易である によって対応している仕様にばらつきがある と このようなライブラリを実現しやすくするには いった問題があった Web Storage はブラウザー ブラウザーが行っているさまざまな処理 ネット のサポートも良好で手軽に利用できる反面 バイ ワークからのリソース取得 各種ファイルの処理 ナリデータの格納やパフォーマンスに問題を抱え 画面への表示や音声出力 などなど を JavaScript ていた Indexed DB はバイナリデータもサポー で拡張できなくてはならない そこで Extensible トした高速な DB の仕様であるが API が煩雑であ Web では ブラウザーが行っている処理 低レベ ることや Safari がサポートしていないことなど ルな機能の標準化を優先的に進めようとしている の弱点があった たとえば Web Components では コンテンツ 0 年には アップルによる Indexed DB に 制作側が 独自の HTML 要素を定義し独自の 対応した Safari 7. Mobile Safari 8 のリリー 機能を実装できる このため コンテンツ制作側 スや モジラによる Web Storage に似た API を提 は必要とする機能を 必要とする粒度で独自要素 供する Indexed DB 対応 JavaScript ライブラリ として実装し コンテンツ内で利用できる Web localforage のリリースなど Indexed DB をめ Components を使ったライブラリにはすでにグー ぐる話題が相次いだ グルの Polymer やアシアルの Onsen UI など 7 がある 今後の標準化 Extensible Web それ以外にも ネットワークからリソースを取 これまで見てきたように 現在も多くの仕様の 得する処理 fetch やデータの暗号化や署名処 提案と標準化が行われている しかし 仕様が標 理 Web Cryptography API URL のパースや 準化されてブラウザーに実装されるまでには年単 組み立て処理 URL など 低レベルの機能の 位の時間がかかる 多くの場合 コンテンツ制作 標準化が進んでいる 側が仕様の機能を試すのは 仕様の標準化が進み ただし これらの仕様そのものが標準化され ブラウザーへの実装が進んだ後である この段階 ブラウザーに実装されること自体にある程度の時 でコンテンツ制作側からフィードバックが出ても 間がかかる そのため 今後は低レベル機能の標 これまでの仕様や実装と折り合いをつけながら仕 準化とブラウザーの実装動向 および それらの 様を調整するには 多くの時間と労力がかかる 仕様を活用したライブラリの動向に注意が必要で そこで今後の標準化の考え方として Extensible あろう 8 9 0 第 部 製品 技術動向