# ElectronでLive2Dのアプリを作成したいです

**URL:** <https://creatorsforum.live2d.com/t/topic/3714>\
**Category:** 制作の質問やTips紹介\
**Tags:** 使い方\
**Created:** [2025 年 9 月 10 日午前 4:11 UTC](https://creatorsforum.live2d.com/t/topic/3714 "2025-09-10T04:11:57Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![saikoro](https://sea1.discourse-cdn.com/flex015/user_avatar/creatorsforum.live2d.com/saikoro/32/3538_2.png) [@saikoro](https://creatorsforum.live2d.com/u/saikoro)\
**Post date:** [2025 年 9 月 10 日午前 4:11 UTC](https://creatorsforum.live2d.com/t/topic/3714/1 "2025-09-10T04:11:57Z")

</div>

解決したい問題

・SDKをDLしたが、実際に組み込むとなるとどのフォルダやファイルが必要なのか分からない。

・SDKForWebからAPIリクエストを送りたい

開発環境

VSCode

私の技術レベル

HTML, CSS, JavaScriptを少し書ける程度

フロントエンドやバックエンドの知識が全くない

以下のSDKチュートリアルを読みました

1.Webサンプルのビルド

2.サンプルプロジェクトにモデルを配置する

以下のElectronのチュートリアルを読みました

2.初めてのアプリのビルド

[https://www.electronjs.org/ja/docs/latest/tutorial/tutorial-first-app](https://www.electronjs.org/ja/docs/latest/tutorial/tutorial-first-app)

※Electronはゆくゆくアプリとしてパッケージ化するためなので、代替方法があればそちらを採用したいです

上記以降、どのように進めたら良いのか分からなくなってしまったので、何かご教授を頂けると助かります。

---

<div class="post-metadata">

**Author:** ![saikoro](https://sea1.discourse-cdn.com/flex015/user_avatar/creatorsforum.live2d.com/saikoro/32/3538_2.png) [@saikoro](https://creatorsforum.live2d.com/u/saikoro)\
**Post date:** [2025 年 9 月 11 日午後 12:33 UTC](https://creatorsforum.live2d.com/t/topic/3714/2 "2025-09-11T12:33:27Z")

</div>

こちらに投稿致しましたが、自己解決しました。

Electronの仕組みのしっかりとした理解と、Live2D SDKでビルドされた成果物についての理解が足りていなかったようです。

Electronアプリのメインプロセスとレンダラープロセス

> **[プロセスモデル | Electron](https://www.electronjs.org/ja/docs/latest/tutorial/process-model)**
>
> Electron は Chromium のマルチプロセスアーキテクチャを継承しており、フレームワークのアーキテクチャは最新のウェブブラウザに酷似しています。 このガイドでは、チュートリアルで適用された概念を押し広げていきます。

Electronアプリのオプション

[https://www.electronjs.org/ja/docs/latest/api/structures/web-preferences](https://www.electronjs.org/ja/docs/latest/api/structures/web-preferences)

Live2D SDK for Web | Webサンプルのビルド

> **[Webサンプルのビルド | SDKチュートリアル | Live2D Manuals & Tutorials](https://docs.live2d.com/cubism-sdk-tutorials/sample-build-web/)**
