Visual Studio Team Servicesのダッシュボードをカスタマイズする
Visual Studio Team Services(VSTS)*1では、最近の更新により、ダッシュボードの内容が大きく変更になっています。
さらにこのダッシュボード、幾分かカスタマイズすることが可能となっており、用意されたタイルの中から好きなものを選択して、自由に配置できます。
ダッシュボードのカスタマイズ方法について、以下で説明していきます。
1. ダッシュボードの追加
新たにダッシュボードを追加するには、上部のタブバー的なものの右にある「+」をクリックします。入力フォームが開いたらダッシュボードのタイトルを入力してEnterキーでダッシュボードが追加されます。
また、画面右上の歯車アイコン(グレーの方)をクリックすると、ダッシュボードの編集画面が開きます。ここでもダッシュボードの追加ができる他、タイトルの編集、ダッシュボードの削除もできます。
2. パネルの追加と設定
画面左下にある緑色の「+」をクリックするとパネル追加の画面が開きます。
パネル追加の画面で追加したいパネルを選択して右下の「Add」をクリックするとパネルが追加されます(複数選択可)
タイルの右上にある「…」をクリックするとタイルのメニューが開きます。メニューは概ねタイルの削除のみですが、 タイルの種類によっては、「Configure」でタイルの設定ができます。
コードタイルでは、対象のリポジトリやブランチを選択することで、タイルに直近の変更が表示されるようになります。
Markdownタイルではこんな感じ。タイルのサイズを選択して、後はMarkdown記法で記述するだけです。
タイルの設定画面で「Save」をクリックするとダッシュボードに変更が反映されます。
3. パネルの配置変更
配置したパネルはドラッグアンドドロップで好きなように配置を変更することができます。
4. 活用アイデアの一例
一つのダッシュボードをMarkdownのパネルで埋め尽くして、Wikiページの様な使い方をすることもできます。1パネルに詰め込める内容に制限があるため上手くカテゴライズして配置しないといけませんが、ようやく共有したい情報やナレッジの蓄積ができそうな機能が追加されたのは喜ばしい限りです。*2
まとめ
今回はVisual Studio Team Servicesのダッシュボードのカスタマイズについて簡単に説明しました。
今年の怒涛のアップデートにより、以下の様な機能が出揃ってきました。
- HOME (ダッシュボード)
- ROOMS (チャット・通知)
- WORK (タスク管理)
- CODE (コード管理)
- TEST/LOAD TEST (テストツール)
- BUILD (CI)
- RELEASE (CD)
ここまで来ると、1カ所でチーム開発に欲しい機能が全て揃う日も近いかもしれません。
*1:旧Visual Studio Online。早くこの注釈を入れなくても良さそうなくらいに浸透してほしい。
*2:WelcomeページもMarkdown記法で記述できますが、あくまでWelcomeぺーじなので…
Visual Studio Team Services (Visual Studio Online)のExtentionを試してみる
Microsoft Connect(); 2015で発表のあった通り、Visual Studio OnlineがVisual Studio Team Servicesに改名しますね。Team Foundation Serviceから2度目の改名。
それはさておき、同じくConnectにて発表のあったVisual Studio MarketplaceにVisual Studio Team ServicesのExtensionも公開されています。
此度は実際にMarketplaceからExtensionをインストールする手順について紹介します。
1. チームプロジェクトの画面からMarketplaceのページを開く
Visual Studio Team ServicesのチームプロジェクトのHome画面です。最近のアップデートにより随分画面が変わりましたね。*1
右上に一般的によく見るストアとかショッピング的なアイコンがあります。
アイコンをクリックするとドロップダウンでメニューが2つ表れます。
「Browse the marketplace」を選択するとVisual Studio Marketplaceのページが開きます。
2. Extensionをインストールする
Marketplace画面のVisual Studio Team Servicesの一覧からインストールしたいExtensionを選択します。ここではチームプロジェクトの画面からGitリポジトリのブランチを削除できるようになる「Branch Delete」をインストールしてみます。*2
一覧から「Branch Delete」を選択すると詳細画面が開きます。画面上の「install」をクリックするとExtensionのインストール画面に移行します。
インストール対象のアカウントを選択して「Continue」を選択します。
確認画面でインストール先とExtensionに許可される権限を確認し「Confirm」をクリックするとインストールされます。
3. インストールされたExtensionを確認する
再びチームプロジェクト画面の右上にあるアイコンから、今度は「Manage extensions」を選択します。
Extensionsの管理画面で「Branch Delete」がインストールされていることを確認します。 この画面では、Extensionの有効/無効を切り替えたり、アンインストールしたりすることができます。
Extensionのインストール前のブランチに対するコンテキストメニューがこちら。
インストール後はこの通り「Delete」が追加されています。これでリモートブランチの整理が捗る…。
Ex. Extension開発に関する情報ページ
余談ですが、Marketplaceのページに「Build your own」なるリンクが存在します。
リンク先はExtension開発に関する情報ページになっています。 プロジェクトのCode画面からブランチにタグを付ける機能を自作すると良いかもしれない…。
まとめ
比較的さくっと便利なExtensionが導入できます。Extensionは自前で開発することもできるようなので、俺得Extensionを作ったり、現行の機能でかゆいところに手が届くExtensionを実装して公開するのも良いかもしれません。
いち早く Visual Studio Dev Essentials を覗いてみる
昨日のMicrosoft Connect(); 2015で発表になったVisual Studio Dev Essentialsについて、結局どういった内容のもの気になったので覗いてみました。
こちらがトップページ。下の方にBenefit(特典)の概要が記載されています。
特典の概要。今までも特定条件下で無償提供されていた内容+αといった様相。特にAzureクレジット(月間 $25を12か月間)やParallels Desktop for Mac Proエディション(3 か月のサブスクリプション)はかなりのインパクトがありそうです。Azureクレジット…クレジットカード情報登録は必要なのか不要なのか…それが問題だ…(2015/11/19現在でAzureクレジットの月間$25特典は「Coming soon!」のため確認できず)
My Benefits
「今すぐ参加」をクリックして、Microsoftアカウントでログインすればすぐに特典利用の為のポータル的なページ(My Benefits)に入れます。
デフォルトで幾つかの特典(のパネル)がページ上部のボード部分(?)にピン止めされていますが、ページ下部にあるその他の特典についてもボードにピン止めすることができます。
幾つかピン止めしてみた画面。上述にもありましたがAzureクレジットの月間$25特典は「Coming soon!」です…。他にも「Coming soon!」がちらほら。後述のダウンロードページにより、ソフトウェアは一か所でまとめて取得することができそうです。その他サービス等については、内容を確認したり特典を受けたりするのは従来通り各個別のページに飛んで、そこからの話になるようです。あくまでポータル的な存在の模様。しかしながら、これまで完全に点在していた無償提供ソフトウェアやサービスについて、入り口を一つにまとめてくれているのは非常にありがたいと思います。
メニューバー
以降はページの上部のメニューバーについて軽く触っていきます。
1. Downloads
上述のダウンロードページです。特典として受けられるソフトウェアのダウンロードがこのページで完結しています。これまで(MSDNサブスクリプションを持っていない場合)あちこちダウンロードページを探し回っていたことを考えると非常に利用しやすくなったのではないかと思います。
2. News
開発系のBlogやNewsページへのリンクです。これについては特筆することはないですね。
3. Support
コミュニティを含めた各種サポートページへのリンクです。ページ上部に現在のVisual Studio Team Service(もう表示名が変わっている!)の稼働状態も表示されています。
4. Marketplace
これまた昨日のMicrosoft Connect(); 2015で発表になったVisual Studio Marketplaceへのリンクです。Visual Studioだけでなく、Visual Studio Team ServiceやVisual Studio CodeのExtensionなどが公開されています。
5. Documentation
その名の通り、ドキュメント関連ページへのリンクです。恐らく一番お世話になるのは「API and references」のページではないでしょうか。各機能ごとのページでメンテナンスの度合いはまちまちですが、以前に比べて若干情報が参照しやすくなってきた気がします。相変わらず珍妙な機械翻訳による誤訳の罠が潜んでいたりはしますが…。
以上、Visual Studio Dev EssentialsというかMy Benefitsを触ってみたレポートでした。まだ特典が全て出揃っていないので様子見な部分はありますが、開発に関するあれこれが無償提供かつポータルにまとめられているという点で非常に有用であると感じます。今後の動向に期待。
memotchをアップデートしました
おでコンの賞品と共におでさんとかずあきさんから熱いメッセージをいただいたのでmemotchをアップデートしてみました(とか言いながら随分時間が掛かりましたが…)
memotch
https://www.microsoft.com/ja-jp/store/apps/memotch/9nblggh1p570
今回のアップデートで期限を設定できるようになりました。
期限を設定すると一覧で表示されるだけでなく、メモが期限の近い順に並ぶようになってます。
「期限」って表示すると予定日のつもりで入力した場合等で違和感があって汎用性低いな…と思いつつ、良い表現が思いつかなかったので一旦このままでリリース。 お試しいただけると幸い。
※既にインストール済みのアプリをアップデートすると、登録済みのメモには「期限なし」が付くのですが、これらのメモが期限付きメモの上に表示されるようになってしまっています。アップデート以降に登録したメモはちゃんと期限なしが下に表示されますのでご容赦ください。
おでコンで入賞しました
タイトルそのままです。
以前の記事で紹介した↑コレが「おでコン」にて「かずあき賞」に選ばれました。
ありがたやありがたや。素直にうれしいの一言です。
ただ反省点(実装しきれなかった残課題)も結構あるので、ここでちょっと箇条書きにして残しておこうと思います…。
- 期限が設定できるようにする(かずあきさんのコメントにもありましたね)
- リストを期限で並び替え
- フリータイルの設置(プリセットのアクションに当てはまらない場合もあると思うので、アクションを手入力してアイコンを選べるようにする)
せっかく評価していただいたので、これをモチベーションにちまちまとアップデートしていこうと思います。