【Electron】ﾊｲﾌﾞﾘｯﾄﾞｱﾌﾟﾘ開発総合【Cordova】 [無断転載禁止]©2ch.net

2017/07/02(日) 17:53:17.69

HTML5,CSS3,JavaScriptなどWeb標準技術を活用したアプリ開発についてのスレです。

各種フレームワークの他、webviewの利用、PWA(AMP)、ブラウザ拡張機能など板選びに迷ったらこのスレに書き込んで下さい。
副次的な話題としてビルドツールなど開発環境に関する話も可。

主なフレームワーク
Electron
https://electron.atom.io/
NW.js
https://nwjs.io/
Apache Cordova
https://cordova.apache.org/
PhoneGap
https://phonegap.com/
ReactNative
https://facebook.github.io/react-native/
NativeScript
https://www.nativescript.org/

VIPQ2_EXTDAT: checked:vvvvv:1000:512:----: EXT was configured

2018/09/24(月) 15:45:48.89

特定のサイトを便利に使うための専用ブラウザを作ろうとしたけど、セキュリティーの扱いが難しくて断念した

2018/09/26(水) 08:23:48.51

＞特定のサイトを便利に使うための専用ブラウザ
2ちゃんの専ブラみたいので他サイトの奴？

発想は良さそうな気がするけど
セキュリティで引っかかるのも分かる

2018/11/03(土) 03:34:28.06

Android NDKとObjective-C使うと
AndroidとiOSアプリってほぼワンソースでできたりする？

2018/11/18(日) 09:16:25.09

Objective-Cはネイティブコードじゃないよな。
iOSに特化したコーディング言語何で無理に１００ペリカ。

2018/12/18(火) 12:58:01.95

だれかquasar frameworkという奴を使ってみて

2018/12/18(火) 16:10:50.57

Chroniumは、普通のJavaScriptでは使えない「同期wait処理」が行える
ようになっていることも特徴の1つかも知れない。
この機能により、「Modal」なDialogが作れる。
よく知らないが、ライバルのCordovaはそれが出来ないかもしれない。
ここで言ってる「同期wait処理」とは、sleep(1000);とすると、
単純に、1000(ms)待って戻ってこないという普通の言語では昔から
当たり前にあったような機能のこと。

JavaScriptではこのような単純な「待機処理」が出来ないらしく、。
待機したい場合は、大体、以下の2種類の方法しか使えないらいい：

1. 以後の処理を関数に分けて、タイマーイベントのコールバック関数として指定する。
　しかしこれだと、for 文の中で sleep したい場合などは、難しい気がする。

2. async, await を使う。しかし、これだと、async 修飾された関数を呼び出した側には
　にはすぐに帰ってくるので、ちゃんと wait したことにはならない。

**デフォルトの名無しさん** (JP 0H27-pqTg) · 2019/03/26(火) 11:58:33.97

electronを最近始めたんだけど
コレ読んどけ的ないい本ないかしら？

2019/03/26(火) 21:20:55.45

>>70
プログラム初心者じゃないんでしょ？
そこらのブログと公式ページのリファレンス見れば事足りるよ。
バージョンアップが早いから書籍だと情報が古いと思う。

2019/03/27(水) 06:49:24.76

>>71
macでやってる人が多いんだけど
macじゃなきゃ安定しないの？

ubuntuでwinのインストーラー作ってみたけど起動しない(´・ω・｀)

2019/03/30(土) 10:28:06.75

>>72
windowsでいい
electron-packagerとelectron-builderどっち使ってる？

2019/03/30(土) 12:36:05.89

electron-builderでやった
おすすめだって聞いたので

2019/04/03(水) 09:52:02.05

>>72
Electronを使いたがるMacユーザーが多そうに見える原因として考えられるもの：

1. Macは、東大が、学生に「標準パソコン」として指定してる。
　東大の学生は優秀なのでQiitaなどに沢山の技術的な記事が書かれる。
2. Macユーザーにとっては、マルチプラットフォーム開発が重要となる。

**デフォルトの名無しさん** (JP 0H8f-eYI3) · 2019/04/03(水) 12:25:56.27

東大生はあんな頭悪いqiita書かないよ多分。。。

2019/04/03(水) 16:29:12.11

Windowsはどんなバカでも使えるようにレガシーな機能もずっと保守し続けてる
そのせいで最新の機能が制約されてたり、MACに比べたらいろいろと劣ってる
消費者ならWin、働くためのツールならMacだよ

2019/04/03(水) 18:39:19.31

つまり
electron開発ならmacを買え、と

