Downloaded 17 times
![[JavaOne Tokyo 2012] JavaFX and Web Integration](https://cdn.slidesharecdn.com/ss_thumbnails/js1-13dl-120416013809-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Introduction to web development 1
- 1. Introduction to Webdevelopment 1 Hideaki Honda
- 2. contents Webアプリケーションとは何か？ どのように発展してきたのか見てみよう！ Webアプリケーションを構成する要素を理解しよう！ Page 2
- 3.
- 4. Webアプリケーションとは何か(1) アプリケーション(ソフトウェア)には、大きく以下の２つに分かれます。 デスクトップアプリケーション Webアプリケーション 普段良く使われているExcelやWordなど 代表的なものでは、Google MapやYahooの がこれにあたります。CDやインストーラ 乗換案内サービスなどがあります。 から「インストール」をして、初めて使う 「インストール」をすることもないので、 ことが出来るようになります。インストー 普段はアプリケーションだと意識するこ ルをしたPCでのみ利用可能です。 とは無いかもしれません。ブラウザさえ あれば、どこからでも利用可能です。 インストール Page 4
- 5. Webアプリケーションとは何か(2) PC・ブラウザの性能向上とともに、デスクトップ・Webアプリケー ションの両方の形態を取る製品も増えてきています。 MicrosoftのOfficeも、昨年に「 Office 365」という製品名で、Webアプリケー ション版がリリースされています。 デスクトップアプリケーションとWebアプリケーションの違いをまとめると、 以下のようになります。 デスクトップアプリケーション Webアプリケーション 処理しているところ 作業しているPC サーバ 画面の表示 OS上で表示 Webブラウザ上で表示 インストール 必要 不要 インターネットへの接続 不要 必要(※) ※最近では、Gmailのようにオフラインに対応しているものも増えています。 Page 5
- 6.
- 7.
- 8.
- 9.
- 10.
- 11. クライアント技術の発展について(1) クライアント技術の発展は、ユーザの操作性をいかに向上させるかに力を注がれ てきました。多くの技術が生まれ、定着したもの、そうでないもの様々です。 HTML HTMLだけでも画面は作れますが、操作性が良いとは言えません。 それは、もともとが文章のやりとりをするために考えだされたものだからです。 また、HTMLを解釈するブラウザの実装がベンダごとに異なるため、 同じHTMLでも表示が異なることが良くあり、問題となっています。 applet ブラウザ上で動くJavaのプログラムです。グラフィカルな表現や複雑な ロジックを組むことも出来るのですが、発表された当時のネット環境では 満足に動作させることが出来ず、いまひとつ普及しませんでした。 Flash きれいなアニメーションを作れるとあって一時ものすごく人気がありました。 Adobeが開発していて、動作にはブラウザにプラグイン(Player)が必要となり ます。ここ最近では、脱Flashを図るWebサイトも多くなっており衰退傾向に あります。その理由は、後述するHTML5の登場により、HTMLそのものでも 十分な表現が出来る様になりつつあるためです。モバイルの分野では、 iPhoneがFlash非対応としたことや、Adobeがモバイル向けPlayerの開発を 中止したことにより、とても厳しい状況にあります。 今後は、Webだけでなくゲームのアニメーションにも利用されていきそうです。 Page 11
- 12. クライアント技術の発展について(2) リッチクライアント 非常に多くの技術が生まれています。大きく分けると３つのタイプに分かれます。 １． Javascript型・・・Ajax(prototype.js、jQuery.jsなど) ２．プラグイン型・・・Flex、Silverlight、JavaFXなど ３．インストール型・・・AIR、Curlなど いずれも高い表現力、操作性を持たせることが出来ますが、そのための 開発(コーディング)が当然必要になってきます。 高品質なWebアプリケーションを開発するためには外せない技術で、 HTML＋αという位置づけになっています。 シンクライアント Webクライアント(ブラウザのこと)での操作性を高めるのではなく、 ユーザが使用するPCのリソースを必要最低限にして、ネットワークを介して サーバ上でアプリケーションを使用する方法です。クライアントPCに データを保持しないことによりセキュリティ向上につながります。 ※技術の発展というよりは、方式の進化といった気がします。 HTML5 HTMLのVer.5にあたるものです。まだ仕様は確定していませんが、 先行でサポートしているブラウザもあります。徐々にFlashからHTML5 への転換が進んでいることからわかるように、HTMLだけでもリッチな画面を 作成できるよう進化を遂げています。Webの世界では、今一番ホットなテー マと言えるでしょう。詳細はまた別の機会に。 Page 12
- 13. サーバ技術の発展について サーバ技術の発展は、いかに効率良く開発して動かすかというところが ポイントになります。 CGI クライアントからの要求を受けて、CやPerlなどで書かれたプログラムを 動かすための仕組みです。今でも掲示板やアクセスカウンタなどに、 利用されています。ただ、開発のし難さや、サーバのリソースを消費しやすい といった問題から、大規模なシステムには向きませんでした。 Servlet/JSP CGIの問題点を補うことと、開発言語であるJavaの利点とあいまって、 サーバサイド技術といえば、Servlet/JSPと言われるぐらい主流となっています。 ただ、動作させるには、APサーバ(Tomcatが有名)の構築が必要となるなど 敷居が高く、個人レベルというよりは企業システム向けと言えます。 PHP/Ruby より簡単に開発するために、比較的容易に技術習得出来るPHPやRubyでの 開発も増えています。ただ、深刻なセキュリティホールが見つかるなど、 セキュリティ面での課題もあるため、企業システムの分野では、いまひとつ といった感じです。 フレームワーク ServletやJSPだけでも開発は出来ますが、もっと楽に効率良く開発出来ないか という目的で考えだされたのが、フレームワークです。フレームワークが アプリケーションのベースとして存在していて、必要な部分だけを開発して いけば、より短い時間で作ることが出来るようになる、という仕組みです。 実際はフレームワークを習得する必要が出てくるのでそう上手くはいきません。 Javaの世界では、StrutsやSpringが良く使われています。 Page 13
- 14. Webアプリケーションを構成する技術 CSS Flash Curl HTML Ajax AIR JavaFX Applet PHP CGI .Net Ruby Framework Servlet/JSP SQL DBMS ※私が主観で決めた、技術の配置図です。 Page 14
- 15.
- 16.
- 17.
- 18.
- 19. Webサーバについて 役割 Webクライアントからの要求に応じてデータを送信する役割を担う。 補足 ※Webサーバという呼び方ですが、ApacheやIISなどのソフトウェアを 指すこともあれば、それが稼働するコンピュータを指すこともあります。 Webサーバの代表的なソフトウェア 製品名 開発元 ライセンス 特徴 Apache HTTP Apache Apache License 世界中で最も良く使われていて、市場の7 Server Software 割を占めています。個人レベルから大企業 Foundation まで幅広く利用されています。オープン ソースであるため、無償で利用可能です。 最新バージョンは、2.4系です。 IIS (Internet Microsoft 匿名アクセスで 市場では2割のシェアを占めています。 Information あれば必要無し 設定のハードルが高いため、企業や上級 Services) ユーザに人気です。最新バージョンは、 7.5系です。 Page 19
- 20. APサーバについて 役割 プログラムの実行とデータベースへの接続機能を提供する。 Webサーバほどの高機能ではないが、Webサーバとしての機能も持つ。 APサーバの代表的なソフトウェア 製品名 開発元 ライセンス 特徴 Tomcat Apache Apache License オープンソースであるため、無償で利用可 Software 能です。インストールが簡単で使いやすい。 Foundation 最新バージョンは、7.0系。 Oracle Oracle プロプライエタリ 各種設定やデプロイを画面から行うことが WebLogic でき、操作が分かりやすいです。 Server 最新バージョンは、12.0系。 JBoss Red Hat GNU LPGL オープンソースであるにもかかわらず、 商用サポートが受けられる点が人気となっ ています。動作も軽快です。 GlassFish Oracle CDDL ,GNU GPL 小規模から大規模まで拡張性が高い。 商用サポートを受けることが可能。 WebSphere IBM プロプライエタリ 大規模システムでの実績が高く、多くの企 業で採用されています。 Page 20
- 21. DBサーバについて 役割 データの保持と管理(取得・追加・削除・更新)を担う。 DBサーバの代表的なソフトウェア 製品名 開発元 ライセンス 特徴 Oracle Oracle プロプライエタリ 幅広いプラットフォームをサポートする RDBMS。商用DBとして最大シェアを誇る。 最新バージョンは11g。 SQL Server Microsoft Microsoft EULA .Netとの親和性が高く、小規模から大規 模まで広く使うことが出来ます。 DB2 IBM プロプライエタリ 多くのプラットフォームで動作します。 Netezza IBM プロプライエタリ 速度がウリのRDBMSです。 PostgreSQL PostgreSQL BSD MySQLと同じオープンソースのDBですが、 Global Develo 日本で特に人気が高く、海外ではあまり pment Group 使われていないようです。 MySQL Oracle GPL オープンソースのDBとして、世界中で人 気があります。 Page 21
- 22. Webブラウザについて 役割 ユーザからの操作を受け付け、Webサーバへのリクエスト送信、画面の 描画等を担っている。 Webブラウザの代表的なソフトウェア 製品名 開発元 特徴 Internet Explorer Microsoft Windows環境の標準ブラウザ。 シェアNo1のブラウザです。 Google chrome Google 非常に軽快な動作で使いやすいです。 アドオンをいれることで機能を拡張できます。 Firefox Mozilla Foundation IEに続いて2番目のシェアを占めています。 様々なカスタマイズが可能です。 Safari Apple Mac環境の標準ブラウザ。 開発者向けの機能が充実しています。 Opera Opera Software パソコンだけでなく、ゲーム機やテレビなど ASA 多くのプラットフォームで利用されています。 Page 22
- 23.
- 24. 参考書籍 「プロになるためのWeb技術入門」小森 裕介 技術評論社 「HTTP& Web」日経BP社 Page 24