20180407_WB山口

Transcript

1. 自社サイトをWordPress運用して3kgやせた話 Takano Masayuki

2. 2018/4/10 ©NHN JAPAN Corp. 2 2018/4/10 2 自己紹介 高 野

   昌 之 - NHN JAPAN株式会社 - セールスプロモーションチーム - Web広告運用担当 - Webマーケティング担当 - Webディレクション担当 - 第三回企業対抗格ゲートーナメント BBCF 3on3部門優勝 - 格闘ゲーム世界13位 (USA Fighting Game Tounament EVO BBCF section 13位) 会社のブログでプライベートショットを晒される。

3. 2018/4/10 ©NHN JAPAN Corp. 3 2018/4/10 3 自己紹介 株式会社ドワンゴ主催 第三回企業対抗格闘ゲームトーナメント

   BBCF 3on3部門優勝 →会社サイトのPV数が前月比3,000％に。 →入社翌月。 →社内でオタクポジション確立。 会社の名刺より先に王者の名刺が届く

4. 2018/4/10 ©NHN JAPAN Corp. 4 2018/4/10 4 自己紹介 毎年有休10日ぶっぱなしてラスベガスに行って世界のオタクと殴り合う格ゲーおじさん

5. 今年の目標：世界制覇

6. 2018/4/10 ©NHN JAPAN Corp. 6 2018/4/10 6 自己紹介 高 野

   昌 之 - NHN JAPAN株式会社 - セールスプロモーションチーム - Web広告運用担当 - Webマーケティング担当 - Webディレクション担当 - 第三回企業対抗格ゲートーナメント BBCF 3on3部門優勝 - 世界13位 (USA Fighting Game Tounament EVO BBCF section 13位) 今回はココ

7. 2018/4/10 ©NHN JAPAN Corp. 7 2018/4/10 7 初心者です。お手柔らかにm(_ _)m

8. 2018/4/10 ©NHN JAPAN Corp. 8 2018/4/10 8 Attend - 自社サイトのWebディレクターって何してるの？

   - WordPressで自社サイト運用=メリット - WordPressで自社サイト運用苦労話=デメリット - もうどうしたらいいの・・・

9. 2018/4/10 ©NHN JAPAN Corp. 9 2018/4/10 9 Webディレクターって何してるの？

10. 2018/4/10 ©NHN JAPAN Corp. 10 2018/4/10 10 Webディレクターって何してるの？ Webコンテンツに関わる全ての業務管理・仲介 雑用

11. 2018/4/10 ©NHN JAPAN Corp. 11 2018/4/10 11 Webディレクターって何してるの？ 企画 開発

    サポート デザイン コーディング 企業のプロジェクトは、様々なレイヤーの人間が携わる。

12. 2018/4/10 ©NHN JAPAN Corp. 12 2018/4/10 12 Webディレクターって何してるの？ プロジェクト関係者全員の進行を把握・管理 企画

    開発 サポート デザイン コーディング ディレクター いい感じでおなしゃす！

13. 2018/4/10 ©NHN JAPAN Corp. 13 2018/4/10 13 各担当者間の仲介。意思伝達を円滑に。 企画 開発

    こんなん つくろう デザイン コーダー こういう仕様で こんな デザインで きれいに表示 ディレクター ディレクター ディレクター Webディレクターって何してるの？

14. 2018/4/10 ©NHN JAPAN Corp. 14 2018/4/10 14 企画 開発 デザイン

    コーダー ディレクター ディレクター ディレクター ？ 各担当者間の仲介。意思伝達を円滑に。 ？ ？ ？ Webディレクターって何してるの？

15. 2018/4/10 ©NHN JAPAN Corp. 15 企画 開発 デザイン ディレクター こういう仕様でOK？

    デザインマダー？ サポート コーダー 素材どこにある？ この案件の担当ダレ？ 工数どれくらい？ 答 Webディレクターって何してるの？ いつまでに完成？ 案件にかかわることは全て解決できるようにしておくのが大事なお仕事。 2018/4/10