2019/04/03(水) 18:45:21.93

関係ありません

2019/04/03(水) 19:34:45.42

>>79
どの環境でやってるの？

2019/04/03(水) 23:04:34.81

以前はmacで開発してたけど今はWindowsでやってるわ
VSCode使ってるから大して変わらん

2019/04/05(金) 11:23:06.13

テスト用にはどの環境もあったほうがいい
マルチプラットフォームだけど表示や挙動がそれぞれ少しずつ違うこともあるから。

ただWindowsだとnpm install -gでPATHが通らなかったりcross-env使わないと環境変数設定できなかったりするので開発はubuntuやMacの方がやりやすかったりする

んでMac使うことで開発モチベーション上がるならMac使えばいいだけ

2019/04/05(金) 11:57:25.04

ろくな知識もないやつの書き込み

**デフォルトの名無しさん** (JP 0H8d-muAH) · 2019/04/05(金) 12:18:33.52

>>82
ｻﾝｸｽ

2019/04/05(金) 12:37:37.41

5ちゃんねるなんてそんなもんよ
意見あるなら反論訂正すればいいだけ

2019/04/05(金) 15:08:26.58

npx コマンドで、node_modules 内のプログラムを、パス無しで実行できる

例、npx gulp

2019/04/05(金) 16:47:33.10

npxは知ってるがそれで対処できない例外として
例えばnpmでyarnを入れるチュートリアルを見た初心者が躓く

ネットに書いてるコマンド通りに実行しても、うまくいかない可能性がwindowsの方ではやや大きくなる

2019/04/05(金) 18:39:22.93

親が裕福でない限り、どんなに頭が良くてもWindowsを使うことになるハズ。
食っていかなきゃならないからだよ。

2019/04/05(金) 20:47:15.62

一番安いmacでいいじゃん

2019/04/06(土) 00:36:45.93

gulp, npm scripts に書くとか

Webデザイナーの仕事を楽にする! gulpではじめるWeb制作ワークフロー入門、中村勇希、2018/5/29

2019/04/06(土) 02:40:41.30

>>89
・PC/ATの場合、自作機にすれば、物凄く安く付く。買い直さずに好きな部分だけ
　変えていけばいいので、特に箱(筐体)はいつまでも同じものが使える。電源も。
・一般人の大部分が Windows使ってるので、一般向けの何かを作って食って
　いくためには Windowsでないととても不利になる。

2019/04/15(月) 18:10:55.77

外部からのデータ取得ってmainプロセスrendererプロセスどっちでやるべきなの？
javascript勉強中でとりあえず題材として2ch専ブラ作ってるから板やスレの一覧とかなんだけど
main側のnetモジュールとかにお願いするのかｆｅｔｃｈとかでrenderer側で完結させるべきなのか
それぞれの使いどころとかも知りたい

**デフォルトの名無しさん** (JP 0H4d-83pk) · 2019/04/15(月) 18:14:43.51

mainプロセスじゃん？

2019/04/15(月) 18:34:15.05

漏れはスクレイピングを、Ruby, Nokogiri, Selenium WebDriver でやってる。
GUI は、HTML, CSS, JavaScript

自動ログインも、やってる

2019/04/15(月) 19:10:45.53

コルドバってhttp鯖はリモートでも動くのね
知らんかった

**デフォルトの名無しさん** (JP 0H4d-83pk) · 2019/04/16(火) 12:36:29.98

>>94
electronスレでなぜそんな告白？

2019/04/16(火) 13:47:07.41

>>94
Rubyキチここにもいたのか

2019/04/16(火) 13:50:57.15

>>92
レンダラーの役割はメインから受け取ったデータをもとに描画することだよ
基本的にデータの取得はメイン

2019/04/17(水) 00:08:06.68

まじかめんどくさそう
こういうのどういう風に書いたらいいのか
ipcMainとipcRendererでイベント管理すんの？
あと参考になりそうなossプロジェクトあったら教えてくださいな

2019/04/18(木) 20:39:47.87

レンダラー側でも取得はできるけど
キャッシュの管理はメインでやる必要があるから
メインでデータ取得してレンダラーに渡すほうが使い分けがはっきりしていいかなと思う

ipcイベント管理がちょっと複雑になるけど
同期通信はipcRenderer.sendSync()で書ける

2019/04/18(木) 23:20:13.21

レンダラーでもnodeモジュールは使えるし、どっちでもいいんじゃね？
複数window使うならメインプロセスで制御したほうがいいだろうけど設計次第かと。

