Skip to content

Commit 0e3f967

Browse files
committed
updated readme
1 parent 16368db commit 0e3f967

File tree

1 file changed

+23
-43
lines changed

1 file changed

+23
-43
lines changed

readme.md

+23-43
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
# Adobe XD Plugin Meetup サンプルコード
22

3-
43
## 開発環境のセットアップ
54

65
1. 適当な場所にリポジトリをチェックアウト
@@ -9,87 +8,66 @@
98

109
もしくは [zipファイルをダウンロード](https://github.com/yoshikinoko/XDPluginMeetupJapan/releases/latest)
1110

12-
2. `develop` フォルダ(開発用プラグインフォルダ)を開く
13-
14-
`develop` フォルダが存在しないときは作成してください※
15-
16-
Mac:
17-
18-
`~/Library/Application\ Support/Adobe/Adobe\ XD\ CC/develop`
11+
2. Adobe XD プラグイン開発フォルダー(`develop`フォルダー)を開く
1912

20-
Windows:
21-
22-
`C:\Users\%USERNAME%\AppData\Local\Packages\Adobe.CC.XD_adky2gkssdxte\LocalState\develop`
23-
24-
もしくは Adobe XD を起動した後に下記のメニューより開く
13+
Adobe XD を起動した後に下記のメニューよりフォルダーを開いてください
2514

2615
`プラグイン` >`開発版` > `開発フォルダーを表示`
2716

28-
3. `develop` フォルダにリポジトリ(または回答したzipファイル)のディレクトリをコピー
29-
30-
サブフォルダ(または buildフォルダ)内の`main.js`, `manifest.json`, `images/iconl.png`などを **フォルダごとコピー** する
17+
3. 開発フォルダー(`develop`フォルダー) にフォルダごとコピーしてください。
3118

32-
Mac:
19+
例えば、「01-01-scenegraph-sample」のフォルダーを **フォルダーごとコピー** してください
3320

34-
```bash
35-
cp -r 01-01-scenegraph-sample ~/Library/Application\ Support/Adobe/Adobe\ XD\ CC/develop/
36-
```
21+
4. Adobe XDを起動し、プラグインを再読み込みしてください。
3722

38-
Windows:
39-
40-
Windows Explorerでコピー&ペースト
41-
42-
4. Adobe XDを起動し、新しいドキュメントを作成
23+
`プラグイン` > `開発版` > `プラグインを再読み込み`
4324

44-
5. Adobe XD のメニューより、プラグインを再読み込み
25+
**ショートカットキー**
4526

46-
`プラグイン` > `開発版` > `プラグインを再読み込み`
27+
Mac: <kbd>Command</kbd>+<kbd>Shift</kbd>+<kbd>R</kbd>
4728

48-
ショートカットキー Mac: `Command+Shift+R` Win: `Ctrl+Shift+R`
29+
Win: <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>R</kbd>
4930

50-
6. Adobe XD のメニューより、プラグインを起動
31+
5. Adobe XD のメニューより、プラグインを起動
5132

5233
`プラグイン` > `プラグイン名`
5334

5435
## サンプルコードの概要
5536

56-
### 1. Dialogを表示しないPlugin
57-
58-
### 1.1 サンプルコードのみ
37+
### 01-01 100pxの赤色の正方形を挿入する、もっとも簡単なプラグイン
5938

6039
[01-01-scenegraph-sample](./01-01-scenegraph-sample)
6140

62-
### 1.2 webpack, xdpm を用いたプロジェクトテンプレート
41+
### 01-02 ショートカットキーを設定し、webpack, xdpm を用いたプロジェクトテンプレート
6342

6443
[01-02-scenegraph-sample-webpack](./01-02-scenegraph-sample-webpack)
6544

66-
#### Dialogを表示しないPluginのプレビュー
67-
68-
![Dialogを表示しないPluginのプレビュー](./readme-files/scenegraph-sample.gif)
45+
01-01と01-02のプラグインのプレビュー
6946

70-
### 2. Dialogを表示するPlugin
47+
![01-01と01-02のプラグインのプレビュー](./readme-files/scenegraph-sample.gif)
7148

72-
### 2.1 サンプルコードのみ
49+
### ダイアログを表示するプラグイン
7350

7451
[02-01-dialog-sample](./02-01-dialog-sample)
7552

76-
### 2.2 webpack, xdpm を用いたプロジェクトテンプレート
53+
### ダイアログを表示し、 webpack, xdpm を用いたプロジェクトテンプレート
7754

7855
[02-02-dialog-sample-webpack](./02-02-dialog-sample-webpack)
7956

80-
#### Dialogを表示するPluginのプレビュー
81-
82-
![Dialogを表示するPluginのプレビュー](./readme-files/dialog-sample.gif)
57+
#### ダイアログを表示するプラグインのプレビュー
8358

59+
![ダイアログを表示するプラグインのプレビュー](./readme-files/dialog-sample.gif)
8460

8561
## 参考資料・サイト
8662

8763
### 日本語
8864

8965
- [はじめてのAdobe XDプラグイン開発!定番のHello Worldを表示させてみよう \#AdobeXD \#AdobeMAX \- Adobe Blog](https://blogs.adobe.com/japan/web-getting-started-with-xd-plugin-development/)
66+
- [Adobe XDプラグインのソースコードの解説 \#AdobeIO \#XDPlugin \#AdobeXD \- Adobe Blog](https://blogs.adobe.com/japan/cc-web-adobe-xd-plugin-quickstart-japanese/)
67+
- [\#Adobe XD のパネルに対応したプラグインの開発 \- Adobe Blog](https://blogs.adobe.com/japan/cc-web-xd-plugin-developent-with-panel-ui/)
9068
- [Adobe XD Plugins Advent Calendar 2018 \- Qiita](https://qiita.com/advent-calendar/2018/xdplugin?fbclid=IwAR0aTdPE0eNtR5utjXZriObs7c0NdzyO81aqX2RXbr2GPvTr1o0c_sfLjy4)
9169
- [Adobe XD User Group Japan facebook group](https://www.facebook.com/XDUGJP/)
92-
- [Adobe XD official facebook page ](https://www.facebook.com/adobexdcc/)
70+
- [Adobe XD official facebook page](https://www.facebook.com/adobexdcc/)
9371
- [Adobe XD \- Adobe Blog](https://blogs.adobe.com/japan/tag/adobe-xd/)
9472
- [Creative Cloud 道場 \- Adobe Blog \#CCDojo](https://blogs.adobe.com/japan/creativecloud/ccdojo/)
9573
- [Adobe XD CC体験版ダウンロード](https://www.adobe.com/jp/products/xd.html)
@@ -101,6 +79,8 @@
10179
- [Adobe XD Plugin Developers Forum](https://forums.adobexdplatform.com/)
10280
- [Adobe XD Github](https://github.com/adobexd)
10381
- [Adobe I/O](https://www.adobe.io/)
82+
- [Adobe Tech Blog](https://medium.com/adobetech)
83+
- [Twitter #XDPlugin](https://twitter.com/hashtag/XDPlugin)
10484

10585
## LICENSE
10686

0 commit comments

Comments
 (0)