awsでも簡単webクリエーターのphp環境

49
AWS でででで ? Web ででででででで PHP でで でで でで [email protected]

Transcript of awsでも簡単webクリエーターのphp環境

Page 1: awsでも簡単webクリエーターのphp環境

AWS でも簡単 ?Web クリエーターの PHP 環境

片岡 幸人[email protected]

Page 2: awsでも簡単webクリエーターのphp環境

AWS でクラウドを活用!

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 2

Page 3: awsでも簡単webクリエーターのphp環境

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 3

私が学んでも使えるの?

Page 4: awsでも簡単webクリエーターのphp環境

Web クリエーターの悩み

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 4

PHP 使う環境が作れない?( T_T)

クラウド用語が意味不明?( T_T)

サーバ設定と言われても?( T_T)

Page 5: awsでも簡単webクリエーターのphp環境

悩む前にできる事ない?        

AWS Elastic Beanstalk で、 デプロイ

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 5

Page 6: awsでも簡単webクリエーターのphp環境

自己紹介片岡 幸人(かたおか ゆきひと)

 高知県吾川村(現、仁淀川町)出身 名古屋の会社勤務、 27 歳で U ターン 役場職員、 IT コミュニティの経験を経て、  32 歳でシティネットに、もうすぐ 脱藩なう!  IT と農業、高知と地域に拘り 目指すは切腹しない武市半平太!

マイキーワード

 センサ・ロボット、クラウド 地域活性

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 6

Page 7: awsでも簡単webクリエーターのphp環境

7

疑問をググる

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人

Page 8: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk ?

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 8

簡単に開始でき、不足を感じることなく利用

AWS Elastic Beanstalk は、 Java、 .NET、PHP、Node.js、Python、Ruby、Go および Docker を使用して開発されたウェブアプリケーションやサービスを、Apache、Nginx、Passenger、 IIS など使い慣れたサーバーでデプロイおよびスケーリングするための、使いやすいサービスです。

お客様はコードをアップロードするだけで、Elastic Beanstalk が、キャパシティのプロビジョニング、ロードバランシング、Auto Scaling からアプリケーションの状態モニタリングまで、デプロイを自動的に処理します。同時に、お客様のアプリケーションが稼動している AWS リソースの完全なコントロールを維持でき、いつでも基本的なリソースにアクセスすることができます。

Elastic Beanstalk には追加料金はかかりません。アプリケーションを格納 /実行するために必要な AWS のリソースに対してのみお支払いいただきます。

          http://aws.amazon.com/jp/elasticbeanstalk/ より

Page 9: awsでも簡単webクリエーターのphp環境

PaaS ?

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 9

開発に専念して、ホームページやプログラムなどのコンテンツを作って、簡単な操作でサーバに展開(デプロイ)し、使えるようにしてくれるクラウドのサービス。

サーバの環境は知識がなくても、基本設定を自動で構成してくれて、デザイナー、ソフト開発者は、コンテンツ制作に集中できる。

反面、サーバなどのハードの細かな設定ができないなどの面もある。

Page 10: awsでも簡単webクリエーターのphp環境

キーワード意訳?

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 10

キャパシティのプロビジョニング  サーバ関連の調整、管理など

Auto Scaling  サーバ負荷で、サーバ数を自動増減など

ロードバランシング   Web アクセスを複数サーバに分散など

Page 11: awsでも簡単webクリエーターのphp環境

11

とにかく触る

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人

Page 12: awsでも簡単webクリエーターのphp環境

AWS の準備(アカウント登録)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 12

カード( VISA,JCB など)V プリカも OKhttp://vpc.lifecard.co.jp/

携帯電話(登録時に必要)キャリアはいずれでも OK

PC ( windows,mac,Linux など)登録の詳細はこちらhttp://aws.amazon.com/jp/register-flow/1年間の無償枠あり

Page 13: awsでも簡単webクリエーターのphp環境

コンソール(管理画面)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 13

Page 14: awsでも簡単webクリエーターのphp環境

コンソール(リージョン)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 14

データセンターは世界の中の日本を選択

Page 15: awsでも簡単webクリエーターのphp環境

有名どころ

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 15

Page 16: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 16

Page 17: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 17

以下の構成を数クリックで構築!Elastic Beanstalk

Elastic Load

Balancing

Auto Scaling group

