運用とチームと構成の理想論 WordPressを添えて(仮)

60
2015.12.05 sat WordBench Osaka vol.48 Speaker:: Takenori Okashita [GOUTEN]

Transcript of 運用とチームと構成の理想論 WordPressを添えて(仮)

Page 1: 運用とチームと構成の理想論 WordPressを添えて(仮)

2015.12.05 sat WordBench Osaka vol.48 Speaker:: Takenori Okashita [GOUTEN]

Page 2: 運用とチームと構成の理想論 WordPressを添えて(仮)

このお話には妄想や推測や 理想論等が多分に含まれますので 生暖かく見守りましょう

Page 3: 運用とチームと構成の理想論 WordPressを添えて(仮)

とは言ったものの

2015.12.05 sat WordBench Osaka : vol.48

完全に勢いです。本当にあ(ry※アタリマエのことを言うので真剣に聞くと損します。

Page 4: 運用とチームと構成の理想論 WordPressを添えて(仮)

Webデザイナー/フロントエンドエンジニア/ グロースハッカー

岡下剛典

5010WORKS [ゴウテンワークス]

クックビズ株式会社 メディア事業部 開発部

JOB

FREELANCE

JOIN

Takenori Okashita

2015年はAdvent Calendary やりすぎ NEW!!

Illustration by Q

コーディングしたり、WordPressを触ったりしてる人

体は主に日本酒で出来ている

自己紹介

2015.12.05 sat WordBench Osaka : vol.48

Page 5: 運用とチームと構成の理想論 WordPressを添えて(仮)

親しみを込めて と呼んでくださいGOUTENゴ   ウ  テ  ン

2015.12.05 sat WordBench Osaka : vol.48

自己紹介

gouten5010

Page 6: 運用とチームと構成の理想論 WordPressを添えて(仮)

輝かしくない軌跡

2015.12.05 sat WordBench Osaka : vol.48

2003 2006 2010 2013.04 20152013.09

DTPデザイン

DTPデザイン WEBデザイン

WEBデザイン フロントエンド

5010WOKRS立ち上げヒキニート

引きこもり

引きこもりキャンペーン終了 cook+biz所属

Page 7: 運用とチームと構成の理想論 WordPressを添えて(仮)

クックビス総研

http://cookbiz.jp/soken/

キュレーションサイトとして

リニューアル構築

フレンドカード

協賛店舗サイト

http://cookbiz.jp/manager/friendlist/

協賛店舗一覧として追加構築

どんなの作ってるの?

2015.12.05 sat WordBench Osaka : vol.48

Page 8: 運用とチームと構成の理想論 WordPressを添えて(仮)

GOUTEN.NET

http://blog.gouten.net/

そろそろちゃんと作りかえたい

應典院舞台芸術祭

Space×Drama 2015 他

http://http://2015.spacedrama.jp/

舞台まわりのクライアントさん

どんなの作ってるの?

2015.12.05 sat WordBench Osaka : vol.48

Page 9: 運用とチームと構成の理想論 WordPressを添えて(仮)

WordCampの実行委員やスピーカーとしての登壇

2012-11WordCamp Osaka 2012 Staff & Speaker

2013-06WordCamp Kobe 2013 Speaker

2015.12.05 sat WordBench Osaka : vol.48

Page 10: 運用とチームと構成の理想論 WordPressを添えて(仮)

本日の内容

2015.12.05 sat WordBench Osaka : vol.48

WordPressでメディア構築の体験と理想

WordPressでメディア運用の傍観と理想

少数構成チームの体験と理想

を順番には話しません

Page 11: 運用とチームと構成の理想論 WordPressを添えて(仮)

大事なこと

2015.12.05 sat WordBench Osaka : vol.48

なお、このお話は 体験を元にした フィクションです

Page 12: 運用とチームと構成の理想論 WordPressを添えて(仮)

クックビズのメディアサイト(キュレーション?)

2015.12.05 sat WordBench Osaka : vol.48

メディア運用や 構築してますか?

Page 13: 運用とチームと構成の理想論 WordPressを添えて(仮)

2015年4月にリニューアルしたサイト

2015.12.05 sat WordBench Osaka : vol.48

Page 14: 運用とチームと構成の理想論 WordPressを添えて(仮)

大事なこと

2015.12.05 sat WordBench Osaka : vol.48

少人数構成の チームのお話です

PM/制作/ディベロッパーだいたい3人くらい

Page 15: 運用とチームと構成の理想論 WordPressを添えて(仮)

公開前に外部の人に確認させたい

ログインしたら見れる記事をつくりたい

関連記事表示したい

◯◯みたいなメディアサイトにしたい

人気記事の表示を全期間じゃなくて過去1ヶ月の期間で絞りたい

デザイン変えたい

リニューアル前、いろんな思惑があった(例)

2015.12.05 sat WordBench Osaka : vol.48

投稿時に自動でSNS投稿したい

ピックアップした記事をランダムで表示したい

ニュースサイト用にRSS配信したい記事のカテゴリ構成を以前と変えたい

投稿画面に独自項目をつけたい

Page 16: 運用とチームと構成の理想論 WordPressを添えて(仮)

公開前に外部の人に確認させたい

ログインしたら見れる記事をつくりたい

関連記事表示したい

◯◯みたいなメディアサイトにしたい

人気記事の表示を全期間じゃなくて過去1ヶ月の期間で絞りたい

デザイン変えたい

ちょっと危険だったもの

2015.12.05 sat WordBench Osaka : vol.48

投稿時に自動でSNS投稿したい

ピックアップした記事をランダムで表示したい

ニュースサイト用にRSS配信したい記事のカテゴリ構成を以前と変えたい

投稿画面に独自項目をつけたい

Page 17: 運用とチームと構成の理想論 WordPressを添えて(仮)

ちょっと危険だったもの

2015.12.05 sat WordBench Osaka : vol.48

デザイン変えたい

何故変えたいのかの理由が不明確

これまで出来ていなかった部分を ヒアリングして洗い出し

ストラテジーに基づいた設計

出来たこと

出来なかったこと

Ex.

初期ワイヤーフレーム

Page 18: 運用とチームと構成の理想論 WordPressを添えて(仮)

ちょっと危険だったもの

2015.12.05 sat WordBench Osaka : vol.48

◯◯みたいなメディアサイトにしたい

サイト運用にあたっての方向性

好みはわかった

ほぼ丸パクリの設計で満足された が機能が足りなくても気づかれずに 優先度低くなってた

よかったこと

やばかったこと

Ex.

Ex.

Page 19: 運用とチームと構成の理想論 WordPressを添えて(仮)

ちょっと危険だったもの

2015.12.05 sat WordBench Osaka : vol.48

それ、カテゴリ増やすことやパーマリンクのこと考えてます?

ヒアリングによって親カテゴリを これ以上増やさないようにした

後出しの要件だったのでワイヤーで設計が 決まっていたのにもかかわらずやむなく変更

やったこと チクショウ、と思ったこと

記事のカテゴリ構成を以前と変えたい 増やせないカテゴリ

パーマリンク設計まで考えれていなかったので リダイレクト処理でトラブル

Page 20: 運用とチームと構成の理想論 WordPressを添えて(仮)

ちょっと危険だったもの

2015.12.05 sat WordBench Osaka : vol.48

人気記事の表示を全期間じゃなくて過去1ヶ月の期間で絞りたい

あらかじめ計測、してます?

以前から記事観覧数を取得していた

JetPack PostViewで計測して 統計情報との整合性を合わせたかった

助かったこと

本当はこうしたかった

Ex.

WP-PostViewsプラグイン使用で取得

現在はJetPack統計情報とGoogle Analytics両方見てます。

Page 21: 運用とチームと構成の理想論 WordPressを添えて(仮)

ちょっと危険だったもの

2015.12.05 sat WordBench Osaka : vol.48

投稿時に自動でSNS投稿したい誰のため、なんのためのコンテンツ?

コンテンツは生き物で、まだ知名度の 低いうちはソーシャルの拡散は無機質 では効果が薄い…と思う。

実装しない

わかって欲しかったこと

実際にしたこと

実装すればコメントは一応入れれるが、全てのSNSに文字量を 合わせるのは難しく、確認を怠ってしまうこともある

KPIをページビュー数で設定している のに惰性で集客しないでほしい

Page 22: 運用とチームと構成の理想論 WordPressを添えて(仮)

orz

2015.12.05 sat WordBench Osaka : vol.48

「こんなはずじゃなかった…」

Page 23: 運用とチームと構成の理想論 WordPressを添えて(仮)

唐突にですが

2015.12.05 sat WordBench Osaka : vol.48

こんなチームは 爆発したほうがマシ

コント

※実演しました

Page 24: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなチームは爆発したほうがマシ

2015.12.05 sat WordBench Osaka : vol.48

ひとり

Page 25: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなチームは爆発したほうがマシ

2015.12.05 sat WordBench Osaka : vol.48

Page 26: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなチームは爆発したほうがマシ

2015.12.05 sat WordBench Osaka : vol.48

しったかぶり

Page 27: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなチームは爆発したほうがマシ

2015.12.05 sat WordBench Osaka : vol.48

Page 28: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなチームは爆発したほうがマシ

2015.12.05 sat WordBench Osaka : vol.48

工数見積もりが甘い

Page 29: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなチームは爆発したほうがマシ

2015.12.05 sat WordBench Osaka : vol.48

Page 30: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなチームは爆発したほうがマシ

2015.12.05 sat WordBench Osaka : vol.48

話を聞かない

Page 31: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなチームは爆発したほうがマシ

2015.12.05 sat WordBench Osaka : vol.48

Page 32: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなチームは爆発したほうがマシ

2015.12.05 sat WordBench Osaka : vol.48

すぐ忘れる

Page 33: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなチームは爆発したほうがマシ

2015.12.05 sat WordBench Osaka : vol.48

Page 34: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなチームは爆発したほうがマシ

2015.12.05 sat WordBench Osaka : vol.48

お菓子で釣る

Page 35: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなチームは爆発したほうがマシ

2015.12.05 sat WordBench Osaka : vol.48

Page 36: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなチームは爆発したほうがマシ

2015.12.05 sat WordBench Osaka : vol.48

お金で釣る

Page 37: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなチームは爆発したほうがマシ

2015.12.05 sat WordBench Osaka : vol.48

Page 38: 運用とチームと構成の理想論 WordPressを添えて(仮)

こういうことがあるので

2015.12.05 sat WordBench Osaka : vol.48

チームで技術をわかっている人がそんなにいない場合

Page 39: 運用とチームと構成の理想論 WordPressを添えて(仮)

チームでスムーズに構築するのと…

2015.12.05 sat WordBench Osaka : vol.48

スムーズに判断できるチームと運用をするために

出来ること出来ないことの把握

忘れないためのタスクとバージョン管理

Page 40: 運用とチームと構成の理想論 WordPressを添えて(仮)

出来ること出来ないことの把握

2015.12.05 sat WordBench Osaka : vol.48

わからなくてもいいからとりあえず触っておくとスムーズ

そのツールでどんなことが できるのかあらかじめ把握する

WordPressを素の状態で触らせてみる

いろいろプラグインを入れさせてみる

操作に役立ちそうなブログ記事を投げておく

チーム みんなで

Page 41: 運用とチームと構成の理想論 WordPressを添えて(仮)

2015.12.05 sat WordBench Osaka : vol.48

忘れないためのタスクとバージョン管理

人は忘れる生き物

Page 42: 運用とチームと構成の理想論 WordPressを添えて(仮)

忘れないためのタスクとバージョン管理

2015.12.05 sat WordBench Osaka : vol.48

ツールを使おう

他にもたくさん\(^o^)/

Page 43: 運用とチームと構成の理想論 WordPressを添えて(仮)

それでもこういうことがあるので

2015.12.05 sat WordBench Osaka : vol.48

予測は外れる

( ^o^)よし実装するやでー!

( ˘⊖˘) 。o(でもこのばあいのパターンって…?)

|チーム| ┗(☋` )┓三

( ◠ ‿◠ )☛それ仕様変更ね

▂▅▇█▓▒ (’ω’) ▒▓█▇▅▂うわああああ

Page 44: 運用とチームと構成の理想論 WordPressを添えて(仮)

ちゃんとしよう

2015.12.05 sat WordBench Osaka : vol.48

綿密なヒアリングと準備を

Page 45: 運用とチームと構成の理想論 WordPressを添えて(仮)

本当はこういうことをしたかった

2015.12.05 sat WordBench Osaka : vol.48

既存サイトのいらない動線の除去&切り離し

Page 46: 運用とチームと構成の理想論 WordPressを添えて(仮)

本当はこういうことをしたかった

2015.12.05 sat WordBench Osaka : vol.48

構成の変更

Page 47: 運用とチームと構成の理想論 WordPressを添えて(仮)

本当はこういうことをしたかった

2015.12.05 sat WordBench Osaka : vol.48

ライターにフォーカスを当てて、ファンを増やす

Page 48: 運用とチームと構成の理想論 WordPressを添えて(仮)

安易なストラテジー

2015.12.05 sat WordBench Osaka : vol.48

良くも悪くも記事にはライターの色が出る

「この人の記事おもしろいな」 「この人になら記事書いてほしいな」

という読者を増やす

取材依頼の増加や他の運営媒体への誘導を狙う

ガッポガッポ

Page 49: 運用とチームと構成の理想論 WordPressを添えて(仮)

大事なことなので2か(ry

2015.12.05 sat WordBench Osaka : vol.48

なお、このお話は 体験を元にした フィクションです

Page 50: 運用とチームと構成の理想論 WordPressを添えて(仮)

コント

2015.12.05 sat WordBench Osaka : vol.48

こんなWordPressサイトは つくりたくない(2015)

Page 51: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなWordPressサイトは作りたくない(2015)

2015.12.05 sat WordBench Osaka : vol.48

ver.2系しか触らせてもらえない

Page 52: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなWordPressサイトは作りたくない(2015)

2015.12.05 sat WordBench Osaka : vol.48

ページが全部静的サイト

Page 53: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなWordPressサイトは作りたくない(2015)

2015.12.05 sat WordBench Osaka : vol.48

もらったデザインが旧愛生会病院レベル

Page 54: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなWordPressサイトは作りたくない(2015)

2015.12.05 sat WordBench Osaka : vol.48

要望がフルスクラッチレベル

Page 55: 運用とチームと構成の理想論 WordPressを添えて(仮)

こんなWordPressサイトは作りたくない(2015)

2015.12.05 sat WordBench Osaka : vol.48

今日もスベりましたね?

Page 56: 運用とチームと構成の理想論 WordPressを添えて(仮)

2015.10.31 -WordCamp Tokyo 2015 LT

コミュニティ外の声この渦ってなんだろう?ちなみに弊社ですけど

からのお知らせ

Page 57: 運用とチームと構成の理想論 WordPressを添えて(仮)

2015.10.31 -WordCamp Tokyo 2015 LT

コミュニティ外の声この渦ってなんだろう?Wantedlyでエンジニア募集中!

Page 58: 運用とチームと構成の理想論 WordPressを添えて(仮)

みんな応援してな!

2015.10.31 -WordCamp Tokyo 2015 LT

コミュニティ外の声この渦ってなんだろう?大阪で僕達と握手!

https://www.wantedly.com/projects/27988

Page 59: 運用とチームと構成の理想論 WordPressを添えて(仮)

2015.12.05 sat WordBench Osaka : vol.48

重要なお知らせ

名刺10枚しかなくてごめんなさい(発注忘れ)

Page 60: 運用とチームと構成の理想論 WordPressを添えて(仮)

2015.10.31 -WordCamp Tokyo 2015 LT

コミュニティ外の声この渦ってなんだろう?おしまい

ご静聴ありがとうございました来年もよろしくお願いします