16. 2018/4/10 ©NHN JAPAN Corp. 16 2018/4/10 16 WordPress＋pleskでStaging運用

17. 2018/4/10 ©NHN JAPAN Corp. 17 2018/4/10 17 WordPress＋pleskでStaging運用 Dev環境・・・システム・デザイン・コーディング作成 Staging環境・・・

    動作検証・CMSコンテンツ作成（ブログ／お知らせ／メンテナンス） 本番環境・・・公開環境。基本的に直接編集はしない。 本番環境 Staging環境 Dev環境

18. 2018/4/10 ©NHN JAPAN Corp. 18 2018/4/10 18 WordPress＋pleskでStaging運用 初期開発 本番更新

    本番環境 Staging環境 Dev環境 確認・編集 各々の分担領域で作業

19. 2018/4/10 ©NHN JAPAN Corp. 19 2018/4/10 19 メリット

20. 2018/4/10 ©NHN JAPAN Corp. 20 WordPress＋pleskでStaging運用 – メリット - 細かい修正が簡単に。

    - 緊急対応が迅速に。 - 効果検証をお手軽に。 - 非エンジニアにやさしいGUI。 クリエイティブチーム外のスタッフがWebサイトを修正できる→工数大幅削減

21. 2018/4/10 ©NHN JAPAN Corp. 21 2018/4/10 21 ディレクターが関与できる範囲が広がる！ (仕事も増える)

22. 2018/4/10 ©NHN JAPAN Corp. 22 2018/4/10 22 WordPress＋pleskでStaging運用 初期開発 本番更新

    本番環境 Staging環境 Dev環境 確認・CMS編集 提案 編集 更新

23. 2018/4/10 ©NHN JAPAN Corp. 23 2018/4/10 23 WordPress＋pleskでStaging運用 初期開発 本番更新

    本番環境 Staging環境 Dev環境 確認・編集 提案 編集 更新 ページ編集ができてすごくイイ。

24. 2018/4/10 ©NHN JAPAN Corp. 24 2018/4/10 24 細かい修正がサクッとできる！

25. 2018/4/10 ©NHN JAPAN Corp. 25 WordPress＋pleskでStaging運用 – メリット 商品担当 ディレクター

    ディレクター 商品担当 デザイン コーダー ディレクター

26. 2018/4/10 ©NHN JAPAN Corp. 26 WordPress＋pleskでStaging運用 – メリット 商品担当 ディレクター

    ディレクター 商品担当 デザイン コーダー ディレクター 修正した 修正して

27. 2018/4/10 ©NHN JAPAN Corp. 27 WordPress＋pleskでStaging運用 – メリット 超速緊急対応 ディレクター

    ディレクター コーダー ディレクター 開発 緊急メンテ 緊急メンテ 掲載して 掲載した 報告 遅い サポート サポート

28. 2018/4/10 ©NHN JAPAN Corp. 28 WordPress＋pleskでStaging運用 – メリット ディレクター ディレクター

    コーダー ディレクター 開発 緊急メンテ 掲載して 掲載した 掲載した 緊急アップ サポート 緊急メンテ サポート 超速緊急対応

29. 2018/4/10 ©NHN JAPAN Corp. 29 2018/4/10 29 Webマーケティング検証が捗る！

30. 2018/4/10 ©NHN JAPAN Corp. 30 WordPress＋pleskでStaging運用 – メリット ABテスト等、検証が簡単に。Webマーケティングがはかどる。 ディレクター

    ディレクター デザイン

31. 2018/4/10 ©NHN JAPAN Corp. 31 WordPress＋pleskでStaging運用 – メリット Google Optimize

    いいかんじ

32. 2018/4/10 ©NHN JAPAN Corp. 32 2018/4/10 32 非エンジニアにやさしいGUI (黒い画面コワイ)

33. 2018/4/10 ©NHN JAPAN Corp. 33 WordPress＋pleskでStaging運用 – メリット WordPressで作って Pleskでアップ！

    バックアップ、同期、複製・・・ コマンド無しで一通りできるの便利。

34. 2018/4/10 ©NHN JAPAN Corp. 34 2018/4/10 34 コスト削減 （超重要）

