Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

Medium による開発ブログ カスタマイズ術 - 8社事例つき -

会社の開発ブログの導線を改善しました。その際に参考にした他社の開発ブログと、改善に関する観点をまとめます。

他社事例(国内)

mixi developers

mixi developers – Medium

特徴

  • レイアウト - 2階層
    • 1階層目 - グリッドレイアウト, 「すべての投稿を見る」ボタン付き
    • 2階層目 - レイアウト不明, Trending を1件表示
  • メニューカスタマイズ - なし

FiNC Tech Blog

FiNC Tech Blog – Medium

  • レイアウト - グリッドレイアウト
  • メニューカスタマイズ
    • MICROSERVICES
    • IOS
    • ANALYTICS
    • ANDROID
    • SITE RELIABILITY
    • ENGINEER
    • BLOCKCHAIN
    • DATA SCIENCE

Eureka Engineering

Eureka Engineering – Medium

  • レイアウト - グリッドレイアウト
  • メニューカスタマイズ - なし

Finatext

Finatext – Medium

  • レイアウト - グリッドレイアウト
  • メニューカスタマイズ
    • ARCHIVE

確認した国内企業の例では唯一アーカイブへの導線がありました

他社事例(国外)

Netflix TechBlog

Netflix TechBlog

  • レイアウト - グリッドレイアウト
  • メニューカスタマイズ - なし

Medium Engineering

Medium Engineering

  • レイアウト - 2階層
    • 1階層目 - グリッドレイアウト
    • 2階層目 - グリッドレイアウト, Work with us
    • 3階層目 - リストレイアウト, Latest
  • メニューカスタマイズ
    • JOBS
    • VALUES
    • WEBCLIENT
    • MOBILE
    • INFRASTRUCTURE
    • EVENTS AND PRESS

Salesforce Engineering

Salesforce Engineering

  • レイアウト - グリッドビュー
  • メニューカスタマイズ
    • TECHNOLOGY
    • ARCHITECTURE FILES
    • OPEN SOURCE
    • DEVOPS
    • CULTURE
    • SECURITY
    • JOIN OUR TEAM

Instagram Engineering

Instagram Engineering

  • レイアウト - リストビュー, latest
  • メニューカスタマイズ
    • MACHINE LEARNING
    • ANDROID
    • IOS
    • INFRASTRUCTURE
    • DATA
    • OPEN SOURCE
    • TEAM
    • VIEW ALL POSTS

ポイント

  • Medium はデフォルトで過去ログへの導線が任意の件数に限られているので以下のどちらかがあるといい
    • アーカイブへの導線で年月単位での導線を用意する
    • 全ログアクセスへの導線をつくる ※URLの末尾に /latest をつけれると全件へのアクセスになる
  • 開発ブログの場合、顕在・潜在の転職候補者の方がターゲットとなる。その場合、職種軸での導線があるとよさそう
    • 各記事に職種単位でのタグを設定し、 Feature ページ で職種タグごとのまとめページを作る。そのページをメニューからリンクする
  • 記事の表示はグリッドレイアウト方式にする
    • 開発ブログの記事は時系列で確認できることに大きな価値はないので、順序で読めてありがたいリストレイアウトよりも、より多くの記事目に入りやすいグリッドレイアウトが好ましい
    • そういった理由からか、大多数の企業がグリッドレイアウトを採用している

まとめ

そもそも、日本で開発ブログに Medium を選んでいる企業自体が少なそうで、参考になる例が少なかったです。