ReactとReact Nativeでコードを共通化し，web / android / iOS (+PC)クロスデバイス開発 - Qiita
ReactとReact Nativeでコードを共通化し，web / android / iOS (+PC)クロスデバイス開発ReactreactnativeElectronredux React, React Native, Reduxを使って，web, android, iOSアプリのコードを出来る限り共通化します． ReactとReduxを組み合わせて使う場合，見た目を司るPresentational componentとロジックを司るContainer componentにコードを分離します( http://qiita.com/tuttieee/items/a3ca7d9d415049d02d60 )． そこで，Presentational componentは各デバイス固有のコードにし，Container componentは共通化することでロジックをデバイス依存のコードから切り離
さいです。 JavaScript と Electron でPC向けの弾幕シューティングゲームを作っています。 C++ と違って JavaScript はGarbage Collection (以降GCと呼称)がある言語なので、 ゲームプレイ中に不定期にGCが発生して、ゲームのパフォーマンスが悪化することがあります。 Object pooling を使って、GCの回数は減らす努力はしているのですが、 それでも(恐らく)GCの発生によって、古いPC等では露骨に画面が止まることが あるので、Electron上で GCのタイミングを調整したいなぁと思いました。 Electron は Chromium ベースのプラットフォームであり、 Chromium は v8 エンジンを使用しています。 v8 エンジンのGCは Mark-Sweep 方式でのGCです。 v8 エンジンが自分で判断して行うGCを止め
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Markdownで文書を書くことが増えています。慣れた人にとっては書いている時点で結果の予想がつくのですが、不慣れな場合、やはりできあがりを確認しつつ書いてみたいと思うのではないでしょうか。 Markdown専用エディタを使うのも良いのですが、2画面分割が好きでなかったり、リアルタイムプレビューまではいらないと思うこともあるでしょう。そこで使ってみたいのがmarknです。 marknの使い方 marknはElectronでできていて、Windows/Mac OSX/Linuxで動作します。起動するとデモのMarkdownファイルが開きます。 例えばこんな感じ。 画像もちゃんと表示されます。 普段使い慣れたテキストエディタでMarkdownを書きつつ、気になったタイミングで描画してみ
Ceramic
;; Load Ceramic and our app (ql:quickload '(:ceramic :lucerne-utweet)) ;; Ensure Ceramic is set up (ceramic:setup) ;; Start our app (lucerne:start utweet.views:app :port 8000) ;; Open a browser window to it (defvar window (ceramic:make-window :url "http://localhost:8000/")) (ceramic:show-window window)
GitHub - jgraph/drawio-desktop: Official electron build of draw.io
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
Electron: Building desktop apps with web technologies - YAPC::Asia Tokyo 2015
Electron: Building desktop apps with web technologies Accepted Interpretation (En→Ja) #yapcasiaA Vote! Tweet This talk will be an overview to building Desktop apps with the Electron project. Electron underpins popular desktop apps like Atom, Slack, Visual Studio Code, and Mapbox Studio. The talk is directed at anyone who has written code for the web. It will cover the following ground: What is ele
この記事は、体の動きとか音声入力でアプリケーションを操作したり、プログラミングをするにはどうすればいいかということをいろいろ実験してみた記事です。 この記事には、実用性があるものと現実的に使うにはトレーニングが必要なものが混在しています。そのため、そこまで期待してはいけません。 この記事は、TalonとmacOSの音声入力で書いたものを手作業で修正しています。 マイクはBlue Microphones Yeticasterを使いました。 きっかけ t_wadaさんが老眼について書いていたのが、この記事を書いたきっかけの一つです。 プログラマ35歳定年説はとっくに過去のもので、35歳を過ぎても能力も報酬も伸び続けるし、生涯現役プログラマのロールモデルとなる方も増えてきた。ただ諸先輩方から聞いた話をまとめると、ベテランプログラマの前に立ち塞がるのは「老眼」で、こればかりは本当に恐ろしい。何か対
WebGLを使ったElectronアプリをTravis CIで動かすまで - non vorrei lavorare
こんにちは、iPhone 7 Plusで息子たちの写真をまた撮る回数が増えた気がしています。kjunichiです。 背景 WebGLを使ったデスクトップマスコットアプリのGopheronを開発しており、これまでノーテストだったのだけど、 さすがに2年連続で東京Node学園祭で@t_wadaさんのセッションを聞いたら、テスト書かずにはいられなくなった。 実は CI環境のNightmareでWebGLを動かす方法や、NightmareでWebGL 2.0を動かす方法 なる記事もすでに書いており、今回は実際にうごかすだけ、楽勝のはずだった。。。 必要な物たち Xvfb これは、「Electronアプリ」、 「Travis CI」程度のキーワードでググれば出てる。 Electron公式にも electron/testing-on-headless-ci.md at master · electro
B! 21 0 0 0 HyperTerm はJS/HTML/CSSで作られたターミナルエミュレーターです。 プラグインを入れることによって色々な機能を持たせることが出来ます。 HyperTerm インストール 設定 HyperTerm + hyperpower その他のプラグイン その他良い所 惜しい所 まとめ HyperTerm インストール 現在はMac版のみでWindowsやLinux版は開発中、とのこと。 Macでは直接 ホームページにあるDownloadリンクからダウンロードするか、 Homebrewを使っていればCaskを使って $ brew cask install hyperterm で入ります。 追記: 2016/10/31 プロジェクトがHyperという名前になり、 アプリの名前やホームページも全てHyperTermからHyperに変更されています。 コレに伴い、Ca
Handles SVGs on your MacSimplifies your workflowProduction ready assets Great when designingWith Svgsus you find the icons you're looking for. Search and drag or paste the icons to whatever software you prefer. Use the bundled (material design) icons, or your own libraries – just add a new set.
Note: This is the stabilization release for 2.0.0. There are no code changes between 2.0.0 and 2.0.0-beta.8 2.0.0 contains the following changes from the 1.8.x series: Changes / New Features Major bumps to several important parts of Electron's toolchain, including Chrome 61, Node 8.9.3, V8 6.1.534.41, GTK+ 3 on Linux, updated spellchecker, and Squirrel. In-app purchases are now supported on MacOS.
エディタ進捗 - ✘╹◡╹✘
一昨日から作り始めたエディタの進捗はこんな感じ。最初とりあえずデスクトップ上のファイルだけ編集できるようにしてつくりはじめて、ファイルの読み書きの機能が一通り動くようになったので、これから3ペインにして他のディレクトリも登録できるようにしようとしているところ。 日本語がちゃんと扱えて良い ようやくまともに文章が書けるようになったので、この記事もエディタで書いてみてる。普段コード書くのにはAtomを使っていて、日本語の文章もそのままAtomで書き始めるものの、プラグインを入れて対応してもなお日本語の折り返しが微妙だったりするので、日本語がちゃんと扱えて軽量なエディタが確保できて嬉しい。 文章の内容に集中したい 文章を書いているときにはできる限り文章の内容を考えることに集中したいので、少なくとも文章の内容を考えているときに、文章が最終的にどう裝飾・レイアウトされるのかということについて考えたく
URLYou can post either your article on Qiita or your blog post. About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)
GitHub - kato1628/Sudachi: Sudachi is a timetable editor for daily personal scheduling.
Dismiss Join GitHub today GitHub is home to over 20 million developers working together to host and review code, manage projects, and build software together. Sign up
オープンソースのElectron製Mac OS 8/Windows 95エミュレーターがApple M1などARMプロセッサのデバイスに対応。
オープンソースのElectron製Mac OS 8/Windows 95エミュレーター「macintosh.js/windows95」がApple M1などARMプロセッサのデバイスに対応しています。詳細は以下から。 macintosh.js/windows95は元Microsoftのエンジニアで、現在はSlackHQでSlack for macOSなどを開発しElectronのメンテナーを務めるFelix Riesebergさんが開発＆公開したElectron製Basilisk II/v86ラッパーで、Webベースの技術を利用してmacOS/Windows/LinuxのクロスプラットフォームでMac OS 8やWindows 95を動作させることが可能ですが、この両アプリがApple SiliconなどARMプロセッサを搭載したデバイスに対応しています。 build: Try to bu
GitHub - python-eel/Eel: A little Python library for making simple Electron-like HTML/JS GUI apps
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
GitHub - ccampbell/mousetrap: Simple library for handling keyboard shortcuts in Javascript
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
GitHub - aspnet/AspNetCore: ASP.NET Core is a cross-platform .NET framework for building modern cloud-based web applications on Windows, Mac, or Linux.
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
GitHub - hainproject/hain: An 'alt+space' launcher for Windows, built with Electron
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
Technical differences to NW.js (formerly node-webkit)
Technical Differences Between Electron and NW.js (formerly node-webkit) Note: Electron was previously named Atom Shell. Like NW.js, Electron provides a platform to write desktop applications with JavaScript and HTML and has Node integration to grant access to the low level system from web pages. But there are also fundamental differences between the two projects that make Electron a completely sep
はじめに 僕はNode.js製のこんなソフトを開発しているのですが、このソフトをユーザーの方に使っていただくには... ユーザーにNode.JSをインストールしてもらわないといけない 設定ファイルにパスワードがべた書きでセキュリティに不安がある そもそも導入長ぇ！ ...と、到底使ってもらえそうなものではありません。 そこで今回は、 ユーザーにNode.JSをインストールしてもらわないといけない 設定ファイルにパスワードがべた書きでセキュリティに不安がある を解決するためにNW.jsを使ってネイティブアプリ化をしていきます！ NW.jsとElectronの比較 NW.jsとは、JavaScriptを用いてWindows上で動作するアプリケーションを実装できるフレームワークです。似たようなものではElectronがVisual Studio Codeなどでも利用されており、こちらのほうが有名
CVE - CVE-2018-1000006
• CVSS Severity Rating • Fix Information • Vulnerable Software Versions • SCAP Mappings • CPE Information GitHub Electron versions 1.8.2-beta.3 and earlier, 1.7.10 and earlier, 1.6.15 and earlier has a vulnerability in the protocol handler, specifically Electron apps running on Windows 10, 7 or 2008 that register custom protocol handlers can be tricked in arbitrary command execution if the user cl
diff --git a/tslint.json b/tslint.json index eb5d66a..2b86576 100644 --- a/tslint.json +++ b/tslint.json @@ -1,99 +1,3 @@ { - "extends": ["tslint-react"], - "rules": { - "align": [ - true, - "parameters", - "arguments", - "statements" - ], - "ban": false, - "class-name": true, - "comment-format": [ - true, - "check-space" - ], - "curly": true, - "eofline": false, - "forin": true, - "indent": [ tru
GitHub - yhatt/marp: The site of classic Markdown presentation writer app
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
Gitscout
Browse, organize and manage your GitHub Issues Gitscout provides a beautiful new experience to stay organized and get your work done. "Save" any issue in one click and stay focused Blazing fast navigation across all your repositories Search, filter, and sort your issues instantly Stay in the loop, and get notified of any change No time to finish this message? Save it as draft A clear composer inte
Atom 上でドットインストールを再生できるパッケージ「Dotinstall Pane」を作りました - F.Ko-Jiの「一秒後は未来」
Atom エディタ上でドットインストールを見ることができるパッケージ「Dotinstall Pane」を作ってみました。 このパッケージを Atom にインストールすると、上記スクリーンショットのように左側でドットインストールを開きつつ、コードを打つことができます。 インストール方法 Atom の Settings にあるパッケージをインストール画面にて「dotinstall」と検索すれば「dotinstall-pane」というパッケージが出てくるので、それをインストールしてください。 ターミナルやコマンドプロンプトから「apm install dotinstall-pane」と打ってもインストール可能です。 使い方 Dotinstall Pane の開閉: Mac 「Option + Shift + D」、Windows「Alt + Shift + D」 プレイヤーの再生/一時停止: M
Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
Electronの使い方 Web開発の技術でデスクトップアプリを作ろう | フューチャー技術ブログ
TIGの伊藤真彦です。 最近Electronを用いたアプリケーション開発を行っています。技術ブログで今まで取り扱った事のないテーマであるため、まずは入門記事を書いてみました。 ElectronとはElectronは、GitHubが開発したオープンソースのソフトウェアフレームワークです。 ChromiumとNode.jsをコアとして採用する事で、Web開発と同じようにHTML,CSS,JavaScriptを用いて開発したものを、デスクトップアプリケーションとしてビルドすることが可能になります。クロスプラットフォームであることも利点の一つであり、同一のソースコードからmacOS、Windows、Linuxへのアプリケーションビルドが可能です。 つまりWeb開発の技術でデスクトップアプリが作成できるものです。 Electronを使って開発されているもの。Electronを使って開発されているアプ
<body> <script src="lib/jquery.min.js"></script> <script> jQuery('#hoge'); // jQuery is not defined </script> </body> 原因 electronのissueがあった。 jQuery isn't set globally because "module" is defined · Issue #254 · atom/electron Electronではブラウザ側のJS実行時にmodule.exportsが存在するので、jQueryがcommonJSでロードされたと勘違いして、windowに$とjQueryを定義しないというのが原因。（この辺りにif文が） 解決策 requireでロードする <!--<script src="lib/jquery.js"></script>-->
ElectronでWebサイトをラッピングする系統のソフトウェアはとても多いです。限定されたセキュリティ範囲で使えるのは便利ですが、結局のところ単なるガワアプリでしかないという印象があります。 そんな中、drawio-desktopは違います。draw.ioがそのままデスクトップアプリケーションになったようなソフトウェアです。 drawio-desktopの使い方 既存の図を開くのか、新規作成するのか選択します。 新規作成の場合はテンプレートから選択します。 例えばこんな図をベースにできたりします。 パーツは多数提供されています。 パーツ同士を線で結んだりできます。 UML系のパーツもあります。 回転したりするのも簡単です。 drawio-desktopで作られた図はエクスポートしたり、画像タグで埋め込んだりできます。その際にdraw.ioが使われるのかと思いきや、dataURIで出力され
GitHub - yuiseki/yuisekintv-se: タスクトレイに常駐してキーボードショートカットでSEを再生することができるElectronアプリ
This repository has been archived by the owner on Mar 26, 2022. It is now read-only.
Growing Pains: Migrating Slack’s Desktop App to BrowserView - Slack Engineering
Recently Slack on the desktop has been going through an awkward adolescence. Instead of flailing limbs and pitch squeaks, ours has manifested in ways rather more grim: inexplicably failing to render content, reloading during common operations, and error screens that aren’t actionable. The only silver lining has been being on the receiving end of some absolutely savage burns: Kinda seems like that
利用したもの Git npmパッケージでgithubからURL指定でリポジトリから取得してくる時に利用する node.js electronのnode.jsはnpm時に自動的にインストールされる npmをインストールしたり開発向けデバッグ起動に使うものでバージョンは神経質になる必要は無い yarn npmより超高速にインストール出来る npm-shrinkwrap.jsonにあたるyarn.lockがデフォルトで生成されるのでバージョン固定化・統一がしやすい npm install -g yarn yarn && cd src && yarn 本プロジェクトではルートにはelectron他、デバッグ、ビルド用devDependenciesを、実際にパッケージングされる場合に必要なnode_moduleはsrc以下にpackage.jsonを作成しdependenciesに追加して無駄なno
Electron + React.js でちょっとした Markdown Viewer を作成して少し知見が溜まったので宣伝とハマりどころなどまとめた (Electron編) - Qiita
Electron + React.js でちょっとした Markdown Viewer を作成して少し知見が溜まったので宣伝とハマりどころなどまとめた (Electron編)JavaScriptgulpElectron 色々ネタがあるので分けて作成していきます。今回は Electron 編です。 前回は gulpfile でのポイントを以下で紹介しています。 * Electron + React.js でちょっとした Markdown Viewer を作成して少し知見が溜まったので宣伝とハマりどころなどまとめた (gulpfile編) よろしければこちらも見ていただけると幸いです。 再び宣伝するのは、くどい気もしたのですが 前回の記事を見ていない人のほうが圧倒的に多いと思いますので再び少し宣伝。 作成したもの markcat Electron製の Markdown Viewer 機能的な特
GitHub - cho45/Chemrtron: A document viewer; fuzzy match incremental search.
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
GitHub - microsoft/VoTT: Visual Object Tagging Tool: An electron app for building end to end Object Detection Models from Images and Videos.
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
# package.json { "name": "todos", "version": "0.1.0", "main": "main.js", "dependencies": { "jquery": "2.1.4", "underscore": "1.8.3", "backbone": "1.2.0", "backbone.localstorage": "1.1.16" } } main.jsではウィンドウを作成し、システムイベントを処理します。今回はQuick Startのソースコードをそのまま使いました。 # main.js var app = require('app'); // Module to control application life. var BrowserWindow = require('browser-window'); // Module to create
Electron as GUI of Python Applications 21 Jun 2015 important notice Do NOT need to read this post. Please checkout the updated post for a better solution and a better explanation. what Electron (formerly Atom Shell) is a desktop node.js-powered “shell”. It is designed by Github and used to build Atom Editor. Python is a simple and powerful programming language. This post is a note about how to use
おはようございます。こんにちは。こんばんは。お疲れ様です。お世話になっております。 さて今回は、最近流行りの Electron で作ってみたアプリについてご紹介いたします。 作ったもの メニューバーやタスクトレイに常駐して Redmine のチケットの更新を監視し、更新があればデスクトップに通知してくれるアプリです。 Mac OSX と Windows でご利用いただけます。 また、各種 OSS を利用したインストーラ作成のための環境も同梱しています。 使い方 REST API 機能を有効にする Redmine の管理画面にて REST API の機能を有効にします。 ※システム管理者権限が必要です 設定画面を開く Redmine Notifier を起動すると、メニューバーまたはタスクトレイにアイコンが表示されます。 アイコンのコンテキストメニューにて「Preferences」をクリック
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Electron で手動GCを行う - まるまるこふこふ
markn - Electron製のMarkdownビューワー
体の動きや音声入力でアプリケーションをハンズフリー操作したりプログラミングしたり文章を書いたりしてみる
ターミナル作業が爽快になるターミナルエミュレーター: HyperTerm
Svgsus - Easier SVG handling for Mac
Release electron v2.0.0 · electron/electron
Electronのカレンダー | Advent Calendar 2015 - Qiita
NW.jsでデスクトップアプリの夢を見る！ - Qiita
React + TypeScript (+ Electron)でアプリを書き始めるときにやってること - Qiita
GitHubがデスクトップクライアントをElectronで再実装
ElectronでjQueryがundefinedになる - Qiita
drawio-desktop - Electron製。draw.io公式のドローツール MOONGIFT
Electronアプリを公開するまでにやったことノウハウまとめ - Qiita
Electronでクロスプラットフォームのデスクトップアプリを作る | Sonix
Electron as GUI of Python Applications · Fleeting Years
Redmine のチケット更新をデスクトップ通知する Electron アプリの作り方 - Qiita
GitHubが開発したGUIフレームワーク「Electron」の最新版v11.0.0が公開／「Rosetta 2」ではパフォーマンスが大幅低下。「Electron」アプリのネイティブ対応が待たれる
