タグ

electronに関するTomato-360のブックマーク (25)

  • Electron | IPCによるプロセス間通信(ipcMain, ipcRenderer, 設定) - わくわくBank


    main.js wakuwaku:xxx  Channel  3wakuwaku:yyy  Channel  (  nodeIntegration: true,  ) const { app, BrowserWindow, ipcMain } = require('electron') let window const sleep = (second) => new Promise(resolve => setTimeout(resolve, second * 1000)) app.on('ready', () => { window = new BrowserWindow({ width: 800, height: 600, webP
    Electron | IPCによるプロセス間通信(ipcMain, ipcRenderer, 設定) - わくわくBank
  • Electron アプリのテンプレート 2021


    2021 electron-next  electron-next 使 Next.js 使 Next.js production build  next export  HTML  Next.js 使 hot reload production build  HTML  bundle  Next.js
    Electron アプリのテンプレート 2021
  • Electronで組み込み端末向けアプリケーションを開発し3年間運用してみて

    組み込み端末のアプリケーションに Electron を採用し開発・運用を行っています。 継続的な機能追加やトラブルサポートを行いながら 3 年が経過したので、Electron を採用した経緯や結果を経験を交えながら共有したいと思います。 組み込み案件自体が初めてでしたのでその話も入っています。 約 700 台ほど導入されており、なかなか大きな案件での採用と思いますので参考になれば幸いです。 ※Electron の基的な説明は割愛します。 システムについて 一般的に「受付精算機」などと呼ばれ、店頭に何台か並べて設置して自動で受付・精算を行うシステムです。 ホテルの受付端末のイメージです。ハード的にはセルフレジにも近いです。 筐体自体は他社が用意し、弊社はその上に載せる GUI アプリケーションのみを担当しました。 機能 主な機能として 来店受付・整理券発行 予約チェックイン チェックアウト

    Electronで組み込み端末向けアプリケーションを開発し3年間運用してみて
  • electron 製アプリを DesktopBridge で Microsoft ストアに出せるようにしてみよう - かずきのBlog@hatena


     Convert your Electron app using the Desktop Bridge  App Consult Team 沿 Node.js   Node.js electron  git clone https://github.com/electron/electron-quick-start  npm  cd electron-quick-start npm install  npm start exe  appx 
    electron 製アプリを DesktopBridge で Microsoft ストアに出せるようにしてみよう - かずきのBlog@hatena
  • Electron 2.0.0 | Electron

    After more than four months of development, eight beta releases, and worldwide testing from many apps' staged rollouts, the release of Electron 2.0.0 is now available from electronjs.org. Release Process​ Starting with 2.0.0, Electron's releases will follow semantic versioning. This means the major version will bump more often and will usually be a major update to Chromium. Patch releases should b

    Tomato-360
    Tomato-360 2018/05/07
    バージョン2系に上がったか
  • electronでリリース用パッケージを作る - PartyIX

    先日書いたとおり,electronでMastodonクライアントを作ったのだが,パッケージ化に関してかなり迷走したので,最近のelectron事情を書いておく. electronに関しては,「ほら,こうしたら簡単に作れるでしょ?」といういわゆるHello World系の記事が非常に多く,細かい困りごとやリリースに必要な情報はあまり出てこない. また,2015年くらいの,electronが流行り始めた時期の記事は結構あるものの,最近はそこまで記事が多くないこともあり,最近のリリース事情がよくわからなかった. アイコンを作る アイコンは,どのようなビルド手段を使うにしてもおそらく同じセットが必要になる. これに関してはあまり変更されておらず,古い記事でもかなり役に立った. とりあえず大となるpng画像かなにかを手元に用意しておく. Mac icnsファイルを用意し,それをelectron-b

    electronでリリース用パッケージを作る - PartyIX
  • 動画切り出しアプリをElectronで作った - console.lealog();


    in宿  Electron   GitHub - leader22/movie-slicer: Slice your favorite scenes from movie file.  `ffmpeg`Electron`ffmpeg` `mp4``mp4` `ffmpeg` Electron使
    動画切り出しアプリをElectronで作った - console.lealog();
  • ElectronのBrowserWindowのライフサイクル - techium

    Electronアプリを作る際はBrowserWindowを使うことが多いと思います。 BrowserWindowは簡単にWebページをWindow内で表示することができるコンポーネントです。 そのためウィンドウアプリを作る際に必ず使う登竜門のような機能です。 このBrowserWindowの各種イベントがどのタイミング発生するかをまとめました。 また、BrowserWindowのライフサイクルはElectronのライフサイクルと密接な関係がありますので、Electronのライフサイクルを含めた形で紹介します。 Electronのライフサイクルについてはこちらを参照してください。 ライフサイクル platform依存のイベントを除いたライフサイクルは次のようになります。 青色:BrowserWindowのイベント オレンジ色:appイベント イベントの詳細 各イベントの詳細は次の表のように

    ElectronのBrowserWindowのライフサイクル - techium
  • Announcing TypeScript support in Electron | Electron Blog

    The electron npm package now includes a TypeScript definition file that provides detailed annotations of the entire Electron API. These annotations can improve your Electron development experience even if you're writing vanilla JavaScript. Just npm install electron to get up-to-date Electron typings in your project. TypeScript is an open-source programming language created by Microsoft. It's a sup

    Tomato-360
    Tomato-360 2017/06/12
    まじか。胸熱。
  • Electron で手動GCを行う - まるまるこふこふ


     JavaScript  Electron PC C++  JavaScript Garbage Collection (GC) GC Object pooling 使GC ()GCPC ElectronGC調 Electron  Chromium  Chromium  v8 使 v8 GC Mark-Sweep GC v8 GC
    Electron で手動GCを行う - まるまるこふこふ
  • Electronアプリをプロダクトとして「正しく」リリースするために必要な3つのこと | 株式会社ヌーラボ(Nulab inc.)


    Typetalk TypetalkTypetalk.appElectronElectron ElectronHTMLJavaScriptCSSWeb使GitHubAtomElectron ElectronWindows/Mac3
    Electronアプリをプロダクトとして「正しく」リリースするために必要な3つのこと | 株式会社ヌーラボ(Nulab inc.)
  • Creating screenshots of your app or the screen in Electron framework

    Creating screenshots of your app or the screen in Electron framework Although to require the creation of a screenshot in your app is not so usual, know how to do it won't hurt you. This feature is really useful for every application that want, for example, a detailed error report! a console error message may not help in a lot of cases, however, an image could save the day. In this article, you'll

    Creating screenshots of your app or the screen in Electron framework
  • GitHub用のIssue Reader「Jasper」の開発を振り返ってみる - maru source


    Electron Advent Calendar 201611 JasperGitHubIssue Reader JasperElectronIssueIssue Reader https://jasperapp.io/ https://github.com/jasperapp/jasper Jasper  Jasper      
    GitHub用のIssue Reader「Jasper」の開発を振り返ってみる - maru source
  • Essential Electron : Electronの簡潔・平易な概要 | POSTD


    Electron Electron JavaScriptHTMLCSS 使  MacWindowsLinux    JavaScriptHTMLCSS WebWebChrome Electron Electron  Apps built on Electron Electron APIDemosElectron  
    Essential Electron : Electronの簡潔・平易な概要 | POSTD
  • Evolution of Electron(日本語)


     @kohei-takata   Electron  Kohei TAKATA 3   Cheng Zhao    3  Electron  GitHub  Electron 
  • ElectronでBrowserWindowのCookieを設定する - totorajの開発日記

    タイトル通りです。 sessionってのを使います。 下記の公式ドキュメントに詳細があります。 electron/session.md at master · electron/electron · GitHub ソースコード 簡単なサンプルです。 "use strict"; const electron = require("electron"); const app = electron.app; const BrowserWindow = electron.BrowserWindow; var mainWindow = null; // アプリの準備ができたらWindowを表示 app.on("ready", function () { // Windowを生成 mainWindow = new BrowserWindow({ width: 600, height: 400, tit

    ElectronでBrowserWindowのCookieを設定する - totorajの開発日記
  • Electron x React x Webpack


    3.md Electron x ReactxWebpack 0. Synopsis  ES6使  Refresh ElectronNode v4.1.1使ES6使WebpackWebpackHot module replace(HMR)ScriptCSSRefreshsReact 1.  Electronnpm i -D electron-prebuiltWebpackLoaderPlugin WebpackJSXBabel loaderReacttr
    Electron x React x Webpack
  • Electron + Angular2でMarkdownでスライドを作れるプレゼンテーションツールを作っている - Please Drive Faster


    Angular2Electron + Angular2 publish github.com 使 30Elevator PitchCafe Pitch 30cafe npmglobalinstall使  
    Electron + Angular2でMarkdownでスライドを作れるプレゼンテーションツールを作っている - Please Drive Faster
  • はじめてのElectron - CLOVER🍀


     Electron Electron | Buildcross platform desktop apps withJavaScript, HTML, and CSS. Electron Electron - HTML5PC - ICS MEDIA WebJavaScriptHTML5使ChromiumWeb使
    はじめてのElectron - CLOVER🍀
  • マルチプラットフォームで動く「Electron」は本当に使える技術なのか?|CodeIQ MAGAZINE


    2018425 CodeIQ ITmoffers by CodeIQhttps://moffers.jp/  ITCodeIQ  WebCodeIQ MAGAZINE NEXT( https://next.rikunabi.com/journal/ ) moffers by CodeIQ IT  Cod
    マルチプラットフォームで動く「Electron」は本当に使える技術なのか?|CodeIQ MAGAZINE