35. 2018/4/10 ©NHN JAPAN Corp. 35 WordPress＋pleskでStaging運用 – メリット ディレクター 商品担当

    デザイン コーダー ディレクター 開発 ￥ ￥ ￥ !? !? 各工程で工数＝費用が発生するので、依頼側からすると予想以上にコストがかさむ。

36. 2018/4/10 ©NHN JAPAN Corp. 36 WordPress＋pleskでStaging運用 – メリット ディレクター 商品担当

    デザイン コーダー ディレクター 開発 ￥ ￥ ￥ ０ ♪ ディレクターが対応できればコスト大幅カット。

37. 2018/4/10 ©NHN JAPAN Corp. 37 WordPress＋pleskでStaging運用 – メリット ディレクターの動ける範囲が広がる＝クリエイティブ工数削減 ↓

    コスト削減

38. 2018/4/10 ©NHN JAPAN Corp. 38 2018/4/10 38 デメリット

39. 2018/4/10 ©NHN JAPAN Corp. 39 WordPress＋pleskでStaging運用 – デメリット 権限を広げてしまったため、予想外のイレギュラーが発生。やせた。 -

    二軸進行に対応できない －1kg - WP管理画面が無限増殖 －1kg - リテラシーのズレ －1kg

40. 2018/4/10 ©NHN JAPAN Corp. 40 2018/4/10 40 二軸進行に対応できない…

41. 2018/4/10 ©NHN JAPAN Corp. 41 二軸進行に対応できない 本番環境 Staging環境 本番更新 開発／ディレクター／サポート

    権限があれば 誰でも 本番更新できる

42. 2018/4/10 ©NHN JAPAN Corp. 42 Staging環境 リリース情報Stagingアップ。 来週公開。 新商品ページStagingアップした。 来週公開。

    秘 二軸進行に対応できない ディレクター 開発 退社。

43. 2018/4/10 ©NHN JAPAN Corp. 43 Staging環境 緊急メンテ入ります。 すぐ公開します。 秘 二軸進行に対応できない

    退社。 サポート

44. 2018/4/10 ©NHN JAPAN Corp. 44 本番環境 秘 機密情報公開 ディレクター －1kg

45. 2018/4/10 ©NHN JAPAN Corp. 45 権限広げすぎ、ダメ、ゼッタイ。 技術的な補佐をもらいつつ、 最終承認・責任は必ずディレクターがする。 アップします。 OKです！

    二軸進行に対応できない

46. 2018/4/10 ©NHN JAPAN Corp. 46 コミュニケーションツールで必ず情報共有しましょう。 二軸進行に対応できない

47. 2018/4/10 ©NHN JAPAN Corp. 47 2018/4/10 47 社内WordPressコンテンツの乱立

48. 2018/4/10 ©NHN JAPAN Corp. 48 社内WordPressコンテンツの乱立 開発環境 本番環境 Staging環境 社内ブログ

    技術ブログ サポートブログ ディレクター FAQ お知らせ ・・・・・

49. 2018/4/10 ©NHN JAPAN Corp. 49 無限に増えるWordPress管理画面 ディレクター 社内WordPressコンテンツの乱立 －1kg

50. 2018/4/10 ©NHN JAPAN Corp. 50 各チームの代表に管理は任せる。ディレクターは最終チェック／更新だけ。 書いた。 おっけー！ 開発→企画→サポート順にアップしま。 社内WordPressコンテンツの乱立

    開発代表 企画代表 サポート代表 書いた。 書いた。 Staging保存したよ Staging保存したよ Staging保存したよ ディレクター

51. 2018/4/10 ©NHN JAPAN Corp. 51 あとはデザイン差をつける…とか。。。 色変えるだけでもだいぶマシです。 社内WordPressコンテンツの乱立

52. 2018/4/10 ©NHN JAPAN Corp. 52 2018/4/10 52 リテラシーは千差万別

