変化に強いインフラを楽して構築するために考えること
•
5 gefällt mir•1,750 views
MTCafe Tokyo 2013 Spring にて発表した資料です。
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie 変化に強いインフラを楽して構築するために考えること
Ähnlich wie 変化に強いインフラを楽して構築するために考えること (20)
変化に強いインフラを楽して構築するために考えること
- 1. 変化に強いインフラを 楽して構築するために 考えること MTCafe Tokyo 2013 Spring 柳下 剛利
- 3. アプリ化が進む背景 (1) •多様な要望・要件に応えるためには インタラクティブな処理が不可欠 - よりスマートな入力フォーム - 業務システムからデータを取得してCMSで表示 - 検索機能を使った商品一覧ページの表示
- 5. アプリ化が進む背景 (2) •モバイル・オフラインファースト - スマートフォン・タブレットに最適化されたUX •HTML5に代表される技術の普及 - jQuery - node.js - backbone.js・AngularJSのJS Framework
- 6. AngularJSとは •Google開発のJS MVC Framework - テンプレート (HTML) とデータ (JS) を明確に 分離 - 双方向データバインディング {{xxxx}}: データを表示 - jQueryよりもコード量が少なく直感的 - CRUD系やシングルページアプリに最適
- 7. <div> <input type="text" name="Phone" ng-‐model="inquiry.phone" required ng-‐ pattern="/^[0-‐9]+$/" /> <span ng-‐show="inquiry.Phone.$error.required">(required)</span> <span ng-‐show="inquiry.Phone.$error.pattern">(numeric only)</span> </div> <div> <input type="email" name="Email" ng-‐model="inquiry.mail" required /> <span ng-‐show="inquiry.Email.$error.required">(required)</span> </div>
- 14. キャッシュを最大限に利用する •スタティックコンテンツ - Cache-Controlヘッダによる有効期限の設定 •ダイナミックコンテンツ - Last-Modifiedヘッダによる条件付きGET利用
- 16. スタティックコンテンツ •nginxの利用 - 高速ウェブサーバ - リバースプロキシサーバ •画像・動画・PDF等のアイテムは別 - Six Apartをはじめに中・大規模なサイトは実施 - 転送量を意識した結果
- 17. ダイナミックコンテンツ •リバースプロキシの配下で別プロセス - Movable Type: PSGI/Starman - PHP: FastCGI/php-fpm - Apache
- 18. クラウド技術を利用する メリット •早い: 短期間で構築が可能 •安い: 事業者によってはVPS+α •うまい: 要件にあった環境構築が可能
- 19. クラウド事業者別の特長 •月額固定料金 - GMOパブリッククラウド - Movable Type EZ •従量課金 - Amazon Web Service - Windows Azure
- 20. GMOパブリッククラウド •仮想CPU・メモリ・ディスク等の リソース単位で課金 (月額固定) - DISK 60G/CPU 24C/MEM 8G: 月2万円強 - DISK 40G/CPU 2C/MEM 4G: 月5千円弱 •リソース変更時に再起動が不要 •ビジネスパートナー制度 (CB)
- 23. Windows Azure •Windows/Linuxが利用可能 (IaaS) •バックアップに強い (最低でも3段) •クセやお作法に慣れると楽 •全世界のDCを使って構築可能 •AWS並の運用コスト (従量課金)
- 25. 目的別ディレクトリ •書き込みがないディレクトリ - アクセス制限が必要 (望ましい) ディレクトリ - アクセス制限が不要なディレクトリ •書き込みが必要なディレクトリ