# 概要

三壱商事の依頼で作成した業務効率化ツールの管理手順

## 名称の説明

### Heroku

プラットフォームです。
例としてPS2本体のようなものとお考えください。
(今回のシステムを動かしている土台)

### TablePlus

データベースを管理しています。メモリーカードだと思ってください。
ただし、このメモリーカードは外部に漏らしてはいけない情報が入っているので接続にPASSなどが必要です。

### プログラム

プログラムのソースです。今回はGitHubと呼ばれる箱の中に入っています。
プログラムはPS2のゲームだとお考えください。

## 三壱商事への依頼

- 初期設定
- クッキーの管理
- パスワードの管理

初期設定については1回やれば終わりで、口頭でご説明するため省きます。

以下から本題の手順書です。

**以下の内容はGoogle Chromeのみ有効なので必ずGoogle Chromeをご使用ください**

## 【手順書】クッキーの管理方法

①クッキーを調べるときは、まずAmazonにログインします。
ログイン後右クリックを押して「検証」という項目を押します。

![Screen Shot 2020-12-02 at 23.58.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/e7648be3-0255-23e7-0dfa-70360c606eca.png)

②右側に↓の写真のようなものが出てきます(検証ツールと言います)
検証ツールが出たら>>の部分を押してApplicationという項目を押してください
(最初からApplicationが出ていれば>>は押さなくて良いです)

![Screen Shot 2020-12-02 at 23.58.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/ea8a33fc-74cd-fb74-96a3-21a2257ba859.png)

③その後↓写真の左側赤枠のCookiesというボタンを押して https://www.amazon.co.jp を押してください。
その後写真右側赤枠のDomainを押して .amazon.co.jp が上に来るようにしてください。

![Screen Shot 2020-12-03 at 0.00.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/bb9f9e1a-63b6-91e3-2ec8-21b8d39b150e.png)

④その後クッキーをTablePlusへのコピーペーストしていきます。
テーブルプラスの該当の8項目全てを貼り付けたら完成です。

![Screen Shot 2020-12-02 at 20.28.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/e1775093-ee1e-acb8-601a-b667d3e7540a.png)

### 【補足】TablePulsのログインについて

初期の設定は一緒に行いますが、もしログインが必要になった場合です。
下記の6箇所に入力が必要です。
接続情報はHerokuに書いてあるので、そちらを見れば入力できます。
※一番上のnameは覚えやすい名前でOKです

![Screen Shot 2020-12-03 at 15.49.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/d39ee442-fec6-bbb5-2b91-a6eeff0488b9.png)

<details><summary>Herokuのデータ確認方法</summary><div>

①https://dashboard.heroku.com/apps にいってログインします。
ログインしたらResourceを押してHeroku Postgresを押します(両方写真赤枠)

![Screen Shot 2020-12-03 at 15.53.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/c9719eec-028f-b419-2a47-f97d36633f8c.png)

②Settingsを押して View ~~　を押します。両方写真赤枠

![Screen Shot 2020-12-03 at 15.54.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/a44e6c32-b6b4-3972-7769-b0a443296882.png)

③これで出てきます。下2つ(URI/HerokuCLI)は使いません。

![Screen Shot 2020-12-03 at 15.55.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/cbe76aed-d72b-6e91-a115-f1a1dd48cb20.png)

</div></details>

### 【補足】クッキーの貼り付けについて

5点あります。

①Domainは必ず.amazon.co.jpのものを貼り付けてください。
amazon.comだと全くの別サイトです。

②貼り付ける場所は↓写真の1と3のように基本的に同じ名前にしていますが、一部変更しています。

![Screen Shot 2020-12-02 at 20.28.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/6eef2392-adb7-9a1c-ee64-6f67b89fa27a.png)

![img](/mosaic-code.jpg)

③user_mnameの項目はその値を見てわかる名前を打ち込んでください
(悪い例)hasiba1,hasiba2...
(良い例)hasiba_higemegane_gmail,hasiba_baan_yahoo

