わたしにもできるよ、 StaticPress+S3で簡単・手軽 にサイト構築!

わたしにもできるよ、StaticPress＋S3で簡単・手軽にサイト構築！

カナ　× ながとみ ちはる

わたしのこと カナ　@kana_labo

会社でweb制作してます

家族：夫と娘（←かわいい）

趣味：美少女・妄想

本日お話すること

•  本日のテーマとここに至るまでの経緯

•  そもそもWordPressってなんぞや

•  StaticPressとS3を使うわけ

•  StaticPress＋S3でサイト構築するよ

本日のテーマ

わたしにもできるよ！

AWSとかサーバとか よくわからないけど･･･

わたしにもできるよ！！！

こんなわたしが なぜここに？

2013年9月

ちはるさん　LT In jaws festa kansai 2013

WordPressのプラグインを俺なりにあんなことしたりこんなことしたり（仮）

→　http://www.slideshare.net/chiharunagatomi/wordpress-26663967

･･･ぷ、プラグインを

擬人化してましたっ！！

清く正しく妄想してました そのあとは・・・

三都で話さないかと言われ･･･ なぜか・・・

今日！＼(＾0＾)／ ナンテコッタ！！

できることをする！

それがモットーだ！

よろこんでする！

本日のお題

StaticPress

StaticPress 　WordPress サイトを静的 HTML に変換す

るためのプラグイン

です。

StaticPressたん とくぎ 　動いているものを、 　持っている スパナでとめる ラチェットレンチ（重要）

StaticPress＋S3

こういうことですか、わかりません

･･･つ、次に行きましょう。

そもそもWordPressって なんぞや

まってました！！！

ちはるさんが登壇するよー！！！ ※ちはるさんのスライドを参照してね

StaticPressとS3を使うわけ

動的生成のWordPressを なんで静的サイトにするの？

ドーテキセーセー？

セイテキセーセー？？

たとえばこんな場合

• webサイトをWordPress構築しているが しばらく更新が止まっている

‒ ついでにWordPressの更新も行っていない

• WordPressを使ってサイトを構築したいが、よりセキュリティの高い方法を 考えている

そんなときにStaticPress • 静的ページに変換→アップロード

‒ WordPress本体を公開しなくてよい （攻撃される窓口が減る）

‒ DB・PHPは使いません

StaticPressを使うときの注意点

• DB・PHP動いていません ‒ コメントやサイト内検索・コンタクトフォームの設置 、その他PHPやデータベースに依存

するサービスを使用できません。

Disqus や Facebook コメント、Google カスタムサーチ・Google フォームなどで代替するように設計してください（http://ja.staticpress.net/about/）

WordPressを 静的サイトにしよう！

決めたよ！

StaticPressにはS3！

•  S3に直接アップロードできる 追加プラグイン、あります！ staticpress-s3 https://github.com/megumiteam/staticpress-s3

Amazon S3とは •  機能をしぼって提供されている クラウドストレージサービス

•  機能を絞っているぶん低価格 （1 GBあたり月額 10 円～ ）

•  AWSならではの99.99 % の可用性と、99.999999999 % の堅牢性 はそのまま

•  ウェブデータの公開・ファイルサーバとして使用可能

StaticPress ＋S3を利用する利点 • WordPress本体・PHP・DBがない →メンテナンスする必要ない

• 生成されたhtmlのみを公開

→管理画面に侵入される心配がない

• 低料金で開始できる

• 堅牢なサーバを使用できる

StaticPress＋S3で サイト構築するよ

• 黒い画面は使いません！！！

• すっげー簡単

• びっくりするで！！！

詳しくは↓を参照するといいよ →　http://ja.staticpress.net/2013/06/11/69/

S3にバケットを作成

パーミッションの設定

webサイトホスティング設定

StaticPress設定

再構築するだけ

アップロード • デザイナーらしくGUIを使います

おしまい

•  AWSはわたしにも使える！

• 適切なときに適切なサービスを使う！

やりたいことによってサービスを選ぶ！

• 妄想は福を呼ぶ！