Your SlideShare is downloading. ×
クラウドクライアントとモバイルデバイス
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

クラウドクライアントとモバイルデバイス

293

Published on

モバイルとクラウドをひとつの基盤と考えることはもはや常識です。クラウドとモバイルの関係、モバイル・デバイスの機能や役割を歴史やガラ携との比較を織り交ぜながら解説します。 …

モバイルとクラウドをひとつの基盤と考えることはもはや常識です。クラウドとモバイルの関係、モバイル・デバイスの機能や役割を歴史やガラ携との比較を織り交ぜながら解説します。

http://libra.netcommerce.co.jp/

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
293
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. © 2009-14,all rights reserved by NetCommerce Inc. クラウド・クライアント とモバイル・デバイス
  • 2. © 2009-14,all rights reserved by NetCommerce Inc. クラウド時代のクライアント・プラットフォーム HTML5 ブラウザーベースOS モバイル・シフトとモバイル・ファースト
  • 3. © 2009-14,all rights reserved by NetCommerce Inc. クライアント・サーバーの時代 表 示 処 理 蓄 積処 理 分散システム プログラム/PC Webシステムの時代 表 示 蓄 積処 理 ブラウザー/PC クラウドの時代 表 示 処 理 蓄 積処 理 集中システム ブラウザー/PC Rich Internet Client メインフレームの時代 表 示 蓄 積処 理 キャラクター端末 集中システム ITプラットフォームの歴史/クライアントの視点から Ajaxから HTML5へ v 低い表現力   文字表示のみの単機能 v 低速ネットワーク   大きなデータのやり取り困難 v 高い表現力   レイアウト・編集などPC処理 v 低速ネットワーク   大きなデータのやり取り困難 v そこそこの表現力   ブラウザー・表現力に限界 v 中速ネットワーク   大きなデータのやり取り困難 v 高い表現力   ブラウザー・高度な表現力 v 高速ネットワーク   画像や動画などのやり取り可能
  • 4. © 2009-14,all rights reserved by NetCommerce Inc. クライアント・サーバーの時代 Webシステムの時代 クラウドの時代メインフレームの時代 ITプラットフォームの歴史/クライアントの視点から v 低い表現力   文字表示のみの単機能 v 低速ネットワーク   大きなデータのやり取り困難 v 高い表現力   レイアウト・編集などPC処理 v 低速ネットワーク   大きなデータのやり取り困難 v そこそこの表現力   ブラウザー・表現力に限界 v 中速ネットワーク   大きなデータのやり取り困難 v 高い表現力   ブラウザー・高度な表現力 v 高速ネットワーク   画像や動画などのやり取り可能 表現力 の高さ 端末エミュレーター プログラムを PC上で稼働 Windows95に ブラウザー(IE1.0) が無償バンドル Rich Internet Client (Flash, Silverlightなど) からAjax/HTML5へ プラットフォームに依存 しないアプリケーション 実行環境 ベンダーによる 無償プラグイン (開発ツール有償)
  • 5. © 2009-14,all rights reserved by NetCommerce Inc. Ajax (エイジャックス) とは 非同期の JavaScript サーバーからダウンロードされ ブラウザ上で実行される スクリプト言語 eXtensible Markup Language Webサーバーとブラウザー 間の通信に使われる マークアップ言語 Asynchronous JavaScript + XML = Web  ブラウザ単独で、PCにインストールされた アプリケーション並みの操作性を実現
  • 6. © 2009-14,all rights reserved by NetCommerce Inc. クラウド・クライアント:昔の地図サイト
  • 7. © 2009-14,all rights reserved by NetCommerce Inc. Ajax  を使った地図サイトクラウド・クライアント:Ajax を使った地図サイト
  • 8. © 2009-14,all rights reserved by NetCommerce Inc. 要素技術は新しいものではない •  JavaScript (ジャバ  スクリプト) –  1996年リリースのIE3ですでにサポートされている –  セキュリティに問題があるため、機能をオフにしておくこと が推奨されていた •  DHTML (ダイナミック  HTML) –  1997年リリースのIE4からサポート –  HTML文書内にスクリプトを埋め込み、動的なページを作成 •  XML (eXtensible Markup Language) –  1998年W3C勧告 –  1999年リリースのIE5からサポートされている 既存技術の「組み合わせ」によってまったく新しい ユーザーエクスペリエンスを実現した
  • 9. © 2009-14,all rights reserved by NetCommerce Inc. Ajax  の意義 標準のWeb  ブラウザ で独立アプリ並みの 操作性を実現できる クライアントアプリやプラグイン 無しで高度な対話型のシステムを 構築可能 クラウド  コンピューティング Webシステム/Webアプリ/Webサービス のUIを劇的に改善 クラウドのクライアントとしての Web  ブラウザーの重要性が増大
  • 10. © 2009-14,all rights reserved by NetCommerce Inc. 10 ブラウザーの動向/狙い l Windows Internet Explorer l Mozilla Firefox l Apple Safari l Google Chrome l Opera JavaScript実行速度の向上 クラウド・サービスを快適に使える Safari 5
  • 11. © 2009-14,all rights reserved by NetCommerce Inc. 11 ブラウザーの動向/Google が狙うもの 「新しいコンピューティング・サービスは、どこかの雲の中に あるサーバーから始まる。PC、Mac、携帯電話など、どの ようなデバイスからでも適切なアクセス手段があれば利用 できる。」  Google CEO エリック・シュミット 2006年8月のスピーチ 適切なアクセス手段  Web  ブラウザー  2008年、Google Chrome  を発表  2009年、Chrome OSを発表 マルチプラットフォーム対応 最速の  JavaScript  実行速度 クライアントを標準化し インターネットの利用を加速させる 無料 広告収入 増大
  • 12. © 2009-14,all rights reserved by NetCommerce Inc. クラウド時代の 新しいクライアントプラットフォーム
  • 13. © 2009-14,all rights reserved by NetCommerce Inc. クラウド時代の新しいアプリケーションレイヤー PC/AT Mac Windows Linux MacOS Rich Internet Client PC/AT Mac Windows Linux Mac OS 携帯 Android MacOS Windows TV 携帯 プラットフォームに依存しないアプリケーション実行環境 Flash Ajax→HTML5 Silverlight Rich Internet Application OS毎に個別のプログラムを用意しなくてはならない。 どのOS/プラットフォームでも 同じプログラムを動かすことができる。
  • 14. © 2009-14,all rights reserved by NetCommerce Inc. HTML5
  • 15. © 2009-14,all rights reserved by NetCommerce Inc. クライアント・サーバーの時代 Webシステムの時代 クラウドの時代メインフレームの時代 ITプラットフォームの歴史/クライアントの視点から v 低い表現力   文字表示のみの単機能 v 低速ネットワーク   大きなデータのやり取り困難 v 高い表現力   レイアウト・編集などPC処理 v 低速ネットワーク   大きなデータのやり取り困難 v そこそこの表現力   ブラウザー・表現力に限界 v 中速ネットワーク   大きなデータのやり取り困難 v 高い表現力   ブラウザー・高度な表現力 v 高速ネットワーク   画像や動画などのやり取り可能 表現力 の高さ 端末エミュレーター プログラムを PC上で稼働 Windows95に ブラウザー(IE1.0) が無償バンドル Rich Internet Client (Flash, Silverlightなど) からAjax/HTML5へ プラットフォームに依存 しないアプリケーション 実行環境 ベンダーによる 無償プラグイン (開発ツール有償)
  • 16. © 2009-14,all rights reserved by NetCommerce Inc. WEBページ上で動作するプ ログラミング言語 これ一枚で分かる HTML5 文書(Webページ)の内容や 見出し、段落、強調部分など の文書の構造を規定する言 語(マークアップ言語) 文書(WEBページ)のレイア ウトや見栄えを定義するため の言語(スタイルシート) Cascading Style Sheets 3.0 Java Script Hyper Markup Language 5 HTML4をベースとした Ajaxからの次世代・進化形 クラウド利用の裾野を広げる Webアプリケーションの標準 次世代の Web標準技術全般 慣例として使用されている HTML5の広義の意味 本来の意味での 狭義のHTML5 Webページ上で ネイティブPCアプリケーション と遜色のないリッチな 表現や操作性を実現 マルチメディア・コンテンツと アブケーションを Webページ上で稼働させるための プラットフォーム標準
  • 17. © 2009-14,all rights reserved by NetCommerce Inc. HTMLの歴史と現状 HTML 1.0 (1993年) HTML 2.0 (1995年) HTML 3.2 (1997年) HTML 4.0 (1997年) HTML 4.01 (1999年) HTML 5 (2014年?) HTML は元々インターネット上の情報をレイアウト して見つけやすいようにするために考案されたもの で、静的なコンテンツを前提にしている。 HTML は1999年の4.01以降アップデートされておら ず、マルチメディアやWebアプリケーションへの対 応が難しい状態が続いてきた。 このためプラグインを使ってブラウザの機能を拡張 する方法がとられ、Flashなどが普及した。 MicrosoftはIE5/6でHTMLに独自の拡張を行い、ブラ ウザの機能を拡張したが、インターネットコミュニ ティからは反発を受けた。 15年ぶりの新バージョン 民間ベンダーが共同でHTMLの拡張を行い、 W3Cに HTML5として採用するよう働きかけた。
  • 18. © 2009-14,all rights reserved by NetCommerce Inc. HTML5 (+Ajax)でできるようになること ブラウザ間の互換性・相互運用性の確保 Webアプリケーションの開発を容易にするための新機 能や新しい要素を追加  (クラウド対応) フォームの拡張 ドラッグ&ドロップ クライアントサイドストレージ オフラインキャッシュ (オフラインWebアプリケーション) ベクターグラフィックス 3次元グラフィックス オーディオ・ビデオ 位置情報 これまでプラグインなどを必要としていた処理が HTML5+Ajaxで実現できる
  • 19. © 2009-14,all rights reserved by NetCommerce Inc. HTML5の理想と現状  (2012-13年) ブラウザ間の互換性・相互運用性の確保 Webアプリケーションの開発を容易にす るための新機能や新しい要素を追加 標準化作業の遅れ 現時点ではネイティ ブアプリの方が操作 性・パフォーマンス 共に良い ↓ Appleなどはネイティ ブへシフト ワンソース・ マルチデバイス 理 想 現 状 サポート企業の足並みの乱れ パフォーマンス問題 互換性の欠如 PCブラウザの世代交代の遅れ
  • 20. © 2009-14,all rights reserved by NetCommerce Inc. ブラウザの系譜 1990年 2000年 Mosaic KHTML/KJS Gecko Firefox Tizen Blackberry Palm Adobe AIR Chrome Android Safari Webkit (Apple) Internet Explorer NetScape Trident Blink (Google)
  • 21. © 2009-14,all rights reserved by NetCommerce Inc. ブラウザーベースOS
  • 22. © 2009-14,all rights reserved by NetCommerce Inc. ChromeOS=立ち上げるといきなりブラウザ ログイン画面 ログイン後 ブラウザ「しか」動かない
  • 23. © 2009-14,all rights reserved by NetCommerce Inc. 汎用OSとChromeOS サポートハードやソフトを制 限し、管理を容易に汎用OSは、多様なハード ウェア・ソフトウェアを サポートし、動作を保証 しなければならず、開 発・メンテナンスに多大 なコストがかかる ブラウザしか動かないため、 セキュリティ上有利 アプリはWebサービスとして ブラウザ上で利用 ブラウザ(Chrome) ウィンドウシステム Intel ARM Linuxカーネル Intel ARM 汎用OS ウィンドウシステム OSカーネル ブラウザ 他のアプリ Webサービス Webサービス 汎用OS (Androidなど) ChromeOS
  • 24. © 2009-14,all rights reserved by NetCommerce Inc. ChromeOSとFirefoxOS ブラウザ(Chrome) ウィンドウシステム Intel ARM Linuxカーネル Webサービス ChromeOS ブラウザ(Firefox) ウィンドウシステム Intel ARM Androidカーネル Webサービス FirefoxOS Netbook, ThinClient スマホ向け Mozillaの狙いは?
  • 25. © 2009-14,all rights reserved by NetCommerce Inc. モバイルシフト・モバイルファースト
  • 26. © 2009-14,all rights reserved by NetCommerce Inc. モバイルシフト・モバイルファースト PCでできること モバイルでできること PCでなければできないこ とが縮小 モバイル (Tablet/スマホ) PC モバイルでなければできな いことが増加 どこでもいつでも位置情報 モバイルデバイスからの利用を前提とした サービス設計  (UI、UX、ビジネスプロセス) モバイルファースト モバイルシフト

×