Shifterへの引越しからJAMstackな活用までちょっと深掘り!Shifter Meetup Tokyo Vol.8 開催レポート

Seiji Akatsuka | February 13, 2020

みなさんこんにちは、2/5に東京では今年初となるShifter Meetupを開催致しましたので、当日の資料やツイートまとめを含めてレポートいたします。
今回は会場ご提供してくださったStripeさんのご好意でZoomでも参加可能だったため、オフライン・オンラインにかかわらず一緒にツイートしながらミートアップを楽しめました。

ツイートまとめはこちら
https://togetter.com/li/1465023

イベントサイト
https://eventregist.com/e/nNSylXg17TmE

まずはStripeさんからサービスやイベントのご紹介。
4/18 (土)に都内でStripeのユーザーコミュニティJP_Stripesによる全国イベントが開催されます。
https://connect2020.jpstripes.com/
もちろんこのサイトもGetShifterです!

Shifterは、コミュニティ主催のカンファレンスや交流イベントのオフィシャルサイト等にShifterアカウントをご利用いただける「コミュニティイベント支援プログラム」をご用意しています。
詳細は以下のページをご覧ください。
https://www.digitalcube.jp/contact/shifter-community-support-program/

まずはShifterのおさらいと、前回からのアップデートのご紹介です。

スライドはこちら
https://speakerdeck.com/digitalcube/5-dong-jing-kai-cui-shifter-meetup-vol-dot-8-shifterfalseji-ben-tozui-xin-atuhuteto[/et_pb_text][/et_pb_column][/et_pb_row]

[et_pb_row _builder_version=”4.0.10″][et_pb_column type=”4_4″ _builder_version=”4.0.10″][et_pb_text _builder_version=”4.0.10″]

Shifterのアップデート

[/et_pb_text][/et_pb_column][/et_pb_row]

[et_pb_row _builder_version=”4.0.10″ min_height=”160px”][et_pb_column type=”4_4″ _builder_version=”4.0.10″][et_pb_text _builder_version=”4.0.10″]

[/et_pb_text][/et_pb_column][/et_pb_row]

[et_pb_row _builder_version=”4.0.10″][et_pb_column type=”4_4″ _builder_version=”4.0.10″][et_pb_text _builder_version=”4.0.10″]

ユーザーセッション

[/et_pb_text][/et_pb_column][/et_pb_row]

[et_pb_row _builder_version=”4.0.10″ min_height=”58px”][et_pb_column type=”4_4″ _builder_version=”4.0.10″][et_pb_text _builder_version=”4.0.10″ custom_padding=”||2px|||”]

HAMWORKS 長谷川 広武さん
タイトル:WordPress案件を請け負う制作会社からみる Shifter の魅力

スライドはこちら
https://speakerdeck.com/h2ham/wordpressan-jian-woqing-kefu-uzhi-zuo-hui-she-karamiru-shifter-falsemei-li

[/et_pb_text][/et_pb_column][/et_pb_row]

[et_pb_row _builder_version=”4.0.10″][et_pb_column type=”4_4″ _builder_version=”4.0.10″][et_pb_image src=”/wp-content/uploads/2020/02/IMG_6892-scaled.jpg” _builder_version=”4.0.10″][/et_pb_image][/et_pb_column][/et_pb_row]

[et_pb_row _builder_version=”4.0.10″][et_pb_column type=”4_4″ _builder_version=”4.0.10″][et_pb_text _builder_version=”4.0.10″]

日々お客様のサイト制作をされている長谷川さんらしく、プロフェッショナルな観点からShifterを活用するメリットについて掘り下げてご紹介いただいています。
セキュリティ面からサイトを静的にしたいケースや、WordPressのアップデートとサーバーサイドの保守にかかる手間をなくしたいケースに圧倒的なコストメリットがあると強調されていたのが印象的です。
最後にいただいたフィードバックについて、ロール機能は開発を進めておりますので公開をお楽しみに!
ドメイン設定についてはもう少しわかりやすくできるよう検討いたします!

[/et_pb_text][/et_pb_column][/et_pb_row]

