---
# System prepended metadata

title: 拡張機能（内部テスト版）の導入方法
tags: [public, beta]

---

<img src="https://hackmd.io/_uploads/SJ62j58i2.png"
     style="width: 60%; padding: 30px 20%; border: none;" />
<style>
    img {
        border: solid 2px lightgray;
    }
    .markdown-body > ol > li+li {
        padding-top: 0.75em;
    }
</style>

この度は Resta にご関心をお寄せいただきありがとうございます。
本ドキュメントでは Resta（内部テスト版）の導入方法およびご利用方法について説明しています。

# 注意事項
- 内部テスト版は本セッションをご覧いただいたすべての方がご利用になれますが、あくまでも**公開前であるため、外部への内部テスト版および本ドキュメントの公開はご遠慮いただきますよう**お願い申し上げます。
- 本バージョンは開発中の内部テスト版であるため、バグが発生する場合があります。もしバグを発見した場合、[GitHub](https://github.com/tsukuba-cojt/resta/issues) または `resta.develop[at]gmail.com` へのメールにてご報告いただけると幸いです。

# Chromeへの導入方法
本章では Resta（内部テスト版）の Chrome への導入方法について述べています。最新の Chrome でのみ動作確認をしているため、そのほかのバージョンでの動作の保証は致しかねますのであらかじめご了承ください。

1. リンク遷移後、右上のボタンを押下して[Resta（内部テスト版）をダウンロード](https://drive.google.com/file/d/1DXZE66x43i3yWqR_HbRx4BRubGYaQwic/view?usp=sharing)します
![](https://i.imgur.com/6wPUKRh.png)
2. ZIP 形式ファイルがダウンロードされるので、任意のディレクトリに解凍します
3. 新規タブでアドレスバーに `chrome://extensions` と入力し、拡張機能の設定ページを開きます
![](https://hackmd.io/_uploads/Bk30N5Lo3.png)
4. 画面右上の**デベロッパーモード**を有効化します
![](https://hackmd.io/_uploads/rJySEqLs3.png)
5. **パッケージ化されていない拡張機能を読み込む**を押下します
![](https://hackmd.io/_uploads/BJE54q8jh.png)
6. 先ほど解凍したディレクトリを選択し、**選択**を押下します
![](https://hackmd.io/_uploads/Hybr8cLs3.png)
7. Resta が読み込まれ、有効化されていることを確認します
![](https://hackmd.io/_uploads/r1thU9Lon.png)

これにて導入作業は完了となります。

# 使用方法
本章では Resta の使用方法について述べています。

1. 任意のページを開きます（本章では[筑波大学 情報学群 情報メディア創成学類のページ](https://www.mast.tsukuba.ac.jp/)を例として挙げています）
2. ページ右上の拡張機能アイコン（パズルピースのようなアイコン）を押下し、Resta を選択します
![](https://i.imgur.com/14WOoVe.png)
3. Resta の画面が開きます
![](https://i.imgur.com/O5diNNT.png)
4. 変更したい要素の上にマウスカーソルを持っていき、クリックして要素をを選択します
![](https://i.imgur.com/5xO7TAv.png)
5. Resta 上で画面を操作し、スタイルを変更します

操作方法に関する説明は以上です。

