アプリ開発【React】Webpack を使って実行可能htmlを作成する
React は基本的にWebサーバが無いと動作しないですが、Webpack をすると実行可能なhtmlを作成することができます。 Electron とも相性がよく、React を Electron で表示させることができます。今回は...
Node.js
アプリ開発
アプリ開発Electron をパッケージ化して exe を作る
Electron をパッケージ化して exe形式にします。 初めに 前回 の続きから作業して行きます。 electron-packager をインストール npm で Electron をパッケージ化するモジュール...
アプリ開発Electron でアンドロイドのスクリーンショット
Node.js を使ってアンドロイドのスクリーンショットを取得する方法です。 Electronアプリ作成 今回も Electronアプリを作成します。 index.html 見た目をよくするために、Material...
アプリ開発Electron からコマンドライン実行
Node.js を使ってコマンドライン実行をする方法を紹介します。 Electronアプリの作成 Googleが推奨する マテリアルデザイン が好きなので CSSフレームワーク を読み込んで見た目を変更しています。 in...
アプリ開発Electron で jQuery を使う
Electron で Bootstrap を使おうと思ったら、思いの外手こずったのでその備忘録です。 初めに Bootstrap を使うには jQuery が必須となっています。 で、jQuery を入れると Node....
アプリ開発Electron でファイルを読み込む
ドラッグ・アンド・ドロップ で読み込む ドラッグ・アンド・ドロップ で画像ファイルを読み込みます。 <div>ファイルをここにドラッグ</div><div id="image-view...
アプリ開発Electron でデスクトップアプリを作る
Javascript で デスクトップアプリ が簡単に作れる Electron を試してみたいと思います。 準備 Node.js がインストールされている前提で進めていきます。 node -v # v12.18.1 n...