0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Electron React Boilerplateで、FileProbe(ファイル検索アプリ)作ってみた

Posted at

1. はじめに

目的と背景:

現在参画しているプロジェクトの会社で、すごく便利なファイル検索アプリを使っていたので同じような機能のアプリを作成しました。
以下にインストーラを配置してありますので、常識の範囲でご使用ください。
https://github.com/shouzou-nozaki/FileSearch/tree/main/distribute

2. 使用言語等

フレームワーク:

Electron、React

言語:

JavaScript(TypeScript推奨)、HTML、CSS

ビルドツール:

Webpack、Babel、Electron Builder

ランタイム:

Node.js

パッケージマネージャー:

npm

3. アプリの機能設計とディレクトリ構成

作成する機能の概要:

ファイル検索機能
パスコピー機能

フォルダ構成:

src/
├── common/
│ ├── dto/
│ ├── service/
│ └── utils/
├── main/
│ └── utils/
└── renderer/

学んだこと:

ElectronとReactの連携やIPC通信の基本的な方法
Electronのセキュリティに関する注意点(contextIsolationやnodeIntegration設定の重要性)

今後の課題や改善点:

ファイル検索の高速化や、非同期処理

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?