---
title: PFEMO1_HelloWorldBackstage_20240322
tags:  #pfem #platform engineering #backstage  
author: [tanayan](https://convert.docswell.com/user/tananyan29)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/YJ6YQYMP7V.jpg?width=480
description: Backstage勉強会【Platform Engineering Meetup Online#1】の登壇資料です。 https://platformengineering.connpass.com/event/311665/
published: March 22, 24
canonical: https://convert.docswell.com/s/tananyan29/5Q8DJY-2024-03-22-193325
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/YJ6YQYMP7V.jpg)

Hello World, Backstage!
Platform Engineering Meetup Online#1
Ayako Tanaka (@tananyan29)


# Page. 2

![Page Image](https://bcdn.docswell.com/page/GJ5GRGZPJ4.jpg)

Who am I?
Ayako Tanaka / tanayan
株式会社エーピーコミュニケーションズ
CloudNative Days - Committee
Platform Engineering Meetup - Organizer
Platform Engineering Kaigi - Committee
@tanayan299
@tananyan29


# Page. 3

![Page Image](https://bcdn.docswell.com/page/LE3RPR9675.jpg)

話すこと・話さないこと
本日お話しすること
Backstageのコンセプトや実現しているユースケースなど、
概要・入門的な内容
本日お話ししないこと
具体的なBackstageの導入・設定方法、詳細な事例など


# Page. 4

![Page Image](https://bcdn.docswell.com/page/8EDYLYGMEG.jpg)

ざっくりPlatform Engineering
開発者の認知負荷軽減と生産性向上を第一の目的とし、
認知負荷の根源となっている諸々を解決する基盤(Platform)を構築・運用する
またそれを行う専任チーム(Platform Team)を作っていく
Micro Service
Serverless
IaC
Container
Kubernetes
Platform as a Product
開発
リリース
デプロイ
開発者が求める
機能を実装
運用
開発者向けPlatform
Platform
Team
Dev
Team
開発者ヒアリング
＆フィードバック
Dev Team
= Customer


# Page. 5

![Page Image](https://bcdn.docswell.com/page/V7P6263QJ8.jpg)

開発を始めるために必要なのは？
開発環境
ルール
ノウハウ
開発を行うためのツールや
プラットフォーム
チーム開発を行う上で
開発者が守るべきルール
与えられた環境で開発を
行うためのノウハウ
従来の基盤チーム
の主力範囲
開発チームごとのルール策定
車輪の再発明が多い
Platform Engineering で
重要となる範囲


# Page. 6

![Page Image](https://bcdn.docswell.com/page/2JV3D34PEQ.jpg)

Golden Pathの重要性
開発のベストプラクティス + 実装するための環境を合わせて開発者に提供
→ 迷わず効率的に仕事を進められるようにする
Golden Path
via 開発者向けPlatform
Platform
Team
開発者に守ってほしいルールを付与しつつ、
実際に動くアプリとコードにより開発者のノウハウ習得をサポート !
Dev Team


# Page. 7

![Page Image](https://bcdn.docswell.com/page/5EG3Y31Q7L.jpg)

Golden Pathの重要性
開発のベストプラクティス + 実装するための環境を合わせて開発者に提供
→ 迷わず効率的に仕事を進められるようにする
Golden Golden
Path を提供することが、
Path
プラットフォームチームの主要なミッションの一つとも言える！
via 開発者向けPlatform
Platform
Team
開発者に守ってほしいルールを付与しつつ、
実際に動くアプリとコードにより開発者のノウハウ習得をサポート !
Dev Team


# Page. 8

![Page Image](https://bcdn.docswell.com/page/4JQ5M5DW7P.jpg)

Internal Developer Platform/Internal Developer Portal
Dev
操作用UI
開発者ポータル
Application Deploy
Status Check
etc…
インターフェース の提供
Internal Developer Portal
Golden Path の公開先としての
開発者の窓口
IaCデプロイパイプライン
アプリケーションデプロイパイプライン etc…
Cloud Console
CI/CD
Kubernetes
IaC
抽象化された Platform
Security
開発者プラットフォーム
Database
Internal Developer Platform
Docs
…
…
機能/仕組み の整備


# Page. 9

![Page Image](https://bcdn.docswell.com/page/K749V9Z1E1.jpg)

Internal Developer Platform/Internal Developer Portal
Dev
インターフェース の提供
Backstage
Application Deploy
Status Check
etc…
Golden Path の公開先としての
開発者の窓口
IaCデプロイパイプライン
アプリケーションデプロイパイプライン etc…
Cloud Console
CI/CD
Kubernetes
IaC
抽象化された Platform
Security
開発者プラットフォーム
Database
Internal Developer Platform
Docs
…
…
機能/仕組み の整備


# Page. 10

![Page Image](https://bcdn.docswell.com/page/LJ1K3KR57G.jpg)

Backstage とは何者？
Backstageは、もともと Spotify が開発した開発者ポータルツール
2020 年3 月にOSSとしてCNCFに寄贈
在りし日の Spotify では…
組織のスケール速度を
維持したい！！
文章化されていない組織知
新しいコンポーネント作成方法の伝達困難
両立困難 …
コンテキスト切り替えによる生産性低下
etc…
製品開発の速度を
維持したい！！


# Page. 11

![Page Image](https://bcdn.docswell.com/page/GJWDPD1W72.jpg)

Backstage とは何者？
Backstageは、もともと Spotify が開発した開発者ポータルツール
2020 年3 月にOSSとしてCNCFに寄贈
在りし日の Spotify では…
組織のスケール速度を
維持したい！！
文章化されていない組織知
Backstage
新しいコンポーネント作成方法の伝達困難
両立困難 …
コンテキスト切り替えによる生産性低下インフラと開発ツールを抽象化
簡素化
ェア開発を一元化して
トウ
フ
ソ
Eの
E2
etc…
製品開発の速度を
維持したい！！


# Page. 12

![Page Image](https://bcdn.docswell.com/page/4EZGKGP2J3.jpg)

Backstage とは何者？
Backstageは、もともと Spotify が開発した開発者ポータルツール
2020 年3 月にOSSとしてCNCFに寄贈
在りし日の Spotify では…
組織のスケール速度を
維持したい！！
文章化されていない組織知
Backstageは全てのソフトウェアとその所有者を
両立困難 …
一元的に管理 し、発見可能にすることを目的としているよ！
新しいコンポーネント作成方法の伝達困難
コンテキスト切り替えによる生産性低下
etc…
製品開発の速度を
維持したい！！


# Page. 13

![Page Image](https://bcdn.docswell.com/page/Y76YQY46EV.jpg)

Backstage のインスタンス構造
Plugin
Plugin
App
Backstage Core
Plugin
企業のニーズに合わせて拡張するための追加機能
基本機能もプラグインとして抽象化されている
組織のエンドユーザーが利用する開発者ポータル部分
オープンソースプロジェクトのコア開発者によって構築された基本
機能
必要に応じて機能を自在に追加・カスタマイズできる柔軟性が特徴


# Page. 14

![Page Image](https://bcdn.docswell.com/page/G75GRGQ574.jpg)

Backstageの哲学
• Backstage is the interface (インターフェイスとしての一元化)
• Backstage embraces autonomy (開発者の自律性の支援を行う)
• Backstage demands clear ownership (明確な所有権の確立)


# Page. 15

![Page Image](https://bcdn.docswell.com/page/9J2YDYPGJR.jpg)

Backstageの哲学 - Backstage is the interface
Backstage は開発で用いられる多くのインフラストラクチャツールを
同一のインターフェイスを通じて一元化することを目的としている
= Backstage はツールを再実装するものではない
ソース情報
閲覧
集約
Dev Team
and so on…
詳細情報


# Page. 16

![Page Image](https://bcdn.docswell.com/page/DEYG2G5GEM.jpg)

Backstageの哲学 - Backstage embraces autonomy
Backstageを通して、開発者は必要なものを セルフサービス で利用できる
Backstageではプラグインアーキテクチャを通じて各チームの自律性を支援することを
目指している
Pick Up
Plugin
Dev Team
and so on…


# Page. 17

![Page Image](https://bcdn.docswell.com/page/VJNG8GN878.jpg)

Backstageの哲学 - Backstage demands clear ownership
Backstageで管理する各ソフトウェアコンポーネントには、
明確に所有チームを紐づける 必要がある
→ 集中的な管理を避けることで、情報の透明性とアクセス性を高めることを目指している
Dev Team A
Dev Team B
Dev Team C
Dev Team D


# Page. 18

![Page Image](https://bcdn.docswell.com/page/YE9WKWRXE3.jpg)

Backstageが実現する3つのユースケースと5つのコア機能
Create
GoldenPathに沿った形で
新規アプリケーションを迅速
に作成する
コア機能：
- Software Template
- TechDocs
Manage
Explore
Software Componentを
一元管理
再利用可能な社内リソース
とその所有者の検索
コア機能：
- Software Catalog(overview)
- K8s Plugin
コア機能：
- Software Catalog(list)
- Search


# Page. 19

![Page Image](https://bcdn.docswell.com/page/GE8NRNW97D.jpg)

Backstageが実現する3つのユースケース - Create
Create
GoldenPathに沿った形で
新規アプリケーションを迅速
に作成する
コア機能：
- Software Template
- TechDocs
Manage
Explore
Software Componentを
一元管理
再利用可能な社内リソース
とその所有者の検索
コア機能：
- Software Catalog(overview)
- K8s Plugin
コア機能：
- Software Catalog(list)
- Search


# Page. 20

![Page Image](https://bcdn.docswell.com/page/LELPKPNM7R.jpg)

Backstageのコア機能 - Software Template
●
●
●
Create
GoldenPathに沿った形で
新規アプリケーションを迅速
に作成する
コア機能：
- Software Template
- TechDocs
新規プロジェクトの環境構築を支援
開発者は数クリックで目的のマイクロサービスなどを開発するた
めのベースリポジトリを作成可能
生成されたコンポーネントはカタログに自動登録可能
○ Templateを利用することで発見可能性と標準化が促進


# Page. 21

![Page Image](https://bcdn.docswell.com/page/4JM424X67W.jpg)

Backstageのコア機能 - Software Template
●
●
●
新規プロジェクトの環境構築を支援
開発者は数クリックで目的のマイクロサービスなどを開発するた
めのベースリポジトリを作成可能
生成されたコンポーネントはカタログに自動登録可能
○ Templateを利用することで発見可能性と標準化が促進
Create
GoldenPathに沿った形で
新規アプリケーションを迅速
に作成する
コア機能：
- Software Template
- TechDocs
Create New Repository


# Page. 22

![Page Image](https://bcdn.docswell.com/page/PJRWMWNN79.jpg)

Backstageのコア機能 - TechDocs
●
●
●
Create
GoldenPathに沿った形で
新規アプリケーションを迅速
に作成する
コア機能：
- Software Template
- TechDocs
ドキュメントを一元的に管理する機能
○ Repository内のMarkdownから静的サイトを自動生成
(Document as Code)
各Repositoryに移動することなくドキュメントの確認が可能
Markdownをコードと一緒に配置するため更新しやすい


# Page. 23

![Page Image](https://bcdn.docswell.com/page/PEXPVPN87X.jpg)

Backstageが実現する3つのユースケース - Manage
Create
GoldenPathに沿った形で
新規アプリケーションを迅速
に作成する
コア機能：
- Software Template
- TechDocs
Manage
Explore
Software Componentを
一元管理
再利用可能な社内リソース
とその所有者の検索
コア機能：
- Software Catalog(overview)
- K8s Plugin
コア機能：
- Software Catalog(list)
- Search


# Page. 24

![Page Image](https://bcdn.docswell.com/page/3EKDQDNLJD.jpg)

Backstageのコア機能 - Software Catalog(overview)
●
●
Manage
Software Componentを
一元管理
コア機能：
- Software Catalog(overview)
- K8s Plugin
組織内の全てのソフトウェアアセット (ウェブサイト, API, ライブラ
リ, データリソースなど) を一元的に管理するためのディレクトリを
提供
カタログではコンポーネントごとにメタデータ、所有者、CI/CDの状
況などを確認可能
○ コンテキストの切り替えが不要


# Page. 25

![Page Image](https://bcdn.docswell.com/page/L73RPRV6J5.jpg)

Backstageのコア機能 - Software Catalog(overview)
●
●
Manage
Software Componentを
一元管理
コア機能：
- Software Catalog(overview)
- K8s Plugin
組織内の全てのソフトウェアアセット(ウェブサイト, API, ライブラリ,
データリソースなど) を一元的に管理するためのディレクトリを提
供
カタログではエンティティごとにメタデータ、所有者、CI/CDの状況
などを確認可能
○ コンテキストの切り替えが不要


# Page. 26

![Page Image](https://bcdn.docswell.com/page/87DYLY8M7G.jpg)

Backstageのコア機能 - Software Catalog(overview)
●
●
Manage
Software Componentを
一元管理
コア機能：
- Software Catalog(overview)
- K8s Plugin
組織内の全てのソフトウェアアセット(ウェブサイト, API, ライブラリ,
データリソースなど) を一元的に管理するためのディレクトリを提
供
カタログではエンティティごとにメタデータ、所有者、CI/CDの状況
などを確認可能
○ コンテキストの切り替えが不要


# Page. 27

![Page Image](https://bcdn.docswell.com/page/VJP6268QE8.jpg)

Backstageのコア機能 - K8s Plugin
●
●
Manage
Software Componentを
一元管理
コア機能：
- Software Catalog(overview)
- K8s Plugin
開発チーム用のKubernetes可視化ツール
カタログの画面において、登録済みコンポーネントに紐づくクラス
ターの情報を表示


# Page. 28

![Page Image](https://bcdn.docswell.com/page/2EV3D3NP7Q.jpg)

Backstageのコア機能 - K8s Plugin
●
●
Manage
Software Componentを
一元管理
コア機能：
- Software Catalog(overview)
- K8s Plugin
開発チーム用のKubernetes監視ツール
カタログの画面において、登録済みエンティティに紐づくクラスター
の情報を表示


# Page. 29

![Page Image](https://bcdn.docswell.com/page/57G3Y3KQJL.jpg)

Backstageが実現する3つのユースケース - Explore
Create
GoldenPathに沿った形で
新規アプリケーションを迅速
に作成する
コア機能：
- Software Template
- TechDocs
Manage
Explore
Software Componentを
一元管理
再利用可能な社内リソース
とその所有者の検索
コア機能：
- Software Catalog(overview)
- K8s Plugin
コア機能：
- Software Catalog(list)
- Search


# Page. 30

![Page Image](https://bcdn.docswell.com/page/4EQ5M5NWJP.jpg)

Backstageのコア機能 - Software Catalog(list)
●
●
Explore
再利用可能な社内リソース
とその所有者の検索
コア機能：
- Software Catalog(list)
- Search
組織内のソフトウェアを一覧で確認可能
コンポーネントごとにメタデータ、所有者、依存関係を追跡し、ソフ
トウェアの構造を可視化するグラフを生成
○ 依存関係の把握により、システム全体構造理解を促進


# Page. 31

![Page Image](https://bcdn.docswell.com/page/KJ49V9G171.jpg)

Backstageのコア機能 - Software Catalog(list)
●
●
Explore
再利用可能な社内リソース
とその所有者の検索
コア機能：
- Software Catalog(list)
- Search
組織内のソフトウェアを一覧で確認可能
エンティティごとにメタデータ、所有者、依存関係を追跡し、ソフト
ウェアの構造を可視化するグラフを生成
○ 依存関係の把握により、システム全体構造理解を促進


# Page. 32

![Page Image](https://bcdn.docswell.com/page/LE1K3KD5JG.jpg)

Backstageのコア機能 - Search
●
●
Explore
再利用可能な社内リソース
とその所有者の検索
コア機能：
- Software Catalog(list)
- Search
Backstageに集約される様々な情報を横断的に検索するための
機能
キーワードを指定し、ドキュメント (TechDocs)や必要とするリポジ
トリを横断的に検索することが可能


# Page. 33

![Page Image](https://bcdn.docswell.com/page/GEWDPDYWJ2.jpg)

まとめ
●
Backstageは開発者ポータルツールの一つであり、Golden Path によってつくられたドキュメン
トやテンプレートの公開先として、また各種プラットフォーム機能へのリンク等を記載する先とし
て、開発者にとっての窓口となる存在
●
Backstageはインターフェイスとしての一元化 (Backstage is the interface)、開発者の自律性
の支援 (Backstage embraces autonomy)、明確な所有権の確立 (Backstage demands
clear ownership)の3つの哲学を持つ
●
BackstageはCreate、Manage、Exploreの3つのユースケースを実現する
●
ユースケースを実現するために 5つのコア機能がある


# Page. 34

![Page Image](https://bcdn.docswell.com/page/47ZGKGX2E3.jpg)

よき Backstage ライフを！
X: @tananyan29 / GitHub: @tanayan299


# Page. 35

![Page Image](https://bcdn.docswell.com/page/YJ6YQYP67V.jpg)

スライドに登場した
ネコは何匹？
感想と一緒に答えを
ポストしてほしいな


