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

Xojo - Based on a proprietary version of BASIC, Xojo can targetmacOS,MicrosoftWindows,Linux, iOS, the Web and Raspberry Pi. I’d heard ofit a couple of times, but never played around withit until I decided to do this comparison.It’sgot the lowest RAMusage of any of the tested frameworks. Unfortunately,it’s not free -it starts at $299 for a licence tobuild desktop apps (macOS,linux, win
この記事はVim Advent Calendar 2015 の20日目の記事です. まずはこちらのスクリーンショットをご覧ください. エディタのUI やカーソル移動はVim っぽいですが,markdown ライブプレビューやカーソル位置での画像ポップアップ,組み込みブラウザなど謎のUI が見て取れます.本記事ではこれについてボトムアップで必要な知識から順を追って紹介します. 長い……三行でNeovim msgpack-rpcAPI を使って <canvas> と Node.jsAPI でNeovimフロントエンドを作成し Web Component としてラップ してHTML アプリに簡単に組み込めるようにした上でUI プラグインをウェブ技術で構築できる NyaoVim というNeovimGUI エディタを Electron 使ってつくってます. 目次 Web C

Electronで開発したアプリケーションを動作させていると、アプリケーションがバックグラウンド動作をしている時にフリーズしてしまうことがあります。これはバックグラウンド状態のアプリの動作優先度を下げられてしまうためで、その原因は特定のプラットフォーム特有の挙動による場合と、ElectronにバンドルされているChromiumの挙動による場合の2つが考えられます。 どちらの場合もElectronアプリ側から行える対処法がありますので、以下にそれぞれの対策をまとめます(おまけとしてChromiumの中でそれらがどのように処理されているかもリンクしておきました)。 プラットフォーム側による動作優先度変更への対策 プラットフォームによってはOS XのAppNapのように、ユーザが操作中でないアプリの動作優先度を強制的に下げる機能を持っています。 このようなプラットフォーム側の機構を回避するために

Typetalkデスクトップアプリ 先日、弊社チャットサービスTypetalkのデスクトップアプリをリリースしました。おそらくTypetalk.appのパッケージを覗いてElectronの痕跡を見つけ出した方もいらっしゃると思いますが、その通りElectronをベースに実装しています。 ElectronはHTML、JavaScript、CSSなどWebの技術を使用してデスクトップアプリを開発できます。GitHub社のAtomエディタをはじめとして、今では非常に多くのアプリがElectronベースで公開されており、実装方法についても既に多くの記事が書かれています。 ただし、正式にアプリを公開する場合には、コードサイニングなどを行うなど、考慮が必要なポイントがいくつかあります。そこで本記事では正式にElectronアプリをWindows/Mac向けにリリースするにあたって必要だった3つのことを
元々GitHubのAtomエディタのために開発されたデスクトップアプリ作成用フレームワーク「Electron」。HTML/CSSといったWeb系技術を使って、クロスプラットフォームのデスクトップアプリを開発可能なため、多くの開発者の注目を集めています。本日紹介する「Photon」は、このElectron用の便利なコンポーネントを多数収録したUIツールキットです(GitHub、Hacker News)。 ツールバー、タブ、ナビゲーション、リスト、ボタン、フォーム、テーブルといった、GUIアプリ作成に必要なさまざまなコンポーネントを、アプリケーションに素早く組み込むことができます。コンポーネントの見た目もOS X風でクールです。 以下ご紹介。 バー ヘッダーとフッターを組み込むことができます。 バーとアクション バーにボタンを設置してアクションを定義することもできまうs. バーとタブ タブを

SASCHA WISE Electron for theMac App Store August 12, 2015 Before yougo any furtherit is important to know that thisblog post is out of date. Thetechnique used here has been integrated into the offical Electron project. Look here for more info. Electron and theMac App Store are 2 things that are difficult to pair, like fine wine and McDonalds.Chromium, the rendering engine for Electron, uses
はじめに Electronをご存知でしょうか. Electron(旧称: Atom-Shell)は, Atomエディタを開発するために生まれたクロスプラットフォームデスクトップアプリケーションエンジンです. Node.js +Chromiumをランタイムとしており, Atomだけでなく,Slackや先日のBuildで発表されて話題となったVisualStudio CodeもElectronで実装されています. いわゆるWeb系の技術, Node.js +HTML +CSSでアプリケーションを作成できるのが特徴です. 類似した思想のフレームワークとして, node-webkit(NW.js)もありますが, アプリケーションのエントリポイントの考え方等が異なります. このエントリでは, Electronの使い方をサンプルアプリを実装しながら説明していきます. お題 このエントリのお題と

1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く