④idは入力しないでください

⑤TablePulsの基本的な操作はExcelに似てます。
保存さえしなければ誤って削除しても大丈夫です。
保存しないとデータは反映されません。

## 【手順書】パスワードの管理について

①https://dashboard.heroku.com/apps にいってログインします。
そのままsettingsを押してください。
余談ですが、ここでGoogle Chrome拡張機能で翻訳すると見易くなります。

![Screen Shot 2020-12-03 at 16.16.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/6c46149e-4752-68a8-56df-2ae1b1191f08.png)

②Reveal Config Varsを押してください。押すと秘匿情報が表示されます。
**※扱いには気をつけてください**

![Screen Shot 2020-12-03 at 16.17.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/930751e8-f20e-9604-04b4-85829d7c2a5f.png)

③使用しているサイトのログインID/PASSを変更したい場合は赤枠の鉛筆ボタンを押して変更してください

![Screen Shot 2020-12-03 at 16.18.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/c5b9cae3-8526-a377-a6dc-107ca411aef6.png)

④ここからは任意ですが、登録したamazonIDのPASSをこちらに入力してもらえると、対応できる幅が増えます。
アルゴリズムは不明ですが、クッキーを使っても再ログイン求められる場合があるので。

打ち込む際は**必ず** amazon_pass0 の形式でお願いします
そして数字を登録順に入力してください。
写真のtestの部分にパスワードの入力お願いします。

![Screen Shot 2020-12-03 at 16.23.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/b984fdcc-767d-44fa-24d6-15109216db54.png)


`1人目の場合はamazon_pass0
2人目の場合はamazon_pass1
※TablePulsの登録順です
`

形式が違うと読み込めません。

長くなりましたが以上が説明になります。
[cv:issue_marketplace_engineer]

# 概要

三壱商事の依頼で作成した業務効率化ツールの管理手順

## 名称の説明

### Heroku

プラットフォームです。
例としてPS2本体のようなものとお考えください。
(今回のシステムを動かしている土台)

### TablePlus

データベースを管理しています。メモリーカードだと思ってください。
ただし、このメモリーカードは外部に漏らしてはいけない情報が入っているので接続にPASSなどが必要です。

### プログラム

プログラムのソースです。今回はGitHubと呼ばれる箱の中に入っています。
プログラムはPS2のゲームだとお考えください。

## 三壱商事への依頼

- 初期設定
- クッキーの管理
- パスワードの管理

初期設定については1回やれば終わりで、口頭でご説明するため省きます。

以下から本題の手順書です。

**以下の内容はGoogle Chromeのみ有効なので必ずGoogle Chromeをご使用ください**

## 【手順書】クッキーの管理方法

①クッキーを調べるときは、まずAmazonにログインします。
ログイン後右クリックを押して「検証」という項目を押します。

![Screen Shot 2020-12-02 at 23.58.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/e7648be3-0255-23e7-0dfa-70360c606eca.png)

②右側に↓の写真のようなものが出てきます(検証ツールと言います)
検証ツールが出たら>>の部分を押してApplicationという項目を押してください
(最初からApplicationが出ていれば>>は押さなくて良いです)

![Screen Shot 2020-12-02 at 23.58.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/ea8a33fc-74cd-fb74-96a3-21a2257ba859.png)

③その後↓写真の左側赤枠のCookiesというボタンを押して https://www.amazon.co.jp を押してください。
その後写真右側赤枠のDomainを押して .amazon.co.jp が上に来るようにしてください。

![Screen Shot 2020-12-03 at 0.00.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/bb9f9e1a-63b6-91e3-2ec8-21b8d39b150e.png)

④その後クッキーをTablePlusへのコピーペーストしていきます。
テーブルプラスの該当の8項目全てを貼り付けたら完成です。

![Screen Shot 2020-12-02 at 20.28.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/e1775093-ee1e-acb8-601a-b667d3e7540a.png)

### 【補足】TablePulsのログインについて

