[B! Electron] enemyoffreedomのブックマーク

Next.js + Electron がとても簡単になっていた

Next.js + Electron を使えばめちゃくちゃ簡単にデスクトップアプリを作れるという記事です。デスクトップアプリケーションをWeb技術で作成するElectronを、むちゃくちゃ久々にやってみたら、とても簡単になっていた React のフレームワークである Next.js もバージョン9.xになってから劇的に良くなり続けていて、どんどん触りやすくなっていますちなみに Next.js は非公式な日本語翻訳が進んでいるようです。 9割くらい翻訳が完了しているようですが、気になる方は、このサイトの「翻訳プロジェクトについて」をご覧ください。セットアップする # npmの場合 $ npx create-next-app --example with-electron-typescript hoge $ cd hoge $ npm run build $ npm run start

enemyoffreedom 2020/09/23

リンク

Electron+Vue.jsを使ったデスクトップアプリ開発を始める手順

はじめに ElectronはWebアプリケーションの開発に使われるJavascriptやHTML、CSSなどの技術を用いてデスクトップアプリを開発できるフレームワークです。１つのソースでクロスプラットフォーム対応（Windows、Mac OS、Linux）のデスクトップアプリを開発することができます。この記事では、Ubuntu上でElectronとさらにVue.jsを用いたデスクトップアプリ開発をはじめるために必要なツールのインストール手順と、実際にデモアプリを起動させるまでをまとめます。できるようになること以下のように、デフォルト状態のアプリを起動するところまでをまとめます。前提と環境以下の通りです。 OS : Ubuntu 18.04 Node環境は構築済とする。ここでは、v10.16.0 使用するパッケージ ElectronでVue.jsを使用する場合の選択肢としてはいくつか

enemyoffreedom 2019/08/10

リンク

Electron + Vue.js アプリでSQLite3を使う手順

Photo by Caspar Camille Rubin on Unsplash はじめに Electron + Vue.jsで構築したデスクトップアプリでSQLite3を使うための手順をまとめます。前提と環境以下の通りです。 OS : Ubuntu 18.04 Vue CLI : 3.8.2 Electron : 5.0.0 この記事でのElectron + Vue.jsアプリは、Vue CLI 3を使って構築したVueアプリにVue CLI Plugin Electron Builderをプラグインとして追加した状態での手順になります。他のelectron-vueなどを使用して構築した場合やその他の条件下で試していませんが、何か参考になれば幸いです。なお、VUe CLI 3とVue CLI Plugin Electron Builderを使ったElectron + Vue.jsア

enemyoffreedom 2019/08/10

リンク

Vue CLI Plugin Electron Builder

GitHub (opens new window) Write Once, Run Everywhere If it works as an SPA, it will work in Electron. Because it extends your regular config, it works with all plugins and customized webpack options. Completely Customizable All the functions of VCP Electron Builder are entirely configurable and well documented.

enemyoffreedom 2019/08/10

リンク

2019年 Vue.js + Electron の環境構築は vue-cli-plugin-electron-builder がおすすめ - Qiita

2019年 Vue.js + Electron の環境構築は vue-cli-plugin-electron-builder がおすすめ今まで Vue.js + Electron の組み合わせでプロジェクトを作成するには electron-vue が定番でした。しかし、Vue CLI がバージョン3になり、Webpack 周りの設定を意識することなく TypeScript などが手軽に導入できることに慣れてしまうと、Vue CLI 2 ベースの electron-vue で新規プロジェクトを作るのは若干面倒に思えてしまいます。検索してみたところ、Vue CLI 3 のプラグインである vue-cli-plugin-electron-builder というのが見つかり、大変便利だったのでご紹介させていただきます。公式サイト https://nklayman.github.io/vue