2019/04/19(金) 00:57:43.36

どうせLANのサーバーにしかアクセスしないんで全部同期通信でいいですかね？

2019/04/19(金) 02:24:43.25

win10って文字汚すぎでしょ、よく目が潰れないなって関心する
それと4Kも増えてるのに対応してないことが多すぎる、ダメダメすぎてMac選んだわ

2019/04/19(金) 06:51:27.15

(´・∀・｀)ﾍｰ

2019/05/04(土) 07:14:21.16

electronの技術を使ってデスクトップのアプリケーションを開発するなら、
ユニークで、かなりの高品質なプログラムでないと全く割に合わない。

https://boostnote.io/
electronベースのBoostnootをダウンロードしてみた。
ダウンロードしたファイルをダブルクリックしたら、インストールに時間がかかる。

C:\Users\各自のユーザ名\AppData\Local\boostのフォルダにインストールされて、
383 MBの容量があった。

ブラウザソフト並みの大容量だ。小物のソフトでも似たようなものだろう。

Boostnootは優秀なプログラムだ。

2019/05/04(土) 19:17:50.53

空っぽのアプリでも100MB超えるのは難点だねえ。
chrome分離モードとかできたらいいのに。

2019/05/05(日) 06:48:37.59

そう？
気にしなきゃいいんじゃない？

2019/05/05(日) 10:29:46.56

どうせ馬鹿にされるだろうけど、おいらの環境だと、100MBのファイルの
Download に20分～40分くらいかかることがある。

どうせ金が無いのは、実力がない馬鹿だから、という解釈で自己責任で
終わってしまうんだろうがね。アメリカ人はだから嫌われる。

2019/05/05(日) 21:06:11.42

特殊環境で活きるプラットフォームではないね

2019/05/06(月) 13:44:49.84

>>103
使いこなせないのをOSのせいにしてもね。

2019/07/12(金) 01:58:58.18

OS戦争とか禅時代の遺物すぎるだろもっと新しい時代に生きろよ

2019/12/16(月) 14:17:14.84

自分用（+仲間内）の書き捨てソフト作るのに便利だね
これ

配布にはデカすぎるが

2019/12/18(水) 08:16:46.92

Electronフレームワーク、Node.jsなどの開発をホストする「OpenJS Foundation」に合流
https://www.publickey1.jp/blog/19/electronnodejsopenjs_foundation.html

2020/01/24(金) 18:57:29.35

UNITYはjavascriptが使えなくなって悲しい。
JSにも高性能なゲーム開発環境ソフトがあればいいのに。

あと、Electronはメジャーになりますでしょうか？

2020/01/27(月) 11:58:59.83

naru

2020/01/27(月) 16:30:35.95

javascript専用のゲームエンジンを作ってくれ。

UNREAL.jsってなんやねん。

2020/02/15(土) 18:45:02.05

electronは人気ないのかな？
悲しい。

2020/02/16(日) 10:01:26.97

ポテンシャルの高さは VSCodeやDiscordで証明してるし多くの場面で実用化されてるので
人気無いってことはない

2020/02/21(金) 21:00:04.28

あんまり個人開発向きじゃないからスレが伸びてないだけだ

2020/03/24(火) 16:52:18.48

>>117
日本でのnode.jsのメジャー度合いでしょ。

海外じゃNode.jsもPythonも人気だが、日本は遅れてるからね

2020/04/11(土) 07:07:23.27

adobe phonegap desktopでを起動すると
プロジェクト一覧がずっとクルクル読み込みしてて終わらないんだけど対策知ってる人いますか？
再インストールでも直らない...

2020/04/12(日) 04:39:51.17

https://yutakaaoki.github.io/demo1/index.html

2020/04/12(日) 07:50:03.33

>>122
しょっぼ

2020/04/12(日) 09:33:13.80

>>122
C++ nexとはなんですか？

2020/04/12(日) 13:09:57.72

>>124
C++98 と Standard C は最低限使える C++ の独自拡張言語です。
WasmやJavaのJNIが、C++ソースから簡単に記述できる他、言語自体にも、
さまざまな拡張が施されており、リンクリストなどもC++より簡単に使用できます。
アイデアの流出を防ぐため、詳細は明かせません。

2020/04/12(日) 14:35:13.10

ゲーム的なものに興味がお有りなら、以下の様なデモも有ります：
山岳地形の実行時生成 :
https://yutakaaoki.github.io/demo_Mountain/index.html
テニスゲーム:
https://yutakaaoki.github.io/demo_tennis/index.html
田園風景とアサガオ :
https://yutakaaoki.github.io/demo2/index.html

