VisualStuido2019とTypeScrptでAdobePremireを操作する


###VisualStuido2019とTypeScrptでAdobePremireを操作する
adobe製品ならすべてできると思います。

VisualStuido2019を使った理由
VisualStuido2019の方が環境構築が楽なため

####Windows版VisualStuido2019をインストール

####空のNodejsコンソールアプリケーションを選択
![スクリーンショット 2019-11-02 13.09.35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/182324/581319d8-69b0-a3fe-3cff-dcfd08073093.png)

####@types/nodeをアンインストールする
<img width="300" alt="スクリーンショット 2019-11-02 13.12.57.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/182324/a7f13404-3e32-eb62-5262-f7f3a1b584e8.png">

####tsconfig.jsonを編集する
<img width="511" alt="スクリーンショット 2019-11-02 13.14.16.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/182324/ee5115d0-588f-18ed-859d-edd9346c9f81.png">

targetをes3にする
noLibを記入しtrueにする
####パッケージをインストールする
ソリューションのところで右クリック
types-for-adobe(アドビ製品の定義ファイル)
extendscript-es5-shim-ts(es3の環境でes5を使えるようにする)
JSON2(Jsonを利用するため)
をそれぞれインストールする
<img width="360" alt="スクリーンショット 2019-11-02 13.15.17.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/182324/6ef4155c-dd98-800d-3d37-78303badc262.png">

![スクリーンショット 2019-11-02 13.19.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/182324/ca7a65a2-2fa0-4582-d2b0-ded75d145ee6.png)
####ソースを書く
```ts
 /// <reference types="types-for-adobe/Premiere/2018" />
 import "extendscript-es5-shim-ts";
 import "JSON2";
 class Main { 
    showBuildname() { 
        var app1: Application = app;
        for (var pi0 in app.project.rootItem.children) {
            var pi: ProjectItem = pi0 as unknown as ProjectItem;      
			alert(pi.name);
        }
        var obj = {
            name: 'aaaa',
            age: 30,
            area: 'bbbbbbokyo'
        }
        const json2 = JSON.stringify(obj);
        const jsondata2 = JSON.parse(json2);

        $.write(b);
      	alert(jsondata2);  
    }
}
const main = new Main();
main.showBuildname();
```
####ビルドする

####同じ階層でコマンドプロンプトを開く

<img width="516" alt="スクリーンショット 2019-11-02 13.34.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/182324/8e598210-12c5-6c7c-5c1f-0a0d8545c5ca.png">



####browserifyというソフトをインストールしrequreを置き換える
```sh
npm install -g browserify
```
ローカル環境にNodeJSがインストールされた状態を想定
browserifyというソフトをローカルNodeJSにインストールする
<img width="516" alt="スクリーンショット 2019-11-02 13.34.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/182324/ca4699ab-bb4b-60aa-10f5-b2342e4dba8a.png">

browserifyはrequreをソースココードに置き換えてくれる

requre('json') → Jsonのソースに置き換えてくれる

```sh
browserify app.js -o bundle.js
```
https://github.com/browserify/browserify

<img width="516" alt="スクリーンショット 2019-11-02 13.34.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/182324/d785c1fc-2804-9dfa-5c76-4199a1c55ad4.png">
requreの部分がソースに置き換わる

####Extend Script ToolKitを立ち上げる
<img width="516" alt="スクリーンショット 2019-11-02 13.34.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/182324/bd5c19e6-f966-49f3-f138-ac87c81eef09.png">

####プレミアを指定して実行する


<a target="_blank" href="https://www.amazon.co.jp/gp/product/B019BPKJLO/ref=as_li_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=B019BPKJLO&linkCode=as2&tag=iotana-22&linkId=d6df1c320eb81dc2dcd9b2aad73a23d6"><img width="200" alt="スクリーンショット 2019-11-02 13.34.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/182324/0760c782-571c-9606-e820-f3bf92ec77d2.jpeg"></a>
<a target="_blank" href="https://www.amazon.co.jp/gp/product/B019BPKJLO/ref=as_li_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=B019BPKJLO&linkCode=as2&tag=iotana-22&linkId=d6df1c320eb81dc2dcd9b2aad73a23d6">Premiere Pro &amp; Media Encoder自動化サンプル集 (Adobe JavaScriptシリーズ（NextPublishing）)</a>
kindle本がとても役に立ちました。kindle本からソースをコピーペーストできます。

<img width="300" alt="スクリーンショット 2019-11-02 13.34.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/182324/79db148f-e449-72b8-d140-8c9dc26094bd.jpeg"></a>
<a href="https://www.udemy.com/course/premiere-pro-cc-japan/" rel="nofollow">業界最先端の動画制作テクニックを制覇！Adobe Premiere Pro 完全版</a>