最近界隈で話題になりつつあるShifter
とりあえずお試しでサイト移行をやってみようと思います。
Shifterとは
動的サイトのWordPressをCloud上で構築して、公開するときには静的WebサイトにしてくれるステキService!!
WordPressのときに抱えていた脆弱性は公開せず、見せたい所だけ公開することが出来ます。
こちらのブログを見てもらうのが一番スムーズにわかると思います。
プラン
![](https://contents.hisa-tech.site/2018/12/06184152/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-18.27.35.png)
今回、AWSからの完全移行はせず写真などの保存は従来どおりS3で対応予定。
CDNとSSL証明書はShifter側を使ってみようかなと思います。
プランごとで変わるのがサイト数、Storage、転送データ量、Customドメイン。
まずはお試しなのでFree Trialでよいかなと。
AWS併用すれば唯一困りそうなのはCustomドメインと転送量くらいですね。
本格移行になるとCustomドメイン問題があるので、Pesonalは避けれないですね( ;∀;)
Let’s Try
準備
アカウント作成
![](https://contents.hisa-tech.site/2018/12/06185151/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-18.51.00.png)
ユーザ名、メールアドレス、パスワードのみのシンプル登録。
ささっと登録してログインします。
ダッシュボード
![](https://contents.hisa-tech.site/2018/12/06185616/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-18.55.45.png)
Verify your account
Before creating your site, we need to verify credit card information. This ensures that you’re a real person and helps prevent fraud and abuse. You card will not be billed for our free trial.
本人確認のためにクレジットカードを登録しましょうと言われてますが、とりあえずFree Trialなので一旦無視します。
というわけでCreate Newを押して進めます。
サイト構築
Create New
![](https://contents.hisa-tech.site/2018/12/06190431/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-19.04.18.png)
まだクレジットカードを登録しろと言われますが、サイト名を入れてCreate Siteで進みます。Organaizationは特に設定していないので、そのまま行きます。
![](https://contents.hisa-tech.site/2018/12/06190543/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-19.05.31.png)
やっぱダメでした/(^o^)\
というわけで、クレジットカード情報を入力します・・・
Payment Method
![](https://contents.hisa-tech.site/2018/12/06190633/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-19.06.13.png)
こんな所でStripe!!!
自分も使っている分飛んでく情報も知っているので、カード情報入れるのも安心
とりあえずここもささっとクレジットカード情報入力してSubmit
![](https://contents.hisa-tech.site/2018/12/06191006/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-19.09.55.png)
本人確認も済んだので、もう一度サイト名を入力してCreate Site
![](https://contents.hisa-tech.site/2018/12/06191712/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-19.16.121.png)
それっぽい画面になりました!
このまま右上のStartWordPressでセットアップに進めます!
StartWordPress
![](https://contents.hisa-tech.site/2018/12/06192004/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-19.19.26.png)
ボタンを押すとIDとパスワードが発行されて、セットアップが始まりました。
すこし時間が経つと、Close、Visit Site、Dashbordのボタンが出てきます。
![](https://contents.hisa-tech.site/2018/12/06192639/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-19.26.26.png)
あれ、いきなりこの画面飛ぶけど言語設定は・・・?
とりあえず、ログインしてみる。
![](https://contents.hisa-tech.site/2018/12/06193130/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-19.31.17.png)
いつものWordpressの画面になりました。
このあと[Setting]→[General]からSite Languageを日本語設定と、Time ZoneをUTC+9に設定。
無事に日本語になりましたw
その他にもサイト名やら日付表記やらを、元のサイトに合わせて設定。
![](https://contents.hisa-tech.site/2018/12/06194155/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-19.41.37.png)
WordPressの最初に見えるあのテーマが表示できたので、起ち上げは完了
ここまでブログ書きながら約1時間ほどで完了、十分にスムーズ!!
静的Webサイト化
ここまではただのWordPressのセットアップ、ここからがShfterの本来の仕事です。
![](https://contents.hisa-tech.site/2018/12/06195255/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-19.50.591.png)
SITE OVERVIEWに戻り、更新をするとGenerateボタンが押せるようになったので押して見る。
![](https://contents.hisa-tech.site/2018/12/06195413/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-19.54.01.png)
ジェネレート中はWordPressにアクセスできないよってお達し。
問題なければGenerateボタンで開始。
![](https://contents.hisa-tech.site/2018/12/06195622/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-19.56.06.png)
すこし時間かかりますが5分ほどで上がってきます。
![](https://contents.hisa-tech.site/2018/12/06195848/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2018-12-06-19.58.06.png)
出来上がるとこんな感じの画面に!!
発行されているURLにアクセスすると静的WebサイトになったWordPressサイトが表示された!
まとめ
とりあえずは構築までで、移行はまた別機会にやります。
まだそんなにプラグインもたくさん入れてないのと、記事数も少ないのでそこまで移行は大変じゃないと思ってます。
以前ハマったCloudFront問題やhttps通信での細々とした設定は今回無縁なので、あっという間にhttps化もGutenbergのインストールも出来きたました!
とりあえず、テーマだけ先に落としてこないと・・・w
お試しならささっと遊べるので、是非WordPressユーザーの型は試してみてはいかがでしょうか?
追記:1 JP_Getshifterキックオフイベント
結構見てくださる方が多かったので、イベントのお知らせします♪
12/20(木) 19:00からJP_Getshifterのキックオフがあります!!
増枠されたとお聞きましたので、Shifterご興味がある方は是非参加してください🌟
![](https://hisa-tech.site/wp-content/uploads/cocoon-resources/blog-card-cache/c9097e93faf147148a9cd8ceaaa8c043.jpg)
参考ページ
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgxJThBJUU1JTkwJThEJUU1JTg5JThELmNvbSVFMyU4MSVBNyVFNSU4RiU5NiVFNSVCRSU5NyVFMyU4MSU5NyVFMyU4MSU5RiVFMyU4MyU4OSVFMyU4MyVBMSVFMyU4MiVBNCVFMyU4MyVCMyVFMyU4MiU5MlNoaWZ0ZXIlRTMlODElQjglRTclQjQlOTAlRTQlQkIlOTglRTMlODElOTElRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTgyZjdhYWIzZThjNzczOGNmODgzZWZiNzA1NTViZGYz&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBjZWJ1eWFtYSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZjdjNjJlNGU4MDMyMTZhNzBlODg3OWMzYTY5ZWNkODQ&blend-x=142&blend-y=486&blend-mode=normal&s=59bf2c703147e5a58c01886bdf35b4ca)
コメント