わたしにもできるよ、 staticpress+s3で簡単・手軽 にサイト構築!
DESCRIPTION
JAWS-UG三都物語 2014 cloudgirlトラックでの資料です。TRANSCRIPT
![Page 1: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/1.jpg)
わたしにもできるよ、StaticPress+S3で簡単・手軽にサイト構築!
カナ × ながとみ ちはる
![Page 2: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/2.jpg)
わたしのこと カナ @kana_labo
会社でweb制作してます
家族:夫と娘(←かわいい)
趣味:美少女・妄想
![Page 3: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/3.jpg)
本日お話すること
• 本日のテーマとここに至るまでの経緯
• そもそもWordPressってなんぞや
• StaticPressとS3を使うわけ
• StaticPress+S3でサイト構築するよ
![Page 4: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/4.jpg)
本日のテーマ
![Page 5: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/5.jpg)
わたしにもできるよ!
![Page 6: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/6.jpg)
AWSとかサーバとか よくわからないけど・・・
わたしにもできるよ!!!
![Page 7: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/7.jpg)
こんなわたしが なぜここに?
![Page 8: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/8.jpg)
2013年9月
![Page 9: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/9.jpg)
ちはるさん LT In jaws festa kansai 2013
![Page 10: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/10.jpg)
WordPressのプラグインを俺なりにあんなことしたりこんなことしたり(仮)
→ http://www.slideshare.net/chiharunagatomi/wordpress-26663967
![Page 11: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/11.jpg)
・・・ぷ、プラグインを
擬人化してましたっ!!
![Page 12: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/12.jpg)
清く正しく妄想してました そのあとは・・・
![Page 13: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/13.jpg)
三都で話さないかと言われ・・・ なぜか・・・
![Page 14: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/14.jpg)
今日!\(^0^)/ ナンテコッタ!!
![Page 15: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/15.jpg)
できることをする!
それがモットーだ!
よろこんでする!
![Page 16: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/16.jpg)
本日のお題
StaticPress
![Page 17: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/17.jpg)
StaticPress WordPress サイトを静的 HTML に変換す
るためのプラグイン
です。
![Page 18: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/18.jpg)
StaticPressたん とくぎ 動いているものを、 持っている スパナでとめる ラチェットレンチ(重要)
![Page 19: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/19.jpg)
StaticPress+S3
![Page 20: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/20.jpg)
こういうことですか、わかりません
![Page 21: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/21.jpg)
・・・つ、次に行きましょう。
![Page 22: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/22.jpg)
そもそもWordPressって なんぞや
![Page 23: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/23.jpg)
まってました!!!
ちはるさんが登壇するよー!!! ※ちはるさんのスライドを参照してね
![Page 24: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/24.jpg)
StaticPressとS3を使うわけ
![Page 25: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/25.jpg)
動的生成のWordPressを なんで静的サイトにするの?
ドーテキセーセー?
セイテキセーセー??
![Page 26: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/26.jpg)
たとえばこんな場合
![Page 27: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/27.jpg)
• webサイトをWordPress構築しているが しばらく更新が止まっている
‒ ついでにWordPressの更新も行っていない
![Page 28: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/28.jpg)
• WordPressを使ってサイトを構築したいが、よりセキュリティの高い方法を 考えている
![Page 29: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/29.jpg)
そんなときにStaticPress • 静的ページに変換→アップロード
‒ WordPress本体を公開しなくてよい (攻撃される窓口が減る)
‒ DB・PHPは使いません
![Page 30: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/30.jpg)
StaticPressを使うときの注意点
• DB・PHP動いていません ‒ コメントやサイト内検索・コンタクトフォームの設置 、その他PHPやデータベースに依存
するサービスを使用できません。
Disqus や Facebook コメント、Google カスタムサーチ・Google フォームなどで代替するように設計してください(http://ja.staticpress.net/about/)
![Page 31: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/31.jpg)
WordPressを 静的サイトにしよう!
決めたよ!
![Page 32: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/32.jpg)
StaticPressにはS3!
• S3に直接アップロードできる 追加プラグイン、あります! staticpress-s3 https://github.com/megumiteam/staticpress-s3
![Page 33: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/33.jpg)
Amazon S3とは • 機能をしぼって提供されている クラウドストレージサービス
• 機能を絞っているぶん低価格 (1 GBあたり月額 10 円~ )
• AWSならではの99.99 % の可用性と、99.999999999 % の堅牢性 はそのまま
• ウェブデータの公開・ファイルサーバとして使用可能
![Page 34: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/34.jpg)
StaticPress +S3を利用する利点 • WordPress本体・PHP・DBがない →メンテナンスする必要ない
• 生成されたhtmlのみを公開
→管理画面に侵入される心配がない
• 低料金で開始できる
• 堅牢なサーバを使用できる
![Page 35: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/35.jpg)
StaticPress+S3で サイト構築するよ
![Page 36: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/36.jpg)
• 黒い画面は使いません!!!
• すっげー簡単
• びっくりするで!!!
詳しくは↓を参照するといいよ → http://ja.staticpress.net/2013/06/11/69/
![Page 37: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/37.jpg)
S3にバケットを作成
![Page 38: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/38.jpg)
パーミッションの設定
![Page 39: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/39.jpg)
webサイトホスティング設定
![Page 40: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/40.jpg)
StaticPress設定
![Page 41: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/41.jpg)
再構築するだけ
![Page 42: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/42.jpg)
アップロード • デザイナーらしくGUIを使います
![Page 43: わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!](https://reader036.vdocuments.pub/reader036/viewer/2022062300/555e8034d8b42a41328b50e9/html5/thumbnails/43.jpg)
おしまい
• AWSはわたしにも使える!
• 適切なときに適切なサービスを使う!
やりたいことによってサービスを選ぶ!
• 妄想は福を呼ぶ!