Tauri on mobile 現状確認会 - laiso
tauri.app Tauri とは Electron代替として作られたRust製のGUIアプリケーション開発ツールキット。 ユーザーは各プラットフォームのWebViewで動くHTML+JavaScriptでUI開発をして、裏側はRustで書いたネイティブバイナリにコンパイルされるプログラムを呼び出す。 実際の実装のイメージが以下で、Electronに使い方は似せられている。 tauri.app Electronは特製ChromiumとNode.jsをユーザーのアプリケーションに同梱することでポータビリティを担保させているのに対して(find /Applications -name "Electron Framework.framework" コマンドを実行してみると大抵どんな環境にもElectronが10匹ぐらい居る) TauriはOSが用意しているWebViewにリンクして、スクリプト
Next.js + Electron がとても簡単になっていた
Next.js + Electron を使えばめちゃくちゃ簡単にデスクトップアプリを作れるという記事です。 デスクトップアプリケーションをWeb技術で作成するElectronを、むちゃくちゃ久々にやってみたら、とても簡単になっていた React のフレームワークである Next.js もバージョン9.xになってから劇的に良くなり続けていて、どんどん触りやすくなっています ちなみに Next.js は非公式な日本語翻訳が進んでいるようです。 9割くらい翻訳が完了しているようですが、気になる方は、このサイトの「翻訳プロジェクトについて」をご覧ください。 セットアップする # npmの場合 $ npx create-next-app --example with-electron-typescript hoge $ cd hoge $ npm run build $ npm run start
Electron製アプリが Mac App Storeへの申請で non-public APIの利用で rejectされる問題 - サイト更新停滞ちうっ
Electron製アプリがrejectされている Electronプロジェクトの、このGitHub issueで気づいたのですが、 Mac App Store Private API Rejection: Electron 5.0.10 https://github.com/electron/electron/issues/20027 どうもここ最近、具体的には、10月末から、 Electron製のアプリが、Mac AppStoreでrejectされています。 issueのタイトルは5.0.10となっていますが、 別に5.0.10でなくてもrejectされています。 このあたりのAPIがprivate APIで、 これらをElectronが使用しているから、らしい。 CAContext CALayerHost NSAccessibilityRemoteUIElement NSNextSte
クロスプラットフォームに対応したElectron製「Windows 95」エミュレーターが新しいスタートアップウィンドウを採用。
クロスプラットフォームに対応したElectron製「Windows 95」エミュレーターが新しいスタートアップウィンドウを採用しています。詳細は以下から。 本日(現地時間08月24日)はWindows 95の24周年記念日ですが、その記念日に合わせてElectron製のWindows 95エミュレータ「Windows 95 in Electron(以下、windows95)」がv2.2へアップデートし、不具合の修正と新しいスタートアップウィンドウを採用しています。 windows95 v2.2.0 I’ve fixed bugs, upgraded components, and built a snazzy new user interface. felixrieseberg/windows95: 💩🚀 Windows 95 in Electron. Runs on macOS, L
Sushi Browser - Electron製の開発者向きなWebブラウザ
開発をしていて、一つのウィンドウを複数ペインに分けてコーディングすることはよくあります。同様にWebブラウジングしている時に、複数サイトを並べたいと思うこともあるでしょう。その場合、Webブラウザではウィンドウを分けなければなりません。 そこで使ってみたいのがSushi Browserです。マルチペインに対応したWebブラウザです。 Sushi Browserの使い方 起動直後です。 レンダリングエンジンはWebKitなのでSafariやGoogle Chrome同等の結果が得られます。 セッションを保存しておいて、呼び出せる機能。 ユーザエージェントを変更する機能。 スプリット。 さらに細かく分割もできます。 スクリーンショット保存機能。ページ全体も指定できます。 さらに設定には多数の機能があります。 なぜかターミナルも。 ファイル操作もできます。 ノート機能はWYSIWYGでメモできま
Electronによるアプリケーション開発事情2018 / builderscon2018 - Speaker Deck
builderscon tokyo 2018『Electronによるアプリケーション開発事情2018』
Electron: Context Isolationの欠如を利用した任意コード実行 / Electron: Abusing the lack of context isolation - CureCon(ja)
ベルリンで開催されたCure53のイベント、CureConの資料です。
Jasper(GitHub用のIssue Reader)を無料にしました - maru source
こんにちは丸山@h13i32maruです。 2年前からJasperというGitHub用のIssue Readerを開発しており、$12で販売しているのですが、v0.6.0から無料で配布することにしました🎉 これまでに有料でお買上げいただいた方々、本当にありがとうございました！！！すごく開発の支えになりましたし、購入してもらえたことを日々嬉しく思っていました。今後とも是非Jasperをよろしくお願いします！ なぜ無料にするのか？ そもそもどうして有料で販売していたのかというと、「自分の作ったものでお金を直接稼ぐってどれくらい難しいんだろうか？」「たくさん購入してもらうために個人でできることって何があるんだろうか？」というのを知りたかったからです。一攫千金とかサラリーマンを辞める、みたいなのは全然考えていませんでした。有料にしていたのはあくまでも現職（プロダクト開発）に活かすためにという感じ
VS Codeのエディタ部分をPWAにしてAzureにDeployして、モバイルで使う - backstage
普段は開発にもメモにもVS Codeを使っているのですが、VS CodeはChromebook等では使えません。そこでVS CodeのエディタエンジンであるMonaco Editorを、Azure Web Appsにデプロイして、PWAとして使ってみました。 PWAにすることで、ブラウザさえあればオフラインでも動作するようになり、エディタアプリのように利用できます。 Monaco Editor on Cloud https://monaco-on-cloud.azurewebsites.net 実際に、この記事もこのエディタで書きました。 以下に、今回使ってみた技術を列挙します。なお本件はGlobal Azure Bootcamp 2018@TokyoでLTをしたのですが、思ったよりもAzure関係ない技術が多かったので、こうして改めてまとめてみました。 Visual Studio Cod
Electron + Vue + flowtypeで最高の画像を収集するためのTwitterクライアントを作った - Qiita
Electron + Vue2 + Vuex + Flow + BootStrap4 + AWS RekognitionのスタックでTwitterクライアント書きました。 本アプリは【Electron + react + flowtype】TweetDeckライクなpixivクライアントPixivDeckをつくった - Qiita に思想・設計共に大きく影響を受けて作りました。本当にありがとうございます。 Github - yuki-ycino/imecoletter: 最高の画像を集めるためのTwitterクライアント 諸事情（というか実装の都合上AWSの請求が大変なことになるため）バイナリの配布はできません。 簡単にビルドできるようにはしてあるのでもし興味がある方がいれば使ってみてください。 スクリーンショット TwitterのTLから画像ツイートのみを表示 Twitterから画像ツイ
VS CodeがDOMによるターミナル実装のパフォーマンスを改善できなかったためCanvasに変更
Integrated Terminal Performance Improvements Electronという史上まれに見るそびえ立つクソのようなGUIプラットフォーム上で実装されているVS Codeが、ターミナルの実装をDOMによるものからCanvasによるものに変更したそうだ。これは、DOMによる実装ではパフォーマンスの改善が十分にできなかったからだという。 DOMでターミナルを実装する際の問題ごととして、テキスト選択、テキストアライメント、GC、パフォーマンスを上げている。 テキスト選択：ターミナルのテキスト選択を実現するためにDOMのテキスト選択の挙動をだいぶ上書きしなければならない。 テキストアライメント：一部の文字はモノスペースになってくれず、workaroundとして一文字ごとに固定長のspanで包む必要があるが、これはパフォーマンス上よろしくない。 GC：DOMでターミナ
ElectronバックエンドとサーバとのWebSocket通信でつまずいた件 - Qiita
ことの発端 小規模な社内向けWebサービスで、データが変更されたことを通知するためにWebSocketを通信している。 そのWebサービスはキオスク化したPCからも見れるようになっているのだが、以前はChromeで全画面表示にしていた。 しかしユーザの認識のため認証させていたサービスなので、いちいちログイン画面を出すのはカッコ悪い。キオスクにはキオスクの口を用意し、各端末を認識できるようなしくみも作るべくElectronクライアントを作成した。 キオスク化すると長時間同じページを表示し続けることになるので、システムアップデート時などロジック含めての更新をしたい場合、View側からリロードをかけるもうまくいかない症状（タッチパネルが効かなくなるなど）が出ており、バックエンド側でWebSocket通信することに。 が どうにも上手くいかない・・・ コネクション時に403エラーが出る。 View
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,
Electron に Mac タッチバー API が実装された - はやくプログラムになりたい
個人的に気になっていた Electron のタッチバーサポートがついに master にマージされました． 実装は下記の PR で行われ，@MarshallOfSound さんの初期実装と @kevinsawicki さんのブラッシュアップで実装されました． https://github.com/electron/electron/issues/8095 まだリリースされていないですが，待てなかったので master ブランチの実装を試してみました． 追記（2017/3/8）: v1.6.3 beta としてリリースされました． Electron の master ブランチをビルドする ビルドの仕方はドキュメントにまとめられています． 再配布せず手元で試すだけであれば面倒そうな「macOS SDK」のセクションは無視してしまって大丈夫です． # リポジトリを取得 $ git clone h
GitHub、次期「Electron v1.6.3 beta」でTouch Bar APIをサポート。JSなどを利用しTouch Bar用アプリを開発可能に。
GitHubが、次期「Electron v1.6.3 beta」でTouch Bar APIをサポートすると発表しています。詳細は以下から。 GitHubは本日、HTMLやJavaScriptなどを利用しアプリを開発できるフレームワーク「Electron」のv1.6.3 betaで、新しいMacBook Proに搭載されたTouch Bar用アプリを開発できる”Touch Bar API”をサポートすると発表しています。 This has landed on master and will be included in the next Electron beta release, 1.6.3, see the new docs for more details. Support MacBook Touch Bar API · Issue #7781 · electron/electron
BdashというBIツールをリリースしました - hokaccha memo
BdashというアプリケーションをElectronで作りました。 bdash-app/bdash: A simple business intelligence application. 以下からダウンロードしてインストールできます（現状まだMac版だけ）。 https://github.com/bdash-app/bdash/releases ざっくりとこんな感じのことができる。 SQLを書いて保存＆実行できる 結果を元にグラフを書ける gistで共有できる 現状で対応しているデータソースはMySQL、PostgreSQL（Redshift含む）、BigQuery 仕事でRedshiftを使って分析SQLを書くことが増えて、手元ではJupyter Notebookを使ってたんだけど、SQL書いてグラフを書くだけの用途には若干オーバースペックでもうちょっと簡単にできるといいなと思ったのがき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Electron」と「WebView2」はどう違う？ ～「Electron」の開発チームが解説／Windowsならば「WebView2」は魅力だが、「Electron」にまだ一日の長。使い分けも重要に【やじうまの杜】
Windows 95に続き、クロスプラットフォームに対応したElectron製Mac OS 8エミュレータ「macintosh.js」が公開される。
Electron製動画再生プレイヤー「DMM Player v2」 - DMM inside
Windows/Mac/Linux対応のGUI「Git」クライアント「GitKraken」がv2.0に
