最新の Web API を使って、
 Web 制作を効率化しよう

KDDIウェブコミュニケーションズ
企画開発本部 / 企画部
阿部 正幸
自己紹介
       【生まれ】
       神戸生まれ、横浜育ちの浜っ子。ドラゴン
       ボール世代

       【仕事】
       元Webプログラマー。現在はKDDIウェブコ
       ミュニケーションズにて、共用サーバー
       (CPI)のプロダクトマネージャーとしてプ
       ロモーション活動や、製品の企画などを担当
       しています。


       http://shared-blog.kddi-web.com/top


       chiyo.abe

       abechiyo2000
関西に来たので、ちょっと横浜の紹介です。
横浜といえば

やっぱり、とんこつラーメンですよね

九州の博多とんこつラーメンじゃな
いですよ
横浜家系ラーメン
終電、休日出勤
Web制作って楽しいけど辛い
ですよね


そんなWeb制作ですが、最新
のWeb APIを使って
Web制作を効率化しようって
のが今回のテーマです。
効率化と+αテーマ


                誰でも簡単に


     コピペで使える


               共用サーバーでも
               動作する
効率化と+α裏テーマ


               トーク多め


     スライド少なく



               満足度80%
こんなことありませんか?

開発中のプログラムが急に動かない

間違えてファイルを消してしまった

サーバーダウン、データが復旧しない・・・
バックアップがあれば、
全て解決!!
まさかサーバー屋だけに
任せていないですよね?


    Point.1

    大事なデータは自分でも
    バックアップ。
    いつでも復元出来る様にしておこう
でも


めんどう☆

じゃん!
あ!
そうだ、自動化しよう
CPIスタッフブログの場合



1. 自動でWebコンテンツを圧縮

2. 自動でDropboxへ転送
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
Step2 Dropboxへ自動転送

 Dropbox API使用

 次に圧縮したファイルを
 Dropboxへ転送します



 [参考URL]
 http://shared-blog.kddi-web.com/smartrelease/27
 http://shared-blog.kddi-web.com/smartrelease/39
Step2 Dropboxへ自動転送
Dropbox for Developersにアクセスし、
アプリケーション登録を行う
Step2 Dropboxへ自動転送

githubからサンプルプログラムをDL
https://github.com/BenTheDesigner/Dropbox
Step2 Dropboxへ自動転送
「/examples/bootstrap.php」を修正

30行目:$key    = 'XXXXXXXXXXXXXXX';
31行目:$secret = 'XXXXXXXXXXXXXXX';
Apps登録を行った時に発行された、「App key」、「App secret」
を入力する

39行目をコメントアウト
//$storage = new DropboxOAuthStorageSession($encrypter);

46行目、47行目のコメントアウトを取る。
$storage = new DropboxOAuthStorageFilesystem($encrypter,
$userID);
$storage->setDirectory('tokens');
Step2 Dropboxへ自動転送
「/examples/putFile.php」を修正

 // Require the bootstrap
 require_once('bootstrap.php');

 // アップロードしたいファイルの指定
 $h = fopen('html.tar.gz','r');
 $put = $dropbox->putFile('html.tar.gz',$h);
 fclose ( $h );

 // Dump the output
 var_dump($put);
Step2 Dropboxへ自動転送
Step2 Dropboxへ自動転送




 http://code.google.com/p/dropbox-php/wiki/Dropbox_AP
Dropboxに転送するといいこと
Dropboxに転送するといいこと
Dropboxに転送するといいこと
Dropboxに転送するといいこと




       自動でバージョン管理!
自動でバックアップを取得
しているサーバもあります。
SmartReleaseの

     実
     演
         させてください。
×



安心・手間いらず・いつでもリストア
※万が一のときに必ず役に立ちます
APIs
APIs
Ad Exchange Buyer API                  Google Maps API v2
Ad Exchange Seller API                 Google Maps API v3
AdSense Host API                       Google Maps Coordinate API
AdSense Management API                 Google Maps Geolocation API
Analytics API                          Google Play Android Developer API
Audit API                              Google+ API
BigQuery API                           Google+ Hangouts API
Blogger API v3                         Groups Settings API
Books API                              Latitude API
Calendar API                           Moderator API
Custom Search API                      Orkut REST API
DFA Reporting API                      Page Speed Online API
Drive API                              Places API
Drive SDK                              Prediction API
Courtesy limit: 10,000 requests/day    Search API for Shopping
Courtesy limit: 100,000 requests/day   Site Verification API
Courtesy limit: 25,000 requests/day    Static Maps API
Courtesy limit: 1,000 requests/day     Street View Image API
Google Civic Information API           Tasks API
Google Cloud Storage JSON API          Translate API
Google Compute Engine                  Web Fonts Developer API
Analytics API
Analytics API
こんなことが出来る①
Analytics API
こんなことが出来る②
Analytics API
利用までの流れ


   Google APIs
                            ライブラリを                リファレンスガイド
    Consoleに
                            ダウンロード                を見ながらゴリゴリ
 アクセスしAPI登録




[参考URL]
http://shared-blog.kddi-web.com/smartrelease/45
http://log.noiretaya.com/132
Analytics API



なんでGoogle Analyticsなの?
Analytics API

「CPIスタッフブログ」の構成
ページの更新方法
http://youtu.be/a0FM_Sre7GI
※字幕をonにして見て下さい。
まとめ
自動化出来ることは全て自動化しよう

機械が得意なのは決められた作業をすること、
人が得意なのは考えること。

機械と人で得意分野を分担して、制作業務を
効率化しましょう。

効率化には各社が提供しているAPIを使うこ
とで楽に行う事ができます。
ご清聴ありがとう御座いました。
SmartReleaseのデモ用意しておりますの
で、ご興味のある方はお声がけ下さい。
・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/

Dropbox APIなどを使って制作を効率化しよう@関西オープンフォーラム