Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

h2ham
February 05, 2020

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

h2ham

February 05, 2020
Tweet

More Decks by h2ham

Other Decks in Business

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/
    - 2ヶ⽉に1度開催のペース
    - これまで9回開催
    - 当⽇に質問を受けて進⾏する形式

    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. 多くの場合
    極⼒⼿間をかけないか
    管理コストをかけるか
    この2択で構成されている様⼦

    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