📅 (2023-09-24 sun)

「　電子だろ」

「　👇　フレームワークだぜ」

📖　Build cross-platform desktop apps with JavaScript, HTML, and CSS

「　Web のスキルで　デスクトップ・アプリを作れんの？」

「　興味は引かないが　とりあえずインストールしてみるかだぜ」

「　うーん？　環境が分からん、これ　Node.JS　なのかだぜ？
また今度にしようぜ」

Node.JS を入れろだぜ

「　👇　ノード・ジェイエスってまだ生き残ってるんだな。人気が根強いんだな」

📖　Node.JS

「　どうせ遊びだから　ＬＴＳは気にせず　最新版で行こう」

「　Chocolatey をインストールするためにパソコンを再起動しろと出てきたが、
嫌だぜ」

「　Node.JS はインストールできたのか？」

「　👇　Visual Studio Code のウィンドウを全て閉じて開き直し、ターミナルへ打鍵」

# Command Prompt

node --version
v20.7.0

「　👆　インストールできてるぜ」

Electron を入れろだぜ

「　👇　じゃあ Electron を入れろだぜ」

npm install --save-dev electron@latest

「　なんか　19 パッケージ　インストールされたし、インストールできたんじゃないか？」

「　次何したらいいか分からん」

「　Electron のホームページに　でかでかと書いてある　Electron Fiddle　をインストールしたらいいんじゃないの？」

Fiddle をインストールしろだぜ

「　👇　じゃあ Fiddle を入れろだぜ」

📖　fiddle

「　インストールは要らないのか、ダウンロードしたら
デスクトップ・アプリケーションが出てきたぜ」

「　Fiddle は Electron で　できてんじゃないの？　知らんけど」

「　適当に　Run　ボタン押したら　デスクトップ・アプリケーションのようなものが
出てきたぜ」

「　じゃあ　デスクトップ・アプリケーションなんだろ」

📅 (2023-09-25 mon) Electron を調べろだぜ

「　昨日ダウンロードした Fiddle 、どうやって起動すんの？」

「　Windows のいつものランチャーから起動できないのかだぜ？」

「　👆　おー、あるな」

「　👆　しかし　Fiddle　の画面見ても何にも分かんないな」

「　Run ボタンを押してみなさいよ」

「　👆　デスクトップ・アプリのようなものが出てきたぜ」

「　その　デスクトップ・アプリのようなもの　は何ができんの？」

「　Hello World! と書いてるだけで、別に」

「　何ができるのか分からないのでは、なんともなあ？」

「　マイクロ・ゲームでも作ったらどうなの？」

挑戦No.1 画像の表示

「　👇　32 x 32 pixel で、アットマークの画像を作ったから、これを画面に表示しなさい？」

「　ローグをやろうってのか。著作権は大丈夫か……」

「　画像の背景を透過しなくていいのかだぜ？」

「　細かいことは　全部抜きで」

「　しかし　どうやって　画像を表示するのか……。
Web 系なら　サーバーにファイルを置かないといけないだろ？」

「　Fiddle は Electron で作られてるんだろ。
Electron は Node.JS でインストールしたな。
じゃあ　Node.JS が Web サーバーとして起動するんだろ。
Node.JS の作法を調べろだぜ」

「　ググると　Qiita の低スキルレベルのクソ記事が　うじゃうじゃ出てきてしまって　わたしの思考の邪魔をする……、
👇　公式のドキュメントを読むか」

📖　Electron とは何ですか?

「　👆　恐ろしいほど　知りたいことが見つからないな」

「　この　Hello World!　の index.html ファイルは　Windows のどのディレクトリーに置いてあんの？」

「　何も分からないぜ」

「　Windows のいつものメニューから辿れだぜ」

「　👆　アプリケーション・データのフォルダーに入ってるぜ」

「　じゃあ　ディレクトリーなんか触んな、っつーこと？」

「　フォルダ―は作れないのかだぜ？」

「　このチンケな開発環境の意味が分からない……」

「　サンプル・プログラムのソースを探してみたらどうかしら？」

「　分からん。何もできん」

PNG ではなく BASE64 を使う

「　👇　PNG ではなく BASE64 を使うそうだぜ」

📖　Select and display an image from the filesystem with electron

「　エレクトロンで画像処理する気が起きないな。別のフレームワークを探そうぜ？」