EC2 instance

web

EC2 instance

web

S3

Amazon RDS(今回省略)

CloudWatch

Internet

Management

Console

Zipデプロイ

Page 18: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 18

DEMO 環境 AWS コンソール

Page 19: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ(1)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 19

Page 20: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ(2)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 20

Page 21: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ(3)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 21

Page 22: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ(4)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 22

Page 23: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ( 5 )

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 23

Page 24: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ( 6 )

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 24

最初の環境、出来上がり!

Page 25: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ( 7 )

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 25

Page 26: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ( 8 )

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 26

Cafi Net カフィネット 無料テンプレート 73/5ページ/スライドショーhttp://japanism.info/free-template.html

試験用に利用させて頂きました。Thanks!

Page 27: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ( 9 )

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 27

Page 28: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ( 10 )

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 28

Page 29: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ( 11 )

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 29

Page 30: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ( 12 )

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 30

細かな設定変更は、それなりに知識が必要!

Page 31: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ( 13 )

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 31

Page 32: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ( 14 )

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 32

変更後、警告が出たらキャンセルして戻る!

Page 33: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ( 15 )

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 33

Page 34: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ( 16 )

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 34

MySQL などの RDBMS も構成できる!

Page 35: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ( 17 )

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 35

試した後は、節約のため絶対消しましょう!

Page 36: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk デモ( 18 )

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 36

しばらく待ちましょう!せっかちはトラブルのもとに。(体験談)

Page 37: awsでも簡単webクリエーターのphp環境

37

結果を見る

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人

Page 38: awsでも簡単webクリエーターのphp環境

デモ作ってみました(1)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 38

livedoor お天気 APIとの連携

http://eb.soft-village.com/test.php

本日( 2015/05/30 )のみ

Page 39: awsでも簡単webクリエーターのphp環境

デモ作ってみました(1)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 39

Page 40: awsでも簡単webクリエーターのphp環境

デモ作ってみました(1)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 40

livedoor天気予報 Weather Hackshttp://weather.livedoor.com/weather_hacks/

AWS麻雀の CDP: Stack Deploymentパターンhttps://yukataoka.wordpress.com/2015/05/25/stack-deployment/

Page 41: awsでも簡単webクリエーターのphp環境

デモ作ってみました(2)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 41

kintone と連携したQandA システム

http://eb.soft-village.com/faq.php

本日( 2015/05/30 )のみ

Page 42: awsでも簡単webクリエーターのphp環境

デモ作ってみました(2)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 42

Page 43: awsでも簡単webクリエーターのphp環境

デモ作ってみました(2)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 43

Page 44: awsでも簡単webクリエーターのphp環境

デモ作ってみました(2)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 44

cyboz.com developer networkhttps://cybozudev.zendesk.com/hc/ja developer network 加入方法、開発者ライセンス

https://cybozudev.zendesk.com/hc/ja/articles/200929540

kintone APIhttps://cybozudev.zendesk.com/hc/ja/categories/200147600-kintone-API

kintone API PHP, AWS Elastic Beanstalk サンプルhttps://github.com/yukataoka/kintoneRestPHPClass

Page 45: awsでも簡単webクリエーターのphp環境

AWS Elastic Beanstalk 詳細

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 45

詳しくは Blog でhttps://yukataoka.wordpress.com/2015/05/25/stack-deployment/

Page 46: awsでも簡単webクリエーターのphp環境

結果 無償枠で(筈…)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 46

Page 47: awsでも簡単webクリエーターのphp環境

補足( PHP 開発環境構築)

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 47

MAC の参考リンク 【 Yosemite】Mac OSX 10.10 Yosemite に AMP

環境の構築【初心者必見】http://qiita.com/keneo/items/7e5851a066e0b276f4a9

Mac で Apache+PHP の環境を構築する http://qiita.com/is0me/items/72fcb5d8ac2c8f1c6247

Windows の参考リンク Windows 8/7/Vista で自宅サーバー

http://awoni.net/personal-site/php PHP入門

http://webkaru.net/php/cat/setup/windows/

Page 48: awsでも簡単webクリエーターのphp環境

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 48

できる!

AWS Elastic Beanstalk で、

デプロイ

Page 49: awsでも簡単webクリエーターのphp環境

2015/05/30( 土 ) 株式会社シティネット(ほか) 片岡幸人 49

結論

ダイブ!