新しいタスク管理アプリ「Microsoft Loop」を使ってみた

## Microsoftからリリースされた「Loop」とは？

https://www.microsoft.com/ja-jp/microsoft-loop?ms.url=microsoftcommicrosoft-loop

マイクロソフトが開発しているコラボレーションアプリケーションです。
まだ正式なリリースはされておらず、3月22日よりパブリックプレビュー版として使えるようになりました。

Loopは、チームメンバーがアイデアや情報を共有し、プロジェクトを進めるための一つの場所として機能します。このアプリケーションでは、Notes、Tasks、Presentationsの3つのツールを使用して、文章、タスク、プレゼンテーション、画像、リンクなどのファイルを共有し、編集できます。

また、LoopはMicrosoft Teamsと統合されており、Teams内から直接アクセスできるため、より簡単にコミュニケーションを取ることができます。

似たようなサービスだと「Notion」があり、見た目や使い勝手もNotionとかなり近いです。

## 特徴
このアプリ内では大きく三つの規模の要素を組み合わせて構築していきます。

#### １. ワークスペース
チームメンバーが協力して作業するための場所です。
ワークスペースは、特定のプロジェクトに関連するすべての情報やタスクをまとめて表示することができます。
単位としては社内のプロジェクトや所属部署・チームなどで作成していくことになるかなと思います。
また共同作業者などのアクセス権限もここで付与します。

#### ２. ページ
タブのように機能することができます。
ひとつのページに異なる種類のコンテンツを配置することができ、たとえばテキスト、画像、表、タスクリスト、グラフなど、さまざまなフォーマットを組み合わせることができます。
 また、Loopのページには、外部データソースをインポートすることも可能で、アプリケーションの拡張性を高めることができます。

Loopのページは、メンバー全員が共同作業を進めるための中心的な場所です。チーム内でアイデアを共有し、プロジェクトプラントを策定し、進捗状況を共有するために使用されます。Loopは、チームの視点を強化することで、チームの生産性を向上させるために設計されています。

#### ３. コンポーネント
テキスト、画像、ビデオ、Web リンク、ファイルなどの種類の情報を共有するために使用されます。
ユーザーは、各コンポーネントに必要なデータを追加し、他のループのメンバーと共有することができます。
リアルタイムの情報や更新内容を効率的に共有することができ、仕事の効率化に大きく貢献します。

後で実際に試してみますが、Teamsに直接コンポーネントを投稿することができ、ユーザーはわざわざLoopにアクセスして作業しなくてもTeams上で作業することができ、Loopアプリ上にはリアルタイムで反映されます。


## 実際に色々使ってみる
#### １. ワークスペース作成まで
以下のURLからアプリにアクセスできます。
※会社のアカウントによってはアクセスできないようになってるようなので、管理者に問い合わせる必要あり
https://loop.microsoft.com/

立ち上げるとこんなUI
![スクリーンショット 2023-04-23 23.06.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/e05e6fba-ae15-7980-f009-f41eea423167.png)

右上の「+」から新しいワークスペースを作成します。
![スクリーンショット 2023-04-23 23.09.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/5b4b1a31-ed97-ffe6-6d62-eb3cd8edc81e.png)
ワークスペースのアイコンと名前、カバー背景を選択。
ちなみにカバー背景は予め用意されてるものしか現状設定できません。
もしかしたら製品版ではNotionみたいに外部から画像を引っ張ってきて使うことができるようになるかもです

#### 2. ワークスペース内のサイドバー
先ほど作成したワークスペースに遷移すると中身はこのようになってます。
左のサイドバーには現在作成されてるページが一覧で表示されます。
![スクリーンショット 2023-04-23 23.28.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/01c5a04a-72e5-c8e3-d30c-b90651b17c05.png)
* **メンバー追加**
左サイドバーのワークスペース名の下にある「1　Members」からメンバーを招待できます。

* **ページ追加**
ワークスペース名の右側にある「+」ボタンからページを追加することができます。
また、ここの「+」ボタンから「**新しいリンク**」というのも追加できて、ExcelファイルやSharePointをページと同じ階層に配置することができます。

* **アクティビティ設定**
「+」ボタンの左側にあるボタンを選択すると「**アクティビティ**」をONにすることができ、
ONにすることでワークスペース内のメンバーが閲覧・作業しているページをリアルタイムで確認することができます。

* **サブページ化**
このようにページをツリー構造にすることもできます。
これで色々項目ごとに綺麗にまとめられそうです。
![スクリーンショット 2023-04-24 0.37.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/2e7f6b94-8807-b6d0-715b-3e439f6d3d07.png)


