Fabricメニューの各機能の説明

# 目次
1. はじめに
1. 各機能紹介
1. 最後に


# はじめに
Fabricを開くと、左側にいくつかメニューが存在していると思います。
今回は、左メニューの各機能についてご紹介したいと思います。
![スクリーンショット 0004-12-12 14.06.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/528156a7-9a06-2205-9992-3ea8346c9ec0.png)

# 各機能紹介

## Apps
### Fabric Apps
Appsではその名の通り、Fabricで作成したアプリの一覧が表示されます。
![スクリーンショット_0004-12-13_16_07_38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/0277cad0-a9a4-3fea-7eaa-d500cc7f7d29.png)

特定のAppを検索したい場合、
右上の検索ボックスでApp名を検索することができます。
また、検索ボックスの左側でAppsの並び順を
名前順、日付順にソートすることができます。

Appを新規作成する場合は、
「Add New」ボタンをクリックすることで新しいアプリを作成することができます。
任意の名前で作成されるので、プロジェクトに応じた名前に変更するようにしましょう。
![スクリーンショット 0004-12-12 14.21.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/408a559d-276a-b909-c1d2-d5f279cda47d.png)

エクスポートしたAppをインポートしたい場合は、
「Import」ボタンをクリックすることでAppをインポートすることができます。
エクスポートした時のまま、Zip形式でインポートするようにしましょう。
![スクリーンショット 0004-12-12 14.27.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/a7d7fa83-fa8b-4d13-54cd-4664de0509eb.png)


また、Exportをしたい場合は、任意のAppをクリック開き、
App名の右側にある三点のボタンをクリックし「Export」をクリックすると
Appをエクスポートすることができます。
![スクリーンショット 0004-12-12 14.24.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/6ced9bb5-c647-79d4-b78a-a4a52bd4e19e.png)

### Visualizer Previews
Visualizer Previewsタブでは、
Vizualizer側でPublish Previewしたアプリの一覧を確認することができます。
公開済みのプレビューアプリのコードを忘れてしまった時など、
この画面を確認することで、プレビューコードを確認することができます。

アプリコード以外にも、アプリ名や作成日、更新日なども確認可能です。

![スクリーンショット_0004-12-12_14_38_55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/f76ff67a-2202-bb21-e9e9-ff8ebe7666b0.png)


また右側に配置されているボタンでは、
Deleteボタンでアプリを削除することができ、
View Historyでは、プレビューアプリにアクセスした人の履歴を確認
View Detailsでは、プレビューアプリの詳細を確認することができます。

![スクリーンショット 0004-12-12 14.45.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/f14121cb-91b9-7d69-628b-f4955b0838c6.png)

↓View Historyをクリックした時の画面
![history2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/4d174d7f-8e3d-69ba-0bad-01b3773880ab.png)

VisualizerからアプリをPublish Previewしたい場合は、
以下の記事が参考になりますので、気になる方はチェックしてみてください。

https://qiita.com/Kony_Team/items/54e6adefce6817fdd28d#5-%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E9%81%A0%E9%9A%94%E3%81%A7%E8%A4%87%E6%95%B0%E3%83%A1%E3%83%B3%E3%83%90%E3%83%BC%E3%81%AB%E5%85%B1%E6%9C%89%E3%81%99%E3%82%8B
### Visualizer Projects
Visualizer Projectsでは、
Visualzierのプロジェクトをクラウドアカウントに保存することができます。
プロジェクトファイルが重い場合やGitなどのソースコード管理ツールを使っていない方などに、
クラウド上でプロジェクトを共有したい場合などに使うことができると思います。
![スクリーンショット_0004-12-12_14_55_57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/e3c38ab8-ce98-fa05-a1ce-52a5a0daa8fa.png)

Deleteボタンでプロジェクトの削除、
Downloadボタンでプロジェクトのダウンロードを行うことができます。

