20180407_WB山口 - Speaker Deck

20180407_WB山口

by Takano Masayuki

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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位) 会社のブログでプライベートショットを晒される。

Slide 3

Slide 3 text

2018/4/10 ©NHN JAPAN Corp. 3 2018/4/10 3 自己紹介株式会社ドワンゴ主催第三回企業対抗格闘ゲームトーナメント BBCF 3on3部門優勝 →会社サイトのPV数が前月比3,000％に。 →入社翌月。 →社内でオタクポジション確立。会社の名刺より先に王者の名刺が届く

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

今年の目標：世界制覇

Slide 6

Slide 6 text

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位) 今回はココ

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

2018/4/10 ©NHN JAPAN Corp. 8 2018/4/10 8 Attend - 自社サイトのWebディレクターって何してるの？ - WordPressで自社サイト運用=メリット - WordPressで自社サイト運用苦労話=デメリット - もうどうしたらいいの・・・

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

2018/4/10 ©NHN JAPAN Corp. 11 2018/4/10 11 Webディレクターって何してるの？企画開発サポートデザインコーディング企業のプロジェクトは、様々なレイヤーの人間が携わる。

Slide 12

Slide 12 text

2018/4/10 ©NHN JAPAN Corp. 12 2018/4/10 12 Webディレクターって何してるの？プロジェクト関係者全員の進行を把握・管理企画開発サポートデザインコーディングディレクターいい感じでおなしゃす！

Slide 13

Slide 13 text

2018/4/10 ©NHN JAPAN Corp. 13 2018/4/10 13 各担当者間の仲介。意思伝達を円滑に。企画開発こんなんつくろうデザインコーダーこういう仕様でこんなデザインできれいに表示ディレクターディレクターディレクター Webディレクターって何してるの？

Slide 14

Slide 14 text

2018/4/10 ©NHN JAPAN Corp. 14 2018/4/10 14 企画開発デザインコーダーディレクターディレクターディレクター？各担当者間の仲介。意思伝達を円滑に。？？？ Webディレクターって何してるの？

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

2018/4/10 ©NHN JAPAN Corp. 17 2018/4/10 17 WordPress＋pleskでStaging運用 Dev環境・・・システム・デザイン・コーディング作成 Staging環境・・・動作検証・CMSコンテンツ作成（ブログ／お知らせ／メンテナンス）本番環境・・・公開環境。基本的に直接編集はしない。本番環境 Staging環境 Dev環境

Slide 18

Slide 18 text

2018/4/10 ©NHN JAPAN Corp. 18 2018/4/10 18 WordPress＋pleskでStaging運用初期開発本番更新本番環境 Staging環境 Dev環境確認・編集各々の分担領域で作業

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

2018/4/10 ©NHN JAPAN Corp. 20 WordPress＋pleskでStaging運用 – メリット - 細かい修正が簡単に。 - 緊急対応が迅速に。 - 効果検証をお手軽に。 - 非エンジニアにやさしいGUI。クリエイティブチーム外のスタッフがWebサイトを修正できる→工数大幅削減

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

2018/4/10 ©NHN JAPAN Corp. 22 2018/4/10 22 WordPress＋pleskでStaging運用初期開発本番更新本番環境 Staging環境 Dev環境確認・CMS編集提案編集更新

Slide 23

Slide 23 text

2018/4/10 ©NHN JAPAN Corp. 23 2018/4/10 23 WordPress＋pleskでStaging運用初期開発本番更新本番環境 Staging環境 Dev環境確認・編集提案編集更新ページ編集ができてすごくイイ。

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

2018/4/10 ©NHN JAPAN Corp. 26 WordPress＋pleskでStaging運用 – メリット商品担当ディレクターディレクター商品担当デザインコーダーディレクター修正した修正して

Slide 27

Slide 27 text

2018/4/10 ©NHN JAPAN Corp. 27 WordPress＋pleskでStaging運用 – メリット超速緊急対応ディレクターディレクターコーダーディレクター開発緊急メンテ緊急メンテ掲載して掲載した報告遅いサポートサポート

Slide 28

Slide 28 text

2018/4/10 ©NHN JAPAN Corp. 28 WordPress＋pleskでStaging運用 – メリットディレクターディレクターコーダーディレクター開発緊急メンテ掲載して掲載した掲載した緊急アップサポート緊急メンテサポート超速緊急対応

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

2018/4/10 ©NHN JAPAN Corp. 33 WordPress＋pleskでStaging運用 – メリット WordPressで作って Pleskでアップ！バックアップ、同期、複製・・・コマンド無しで一通りできるの便利。

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

2018/4/10 ©NHN JAPAN Corp. 35 WordPress＋pleskでStaging運用 – メリットディレクター商品担当デザインコーダーディレクター開発￥￥￥ !? !? 各工程で工数＝費用が発生するので、依頼側からすると予想以上にコストがかさむ。

Slide 36

Slide 36 text

2018/4/10 ©NHN JAPAN Corp. 36 WordPress＋pleskでStaging運用 – メリットディレクター商品担当デザインコーダーディレクター開発￥￥￥０ ♪ ディレクターが対応できればコスト大幅カット。

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

2018/4/10 ©NHN JAPAN Corp. 39 WordPress＋pleskでStaging運用 – デメリット権限を広げてしまったため、予想外のイレギュラーが発生。やせた。 - 二軸進行に対応できない－1kg - WP管理画面が無限増殖－1kg - リテラシーのズレ－1kg

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

2018/4/10 ©NHN JAPAN Corp. 42 Staging環境リリース情報Stagingアップ。来週公開。新商品ページStagingアップした。来週公開。秘二軸進行に対応できないディレクター開発退社。

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

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

Slide 46

Slide 46 text

Slide 47

Slide 47 text

Slide 48

Slide 48 text

Slide 49

Slide 49 text

Slide 50

Slide 50 text

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

Slide 51

Slide 51 text

Slide 52

Slide 52 text

Slide 53

Slide 53 text

Slide 54

Slide 54 text

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

Slide 55

Slide 55 text

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

Slide 56

Slide 56 text

2018/4/10 ©NHN JAPAN Corp. 56 WordPress＋pleskでStaging運用初期開発本番環境 CMS Staging 確認・CMS編集更新更新静的ページはgit管理、更新部分はCMS管理で分ける方が安全ですね(工数はかかる…)

Slide 57

Slide 57 text

Slide 58

Slide 58 text

Slide 59

Slide 59 text

Slide 60

Slide 60 text

Slide 61

Slide 61 text

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 一般論ディレクター

Slide 62

Slide 62 text

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 …

Slide 63

Slide 63 text

2018/4/10 ©NHN JAPAN Corp. 63 2018/4/10 63 WordPressでBtoBサイト運用 - まとめ何でも作れるスーパーエンジニア超売れるアイデアを出せる企画＝まほうカスタマーバリュー AIDMA イノベーター 3C分析 SWOT分析 ROI クープマン目標値そうび python Php Javascript Java SQL C# Ruby …

Slide 64

Slide 64 text

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