#### 3. 実際にページに色々書いてみる
「/」を入力することで、テキストや表など色々配置することができるようになります。
![スクリーンショット 2023-04-23 23.35.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/8c17a074-c212-567f-34ff-4c3458f0646c.png)

* **表**
デフォルトはこの状態です。
列・行の数、列名、列の種類を変更することができます。
![スクリーンショット 2023-04-23 23.37.31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/b74b8c03-60a2-1336-ad86-d4088f3a2351.png)

ちなみに左側の行番号をドラッグ&ドロップすることで行の順番も変更できちゃいます。
![スクリーンショット 2023-04-23 23.45.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/28d1ac60-1651-2df0-f739-83c1657f3941.png)


* **チェックリスト**
![スクリーンショット 2023-04-23 23.39.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/fb3ff35c-597b-6904-18f9-652ae5d92c72.png)

* **タスクリスト**
チェックリストよりちょっと豪華になりました。
担当者にはワークスペースに選択しているメンバーを入れることができ、選択されたユーザーはメールで通知が飛んできます。
一点注意点があって、このタスクは行（タスク数）は追加できるものの、列の追加はできないようです。
![スクリーンショット 2023-04-23 23.40.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/4255eab7-be40-3514-621e-66bcc023b04d.png)

* **投票テーブル**
こちらは表同様に行と列の追加、列名、列の種類の変更ができます。
メンバー内で意思疎通したい時とかに使えそう。
![スクリーンショット 2023-04-23 23.43.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/890c576d-af64-4b46-0fee-9e99b2e40be7.png)


* **進行状況トラッカー**
タスクリストより細かい情報を設定できます。
タスク管理はこちらを使った方が良いのかなと思いました。
ただ、いっぱい内容を書こうとすると改行されすぎて見づらくなる可能性あります。
![スクリーンショット 2023-04-23 23.47.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/cf8e83a4-dd6e-ae92-7c44-5c6bcfddd81a.png)

* **画像**
一つ上で撮影した進行状況トラッカーのスクショを貼りました。
ただ、動画は現状貼れないようです。
![スクリーンショット 2023-04-23 23.48.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/c39d4f1c-2c7e-c666-51eb-db264722c4c3.png)

* **個人メンション**
ページ内でメンバーにメンションをつけられます。
メンションつけられると通知が飛んできます。
現状はできないですが、Teamsのように複数人まとめたカスタムメンションを作成できたりして欲しいなと思いました。
![スクリーンショット 2023-04-23 23.50.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/c336d40b-ffa3-72e9-1b1f-788fe78a5c22.png)

* **絵文字**
Slackなど他のサービス同様に「:」を選択することで絵文字を選択できます。
![スクリーンショット 2023-04-23 23.52.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/b95712aa-bb6a-ae9b-f1e2-9dc3b24f9311.png)

* **こんなこともできる**
追加された表やテキストの左側のチャットボタンから「いいね」や「ハート」などの反応をつけることもできます。
![スクリーンショット 2023-04-23 23.55.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/3960eec4-da87-0f10-77f8-eb83122139af.png)
コメントも入れることができます。
![スクリーンショット 2023-04-23 23.57.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/6c84fe67-c0c5-f23b-c8b8-b37dcbc10363.png)
![スクリーンショット 2023-04-23 23.57.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/848d0276-848c-1e46-142b-40e389caa43b.png)



#### 4.　コンポーネントを作成してTeamsに連携
作成した表やテキストをTeamsに貼り付けて、リアルタイムで同期できるようにします。
ここがNotionとは違う最大のポイントかと思われます。

各表やテキストにある左側のメニューボタンから「Loopコンポーネントの作成」を選択します。
![スクリーンショット 2023-04-23 23.58.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/4e975275-5804-3e12-8aa1-d14b3d4175bb.png)

コンポーネントとして作成されるとこのような見た目になります。
右側にある共有ボタンを選択してリンクを作成します。
![スクリーンショット 2023-04-23 23.58.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/f5f8c2cc-53e4-3a89-8113-99658e84036c.png)

作成されたリンクをTeamsに貼り付けます。
![スクリーンショット 2023-04-24 0.02.31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/124c5077-9311-77ac-9d4b-580d85352c2d.png)

Teamsに貼り付けることができました！
一点注意が必要でパブリックプレビュー版ではチャットにしか貼り付けることができず、チームの投稿には貼り付けることができない仕様になってます。
![スクリーンショット 2023-04-24 0.06.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/bc83f08c-519b-6c67-d49d-523ae08b7b83.png)

ちゃんとリアルタイムで同期されてる！！
![スクリーンショット 2023-04-24 0.08.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/a5f33d4e-d300-4951-8c55-52c3a89b0981.png)
![スクリーンショット 2023-04-24 0.08.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/9ec0accd-6118-c28e-ee1c-77ff4697f278.png)

