Web App Framework at SwapSkills vol28
0 likes2,327 views
2012/05/26 SwapSkills vol.28 ネイティブアプリケーションの開発ターゲットはますます増え続けています。それに伴い、覚えるべきテクノロジーも増えます。 Web技術を使えば、あらゆるプラットフォームにリアルタイムでアプリケーションの配信が可能です。 しかしながらWebの世界も画面の大きさ、ブラウザー毎のサポート相違等の組み合わせによる非互換性は残っています。 複雑さはコスト増大につながります。 解決策は、計画・設計を十分に行い、顧客の関心事に集中できるよう、開発プロセスやアーキテクチャーを慎重に選択します。 適切なフレームワークの採用は開発工数を減少させ、品質の向上につながります。
Web App Framework at SwapSkills vol28
- 1. Webアプリの開発 をスマートに 株式会社フォーディージャパン 原田 光一
- 3. プラットフォーム 開発言語 アプリの展開 Mac OS C インストーラー, コピー Windows C インストーラー
- 4. プラットフォーム 開発言語 アプリの展開 Mac OS Objective-C インストーラー, コピー, App Store Windows C/C++/C#/VB インストーラー iOS Objective-C App Store Windows Phone C/C++/C#/VB Windows Phone Market Place Android Java Android Market
- 11. Web
- 14. ブラウザーで HTML CSS 使用する言語 JavaScript http://www.htmq.com/
- 16. Perl PHP Ruby サーバー言語 Java JavaScript ...
- 17. Webアプリ 様々な技術の集合体
- 18. ￥
- 19. ？
- 20. 計画が重要
- 22. ウォーターフォール型開発 要求定義 設計 開発 テスト リリース
- 23. アジャイル型開発 初期計画 計画 要求分析 分析・評価 設計 テスト 実装 リリース
- 24. 計画が重要
- 25. 顧客の関心事に集中する
- 26. MVCアーキテクチャー Webアプリケーション View Controller Model
- 27. 実際どうやって作る？
- 28. フレームワーク
- 30. Webアプリケーション フレームワークの種類 http://en.wikipedia.org/wiki/ Comparison_of_web_application_frameworks
- 31. アプリケーション開発言語 サーバー側言語 ブラウザー側言語 Perl PHP Ruby JavaScript Java JavaScript ...
- 33. サーバーサイドJavaScript実行環境 SSJS HTTPサーバー データベース Node.js ✓ ✓ CouchDB ✓ ✓ ✓ MongoDB ✓ ✓ Wakanda ✓ ✓ ✓
- 34. RDBMS SQLでアクセス
- 35. NO SQL (Not Only SQL) ドキュメントストアー オブジェクトストアー キーバリューストアー
- 36. フレームワークを選択する
- 37. デモ
- 38. Fin
Editor's Notes
- #2: アプリ開発における\n現状問題点を共有したあと\n解決策を検討\n
- #3: \n
- #4: 古き良き時代\n
- #5: 現在\n
- #6: ディスプレイの種類\nすべての端末にアプリケーションを展開しようとするようなベンダーに影響。\n\n\n
- #7: ディスプレイの種類\nすべての端末にアプリケーションを展開しようとするようなベンダーに影響。\n\n\n
- #8: ディスプレイの種類\nすべての端末にアプリケーションを展開しようとするようなベンダーに影響。\n\n\n
- #9: Webベースアプリケーションが選択肢に\n
- #10: Webベースアプリケーションが選択肢に\n
- #11: Webベースアプリケーションが選択肢に\n
- #12: Windows 8ではJavaScriptからWinRT APIを直接呼び出し可能\nWeb開発者の皆さんにとってチャンス\n
- #13: \n
- #14: Webフロントエンドのお話\nブラウザー毎の実装差異\n-> 最新ブラウザーでは解決の方向！\n
- #15: Webフロントエンドのお話\nブラウザー毎の実装差異\n-> 最新ブラウザーでは解決の方向！\n
- #16: Webフロントエンドのお話\nブラウザー毎の実装差異\n-> 最新ブラウザーでは解決の方向！\n
- #17: Webフロントエンドのお話\nブラウザー毎の実装差異\n-> 最新ブラウザーでは解決の方向！\n
- #18: Webフロントエンドのお話\nブラウザー毎の実装差異\n-> 最新ブラウザーでは解決の方向！\n
- #19: Webフロントエンドのお話\nブラウザー毎の実装差異\n-> 最新ブラウザーでは解決の方向！\n
- #20: Webフロントエンドのお話\nブラウザー毎の実装差異\n-> 最新ブラウザーでは解決の方向！\n
- #21: HTML、CSSやJSの説明書にはサポートブラウザーアイコンが並ぶ\n
- #22: Webのフロントエンドも混沌\n
- #23: さらにサーバー言語も様々\nサーバーJavaScriptについてはあとで紹介\n\n
- #24: PHPのバージョン、掲示板ライブラリ\nネイティブはクローズ環境で限定された状況なので問題は相対的に少ない。\n
- #25: 混沌、複雑、その積み重ねはコストに跳ね返る\n
- #26: ではどうするか。\n＊計画が重要\n＊顧客の関心事に集中する\n＊適切なフレームワークを使用する\n
- #27: 計画が重要\n
- #28: \n
- #29: 今でも主流\n計画重視\n文書などの成果物により評価\n前行程に誤りがないことを前提とする場合、前行程の品質を高め、後戻りを極力減らす。\nあるいはサブシステムに分割して問題を局所化、早期に発見できるようにする。\n要求があまり変更しない場合に使用\n
- #30: 顧客とのコミュニケーション、\n動くソフトウェアのリリースを重視\n途中で変更される要求に柔軟に変更できるようにする。\n途中で仕様が変更されることが予想される場合\n
- #31: トヨタのかんばん方式にインスパイア\nアジャイルの一手法\n\n
- #32: \n
- #33: \n
- #34: \n
- #35: MVCはアーキテクチャー\nアプリケーションのあるべき構造を示したもの\n実際このアーキテクチャーにそって作るには、助けが必要\n
- #36: \n
- #37: ルール、構造、アイデア\n指定通りに仕様部分を実装\n自動でMVC\n\n＊ビジネスロジック集中\n＊セキュリティ\n＊品質\n＊コスト\n-> プロジェクトの成功。\n\n
- #38: フレームワークの種類\nwebページを見せる\n言語ごとにグループ化されている\n自分が使用する言語でフレームワークも選択することになる\n\nJavaならStrutsとか、\n.NETならASP.NET、\nRubyならRuby on Railsとか。\n
- #39: ブラウザー側はJS。\nサーバー側言語\nPHP, Perl, Ruby, Python, .NET, Java等いろいろある\nすでに使っている言語があるならそれでよい。(政治的論争をさけるため)\nもしこれから言語を学ぶなら、あるいは追加するならJSおすすめ。\nWeb開発者なら必ず学ぶ言語である。\n学びやすいし、クライアントとサーバー両方で使える。\n\nJSは過去、不当な評価を受けた。\nGoogle Mapにより再評価。\nJS実行エンジンの発展。\nSSJSの登場\n
- #40: JavaScriptの文法は全く同じ\nアクセスできるAPIが違う\nクライアントサイドでははwindow.documentオブジェクトにアクセスする。\nサーバーサイドではJavaScript実行エンジンがサポートするAPIを使用する。\n例えばローカルファイルにもアクセス可能 (ブラウザーでは無理)。 \n\nCommonJSという標準仕様がある。がECMAではない。Node.jsはサポートを停止した。\n\n
- #41: サーバーサイドJavaScript環境\n
- #42: 代表的な関係データベース\n\n
- #43: データベース\nこれ以外にもたくさん\n目的によって使い分ける\n物事の関連の度合いの強さを表すグラフ (SNSや路線図)\nスキーマなしでデータを保持するドキュメントストアー (レコードごとにカラムが変化するデータの場合)\n名前と値の組を保存するキーバーリューストアー (高速に名前から値を検索したい場合)\nオブジェクト指向言語との相性が良い、オブジェクトとして保存するオブジェクトストアー (JavaやJavaScriptなどのオブジェクト指向言語で構造的なデータを扱う場合)\n\n
- #44: 自分の得意な言語のグループをみる。\n開発環境 (Eclipseとか) \nサポートされるデータベースにも注目\n
- #45: \n
- #46: \n