More Related Content
Similar to オブジェクトストレージを使ってイメージビューアを作ってみる (20)
More from Hironobu Saitoh (14)
オブジェクトストレージを使ってイメージビューアを作ってみる
- 2. 自己紹介(しゃべる人)
• 斉藤弘信(@hironobu_s)
• 所属:GMOインターネットホスティング事業部
• フロントの開発したり、デーモン書いたり、Linux弄
ったり、サーバの面倒見たり、イベントの企画したり
• 8月頃からConoHaの人になりました
Copyright (c) 2014 GMO Internet, Inc. All Rights Reserved.
• 緑陣営Lv7
- 3. Copyright (c) 2014 GMO Internet, Inc. All Rights Reserved.
自己紹介
• 美雲このは(@MikumoConoHa)
• クラウドのようなVPS「ConoHa」の応援団長
• データセンターの座敷童子
• 年齢: 13歳くらい?
• 身長: 150cm+α
• https://www.conoha.jp/blog/conoha
- 8. もうちょっと詳しく
• REST APIを通じてアクセスする
• すべてのデータをオブジェクトとして扱う
• オブジェクトにはメタデータを付加できる
• フォルダなどの概念がないフラットな構造
• 冗長化による高い信頼性
• 基盤はOpenStack Swift
Copyright (c) 2014 GMO Internet, Inc. All Rights Reserved.
- 11. イメージビューアを作る
• Webブラウザで動作する
• ConoHaブログの画像(250個)を使用
• 画像をオブジェクトストレージに保存
• デモページ(https://www.conoha.jp/osc2014)
Copyright (c) 2014 GMO Internet, Inc. All Rights Reserved.
- 12. 実装のポイント
• 画像アップロードはPHPでREST APIを叩く
• ビューアはbackbone.jsでお手軽に作る
• 画像ファイルはオブジェクトストレージから
直接読み込む(コンテナ公開機能)
Copyright (c) 2014 GMO Internet, Inc. All Rights Reserved.
- 15. アップロードスクリプト
• 実装はPHP+cURL
• コンテナのACL設定を変更する
(コンテナ公開機能)
• 詳細は技術ブログをご覧ください
https://www.conoha.jp/blog/tech/3429.html
Copyright (c) 2014 GMO Internet, Inc. All Rights Reserved.
- 19. イメージビューア本体
• 実装はHTML5 + backbone.js
• ライブラリの管理にbower
• 開発のサポートにGrunt
• オブジェクトストレージが返すJSONを、
そのままbackbone.jsのCollectionで扱います
Copyright (c) 2014 GMO Internet, Inc. All Rights Reserved.
- 23. オブジェクトストレージにホストする
• イメージビューアはHTML, CSS, JavaScriptのみで構
成されているので、オブジェクトストレージにホスト
することもできる。
• オブジェクトストレージ上でWebサイトを作れる
• URLが変更できなため、あまり実用的ではないかも?
Copyright (c) 2014 GMO Internet, Inc. All Rights Reserved.
- 24. オブジェクトストレージまとめ
• REST APIを通じてアクセスする
• すべてのデータをオブジェクトとして扱う
• オブジェクトにはメタデータを付加できる
• フォルダなどの概念がないフラットな構造
• 冗長化による高い信頼性
Copyright (c) 2014 GMO Internet, Inc. All Rights Reserved.
Editor's Notes
- オブジェクトストレージは、インターネット経由で使用できるオブジェクトストレージサービスです。容量無制限、転送量無制限、可用性が高いストレージサービスを、わかりやすい価格体系で利用できます。ConoHaを利用していなくても利用することができ、APIを経由してウェブ上のどこからでもデータを保存、取得することができます。一般的なオブジェクトストレージの機能を満たしつつ、ConoHa VPSなどからも簡単に利用でき、コントロールパネルが共通なため管理が簡単で、決済などもまとめることができます。
- オブジェクトストレージは、インターネット経由で使用できるオブジェクトストレージサービスです。容量無制限、転送量無制限、可用性が高いストレージサービスを、わかりやすい価格体系で利用できます。ConoHaを利用していなくても利用することができ、APIを経由してウェブ上のどこからでもデータを保存、取得することができます。一般的なオブジェクトストレージの機能を満たしつつ、ConoHa VPSなどからも簡単に利用でき、コントロールパネルが共通なため管理が簡単で、決済などもまとめることができます。
- オブジェクトストレージは、インターネット経由で使用できるオブジェクトストレージサービスです。容量無制限、転送量無制限、可用性が高いストレージサービスを、わかりやすい価格体系で利用できます。ConoHaを利用していなくても利用することができ、APIを経由してウェブ上のどこからでもデータを保存、取得することができます。一般的なオブジェクトストレージの機能を満たしつつ、ConoHa VPSなどからも簡単に利用でき、コントロールパネルが共通なため管理が簡単で、決済などもまとめることができます。
- オブジェクトストレージは、インターネット経由で使用できるオブジェクトストレージサービスです。容量無制限、転送量無制限、可用性が高いストレージサービスを、わかりやすい価格体系で利用できます。ConoHaを利用していなくても利用することができ、APIを経由してウェブ上のどこからでもデータを保存、取得することができます。一般的なオブジェクトストレージの機能を満たしつつ、ConoHa VPSなどからも簡単に利用でき、コントロールパネルが共通なため管理が簡単で、決済などもまとめることができます。
- オブジェクトストレージは、インターネット経由で使用できるオブジェクトストレージサービスです。容量無制限、転送量無制限、可用性が高いストレージサービスを、わかりやすい価格体系で利用できます。ConoHaを利用していなくても利用することができ、APIを経由してウェブ上のどこからでもデータを保存、取得することができます。一般的なオブジェクトストレージの機能を満たしつつ、ConoHa VPSなどからも簡単に利用でき、コントロールパネルが共通なため管理が簡単で、決済などもまとめることができます。