テキストエディターを作ってElectronの基礎を学ぼう！ HTML5でPCアプリ開発入門 – ICS MEDIA
前回の記事「Electron入門」では、ElectronというHTML/JavaScriptのフレームワークを使って、デスクトップアプリケーションを作成するまでの手順を紹介しました。 今回は応用サンプルとしてテキストエディターの作り方を解説します。テキストエディターを作成することで、Node.jsのファイルの読み込み/書き込みや、ダイアログモジュールなどアプリケーション開発で必須となるElectronの技術を習得できます。30分程度で試せる内容になってますので、ぜひご覧ください。 ※本記事はElectron v18を使用し、macOS 12.3 MontereyおよびWindows 10にて動作検証を行いました。 完成デモの紹介 今回のサンプルのテキストエディターのデモをご覧ください。このオリジナルのテキストエディターではテキストの編集ができ、ファイルの読み書きができます。このテキストエデ
ElectronでGLSL用テキストエディタを作ってみた。その１ - Qiita
イメージ（今後改良予定） 動機 ・Electronを勉強してみたい。 ・Electronで入館システムを作りたい。そのための勉強 ・シェーダーを勉強するのにいいエディタがあんまりない。 ・ついでにReactも勉強したい。 使用している環境、ライブラリ ライブラリ ・Electron(公式サイト) ・Ace(公式サイト) ・React(公式サイト) 環境 ・Atom ・Node.js ・（一部デバック）Chrome 参考になったサイト -ソースコードのベースはここから ※editor.jsのonLoad()...を、onload = function(){}にしないと動かなかった。 なぜかこれから調べる。 -Electron自体のことはここが分かりやすかった。 -Dialogについては公式サイトのドキュメントが一番分かりやすい -Aceが神ライブラリだと分かった。 -配布の際はこれが一番分か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
