강의

멘토링

로드맵

NEW
Programming

/

Front-end

誰よりも早く作ってみるElectron Todo List With TypeScript

誰よりも早く試してみるElectron Todo List With TypeScript Reactベースのデスクトップ動作サービスを作ることができるElectronをTypeScriptで開発してみましょう!

  • Neo
실습 중심
토이프로젝트
리액트감잡기
electron
React
TypeScript
Electron
Portfolio

こんなことが学べます

  • TodoListを作りながらElectronをかじってみる

  • Reactベースのデスクトップアプリがどのように作られるかを調べてみる

誰よりも早く試すElectron Todo List With TypeScript

React、TypeScript、Electron、ポートフォリオ

ウェブ技術で作るデスクトップアプリケーション!
React + TypeScript + ElectronでTodoアプリを作ってみましょう。

🎯 講義紹介

この講義はウェブ開発者でも簡単にデスクトップアプリケーションを作れるように
ElectronとTypeScriptを最初から最後まで実習中心で学ぶ講義です。

一度のコードでWindows、macOS、Linuxで動作するアプリを作ってみて、
ReactとTypeScript(Electron移植)で構成されたTodoリストアプリケーションを直接完成させます。

🧩 このような内容を学びます

セクション主要学習内容

1. TypeScript基礎 型システム、関数とインターフェース、クラス、ジェネリックなど核心文法整理

2. Electronを理解するElectronの構造、メリット・デメリット、Node.js & Chromiumベースの理解

3. 開発環境セットアップ VSCode、Node.js、nvmのインストールからReactプロジェクトの初期セットアップまで

4. Electronとの連携React + Electron環境の構築とnpm run devでの同時実行

5. Todoアプリの作成 TypeScriptとReactでTodo CRUD機能の実装

6. 仕上げ & ビルド完成したアプリを実行ファイルとしてパッケージングする方法の紹介

🧠 学習目標

  • TypeScript文法を正確に理解し、プロジェクトに適用できる。

  • Electronの動作構造を理解し、ReactアプリとElectronを連携できる。

  • ✅ 一つのコードでクロスプラットフォームデスクトップアプリを開発できる。

  • React + TypeScript + Electronの統合開発環境を直接構築できる。

📚 開発過程および注意事項

React + TypeScriptでToDoリストWebを開発し、Electronでポーティングしてデスクトップアプリを作成します。
講義はReact + TypeScript + Electronを使ってみることに焦点を当てています。

上級講義は今後提供予定ですので、基礎講義であることを確認してから受講してください!

こんな方におすすめです

ウェブ技術でデスクトップアプリを作ってみたい開発者

React + TypeScript
Electron

環境を一度に身につけたい方

TypeScript文法を
実戦プロジェクトで練習したい方

受講前の参考事項

実習環境

  • 講義はMacOS基準で説明します。Windowsマシンでも付いてこられます。

  • 講義ではVSCodeを使用します。

  • 講義はElectron + TypeScriptの使用を目的としています!

学習資料

  • Notionリンクで提供いたします!

前提知識および注意事項

  • 基礎コンピュータ活用能力

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Reactを学んでより深く入っていきたい方

  • デスクトップサービスを開発する方法を知りたい方

  • Electronについて気になった方

前提知識、
必要でしょうか?

  • TypeScript

  • React

こんにちは
です。

1,320

受講生

138

受講レビュー

23

回答

4.6

講座評価

22

講座

협업 및 기타 비즈니스 문의는 yeseong0412@gmail.com 으로 부탁드립니다!

 

안녕하세요! 인프런에서 강의를 진행하고 있는 Neo 입니다.

평소 접하지 못했던 개발기술들을 다양한 분들이 접할 수 있도록 하는게 제 목표입니다.

그래서 저는 단순한 이론 나열보다 실무 중심의 커리큘럼을 구성하고, 트러블슈팅 없이 배울 수 있는 실습 위주의 강의를 제공하고자 합니다.

 

초보자도 부담 없이 따라올 수 있도록 최대한 가볍고 친절한 접근으로 내용을 구성하고 있으며, 지식에 대한 진입 장벽을 낮추는 것에 특히 집중하고 있습니다.

가끔은 마음이 같은 분들과 함께 강의 작업을 진행하기도 합니다!

カリキュラム

全体

8件 ∙ (50分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

2件

5.0

2件の受講レビュー

  • wonder12421님의 프로필 이미지
    wonder12421

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    Good

    • yeseong0412
      知識共有者

      Thank you for taking the class!

  • yeseong0412님의 프로필 이미지
    yeseong0412

    受講レビュー 23

    平均評価 5.0

    5

    100% 受講後に作成

    You can experience Electron using TypeScript!

    期間限定セール

    ¥6

    28%

    ¥1,211

    Neoの他の講座

    知識共有者の他の講座を見てみましょう!

    似ている講座

    同じ分野の他の講座を見てみましょう!