Visualizerプロジェクトをクラウドに公開するには、
VisualizerのProjectメニューをクリックし、
Export->Cloud Projectをクリックすることでクラウドアカウントに保存することができます。
![スクリーンショット 0004-12-12 14.51.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/2f8cab51-a154-b591-ba08-83c8b34dbe5e.png)


## API management

API Managementメニューでは、
これまで公開されたAPIの一覧を確認することができます。

APIsのタブには、
Identity Service, Integration Service,...Rulesなどが並んでいますが、
それぞれのサービスごとに公開されたAPIを確認することができます。
任意のAPI名をクリックすると、
Endpointの設定値など設定の詳細も確認することが可能です。

![スクリーンショット_0004-12-12_14_59_52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/773b1962-ee74-ced0-8d03-a0b7f96d8f01.png)

API名の右側にあるボタンをクリックすると、
APIの編集や削除などが可能です。
Appを既に削除してしまってAPIだけ残ってしまっている場合、
こちらのコンソール上で削除することが可能です。

![スクリーンショット 0004-12-12 15.00.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/b76ef30c-04ce-df84-8a2c-a218c562a6a4.png)

## Developer portals
Developer portalsの機能を使用すると、
Volt MX Foundry を使用して作成されたAPIを公開するためのポータルを作成できます。

開発者ポータルを作成することで、
内部または外部のパートナーチームの開発者が、Fabricで作成されたAPIにアクセスしたい時、
作成したポータルにアクセスしてAPIを探すことができます。

Configure Newをクリックし、必要な情報を入力し保存をすると、
以下のような開発者ポータルが完成します。

メイン画面
![スクリーンショット_0004-12-12_15_13_52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/36189a19-f84d-f483-93b6-6b0b627bd045.png)

API一覧画面
![スクリーンショット_0004-12-13_16_17_58-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/e5cfa232-87d2-4260-0dce-28ef608aa1c2.png)

他のメンバーなどにAPIを共有したい場合など、活用してみてください。

## Environment
Evironmentでは契約している環境の一覧を確認することができます。
上部タブ切り替えで、Cloud環境、On-premises、VPNの環境を見ることができます。
![スクリーンショット_0004-12-13_16_20_00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/013e49d4-611b-32fc-3904-611977b6893f.png)

環境名の右側にあるボタンでは、
Published AppsとPublished Webappsで、その環境に公開されているアプリを確認することができます。
![スクリーンショット 0004-12-13 16.22.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/aaedb829-b8b1-571f-8b02-c585a8679b08.png)

また、Manage Accessで、その環境にアクセスできるメンバーを設定することができます。
本番環境に特定のメンバーのみアクセスを許可する、等の設定をする場合に便利です。
![スクリーンショット_0004-12-13_16_27_59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/bba9c5b5-4968-4ada-de8b-b18c033dc1e3.png)

その他にも、環境名の変更や環境の削除などもこちらで行うことができます。


## Reports

Reportsタブでは、アプリの利用データ等のレポートを簡単に出力・閲覧することが可能です。
![スクリーンショット 0004-12-13 16.29.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/a43211b5-a0ac-8d25-8e95-5695734f38aa.png)


任意のレポートの種類を選択すると、以下のようなポップアップが表示され、
期間やアプリ名、OSタイプ、デバイスなどで絞り込みをしてレポートを出力することができます。
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3539323236342f62316433393364312d373762312d653135362d316662392d3763346266306562636633392e706e67.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/f78b67d2-0554-5d3d-225a-e5d9c141c42a.png)

試しにアクティブユーザーでレポートを出力するとこのようなデータが表示されます。
カーソルを当てるとその日のユーザー数も確認することができます。
![ezgif-3-4057245965.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/591e6930-9909-02f9-7000-87839e205ff9.gif)

さらに左上のExportボタンをクリックすると、
PDFやImage,Excelの形式でエクスポートすることもできます。
![スクリーンショット 0004-12-13 16.33.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/ecf8edd5-f83c-5489-9f09-78a712988c16.png)