2020/04/12(日) 17:47:17.86

>>126
5ch以外で他に活動などはされていないですか？

2020/04/12(日) 18:05:41.51

>>127
全くしてません。

2020/04/14(火) 03:47:45.59

【5chブラウザ】Siki 【汎用掲示板ビューア】Part1
https://mao.5ch.net/test/read.cgi/linux/1586800759/
Electronによる掲示板ビューア Siki
https://egg.5ch.net/test/read.cgi/software/1581869479/

http://siki.xrea.jp/

2020/07/07(火) 22:06:05.81

エレクトロンアプリはリナックス上でも動きますか？

今後は高速に動くようになりますでしょうか？

2020/07/08(水) 20:45:39.91

>>130
>エレクトロンアプリはリナックス上でも動きますか？
Electronは、Linuxでも動くとされている。

>今後は高速に動くようになりますでしょうか？
起動速度に関しては、ブラウザの起動がいつまで立っても速くならないのと同様に
ほとんど高速にはならない可能性がとても高い。
起動後の速度は、Wasmを使えば、いまでもロジック部分は、Wasmを使えば速くなるが、
canvasなどの描画部分が2Dに関しては遅い。3Dに関してはWebGLを使えば、
そのブラウザのWebGLが対応したGPUであれば、nativeデスクトップと理論上、余り速度差が
無いと考えられる。
ただし、Electronとほぼ同じエンジンのChromeのWebGLは、一部のIntel HD GraphicsのGPUへ対応して無い。

2020/07/08(水) 22:19:56.78

>>131
返信ありがとうございます。
よく分かりました。

2020/08/29(土) 03:11:17.35

Electron 10.1.0
・Fixed Electron not working on Windows 7

2020/08/29(土) 12:05:58.67

Electron9 以降でdevtool extension が使えないのを早く直して欲しいわ

2020/08/30(日) 10:34:34.83

Electron は今後業界を席巻する？

2020/10/02(金) 14:40:02.05

>>135
全くしないと思う。

2020/10/02(金) 17:07:21.37

>>136
悲しい。

頑張れElectron

2020/10/21(水) 15:54:50.09

Electron@10 と webpack@5 と react@17 がほぼ同時期にやって来て
あーもうめちゃくちゃだよー
あーおれデーモンになっちゃったよー

2020/11/07(土) 20:38:46.91

Androidでcssのbefore要素の読みこみが遅延してるのかアイコンが表示されないのですが対策ありますか？

2020/12/10(木) 11:01:42.14

ずーっと Eclipse の JFace とか SWT とかのクソ古いコードをいじくり倒してたけど、そろそろ限界

インテリセンスつきの高機能エディタ＋アルファのデスクトップアプリ（IDE的な何か）を作ろうと思ったら、
現時点での最善策って Electron になる？

今まで見た中で、VS Code が一番サクサクで、画面綺麗で快適だったから
他にグッドオルターナティブあります？

2020/12/11(金) 08:19:42.15

Cordovaでnend広告いれた方いませんか
ネットに上がってるプラグインだと動かないようで。。

2020/12/11(金) 12:21:15.07

https://github.com/nodegui/nodegui

開発が活発に続いてるのね
MSがreact-nativeをmacOSとwin32に対応させたけどどうなるかな

2020/12/13(日) 02:28:51.74

electronでRSSリーダー作れましゅか？

2020/12/13(日) 10:10:05.15

>>143
electronで鉄拳作れましゅか？

2020/12/13(日) 18:55:37.66

チャレンジ大事

2020/12/18(金) 21:59:11.72

Admob-plusいれて起動すると起動せずに落ちるんだけど
解決方法ある?

Freeの方は起動できる

2021/01/21(木) 00:00:55.10

??? cd??? ???? ???? ??? ?? ???? ??

2021/07/31(土) 19:23:09.92

FlutterがdartじゃなくてTSならすぐにでも移行するんだけどなー
cromiumはサイズ、使用メモリともにデカすぎ

2021/10/02(土) 16:32:24.05

vue入門してたついでにelectronもやってみだした

2021/12/03(金) 15:25:53.92

Googlleplusとadmob-free両方いれると
広告が表示できずに落ちるけど
どうすりゃいいんだ

そしてこのスレ誰もいない。。

2022/04/20(水) 14:21:01.09

全てdat落ちしていない現行スレ