[et_pb_row _builder_version=”4.0.10″][et_pb_column type=”4_4″ _builder_version=”4.0.10″][et_pb_text _builder_version=”4.0.10″]

necco 阿部 文人さん
タイトル:ShifterをHeadlessCMSにした自社サイトをGridsomeとNetlifyで作ってる話

スライドはこちら
https://speakerdeck.com/abefumito/shifter-headlesscms-gridsome-netlify

[/et_pb_text][/et_pb_column][/et_pb_row]

[et_pb_row _builder_version=”4.0.10″ custom_padding=”||21px|||”][et_pb_column type=”4_4″ _builder_version=”4.0.10″][et_pb_text _builder_version=”4.0.10″ custom_padding=”0px|||||”]

こちらはアドベントカレンダーでも紹介されていたShifterとGridsomeの連携を、自社サイトに導入しているお話です。
Shifterを利用すればWordPressをHeadless CMSとしてJAMstackな構成が簡単にできます。
記事の更新・管理は使い慣れたWordPressで行い、フロントエンドの開発はVue.jsなどPHP以外で行いたい場合に最適な組み合わせです。
今回のセッションでは、実際の開発の流れや参考にされた資料も紹介されていますので、興味ある方はぜひスライドやサイトをご参考にトライしてみてください。

Toro_Unit(山の上のとろゆに)(@Toro_Unit)さん公開の Shifter Webhooks + Gridsome

[/et_pb_text][/et_pb_column][/et_pb_row]

[et_pb_row _builder_version=”4.0.10″][et_pb_column type=”4_4″ _builder_version=”4.0.10″][et_pb_text _builder_version=”4.0.10″]

ソラコム 清水 雄太さん
タイトル:コーポレートサイトをShifterに移行した話

スライドはこちら
https://www.slideshare.net/SORACOM/shifter-227022649

[/et_pb_text][/et_pb_column][/et_pb_row]

IoTプラットフォームのSORACOMを提供しているソラコムさんからは、シニアソフトウェアエンジニアの清水さんがShifterの導入の経緯や工夫した点などを紹介されました。
SORACOMは2015年にサービスをスタートして以来急速に成長をしている日本を代表するスタートアップ企業で、少数精鋭のチームにとってWebマーケティングは非常に重要です。

ソラコムさんのShifter導入のきっかけは以下です。
・実はアメリカのメンバーがすでに www.soracom.io でShifterを使っていた
・WordPressやサーバーの保守が不要
・WordPressが編集時にだけ起動するためセキュリティリスクが低い
・APIが整備されている

はじめはエンジニアがターミナルを使ってGitから更新していたWebサイトをShifterに移行し、マーケティングメンバーもGitではなくWordPressでアクティブに更新できるようになったと紹介していました。
サイトの移行はAWS CloudfrontのBehaviorを活用するなど、ソラコムさんらしくとても参考になる発表でした。

最後にShifterについてご質問とフィードバックをいただきました。

・質問1
WordPressインスタンスがシャットダウンするルールを教えてください。

こちらのサポートドキュメントでご案内しています。
https://support.getshifter.io/en/articles/2052850

・質問2
バックアップの取得方法を教えてください。

こちらのサポートドキュメントでご案内しています。
https://support.getshifter.io/en/articles/3441170
手動でAll-in-One WP Migrationを利用して個別にもバックアップを取得可能です。

・質問3
テンプレートの効率良い更新方法

こちらのサポートドキュメントでご案内しています。https://support.getshifter.io/en/articles/3312625

こちらのブログもご活用ください。
Shifter-LocalでWordPressテーマ開発環境を作る

・ご要望
予約投稿したい!

多くのご要望をいただいていて、予約デプロイの形で大まかな仕様までは検討を行なっています。
こちらはハックになりますが、以前擬似的な予約投稿についてブログでご紹介しています。
https://www.digitalcube.jp/shifter/4267/ 今回もたくさんの方にご参加いただきありがとうございました! SHIFTER MEETUP WEST #5
https://eventregist.com/e/GetshifterWest
こちらもオンラインで参加可能ですのでぜひお気軽にご参加ください。

それでは!

Ready to take your site to the next level?

Shifter is the solution for fast, maintenance-free WordPress websites.