【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

2017/07/02(日) 18:01:32.21

関連事項

UWP(JS)
https://docs.microsoft.com/ja-jp/windows/uwp/get-started/create-a-hello-world-app-js-universal
Progressive Web Apps
https://developers.google.com/web/progressive-web-apps/
WebExtensions
https://developer.mozilla.org/ja/Add-ons/WebExtensions

2017/07/04(火) 01:20:00.40

さんげと

2017/07/05(水) 20:31:29.29

何でこんな危険なもの使うの

2017/07/05(水) 21:55:04.12

どう危険なの？

2017/07/06(木) 18:45:38.92

windows7以降しかサポートしてない!!!!!!!!!!!

2017/07/13(木) 13:53:40.04

人少なっw
ところで、Web技術を流用したUIを総称する言葉って何かある？

2017/07/17(月) 09:17:57.89

パフォーマンスの問題とかはwasm使っていく流れになるのかな
web界隈は予測がつけづらいね

2017/07/20(木) 15:38:23.50

electronいいよね・・・って人いなーいｗ
いまどきのJSプログラマーのための Node.jsとReactアプリケーション開発テクニック
2017/7/26＜＜もうそろそろ発売するよ。

2017/07/22(土) 06:41:02.25

electronは若干動作不安定と感じる
かといって他のはあまりやる気にならない

2017/07/22(土) 12:44:54.03

パッケージの容量がでかいのはなんとかしたいよね
自前のChrome使わせるとかできんのか

2017/07/30(日) 17:35:20.03

今更だけどElectronで2chブラウザ的なもの作ってるよ

2017/08/16(水) 15:24:47.23

初のcordovaアプリ作った

https://hasemonmon.net/df5/

トランプの大富豪です

ビルド済みはandroid用しかないけどWebで同じ内容がプレイ可能です

2017/08/16(水) 19:43:49.72

クオリティ高いな
どうせandroid限定ならPWA化したらどう？

2017/08/16(水) 19:55:42.30

>>14
見てくださってありがとうございます

こっち方面は最近始めたばかりでいろいろ事情がわからないことだらけでぐぐりながら試行錯誤の毎日です

PWAについて簡単にぐぐってみましたが今まで全く知らない事でした
最近はこんなものがあるんですね
色々勉強させてもらいます
ありがとうございました

2017/09/25(月) 16:27:39.46

Mac持ってないiPhone利用者です
monacaとかXamarin live player使う以外にMac(XCODE)なしでiPhoneアプリ作るのってムリ？

2017/09/27(水) 09:30:22.15

実機かサービスかどっちかは必須

2017/10/11(水) 00:20:18.00

CordovaとXamarinはどちらがおススメ？

2017/10/11(水) 18:15:21.92

得意な言語、好きな言語で選びなさいとしか
個人的な期待値は同程度

2017/10/19(木) 19:59:38.20

iconvのインストールでいろいろとモヤるな…
iconv-liteでたいていのことはクリアできるから、まあ良いか…

2017/10/31(火) 08:01:56.85

ところでオレのグローバルインストール一覧をみてくれ
$ npm ls -g | grep '^[+`].*'
+-- asar@0.13.0
+-- eslint@4.10.0
+-- npm@5.5.1
+-- tslint@5.8.0
`-- typescript@2.5.3

2017/11/11(土) 10:02:58.97

ハイブリッドアプリはじめて触るんだけどhtml,css,Javascriptだけで出来ることはcordovaで出来るっていう認識で大丈夫？

2017/11/11(土) 11:38:57.89

はい

2018/02/26(月) 23:15:52.98

PWA来たね
https://www.sbbit.jp/article/cont1/34605

2018/03/09(金) 15:40:32.36

chromeだとフォーム部品がフォーカスされた時のoutlineの色は水色ですが
electronだとオレンジ色になります
何故違うんですか？

**デフォルトの名無しさん** (ｽﾌｯ Sd8a-V/jt) · 2018/03/09(金) 23:17:06.40

cssで消すか好きな色にすればいい

2018/03/12(月) 17:18:13.96

それはそうなのですが
同じChromeから出来ているはずなのに何で色が違うのでしょうか

2018/03/12(月) 17:26:43.22

Electronで、
CSSで作ったセレクトボックスを
トラックパッドでクリックして閉じると、hoverした部分の色が残ってしまう
（マウスでクリックした場合は正常）
という奇妙な現象が出ていたので、
Electronをアップデートしたら直りました
開発中のモジュールアップデートには抵抗がありましたが
Chrome同様こまめにアップデートしていった方がいいのでしょうね
ただ、それでもoutlineのデフォルト色がオレンジ色なのは変わりませんでした

2018/03/15(木) 11:17:06.84

Electronについてですが
トラックパッドで画面をクリックするとCSSのhover状態がキャンセルされると気づきました
hoverで変化するようにしている箇所が、クリックすると非hoverの表示になってしまう
マウスカーソルを動かすとまたhover時表示に戻る
という挙動です
このトラックパッドというのはmacbook proのもので、
bootcampでwindows10を使っています
Chromeではこのような挙動はありません。
>>28の挙動とも関連してそうです

2018/03/15(木) 11:30:06.66

おそらくクリック時にマウスカーソルがそこにないものと判断されてしまうのではないか
と予想しています
ハード的な問題かと考えましたが、それだとChromeで症状が出ないのがおかしい。
ChromeとElecronの間の微妙な差異の中でバグが生まれてしまっている感じです

2018/03/15(木) 11:52:17.96

ためしにmousemoveをconsoleに出力してみましたが、
クリックしてもmousemoveイベントは発生しませんでした
おそらく原因はCSS処理の層にあるのでしょう

2018/03/15(木) 16:11:50.04

ビルドしたら現象消えるんじゃね？
と思ったのですが、逆に>>28で消えたと思っていた症状が
ビルドしたらまた出るようになりました・・

2018/03/16(金) 19:35:23.73

>>28の件ですが
マウスアウトが表示に反映されるまで待てばいいのでは？と考えて
setTimeoutを使ってセレクトボックスを閉じるのを後回しにしたところ、解決しました

2018/03/18(日) 17:19:23.99

・CSSはどの定義が優先されてるのか
・各イベントは発火しているのか
・Electronじゃないと起こらないのか

浅い連投する前にデベロッパーツールともっと向き合って

2018/03/25(日) 09:19:11.15

electronで
BrowserWindowを上や下や左や右に揃えて表示するにはどうしたらいいのでしょうか？
中央揃えのためにはcenterというオプションがありますが