53. 2018/4/10 ©NHN JAPAN Corp. 53 リテラシーは千差万別 ディレクター ミッ◯ーの素晴らしさについて ブログ書いたわ。 くぁｗせｄｒｆｔｇふじこ、アップしないで

    公開したわ。 ディレクター エラい人 エラい人 －1kg

54. 2018/4/10 ©NHN JAPAN Corp. 54 リテラシーは千差万別 プロフェッショナルになればなるほど、リテラシー格差は拡大します。 「常識でしょ？」で片付けず、意思疎通を徹底しましょう。 ◯ッキーの画像を全て自画像に書き換えました

55. 2018/4/10 ©NHN JAPAN Corp. 55 2018/4/10 55 WordPressでBtoBサイト運用 - まとめ

    - WordPress環境について、最低限のルールを把握しておく。 (本番更新手順、更新権限一覧、共有スレ etc…） - 権限は限定する。責任の所在をはっきりしておく。 - ↑を明文化する。全員が見れるWiki化しておくなどがベスト。 - 静的コンテンツはgit管理、ブログ更新はWP運用で区分けするのが無難かと・・・

56. 2018/4/10 ©NHN JAPAN Corp. 56 WordPress＋pleskでStaging運用 初期開発 本番環境 CMS Staging

    確認・CMS編集 更新 更新 静的ページはgit管理、更新部分はCMS管理で分ける方が安全ですね(工数はかかる…)

57. 2018/4/10 ©NHN JAPAN Corp. 57 2018/4/10 57 WordPressBtoBサイト運用 まとめ WordPressでBtoBサイト運用

    - まとめ

58. 2018/4/10 ©NHN JAPAN Corp. 58 2018/4/10 58 とても便利だけど、もちろん一長一短。 企業の体系にあわない部分は、運用でカバー。 WordPressでBtoBサイト運用

    - まとめ 実際どうなの？

59. 2018/4/10 ©NHN JAPAN Corp. 59 2018/4/10 59 ディレクターBtoBサイト運用 まとめ WordPressでBtoBサイト運用

    - まとめ

60. 2018/4/10 ©NHN JAPAN Corp. 60 2018/4/10 60 「ディレクターよ、勇者であれ。」 -上司の言葉- WordPressでBtoBサイト運用

    - まとめ

61. 2018/4/10 ©NHN JAPAN Corp. 61 2018/4/10 61 WordPressでBtoBサイト運用 - まとめ

    何でも作れるスーパーエンジニア 超売れるアイデアを出せる企画 そうび python Php Javascript Java SQL C# Ruby … まほう カスタマーバリュー AIDMA イノベーター 3C分析 SWOT分析 ROI クープマン目標値 とくぎ Html css 一般論 ディレクター

62. 2018/4/10 ©NHN JAPAN Corp. 62 2018/4/10 62 WordPressでBtoBサイト運用 - まとめ

    何でも作れるスーパーエンジニア 超売れるアイデアを出せる企画 まほう カスタマーバリュー AIDMA イノベーター 3C分析 SWOT分析 ROI クープマン目標値 ？ ？ とくぎ Html css 一般論 そうび python Php Javascript Java SQL C# Ruby …

63. 2018/4/10 ©NHN JAPAN Corp. 63 2018/4/10 63 WordPressでBtoBサイト運用 - まとめ

    何でも作れるスーパーエンジニア 超売れるアイデアを出せる企画 ＝ まほう カスタマーバリュー AIDMA イノベーター 3C分析 SWOT分析 ROI クープマン目標値 そうび python Php Javascript Java SQL C# Ruby …

64. 2018/4/10 ©NHN JAPAN Corp. 64 2018/4/10 64 常識に沿って、良識を持って、真摯な対応を心がける 特殊な技能は不要、最低限の知識があれば誰でもできる WordPressでBtoBサイト運用

    – ディレクター心得 大切なことは

65. 2018/4/10 ©NHN JAPAN Corp. 65 2018/4/10 65 いっしょにWebディレクター、やりませんか？（切実 やせる

66. 2018/4/10 ©NHN JAPAN Corp. 66 2018/4/10 66 ご清聴ありがとうございました。 懇親会でお話しさせていただければm(_ _)m