dropbox apiなどを使って制作を効率化しよう@関西オープンフォーラム
DESCRIPTION
関西オープンフォーラム2012で行ったセッションのスライドとなります。Google Analitics APUI、Dropbox APIの紹介です。TRANSCRIPT
![Page 1: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/1.jpg)
![Page 2: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/2.jpg)
最新の Web API を使って、Web 制作を効率化しよう
KDDI ウェブコミュニケーションズ企画開発本部 / 企画部
阿部 正幸
![Page 3: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/3.jpg)
自己紹介【生まれ】神戸生まれ、横浜育ちの浜っ子。ドラゴンボール世代
【仕事】元 Web プログラマー。現在は KDDI ウェブコミュニケーションズにて、共用サーバー( CPI )のプロダクトマネージャーとしてプロモーション活動や、製品の企画などを担当しています。
http://shared-blog.kddi-web.com/top
chiyo.abe
abechiyo2000
![Page 4: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/4.jpg)
関西に来たので、ちょっと横浜の紹介です。
![Page 5: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/5.jpg)
横浜といえば
やっぱり、とんこつラーメンですよね
九州の博多とんこつラーメンじゃないですよ
![Page 6: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/6.jpg)
横浜家系ラーメン
![Page 7: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/7.jpg)
終電、休日出勤Web 制作って楽しいけど辛いですよね
そんな Web 制作ですが、最新の Web API を使ってWeb 制作を効率化しようってのが今回のテーマです。
![Page 8: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/8.jpg)
効率化と+ α テーマ
コピペで使える
誰でも簡単に
共用サーバーでも動作する
![Page 9: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/9.jpg)
効率化と+ α 裏テーマ
スライド少なく
トーク多め
満足度 80%
![Page 10: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/10.jpg)
こんなことありませんか?
開発中のプログラムが急に動かない
間違えてファイルを消してしまった
サーバーダウン、データが復旧しない・・・
![Page 11: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/11.jpg)
バックアップがあれば、全て解決!!
![Page 12: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/12.jpg)
まさかサーバー屋だけに任せていないですよね?
Point.1
大事なデータは自分でもバックアップ。いつでも復元出来る様にしておこう
![Page 13: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/13.jpg)
でも
めんどう☆
じゃん!
![Page 14: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/14.jpg)
あ!
そうだ、自動化しよう
![Page 15: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/15.jpg)
CPI スタッフブログの場合
1. 自動で Web コンテンツを圧縮
2. 自動で Dropbox へ転送
![Page 16: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/16.jpg)
Step1 自動圧縮
システムコマンドを使用<?php`tar zcfv /usr/home/XXXXXXXX/html.tar.gz /usr/home/XXXXXXXX/html`;
echo 'html フォルダを圧縮しました ';?>
[ 参考 URL]http://shared-blog.kddi-web.com/smartrelease/27
![Page 17: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/17.jpg)
Step2 Dropbox へ自動転送
Dropbox API 使用
次に圧縮したファイルをDropbox へ転送します
[ 参考 URL]http://shared-blog.kddi-web.com/smartrelease/27http://shared-blog.kddi-web.com/smartrelease/39
![Page 18: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/18.jpg)
Step2 Dropbox へ自動転送
Dropbox for Developers にアクセスし、アプリケーション登録を行う
![Page 19: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/19.jpg)
Step2 Dropbox へ自動転送
github からサンプルプログラムを DLhttps://github.com/BenTheDesigner/Dropbox
![Page 20: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/20.jpg)
Step2 Dropbox へ自動転送「 /examples/bootstrap.php 」を修正
30 行目: $key = 'XXXXXXXXXXXXXXX';31 行目: $secret = 'XXXXXXXXXXXXXXX';Apps 登録を行った時に発行された、「 App key 」、「 App secret 」を入力する
39 行目をコメントアウト//$storage = new \Dropbox\OAuth\Storage\Session($encrypter);
46 行目、 47 行目のコメントアウトを取る。$storage = new \Dropbox\OAuth\Storage\Filesystem($encrypter, $userID);$storage->setDirectory('tokens');
![Page 21: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/21.jpg)
Step2 Dropbox へ自動転送「 /examples/putFile.php 」を修正
// Require the bootstraprequire_once('bootstrap.php');
// アップロードしたいファイルの指定$h = fopen('html.tar.gz','r');$put = $dropbox->putFile('html.tar.gz',$h);fclose ( $h );
// Dump the outputvar_dump($put);
![Page 22: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/22.jpg)
Step2 Dropbox へ自動転送
![Page 23: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/23.jpg)
Step2 Dropbox へ自動転送
http://code.google.com/p/dropbox-php/wiki/Dropbox_AP
![Page 24: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/24.jpg)
Dropbox に転送するといいこと
![Page 25: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/25.jpg)
Dropbox に転送するといいこと
![Page 26: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/26.jpg)
Dropbox に転送するといいこと
![Page 27: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/27.jpg)
Dropbox に転送するといいこと
自動でバージョン管理!
![Page 28: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/28.jpg)
自動でバックアップを取得しているサーバもあります。
![Page 29: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/29.jpg)
SmartRelease の
実演させてください。
![Page 30: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/30.jpg)
×
安心・手間いらず・いつでもリストア※万が一のときに必ず役に立ちます
![Page 31: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/31.jpg)
APIs
![Page 32: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/32.jpg)
APIs
Ad Exchange Buyer APIAd Exchange Seller APIAdSense Host APIAdSense Management APIAnalytics APIAudit APIBigQuery APIBlogger API v3Books APICalendar APICustom Search APIDFA Reporting APIDrive APIDrive SDKCourtesy limit: 10,000 requests/dayCourtesy limit: 100,000 requests/dayCourtesy limit: 25,000 requests/dayCourtesy limit: 1,000 requests/dayGoogle Civic Information APIGoogle Cloud Storage JSON APIGoogle Compute Engine
Google Maps API v2Google Maps API v3Google Maps Coordinate APIGoogle Maps Geolocation APIGoogle Play Android Developer APIGoogle+ APIGoogle+ Hangouts APIGroups Settings APILatitude APIModerator APIOrkut REST APIPage Speed Online APIPlaces APIPrediction APISearch API for ShoppingSite Verification APIStatic Maps APIStreet View Image APITasks APITranslate APIWeb Fonts Developer API
![Page 33: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/33.jpg)
Analytics API
![Page 34: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/34.jpg)
Analytics API
こんなことが出来る①
![Page 35: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/35.jpg)
Analytics API
こんなことが出来る②
![Page 36: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/36.jpg)
Analytics API
利用までの流れ
Google APIs Console に
アクセスし API 登録
ライブラリをダウンロード
リファレンスガイドを見ながらゴリゴリ
[ 参考 URL]http://shared-blog.kddi-web.com/smartrelease/45http://log.noiretaya.com/132
![Page 37: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/37.jpg)
Analytics API
なんで Google Analytics なの?
![Page 38: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/38.jpg)
Analytics API
「 CPI スタッフブログ」の構成
![Page 39: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/39.jpg)
http://youtu.be/a0FM_Sre7GI※ 字幕を on にして見て下さい。
ページの更新方法
![Page 40: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/40.jpg)
まとめ
自動化出来ることは全て自動化しよう
機械が得意なのは決められた作業をすること、人が得意なのは考えること。
機械と人で得意分野を分担して、制作業務を効率化しましょう。
効率化には各社が提供している API を使うことで楽に行う事ができます。
![Page 41: Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム](https://reader036.vdocuments.pub/reader036/viewer/2022081508/556152e6d8b42a780d8b5071/html5/thumbnails/41.jpg)
・ SmartRelease http://www.cpi.ad.jp/shared/smartrelease/
・ CPI スタッフブログ http://shared-blog.kddi-web.com/top
・ MDN サーバーの便利な使い方 http://www.mdn.co.jp/di/articles/2731/
ご清聴ありがとう御座いました。SmartRelease のデモ用意しておりますので、ご興味のある方はお声がけ下さい。