## 今後の期待
以下は自分の勝手な願望です。
現在のがパブリックプレビュー版ですので、本リリース版では実装されてる可能性は大いにあります。
#### １、ページ内にページを入れる
サブページとして階層構造にすることはできますのが、Notionのようにページの中にページを入れることはできないです。
![スクリーンショット 2023-04-24 0.51.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/12f4986c-9d54-260a-71a7-f485fc982875.png)

#### ２、カレンダー
こちらは今後の本リリース版では出てきそうな気がします。

#### ３、動画の貼り付け
開発中のバグとかを内容と一緒に再現動画を載せられると便利なので、機能として入れて欲しいです。

#### ４、計算機能
こちらもあると便利...!

#### 5、FigmaやXDといった外部サービスの埋め込み
#### ６、タスク管理のUI改善
NotionのボードビューみたいなUIになると最高
#### 7、Loopアプリ内からPower PointやTeamsの投稿へ書き込み
こちらも今後できそうになる気がします。

## 所感
#### スルスル動く！
遅延やローディングなどのストレスがなく全くなく動作します。
Teamsから入力した内容も即座に反応してくれます。
ただ現在は一人で作業してるだけなので、今後複数人かつワークスペース内で色々ページを作成して作業した時にどうなるかはまだ分からないです。

#### Teams上で書き込みできるのは楽
今までだと共有されたファイルやURLをクリックしてブラウザで表示して作業する必要がありましたが、それがなくなりました。
ユーザーは他のメンバーに記入して欲しい箇所だけをコンポーネントとしてTeamsに貼り付けることでき、
入力する側の人はTeams上でその箇所だけ確認できて、その場で書き込みできるので負担をかなり軽減することができるのではないのでしょうか。

#### とにかくお洒落
Notionは「無駄を削ぎ落としたシンプルなメモアプリ」って感じですが、
Loopは近未来を感じさせるようなUIで、かなりデザインにも手を込まれてます。
その分、初めはどのように使えば良いのか若干分かりにくいという意見もちらほらお聞きします...

#### 肝心のタスク管理自体はちょっとしにくいかも..?
実際にタスク管理をするとなると、現状は「進行状況トラッカー」を使うことになるのかなと思うのですが、
タスクの情報が横に伸びていくので、情報が増えれば増えるほど一つ一つの列が圧迫されて見にくくなります。
Notionみたいに一つのタスクもページのようなUIにして、タスク一覧には表示したい内容だけ表示されるようにするととても便利になります。

## Azure Dev Opsとの使い分け
現状プロジェクトのタスク管理はDevOpsのBoardsを使用していてLoopとの使い分けが大事になりそうです。

#### PJ内の大事なタスク自体はDevOpsのBoardsで管理
結論、プロジェクト内の大きいタスクはDevOpsで管理して、
その大きいタスクごとにLoopでページを作成して、タスクに対するコミュニケーションは作成したページで行うのが良いかと思いました。

DevOpsではSprintごとやアサインメンバーごとにタスクを絞り込みできたり、編集作業のアクセス権限が厳重なため安全です。
また、現状ソースコードの管理もDevOpsのReposで行ってるためプルリクとタスクの紐付けも容易なため、タスクの管理自体はDevOpsが良さそうです。

#### Loopでは切り分けられたタスクに関する小さい単位のタスク、コミュニケーションに使用
その点、Loopではメンバーが色々書き込むことができるため、気付かぬうちに大事な情報が書き換えられてる可能性があります。今後編集履歴が表示されると良いのですが、、

ただ、DevOpsはアクセス権限が厳重な反面、手軽なコミュニケーションがしにくいため、
そのタスクに関するコミュニケーションや意思疎通、プロジェクト始動中に発生した一時的な情報共有など手軽に使用したいときはLoopを使うようにできればと考えてます。

## 最後に
試験的な機能を試すことができるようです。
![スクリーンショット 2023-04-24 0.21.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/7cb458d3-bd94-728f-6851-a1eebd530650.png)
#### Copilotの導入
パブリックプレビュー版では試すことができませんが、LoopにもCopilotが導入されるようです。
月額の追加課金とかになるのかなと思われます。

#### ワークスペースのジャンプスタート
こちらをONに切り替えると、ワークスペース作成時に自分のOne Drive上からワークスペース名に関連しそうなファイルをピックアップして提案してくれます！
また、自分でキーワードを設定して追加で検索をかけることも可能です。
会社の情報があるので隠してますが、キーワードに対して関連するファイルの一覧の精度は高かったので、使えそうです。
![スクリーンショット 2023-04-24 0.25.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1812049/33ab9f7c-7ef0-a808-7602-a4bd18e057d0.png)