You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
If you don't live in a cave and aware of what is going on in the world 🌍 , Russian 🇷🇺 government had started global armed invasion on the territory of Ukraine on the 24th of February 2022. This is for real, this is a WAR. Russian army is killing Ukrainian soldiers, Ukrainian civil citizens and Ukrainian children RIGHT NOW because Russian government gave them an order to do so. You can search on
ElectronでSocket.ioを導入するテスト編です。 参考にしたところ Node.jsとSocket.IOによるPCとスマホブラウザのペアリングデモ Electron で jQuery をスマートに読み込む方法 やりたいこと スマホでリモート操作 Electronアプリと連動すること とりあえず、動かしてみる 前提条件: Node.jsやElectronのあれこれが済んでいること。 まだの場合は、コチラを参照するといいでしょう。 さっそく、Node.jsとSocket.IOによるPCとスマホブラウザのペアリングデモのコードをダウンロードし、適当な箇所に解凍します。 組み込み予定のElectron内に、先ほど解凍したコード全部コピーし、Electronのメインファイルへ「server.js → index.js」へ移植します。 ... // ここから // サーバー構築 var ht
After almost an year of hard work, I’m excited to finally announce Quark! You can check it out now over at https://quarkjs.io 🎉 Quark is a general purpose software tool specifically designed to help you create projects written in HTML, CSS and JavaScript with native desktop app like capabilities. Why? 🤔The idea of Quark started when I was pursuing my degree in Engineering and felt a need for a s
個人的に気になっていた 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
フロントエンド系の勉強を進めるにあたり、どうするのがいいのかなーと思う今日この頃です。 そんな中、ちょっと気になっているElectronを試してみることにしました。 Electron | Build cross platform desktop apps with JavaScript, HTML, and CSS. Electronって何?という話ですが、こちらの記事を見るのがいいかなーと思います。 最新版で学ぶElectron入門 - HTML5でPCアプリを開発する利点と手順 - ICS MEDIA Webの技術(JavaScript、HTML5など)を使って、クロスプラットフォームで動作するデスクトップアプリケーションを作成するためのフレームワークだそうです。Chromiumを内包しているためWebの技術がそのまま使え、作成したアプリケーションを各プラットフォームで実行可能な状態に
Your one-stop publication workbench From idea to publication in one app: Zettlr accompanies you while writing your blog post, newspaper article, term paper, thesis, or entire book. All download options Available for Windows, macOS, and Linux. Zettlr is Free and Open Source software. Privacy First Zettlr is Privacy First: There is no forced cloud-synchronization and all files stay on your computer.
new We also make the notes app, Nota and the ChatGPT app, IntelliBar. Caret is a Markdown editor for Mac, Windows and Linux. It stands out with its clean interface, productivity features and obsessive attention to detail. Download for Linux For continued use Purchase License at $29 We built the editor from scratch to make sure that we'll always have the flexibility to implement the features that w
github.com 触り始めて2週間たったので自分もとりあえずここまでをまとめておく。 【参考】 r7kamura.hatenablog.com r7kamura.hatenablog.com 画像展開 とりあえず先頭の画像だけをばーんと見せてる。複数画像は表示できていない、gifや動画は未対応。gifはもしかして動画として再生しないといけないのかな?要確認。 マルチアカウント まだ確認不足だけど一応2アカウントを行き来できてる。 フィルタ 現在のタイムライン上のユーザ名、つぶやきから雑に絞りこんでる。お気に入りタブでとホームタブで使える。将来的には一度フェッチしたつぶやきをIndexedDBに貯めこんでおいてそこからフィルタリングできるようにしたい。その場合IndexedDBに貯めたデータをサーバーと同期する必要がありそうでめんどくさそう。 検索 Twitterから検索できるようになっ
Electronってどういうことができるのか全く知らない状態からスタートです。 Electronとは?についての参考資料 - Electron 本家サイト - HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは - Electron 1.0でデスクトップアプリ開発超入門――動作の仕組み、基本的な使い方、セキュリティの懸念点 - 本家サイトを翻訳してくれているページ発見 助かる。。 ★ 本家サイトからのデモファイルDL時に混乱したこと http://electron.atom.io/#get-started に「Downlode for mac」があったのでそれをDLして中身を確認しようとしました。 しかし、これは「Electronで開発したアプリでは、どのようなことが行えるか」がわかるappであり、期待しているソースファイルはありませんでした。 自分
TL;DR wine を入れる electron-packager を使って各OSのパッケージを作る https://docs.travis-ci.com/user/deployment からパッケージをアップロードしたいものに合わせて設定を書く 今回は、タグをつけたら Github Release にリリース作って、ビルドしたアプリのファイルをアップロードする before_deploy: - sudo add-apt-repository ppa:ubuntu-wine/ppa -y - sudo apt-get update -q - sudo apt-get install -y wine1.7 - npm run package deploy: provider: releases api_key: secure: 'xxxxxxxxx' file: - build/Releas
At its core, Flutter is a standalone, binary executable; making it a game-changer not only on mobile, but on desktop as well. Writing once and deploying natively on Android, iOS, Windows, Mac and Linux and additionally sharing all the business logic to the web (using AngularDart) is a big deal. Let’s explore this idea! Native Desktop client to accelerate mobile developmentBut before taking a look
mu-epub-readerというElectron製のEpubビューアを作っていて、いつもどおりバイナリの配布に困っていましたが、GitHub Actionsを使うことで簡単にできたのでメモ書きです。 英語の本を色々読もうと思ったのでepubビューア作った。 Oreilly MediaのSafari見てたらGoogle翻訳にまかせてしまうのが良さそうと思って、epub.jsを使ったElectronアプリにしてみた。 ざっくり眺めるのに便利な気がする。https://t.co/ZA0Urh2JTj pic.twitter.com/qMtISN5Y64 — azu (@azu_re) September 14, 2019 GitHub Actionsの設定 .github/workflows/electron.ymlを見るのが早いですが次のような設定をしています。 yarn run distは
For the last two years, Electron has helped developers build cross platform desktop apps using HTML, CSS, and JavaScript. Now we're excited to share a major milestone for our framework and for the community that created it. The release of Electron 1.0 is now available from electronjs.org. Electron 1.0 represents a major milestone in API stability and maturity. This release allows you to build apps
https://github.com/cho45/Chemrtron 機能 インデックス用のクローラ 作ったインデックスのインクリメンタル検索と表示 できるだけ雑にインデックス作成用のクローラを実装できるようにしたかったので、そのようになっている。 オフライン閲覧はあんまり考慮してないが、file:// でインデックス登録すればオフラインでも使えると思う (ネットワークよりもディスクサイズのほうが厳しいのでオフラインにあまり興味がない…) 動かしかた レポジトリをクローンする場合 electron-prebuilt が必要。 npm -g install electron-prebuilt git clone https://github.com/cho45/Chemrtron.git cd Chemrtron electron . または https://github.com/cho45
TL; DR ElectronのautoUpdaterモジュールを使うとMac/Windowsでアプリを自動アップデートさせられる Mac/Windowsそれぞれ違うアップデートのリリース方法が必要 Mac: アップデート情報を返すWeb APIを用意する Windows: grunt-electron-installer で作ったファイルをS3とかにアップロードする あとはautoUpdaterのAPIを呼び出すだけ はじめに Electronには autoUpdaterという、アプリの自動アップデート用モジュールが入っている。これを使うとMac/Windowsでアプリを自動アップデートさせることができる。 Wantedlyが開発しているメッセージングアプリのSyncデスクトップ版では、実際にautoUpdaterを使っているが、Mac/Windowsそれぞれで違うセットアップが必要であ
scala, sbt未インストール状態からScalaJS, Reactを使ってElectronでHello worldするまで 環境はMacOS X Yosemite ScalaJSとは AltJS Scalaで書いたコードがJSに変換される http://www.scala-js.org/doc/tutorial.html sbtとは Scala向けのpackage managerみたいなやつ Scala, sbtをインストール homebrew などでインストール $ brew install scala $ brew install sbt Project作成 $ mkdir sample $ cd sample $ touch build.sbt $ mkdir project $ touch project/plugins.sbt $ touch project/build.pr
注意: 私は Electron を触ってみたわけではありません。単に、色々なところに書いてある資料を読んだだけで、これを書いてます。 Electron は元々 atom-shell で Atom を作るために作られたとか何とか思っていたが、Qiita の Kobito for Windows が Electron で作られていてとてもよさそうだと感じたので、ちょっと調べてみた。 良さそうだと思ったところ Chrominium ベースなので HTML/JS/CSS で開発単独ネイティブアプリ(Mac/Windows/Linux)WebSocket や WebRTC が使えるブラウザで表示してはいるけど、固定環境になるので互換とかを考えなくてよい。色々あるのだけれど、思いつくだけで結構メリットがある。デメリットはおそらく実際に作っていくと色々あるのだろう。そこはまぁ、手を動かすしかなさそう。自
Windows/macOS/Linuxで実行できるデスクトップアプリをHTML+CSS+JavaScriptといったWeb技術で開発できるフレームワーク「Electron」の基礎を解説する入門連載。【完結】
開発をしていて、一つのウィンドウを複数ペインに分けてコーディングすることはよくあります。同様にWebブラウジングしている時に、複数サイトを並べたいと思うこともあるでしょう。その場合、Webブラウザではウィンドウを分けなければなりません。 そこで使ってみたいのがSushi Browserです。マルチペインに対応したWebブラウザです。 Sushi Browserの使い方 起動直後です。 レンダリングエンジンはWebKitなのでSafariやGoogle Chrome同等の結果が得られます。 セッションを保存しておいて、呼び出せる機能。 ユーザエージェントを変更する機能。 スプリット。 さらに細かく分割もできます。 スクリーンショット保存機能。ページ全体も指定できます。 さらに設定には多数の機能があります。 なぜかターミナルも。 ファイル操作もできます。 ノート機能はWYSIWYGでメモできま
Version 1.90 is now available! Read about the new features and fixes from May. October 3, 2017 Daniel Imms, @Tyriar The rendering engine of the Integrated Terminal has been completely re-written with performance in mind for the upcoming version 1.17 of Visual Studio Code. In this version, we move away from a DOM-based rendering system to using the HTML canvas element. DOM Rendering It's somewhat s
Build once with JavaScriptRun on Linux, Windows, macOS, Web, and Chrome Browser. Neutralinojs is a lightweight and portable desktop application development framework. It lets you develop lightweight cross-platform desktop applications using JavaScript, HTML and CSS. You can extend Neutralinojs with any programming language (via extensions IPC) and use Neutralinojs as a part of any source file (via
この記事を書いた背景 electronのwebviewを使って、他のサイトのページを表示させることができます。 開発していくなかで、webview内のHTMLデータなどを引っ張り出して、違うところで使いたいというシーンが出てきます。 たとえば、 qiitaページ内の未読数を取得してみたい ページ内からスケジュールを取り出して、リマインダーを作ってみたい などとかがその例にあたります。 ただ、解決にまたまた時間がかかってしまったので、備忘録がてらに解決法を記載します。 前提環境 windows 7 NodeJS v0.12.5 electron v0.33.1 本題 ここでは、「qiitaページ内の未読数を取得してみたい」を例にやってみます。 まずは、qiita-sampleフォルダを作って、package.jsonを生成します。
コミュニケーションアドベントカレンダー8日目の記事です。 前回の記事で、私達のチーム はtogglを利用してタスクの計測を行っていることを紹介しました。 自分のタスクにかかった時間が表示されて便利です。 toggl ではサマリーとして他のチームメンバーも含めて指定した期間中にタスクをどれくらいの時間をかけて行ったのかを出力する機能があります。 しかし、リアルタイムに他のチームメンバーが何をやっているのか表示する機能はありませんでした。 というわけで、作りました。 numa08/toggl-board 使い方 ↑から利用しているOS向けの、最新のバイナリをダウンロードし実行するだけです。 electron 最高。 起動したら、 Add User をクリックしチームメンバーの API-TOKEN を入力するだけです。簡単。 私達のチームでは余っている Mac Book Pro があったので、そ
Document Object ModelElementインスタンスプロパティariaAtomicariaAutoCompleteariaBusyariaCheckedariaColCountariaColIndexariaColIndexText (en-US) Experimental ariaColSpanariaCurrentariaDescriptionariaDisabledariaExpandedariaHasPopupariaHiddenariaKeyShortcutsariaLabelariaLevelariaLiveariaModalariaMultiLineariaMultiSelectableariaOrientationariaPlaceholderariaPosInSetariaPressedariaReadOnlyariaRelevant Non-standa
オンラインビデオ会議ツール「Microsoft Teams」のデスクトップアプリで、認証トークンや多要素認証(MFA)をオンにしたユーザーアカウントに攻撃者がアクセスできる深刻なセキュリティ脆弱(ぜいじゃく)性があることが分かりました。 Undermining Microsoft Teams Security by Mining Tokens https://www.vectra.ai/blogpost/undermining-microsoft-teams-security-by-mining-tokens Microsoft Teams stores auth tokens as cleartext in Windows, Linux, Macs https://www.bleepingcomputer.com/news/security/microsoft-teams-stores-
概要 ElectronでReact+ES6あたりを実装したいが、自分で構成考えるのも二番煎じ感があるので、既にあるboilerplateでサクッといい感じのストラクチャをつくる。ほぼ頭を使わずにまあまあ綺麗な設計でかくというのを目標とした。 つくったものは、(会社で使っている何種類かの)プルリクのテンプレートをコピペできるという簡単なデモ。 okmttdhr/pull-request-templates 以下な感じで選択、コピペが出来る。 electron-react-boilerplate いろいろ探した結果、↓のようないい感じのストラクチャの中で1番よさ気でstarも多いのがchentsulin/electron-react-boilerplateだった。 アプリケーション構成 React React Router Flux Babel Webpack Electron フォルダ構成
RustやElectron、denoに浮気しつつmrubyを使ってMacでクロスコンパイルしwindows用のexeを作るのに苦労した話RubyRustmrubyElectronDeno きっかけ SVGファイルをparseして中のxmlやCSSから色情報などを取り出す、これのローカル版を作りたいということでやりたいことは SVGをパースしてdom上の特定の要素を抽出 dom上だけではなくinlineのCSSや内のCSSから特定の要素を抜いてくる 汎用性を考えてjsonで結果を表示できるようにする たったこれだけ。 なのでxmlパーサー(XPathなら嬉しい)と正規表現は必須、cssパーサーは元々の状態で使ってなかったのであれば良しとする(jsonはいかようにでもなる)。 因みにチャレンジしたフレームワークや言語は Rust Crystal Language Electron deno r
gistfile1.md A humble start Electronはどういうものなのかと実際に簡単な例題を作ってみる。 1. Install electron-prebuilt npm i -g electron-prebuilt electron-prebuiltは土台である。これを設置したらElectronのスクリプトを簡単に実行することができる。 2. Main processを書く main.jsという名前でファイルを生成する const electron = require('electron') const app = electron.app const BrowserWindow = electron.BrowserWindow var mainWindow = null app.on('window-all-closed', function () { app.qu
Electronの代替を目指す軽量なRust製フレームワーク「Tauri」の開発チームは、Tauriで使えるGUIライブラリの初めてのリリース「tauri-egui 0.1.0」をリリースしました。 Today is soon™️ Remember when we promised you the ability to make interactive windows without any HTML/CSS/JS or even a system webview? Now you can! Just click the link below to learn how to try out tauri-egui and integrate into your own app.https://t.co/QECA9Q85Yr — Tauri (@TauriApps) September 19,
業務アプリケーションをElectronで作ってみた話をしてきました #gbdaitokai #忘年会議December 13, 2015 Blog 大都会岡山 忘年会議 はじめにこのエントリーは、Electron Advent Calendar 2015の13日目の記事です。 公開資料発表で利用した資料はこちらです。 -> スライド スライドは、jupyterにdamianavila/RISEの拡張を入れて作りました。 公開当日は、nbviewerのサイトの調子が良くなかったのかメンテナンスだったのか見えませんでしたが、現在は見えるようになりました。 おまえ、誰よ普段は、PHPとScalaを使った社内BIのWebアプリケーションを開発しています。 ここ1年位の仕事を振り返ってみたエントリは、こちらです。 参加した経緯以前から忘年会議の会場であるRyotei 座・スタジアムに一度行ってみて喋
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く