報告資料などデータを入れたい時にとっても便利な機能ですので、
ぜひ活用してみてくださいね。

## Settings
Settingsでは、ユーザーの管理を行うことができます。
![スクリーンショット_0004-12-13_16_45_39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/a0482092-9dc5-90f7-26aa-4acb1695a71c.png)

ユーザーの追加を行いたい時は、Inviteをクリックし、
メールアドレス、アクセスを許可する環境、ロール等を設定するとユーザーを追加することができます。

![スクリーンショット_0004-12-13_16_48_21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/20296015-184b-e77c-0b5d-b89b78a0af55.png)

アクセスを許可する設定は、後から設定を変更することも可能です。
ユーザー名の右側にあるボタンをクリックして、Manage Cloud Accountを選択すると変更可能です。
![スクリーンショット 0004-12-13 16.47.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/1becbe7f-18f8-8426-dd29-39434093e96d.png)



## Support
<font color = gray>※以降は、VoltMXのページを記載しています。</font>

Supportでは、開発の手助けとなるツールがたくさん用意されています。
今回は、使用頻度の高いものをピックアップして一部ご紹介します。
![スクリーンショット 0004-12-13 17.32.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/6faaa0d8-b910-f499-fe75-83880dcf4810.png)

### Forum
Forumは、世界中のユーザーがVoltMXに関する質問ができるコミュニティーサイトです。
公式ドキュメントに載っていない情報や不具合がある場合は、検索すると解決策が見つかるかもしれません。
アカウントがある場合、質問を投稿することも可能です。

![スクリーンショット 0004-12-13 17.22.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/93ce87a4-c2cf-990c-42e8-b33bb50f7f0a.png)

### Marketplace
Marketplaceは、公式で公開されているコンポーネントをダウンロードできるサイトです。
コンポーネントについて分からない方は、以下の記事をご確認ください。

https://qiita.com/Kony_Team/items/a25b322d9524f9f1ac92

Marketplaceにアクセスすると、たくさんのコンポーネントにアクセスすることができ、
アカウントがあればダウンロードしてすぐに使用することができます。
![スクリーンショット 0004-12-13 17.22.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/f394b983-977d-d8c3-0484-0712a6081e8d.png)


Marketplaceの詳細や使用方法などは、以下が参考になります。
興味がある方は覗いてみてください。

https://qiita.com/Kony_Team/items/a2208485463ed2b25c34

### Training
トレーニングにアクセスすると、
アプリのUI作成やバックエンドでのAPI作成などを
網羅的に学べる動画コンテンツを視聴することができます。
![スクリーンショット 0004-12-13 17.28.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/e9055737-4c46-1301-8e29-b0f4e7320cec.png)

上記は英語ですが、日本語verは以下サイトで見ることができます。
動画も日本語訳されており、わかりやすい内容になっているので参考にしてみてください。

https://www.hcljapan.co.jp/software/academy/

### Documentation
Documentationを開くと、公式ドキュメントにアクセスすることができます。
Qiitaを見ても解決しない場合、公式ドキュメントなら最新の情報が記載されているので、
是非公式ドキュメントも活用してみてくださいね。
![スクリーンショット 0004-12-13 17.36.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/e34382d5-ee3d-b0f3-c84a-b0bbabf64f28.png)


### Release Note
リリースノートでは、これまでアップデートした版の詳細を確認することができます。
![スクリーンショット 0004-12-13 17.37.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/592264/6c8d9a4e-b1d5-bb34-82ef-97e627054972.png)

定期的にアップデートを行っており、
新しい機能や不具合の修正などが加わっているので、
最新の情報が知りたい方はチェックしてみてください👀

# 最後に
今回は、Fabricの右側にある各メニューの機能についてご紹介しました！
特に最後のDocumentationやTrainingなどは、
開発初心者にとっても便利なツールなので是非活用してみてくださいね:relaxed: