-
Notifications
You must be signed in to change notification settings - Fork 178
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
a08237e
commit cbb8be6
Showing
2 changed files
with
57 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
# Client (React アプリのソースコード) | ||
|
||
このディレクトリは、クライアント側の React アプリのソースコードを保存する場所です。 | ||
|
||
アプリは複数のダイアログ ウィンドウを開くメニュー項目を作成するため、ここには複数のディレクトリがあります。 各ダイアログは個別のアプリを開くため、ここの各ディレクトリは独自の個別の React アプリを表します。 webpack 構成は、React アプリごとに個別のバンドルを生成します。 | ||
|
||
## 要件 | ||
|
||
以下、React アプリごとに必要になります。: | ||
|
||
- アプリをロードするエントリポイント`index.js`ファイル | ||
- バンドルされた React アプリを読み込むためのテンプレート HTML ファイル | ||
|
||
[webpack.config.js](../../webpack.config.js) で次のように宣言する必要があります。 | ||
|
||
- **name**: webpack コンソールに出力する名前です。例:`CLIENT - Dialog Demo` | ||
- **entry**: アプリのエントリ ポイントへのパス。例:`./src/client/dialog-demo/index.js` | ||
- **filename**: 生成される html ファイルの名前。 サーバー コードはこのファイル名を参照して、アプリをダイアログ ウィンドウに読み込みます。例:`dialog-demo` | ||
- **template**: アプリの HTML テンプレートへのパス。 例:`./src/client/dialog-demo/index.html` | ||
|
||
### エントリポイントの追加または削除 | ||
|
||
アプリまたはユースケースで必要なダイアログまたはサイドバーは、1 つだけの場合もあれば、サンプルアプリに含まれている以上のダイアログ、サイドバーを追加したい場合もあります。 | ||
|
||
エントリポイントを編集するには、次のことを行う必要があります: | ||
|
||
1. クライアントのソースコードで、エントリポイントディレクトリを作成または削除します。 たとえば、`./src/client/sidebar-about-page`を削除したり、コピーしてソースコードを変更したりできます。 上記の [要件](#要件) を参照してください。 | ||
|
||
2. サーバー側のコードを変更して、正しいメニュー項目をロードし、正しい public 関数を公開します。 | ||
|
||
- [ui file](../server/ui.js) | ||
- [index file](../server/index.js) | ||
|
||
3. [webpack 設定ファイル](../../webpack.config.js)の`clientEntrypoints` 構成を変更します。 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,23 @@ | ||
# Server (Google Apps Script コード) | ||
|
||
このディレクトリは、Google サーバーで実行される Google Apps Script のコードを保存する場所です。 | ||
|
||
## 要件 | ||
|
||
サーバーコードには次のものが必要です。 | ||
|
||
- アプリをロードするエントリポイント(`index.ts`という名前のファイル)。 | ||
- 以下のようにエントリポイントで、public 関数を`import`、`export`する必要があります。 | ||
|
||
```javascript | ||
import { someFunction } from './ui'; | ||
export { someFunction }; | ||
``` | ||
|
||
[ui.js](./ui.js)ファイルを参照すると、メニューにメニュー項目を追加する方法、開発設定を適切に設定する方法がわかります。 | ||
|
||
## ビルド | ||
|
||
ここのサーバー側コードは、[v8 ランタイム](https://developers.google.com/apps-script/guides/v8-runtime) と互換性のある設定を使用してコンパイルされます。 | ||
|
||
設定(権限設定、ランタイムなど)を切り替える場合は、[appsscript.json](../../appsscript.json)ファイルを更新してください。 |