How to make your Electron app launch 1,000ms faster
A dog dashing very fastHi, I’m Takuya, an indie developer building a Markdown note-taking app called Inkdrop. This app is built on top of Electron, a framework that allows you to build a cross-platform desktop app based on NodeJS and Chromium (browser). It is basically a great framework because you can build desktop apps without learning native frameworks or languages but with JavaScript, HTML and
Electron+Vueでできたオープンソースのスニペットマネージャ「massCode」を使ってみた
massCode https://masscode.io/ massCodeの特徴 「massCode」は、50以上のプログラミング言語を記録できるオープンソースのスニペットマネージャです。 「SnippetsLab」や「Quiver」がメジャーなツールですが、どちらも有料ということで、オープンソースで使ってみたい方におすすめのプロダクトです。 セットアップ # インストール git clone https://github.com/antonreshetov/massCode.git # ディレクトリに移動 cd massCode # 依存性の解消 yarn install # 起動 npm run dev 上記手順でセットアップを実行します。 既存のツールをかなり意識したUIになっています。 まずは記録するフォルダを登録していきます。 作成したフォルトごとに、デフォルトの言語が指定可能
RustのWebフロントエンドフレームワーク「Kagura」をElectron上で動かしてみる - Qiita
RustでもWebAssembly出力ができるようになっているんですが、いつか触ろうと思いつつずっと触る機会がありませんでした。 ちょうど自身の周りでもElectronの利用事案が増えて来て(例えばPostludium/Peridotでパイプラインの設計エディタのためにElectron使おうと思ったこともありました......)、良い機会なので入門として件名のライブラリを触ってみることにしました。 Kaguraとは Rust製のWebフロントエンドフレームワークです。端的に言ってしまえばReactやVueなどの仲間です。 仮想DOMを用いて差分レンダリングを行う点は既存のフレームワーク同様ですが、アーキテクチャ的にはHalogenやElmが近いです (いわゆるTEAの形をとっています)。 RustでWebAssemblyを出力する、動かす Rustにはwasm-bindgenという便利ツー
１人でデスクトップとモバイル両方で動いて同期するアプリをどうやって作ったか
こんにちは、個人アプリ作家のTAKUYAです。InkdropというクロスプラットフォームなMarkdownノートアプリを１人で開発しています。このアプリはmacOS、Linux、Windows、Android、iOSで動作します。ご存知かもしれませんが、この5プラットフォームにアプリを対応させるのは簡単ではありません。しかしながらパワフルなフレームワークを活用すれば、それも不可能ではありません。それらに頼るだけでなく、プロジェクトを持続可能に保つための開発戦略も必要となります。本記事では、僕がこれまでどのようにして開発して来たのかシェアしたいと思います。 あなたは１人で開発しているのではないクロスプラットフォームなアプリの開発は、往々にして多くの予測不能かつ再現不能な問題を伴います。自分の環境では正しく動いていた機能が、他の環境では思うように動かない。例えば、最近僕もそういう問題を経験しま
ElectronデスクトップアプリによるGoogleのOAuth2クライアント実装 - DRYな備忘録
目的 僕が、ElectronデスクトップアプリによるOAuthプロセスを知る うるせえ動くもん見せろ はい。 github.com ゴール 手元のElectronアプリで、ログインユーザ（この場合、僕自身）のAPIトークンで、GoogleのなんらかのAPIが叩ける ← 登録したアプリ下でわざわざ作成したAPIトークンではないのがミソ 本稿でやらないこと OAuthとはなにかのもっとわかりやすいやつ（こんど別エントリで書きたい） 得られたAPI Tokenの永続保存（electron-json-storageでも使う） Expire時のRefreshの実装 （割愛） 参考資料 Using OAuth 2.0 to Access Google APIs | Google Identity Platform | Google Developers Using OAuth 2.0 for
Boostnoteをcloneして自分好みのMarkdownメモアプリを作成する - Qiita
Boostnote/build.md at master · BoostIO/Boostnote · GitHub 環境によっては最初のyarnが少し時間かかるかもしれません。 これだけでBoostnoteが起動します。 個人的にはGUIの操作がないぶん普通にインストールする楽なきがします 事前準備 特にないです。適当にドキュメント眺める程度です。 Electron | Build cross platform desktop apps with JavaScript, HTML, and CSS. React – ユーザインターフェース構築のための JavaScript ライブラリ Expressive, dynamic, robust CSS — expressive, robust, feature-rich CSS preprocessor DevTools Extension |
Electron & React & Redux & TypeScript アプリ作成ワークショップ 1日目 - Qiita
1日目（この記事） 2日目 3日目 4日目 5日目 6日目 7日目 8日目 9日目 概要 本書は、 Electron を利用したマルチプラットフォーム・デスクトップアプリケーションを、 React-Redux で作成するワークショップです。 言語には、 JavaScript ではなく、 TypeScript を利用します。 これらの技術を組み合わせることで、中～大規模開発においても非常に効率よく設計・実装ができるようになります。 1日目では、それぞれの技術の概要の説明と、npm / yarn を使ったライブラリの導入まで行います。 対象者 Web開発の経験があり、ある程度 JavaScript は知っている人。 Electron を試してみたい人。 前提条件 Node.js がコンピューターにインストールされていることが必要です。 執筆時点の Node.js のバージョンの最新版は、 12
Electronアプリの自動アップデートサーバーをhazelとnowで作る
Electronアプリの自動アップデートサーバーをhazelとnowで作る Trello のデスクトップアプリ 1000ch/whale や esa.io のデスクトップアプリ 1000ch/quail は Electron 製だが、この macOS バージョンに、重い腰を上げて自動アップデート機能を実装した。 Electronの自動アップデート機能 Electron には autoUpdater という自動アップデートを提供するクラスが備わっている。これは Squirrel/Squirrel.Mac というフレームワークの機能で、Electron 側についてはそれをラップした autoUpdater を通して簡単に実装できる。 const { autoUpdater } = require('electron'); autoUpdater.on('checking-for-update'
AVAをブラウザ上で実行するAvaronを作った - Qiita
この記事は「WACUL Advent Calendar 2017」の20日目です。 WACULでフロントエンドエンジニアをしている@bokuwebと申します。 はじめに みなさんはお気に入りのテスト構成はあるでしょうか。よく耳にするのはjest、AVA、karmaを用いた構成でしょうか。個人的には最近はAVAを使用することが多いのですが、その際の不満を解消するためにモジュールを作った話しを書きたいと思います。 つくったもの AVAとは avajs/ava: Futuristic JavaScript test runner 紹介記事は他にも色々ありますので多くは書きませんが、sindresorhus氏作の、曰く未来型のテストランナーです。若干古いですが以下に日本語での記述もあり、なぜAVAなのか?に特徴が記載してあります。 例えばPromiseを使用したテストは以下のように記述できます。同
Electronアプリをリリースするまでにあった知見 - Qiita
はじめに こんにちは、@tsuwatchです。普段はRubyを書くのですが、仕事の幅も広がりつつあり、フロントエンドも本格的にやっていこうということで、 Kaizokuというニコニコ生放送のデスクトップアプリをリリースしました。 人生の大半の時間がニコ生に溶けているわけですが、かねてからコメントビューワを作ろうと思っていたので、この機会に作ってみました。 しかし、Mac版のコメントビューワにはHakumaiという大変素晴らしいコメントビューワが存在するので、少し違う方向を向いた生放送ビューワをかねたアプリにしました。 Hakumaiはコメントビューワとしては数少ないオープンソースなので、実装やコメントサーバの仕様など大変参考にさせて頂きました。この場をお借りして、お礼を申し上げます。 アプリの機能や今後についての紹介はまた別途ブログで書くと思います。 ご興味がありましたら、ぜひ使ってみてい
Electron + Express.js + WebSocket + msgpack アプリ構築事例とサンプルソース - Qiita
先日の Gotanda.js で、 Electron 界隈は変化が速いので、古い情報だと役に立たないよねー という旨の指摘がありました。 今年、2016年に、Electron + Express.js + WebSocket + msgpack を使って、 macOS アプリ、Windows アプリ、また、Node.js (Express.js) サーバを使った ウェブブラウザアプリとして共用できるサービスを開発したときの事例を紹介してみます。 （開発・運用方針まとめ） １．開発時は、ローカルの Node.js で実行し、ウェブブラウザからアクセスして利用する ２．サーバが使える運用環境では、サーバ上の Node.js で実行し、ウェブブラウザからアクセスして利用する ３．サーバが使えない運用環境では、Electron アプリとして配布し、Mac/Windows 上で実行してもらう （サン
Mock Native API in your E2E test
ElectronMeetup in Tokyo LT (https://connpass.com/event/69473/) How to run spectron E2E test in case of using Native API in your specs.
導入 · electron-vue
vue で構築された electron アプリケーションを作成するためのボイラープレートです(名前から分かるように)。 概要 このプロジェクトは vue を使用した electron アプリケーションの手動セットアップをなくすことを目標としています。electron-vue はスキャフォールディングのために vue-cli 、 vue-loader と webpack、 electron-packager または electron-builder、 vue-router や vuex などの最も使われているプラグインを使用します。 ドキュメントは こちらを確認してください。 このボイラープレートで見つけることができるもの... 単一の package.json セットアップによる基本的なプロジェクト構造 詳細なドキュメント vue-cli を使用したプロジェクトスキャフォールディング Vu
Vue.js + ElectronでTwitterクライアントを作った - razokulover publog
Vue.jsとElectronでシンプルなTwitterクライアントを作った。 vue-twitter-client きっかけとしては一言で言うとフロントエンド周りの勉強。 2017年1~3月の振り返りにも書いた通り。 自分はモダンなフロントエンドの開発に疎かったので重い腰を上げてそろそろやるかという気持ちになって3月中頃くらいからはじめた。 Vue.jsについては2,3週間前くらいから触りはじめている。 Vue.jsはちゃんとしたSPAからフォームにちょいと味付けみたいな使い方もできたり小回りがきく。 個人的にはReactでの開発よりやりたいことが直感的に書ける気がしてるので使いやすいという印象。 とりあえず最初はTODOアプリやAPIを叩く小さなフィードを作って、次にNuxt.jsでSSRできるミニサイトを作ったりで大体使い方は覚えてきたというステータス。 ライブラリでいうとvuex,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Electron TechTalk
SlackはどうやってBrowserViewに乗り換えたのか / How Slack move from webview to BrowserView
GitHub - blahah/yunodb: A portable, persistent, electron-embeddable fulltext search + document store database for node.js
GitHub - electron/forge: :electron: A complete tool for building and publishing Electron applications
GitHub - Equanox/gotron: Go Api for Electron
Electron で Evernote クライアントを作ってみた