掲示板ビューア Siki 質問スレ Part1
https://egg.5ch.net/test/read.cgi/software/1650372969/ 2022/04/19(火) 21:56:09.53 ID:Z7TEpXzi0
Electronによる掲示板ビューア Siki Part.11
https://egg.5ch.net/test/read.cgi/software/1650072539/ 2022/04/16(土) 10:28:59.41 ID:Rs+cNHBi0
Electronによる掲示板ビューア Siki Part.10
https://egg.5ch.net/test/read.cgi/software/1648170512/ 2022/03/25(金) 10:08:32.73 ID:R5CAXJix0
Electronによる掲示板ビューア Siki Part.8
https://egg.5ch.net/test/read.cgi/software/1631791659/ 2021/09/16(木) 20:27:39.92 ID:oOMcNCbo0
Electronによる掲示板ビューア Siki Part.11
https://egg.5ch.net/test/read.cgi/software/1623769258/ 2021/06/16(水) 00:00:58.98 ID:bglL3M1d0
Electronによる掲示板ビューア Siki Part.6
https://egg.5ch.net/test/read.cgi/software/1617869789/ 2021/04/08(木) 17:16:29.06 ID:hO57uNZG0
Electronによる掲示板ビューア Siki 4
https://egg.5ch.net/test/read.cgi/software/1600579051/ 2020/09/20(日) 14:17:31.60 ID:c4G0qxNV0
汎用掲示板ビューア Siki
https://egg.5ch.net/test/read.cgi/software/1600544664/ 2020/09/20(日) 04:44:24.99 ID:4RhqKBgQM
Electronによる掲示板ビューア Siki Part.2
https://egg.5ch.net/test/read.cgi/software/1586780702/ 2020/04/13(月) 21:25:02.00 ID:jdCqx+km0

二つのPart.11は異常な早期スレ立て

この挙動と沸点の低い火病めいたIDコロコロ自演からして
掲示板埋め立て荒らしの精神分裂お子ちゃまプログラマ人格だよ
郡山や浦和を徘徊して奇声上げてる動画アップしてるやつかもね

**デフォルトの名無しさん** (ｽﾌｯ Sdd7-DiZc) · 2022/05/19(木) 10:17:44.25

このスレ生きてるの？

2022/06/17(金) 07:33:57.41

今更ながらElectron始めてみた。htmlでデスクトップアプリのuiが構築できるのはいいね。なんか昔のhtaを思い出した。

2022/06/19(日) 12:46:18.30

Tauriについて語りたいのにこのスレ誰もいない…(´･ω･`)

2022/06/19(日) 22:08:47.15

Electronのしょうだつやのという人の本は読みました。
次、何がお勧めのKindle本はありますでしょうか。
コードがたくさん載ってるのがいいです

2022/06/22(水) 13:20:02.76

zenn.dev のタダのやつ探すとか

2022/09/02(金) 21:44:58.84

まーたNW.jsが停滞してしまった

2022/10/27(木) 07:10:28.60

Electronで作られたアプリってWorkspaceがどうのとかアプリ内にもパスが表示されてたりかなり気持ち悪いけど非表示とかできないの？
Siki(5chブラウザ)とかVSCodeとか

2022/12/29(木) 22:43:39.71

SlackとかVscodeなどのキラーアプリはElectronでできているのだから
もっと評価されていいと思うの。

2022/12/30(金) 16:07:31.61

手軽に見えて手軽じゃないんだよな
今となっては黎明期の遺産に見えて仕方がない
少なくとも俺なら新規開発にはTauriを使う

2023/02/19(日) 10:07:31.39

Electronは気に入っているけれど
気になってたTauriに浮気してしまった
手強かった浮気なので本気になりそう

2023/02/21(火) 17:19:54.26

electron+reactでアプリ作りたいんだけど
ipcRenderer回りが詳しく解説してあるサイトお勧めない？
掌田という人のElectronではじめるデスクトップアプリケーション開発
React.js&Node.js超入門
大西という人のReact+Electronデスクトップアプリ開発入門は読んだ。

electron-react boiler plateの雛型と違い過ぎて手におえない
もう少し体系的なのない？

2023/03/05(日) 19:13:30.76

>>161
JavaScriptに比べてRustのハードルが高すぎ。

2023/03/14(火) 21:52:18.14

マルチウィンドウのアプリを開発してるんですけど、全てのウィンドウを一斉にモーダルにする方法ってありますか？
今だとモーダルにする前に、「win1←win2←win3」の親子関係にしてwin3を親windowにしてモーダル表示、モーダル終了したら元の親子関係に戻すってしてるんですけど、いろいろ問題多くて…