Spotifyは2020年3月16日（米国時間）、社内向けに開発し、活用してきた開発者向けポータル構築プラットフォーム、「Backstage」をオープンソース化したと発表した。
Backstageでは、さまざまなインフラ関連ツール／サービス、ドキュメントを単一のポータルにまとめ、分かりやすく表示する。エンジニアは自身の作業に適したツールを容易に見つけることができ、一貫したユーザーインタフェースで利用できる。これにより、開発者はツールの利用に費やす時間や労力を減らし、アプリケーションの構築に集中できるという。
同ツールの背景として、Spotifyはオープンソースソフトウェア（OSS）のインフラ関連ツールが爆発的に増加し、採用の負荷が大きくなり過ぎていることを挙げる。OSSのツールは、ユーザーインタフェースがばらばらなため、利用に手間がかかる。Backstageではプラグイン方式で各種のツールと連携して統一されたインタフェースを構築、これをポータルに組み込む仕組みを提供する。
BackstageはSpotifyが約4年前に開発。現在では同社の280を超えるエンジニアチームが活用し、2000以上のバックエンドサービスと300以上のWebサイト、4000以上のデータパイプライン、200以上のモバイル機能を管理しているという。Backstageの採用により、エンジニアのオンボーディングに要する時間は55％減少したという。
Backstageは、将来に向けて大幅な拡張を予定しているという。
今後2〜3カ月後には、第2フェーズとして、「マイクロサービス、ソフトウェアコンポーネントからインフラ、サービスカタログまで、あらゆるものを管理できるようにする。新たなライブラリの開発、Kubernetesにおけるサービスデプロイメントの状況監視、特定Webサイトのテストステータスチェックといったツールや、その他のあらゆるツールを単一の開発者ポータルで提供できるようになる」（Backstage発表ブログポストより）
さらに第3フェーズとして、エコシステムの構築に注力。オープンソースのプラグインや統合を促進し、ユーザー組織が自らのニーズに応じて選択利用できるようにしていくという。
Copyright © ITmedia, Inc. All Rights Reserved.
PREVIEW ';
}else{
mask.innerHTML = '
';
}
if((_preview && location.hash.indexOf('maskoff') !== -1) || (typeof itmIdLogin !== 'undefined' && itmIdLogin == 1)){
img.style.visibility = 'visible';
}else{
nxt.parentNode.insertBefore(mask,nxt);
}
}
}
};
/**
* mask_leadin : subscription マスクの実行
* @param {Object} マスク用パラメータ（sc,lc,ac,bc）と記事の状態（subscription_exist,subscription_objects,preview）を持った Object
*/
function mask_leadin(_p){
if(!_p.subscription_exist) return false;
addCSS('/css/spv/cmsInput.niche.css?date=202407081140');
let d = document;
let description = createElementWithAttribute('div',{"class":"colBoxDescription"},function(div){
div.appendChild(createElementWithAttribute('p','',function(p){
p.innerText = '続きを読むには、[続きを読む] ボタンを押して会員登録あるいはログインしてください。';
}));
});
let button = {};
if(_p.preview){
button.link = 'javascript:void(0)';
button.text = '続きを読む（TestMode）';
button.func = 'if(window.confirm(¥'マスクを解除しますか？¥')){location.href = ¥'#maskoff¥';location.reload();}else{return false;}';
} else {
button.link = 'https://id.itmedia.co.jp/isentry/contents?sc=' + _p.sc + '&lc=' + _p.lc + '&ac=' + _p.ac + '&cr=' + _p.cr + '&bc=' + _p.bc + '&return_url=' + encodeURIComponent(d.URL) + '&pnp=1&encoding=shiftjis';
button.text = '続きを読む';
button.func = 'cx_itm_mask_button();';
}
button.elem = createElementWithAttribute('div',{"class":"colBoxButton"},function(div){
div.appendChild(createElementWithAttribute('a',{"href":button.link,"onclick":button.func},function(a){
a.innerText = button.text;
}));
});
let mask = createElementWithAttribute('div',{"class":"mask_leadin"},function(div){
div.innerHTML = '
';
});
mask.querySelector('.colBoxIndex').appendChild(description);
mask.querySelector('.colBoxIndex').appendChild(button.elem);
let subscription = _p.subscription_objects[0];
subscription.classList.add( 'is-' + _p.subscription_type );
if((_p.preview && location.hash.indexOf('maskoff') !== -1) || (typeof itmIdLogin !== 'undefined' && itmIdLogin == 1)){
subscription.style.display = 'block';
}else{
subscription.parentNode.insertBefore(mask,subscription);
}
};
/*IMAGE MASK & Lead-in*/
(function(d){
let membersControl = searchMembersControl(); // ％メンバー用マスクの存在チェックと対象要素取得
let imageMask = searchImageMask(); // 画像マスクの存在チェックと対象要素取得
let subscription = searchSubscription(); // subscription マスクの存在チェックと対象要素取得
let isPreview = d.domain.match(/(preview|broom|localhost)/);
let param ={
isLoginURL:'//status.itmedia.co.jp/isLoginAIT.cgi',
sc:'0c1c43111448b131d65b3b380041de26f2edd6264ee1c371184f54d26ab53365',
lc:'7d7179c146d0d6af4ebd304ab799a718fe949a8dcd660cd6d12fb97915f9ab0a',
ac:'1a599d548ac1cb9a50f16ce3ba121520c8ab7e05d54e097bfa5b82cb5a328a0f',
bc:1,
members_control_exist:membersControl.exist,
image_mask_exist:imageMask.exist,
image_mask_objects:imageMask.Objects,
subscription_exist:subscription.exist,
subscription_objects:subscription.Objects,
subscription_type:subscription.type,
preview:isPreview
};
let setExtraMask = function(){
if (d.getElementById('isLogin') || isPreview) {
// isLogin 呼び出し済みであれば各マスク処理を実行
if (imageMask.exist) {
param.cr = '2c93f81754142e105c8bca17824745d14c8c4d69e9d7ede513e5530546e97641';
mask_images(param);
}
if (subscription.exist) {
param.cr = '90cfa6d666682f8b5dc3c798020e432fc294ef430deb069008d4f8bceeb02418';
mask_leadin(param);
}
} else {
// isLogin がなければ、呼び出した後で再実行
let js = mask_images.setISLOGIN(param.isLoginURL,param.sc);
js.addEventListener('load',function(){
setExtraMask();
});
}
};
if( subscription.type != 'force' ) { //強制 subscription ではない場合のみ実行
if (imageMask.exist || subscription.exist) {
setExtraMask();
}
}
})(document);
';
w.removeEventListener('scroll',arguments.callee,false);
htmlRequest(_xhrfile,_idname);
elem.setAttribute('data-status','true');
console.log('finished : ' + _idname);
}else{
// console.log('retry : ' + _idname);
}
}else{
e_loader.innerHTML = '
';
w.removeEventListener('scroll',arguments.callee,false);
htmlRequest(_xhrfile,_idname);
elem.setAttribute('data-status','true');
console.log('finished : ' + _idname);
}
}
};
w.addEventListener('scroll',scrolling,false); // スクロールイベント
scrolling(); // スクロールイベント（閲覧位置が半端な場合のために 1 回実行させる）
};
w.addEventListener('load',loading,false); // LOAD 後に実装
};