初期の設定は一緒に行いますが、もしログインが必要になった場合です。
下記の6箇所に入力が必要です。
接続情報はHerokuに書いてあるので、そちらを見れば入力できます。
※一番上のnameは覚えやすい名前でOKです

![Screen Shot 2020-12-03 at 15.49.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/d39ee442-fec6-bbb5-2b91-a6eeff0488b9.png)

<details><summary>Herokuのデータ確認方法</summary><div>

①https://dashboard.heroku.com/apps にいってログインします。
ログインしたらResourceを押してHeroku Postgresを押します(両方写真赤枠)

![Screen Shot 2020-12-03 at 15.53.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/c9719eec-028f-b419-2a47-f97d36633f8c.png)

②Settingsを押して View ~~　を押します。両方写真赤枠

![Screen Shot 2020-12-03 at 15.54.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/a44e6c32-b6b4-3972-7769-b0a443296882.png)

③これで出てきます。下2つ(URI/HerokuCLI)は使いません。

![Screen Shot 2020-12-03 at 15.55.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/cbe76aed-d72b-6e91-a115-f1a1dd48cb20.png)

</div></details>

### 【補足】クッキーの貼り付けについて

5点あります。

①Domainは必ず.amazon.co.jpのものを貼り付けてください。
amazon.comだと全くの別サイトです。

②貼り付ける場所は↓写真の1と3のように基本的に同じ名前にしていますが、一部変更しています。

![Screen Shot 2020-12-02 at 20.28.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/6eef2392-adb7-9a1c-ee64-6f67b89fa27a.png)

```
// 左がホームページに書かれている項目。右がTablePulsの項目
session-id = cookie_id
x-acbjp = pass
```

③user_mnameの項目はその値を見てわかる名前を打ち込んでください
(悪い例)hasiba1,hasiba2...
(良い例)hasiba_higemegane_gmail,hasiba_baan_yahoo

④idは入力しないでください

⑤TablePulsの基本的な操作はExcelに似てます。
保存さえしなければ誤って削除しても大丈夫です。
保存しないとデータは反映されません。

## 【手順書】パスワードの管理について

①https://dashboard.heroku.com/apps にいってログインします。
そのままsettingsを押してください。
余談ですが、ここでGoogle Chrome拡張機能で翻訳すると見易くなります。

![Screen Shot 2020-12-03 at 16.16.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/6c46149e-4752-68a8-56df-2ae1b1191f08.png)

②Reveal Config Varsを押してください。押すと秘匿情報が表示されます。
**※扱いには気をつけてください**

![Screen Shot 2020-12-03 at 16.17.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/930751e8-f20e-9604-04b4-85829d7c2a5f.png)

③使用しているサイトのログインID/PASSを変更したい場合は赤枠の鉛筆ボタンを押して変更してください

![Screen Shot 2020-12-03 at 16.18.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/c5b9cae3-8526-a377-a6dc-107ca411aef6.png)

④ここからは任意ですが、登録したamazonIDのPASSをこちらに入力してもらえると、対応できる幅が増えます。
アルゴリズムは不明ですが、クッキーを使っても再ログイン求められる場合があるので。

打ち込む際は**必ず** amazon_pass0 の形式でお願いします
そして数字を登録順に入力してください。
写真のtestの部分にパスワードの入力お願いします。

![Screen Shot 2020-12-03 at 16.23.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/534071/b984fdcc-767d-44fa-24d6-15109216db54.png)


`1人目の場合はamazon_pass0
2人目の場合はamazon_pass1
※TablePulsの登録順です
`

形式が違うと読み込めません。

長くなりましたが以上が説明になります。
[![image](https://firebasestorage.googleapis.com/v0/b/issue-pro-42602.appspot.com/o/topics%2F17fa658b-53c7-4ca0-a28b-e588ed1bd371?alt=media&token=2c00afff-85ff-4428-8d15-696ab676dcb0)](https://i-ssue.com/lp/check_salary)

概要

名称の説明

Heroku

TablePlus

続きを読むには単価診断を受けてください（30秒）