WordPress案件を請け負う制作会社からみる Shifter の魅力

Transcript

1. WordPress案件を請け負う制作会社からみる
   Shifter の魅⼒
   ⻑⾕川 広武
   株式会社HAMWORKS
   

   View Slide

2. 年末に、ブログを書きました
   

   View Slide

3. https://h2ham.net/the-appeal-of-shifter
   

   View Slide

4. 書ききれなかったことも！
   

   View Slide

5. Shifterの魅⼒をちょっとだけ
   掘り下げてみていきます
   

   View Slide

6. ⾃⼰紹介
   

   View Slide

7. ハム
    テクニカルディレクター
   フロントエンドエンジニア
   SaCSS 主催
   ⻑⾕川 広武
   は せ が わ ひろむ
   

   View Slide

8. (´ ºムº `)
   

   View Slide

9. View Slide

10. View Slide

11. https://www.meetup.com/ja-JP/topics/wordpress/jp/
    

    View Slide

12. https://www.meetup.com/ja-JP/Sapporo-WordPress-Meetup/
    - ２ヶ⽉に１度開催のペース
    - これまで９回開催
    - 当⽇に質問を受けて進⾏する形式
    

    View Slide

13. View Slide

14. View Slide

15. View Slide

16. https://ham.works/
    

    View Slide

17. リモートワーク!!
    QIPUPCZσβΠϯ೔ຊ஍ਤͷϑϦʔը૾IUUQXXXBCZTTFDPKQKBQBOEKBQBONBQNBQIUNM
    

    View Slide

18. View Slide

19. View Slide

20. https://www.bacardijapan.jp/
    

    View Slide

21. https://www.bacardijapan.jp/
    投稿コンテンツはすべて
    ブロックエディタ⼊⼒対応
    

    View Slide

22. WordPressサイト構築 ご相談
    お待ちしています！
    

    View Slide

23. あらためて、
    Shifterの魅⼒？
    

    View Slide

24. 圧倒的な
    保守コストのダウン
    

    View Slide

25. WordPress案件でよく聞く
    

    View Slide

26. - 静的にかきだしたい
      - 主にセキュリティ対策
      - 表⽰を早くしたい
    - サーバーのメンテナンス⼤変
      - アップデートしていない
      - サーバーやAWSなどの管理ができない
      - OSアップデート・パッチ対応してない
      - ミドルウェアのアップデートしてない
    

    View Slide

27. それにも関わらず・・・
    

    View Slide

28. 開発から本番公開までの環境で
    なんでその環境にした・・・!？
    と思う構成が多い
    

    View Slide

29. " "
    公開サーバー
    開発サーバー
    

    View Slide

30. "
    開発 兼 公開サーバー
    

    View Slide

31. " " 公開サーバー
    開発サーバー
    "
    プレ公開サーバー
    WordPress WordPress WordPress
    

    View Slide

32. 多くの場合
    極⼒⼿間をかけないか
    管理コストをかけるか
    この２択で構成されている様⼦
    

    View Slide

33. - 静的にかきだしたい
      - 主にセキュリティ対策
      - 表⽰を早くしたい
    - サーバーのメンテナンス⼤変
      - アップデートしていない
      - サーバーやAWSなどの管理ができない
      - OSアップデート・パッチ対応してない
      - ミドルウェアのアップデートしてない
    

    View Slide

34. " "
    公開サーバー
    開発サーバー
    WordPress 静的ファイル
    

    View Slide

35. この構成の要望は多い
    

    View Slide

36. " "
    公開サーバー
    開発サーバー
    某静的出⼒CMS 静的ファイル
    

    View Slide

37. " "
    公開クラウド
    開発クラウド
    某静的出⼒CMS 静的ファイル
    

    View Slide

38. あれ？ この構成でいいなら・・・
    

    View Slide

39. Shifterでも良くない！？
    

    View Slide

40. 開発 兼 公開サーバー
    

    View Slide

41. " 公開サーバー
    開発サーバー
    

    View Slide

42. https://ja.wordpress.org/plugins/all-in-one-wp-migration/
    

    View Slide

43. https://ja.wordpress.org/plugins/all-in-one-wp-migration/
    完全無料！？
    

    View Slide

44. 公開サーバー
    開発サーバー
    

    View Slide

45. https://speakerdeck.com/abefumito/wordpress-shifter-gridsome-netlify
    

    View Slide

46. - 静的にかきだしたい
      - 主にセキュリティ対策
      - 表⽰を早くしたい
    - サーバーのメンテナンス⼤変
      - アップデートしていない
      - サーバーやAWSなどの管理ができない
      - OSアップデート・パッチ対応してない
      - ミドルウェアのアップデートしてない
    

    View Slide

47. サーバーへのアクセスをみる
    

    View Slide

48. https://h2ham.net/the-appeal-of-shifter
    - h2ham.net
    - (まだ) VPS で運⽤中…
    

    View Slide

49. https://h2ham.net/the-appeal-of-shifter
    

    View Slide

50. View Slide

51. 謎のアクセスがある・・・
    

    View Slide

52. View Slide

53. https://sacss.net/
    - sacss.net
    - (こちらもまだ) VPS で運⽤中…
    - 静的HTML
    

    View Slide

54. View Slide

55. 静的サイトでも謎のアクセスが…
    

    View Slide

56. View Slide

57. View Slide

58. 謎のアクセスにより⽳を突かれたら
    

    View Slide

59. 定期的にチェックしていますか？
    保守管理重要
    

    View Slide

60. Shifterなら気にする必要ない！
    

    View Slide

61. 圧倒的な
    保守コストのダウン
    

    View Slide

62. #本体のアップデート不要（強制）
    #管理画⾯バレにくい
    #サーバーメンテ不要
    #⾼くない！（$16・$24・$48）
    

    View Slide

63. https://www.getshifter.io/ja/pricing/
    

    View Slide

64. 最後に少しだけ
    Shifter で、設定が難しい
    と（個⼈的に）思うところ
    

    View Slide

65. #ログインとロール管理（対応中との情報）
    #ドメイン設定周り（Route53なら！）
    

    View Slide

66. こんなサイトの移⾏は厳しい・・・
    

    View Slide

67. #オレオレ改造テーマのマイグレーション
    

    View Slide

68. 構成検討課題もある
    

    View Slide

69. #静的サイト周りの課題
      ⇒ サイト内検索 や お問い合わせフォーム
    

    View Slide

70. それでも
    Shifter 使うべし！
    

    View Slide

71. まとめ
    

    View Slide

72. Shifterの利⽤は
    保守コストを減らせる
    

    View Slide

73. #WordPress 案件は Shifter 利⽤前提に！
    

    View Slide

74. HAMWORKSでは
    

    View Slide

75. https://ham.works/
    - デザイン
    - コーディング
    - JavaScript案件
    Vue.js ・ React
    - WordPressサイト構築
    - 案件ごとの
    カスタムブロック制作
    - Jamstack 案件
    

    View Slide

76. そして、こんな対応も！！
    

    View Slide

77. - Shifterへの移⾏
    （マイグレーション）
    - Shifter利⽤前提の
    設計 & 構築
    - Shifterの
    請求書払い対応
    

    View Slide

78. HAMWORKS までお問い合わせを！
    

    View Slide

79. 制作周りのご相談
    お待ちしています！
    

    View Slide

80. ありがとうございました
    

    View Slide