React+Electronアプリを作ってみよう
こんにちは。前置きは抜きにすぐ作ります。 Create Application 01: create-react-app まずはcreate-react-appです。なかったらnpm install -g create-react-appしてください。 うまくいったらyarn startで起動しましょう。しましたか？うまくいってるのを確認したら即刻ジョブ止めましょう。もう二度とyarn startを実行することはありません。 02: install Some Package 以下のパッケージをインストールしてください。最新ので問題はないはずです。すべてインストール時に--dev-dependenciesを付けることを忘れないでください。まあ忘れてもいいです。 electron npm-run-all 03: setting up Electron こちらのgistを参照してください。 次に
Electron Tutorial
Electron is an open source library developed by GitHub for building cross-platform desktop applications with HTML, CSS, and JavaScript. Electron accomplishes this by combining Chromium and Node.js into a single runtime and apps can be packaged for Mac, Windows, and Linux. Audience This tutorial is designed for those learners who aspire to build cross-platform Desktop apps for Linux, Windows and Ma
ElectronでフレームレスなYouTubeプレイヤーを作ってみた - Qiita
はじめに MacのQuick Playerみたいな感じのYouTubeプレイヤーが欲しかったので作りました。 名前は、「Shuvi」です。 ダウンロードは下記のアドレスから。 https://github.com/yuki540net/Shuvi/releases/tag/v0.0.1 Mac/Windows/Linux向けにパッケージしていますが。Mac以外は動作確認していないので動作の保証はできません。 動作確認 ElectronでフレームレスなYouTubeプレイヤーを作りました。 自由にリサイズできるのが特徴です。 名前は、「Shuvi」です。 GitHub: https://t.co/Bksmy2HZFw Download: https://t.co/HNHLcSMifc pic.twitter.com/ZAibALDOme — yuki540 (@eriri_jp) 2017年
ゼロから始めるElectron - 1週目 - Qiita
はじめに これはElectronを使ったアプリケーション開発の学習記録のためのものです。ゼロから初めて1週間たったので、記録します。 今回は、情報の洪水の整理と、参考サイトのまとめです。 Electronとは テキストエディタであるAtomエディタ(*1)の開発元(GitHubの創業者)が開発した、マルチプラットフォームで動作するディスクトップアプリケーションをWeb技術(with JavaScript, HTML, and CSS)で開発できるフレームワーク(*2)です。 *1 https://blog.codecamp.jp/atom_utility *2 http://www.buildinsider.net/enterprise/electron/01 ちなみに、Atom（原子）→Electron（電子）です。またElectronのテストツールの名前はSpectron（分光法）です
Electron 入門
Electron 入門.md 最新版はこちら（Qiita） http://qiita.com/umamichi/items/6ce4f46c1458e89c4cfc Electron 入門 Electronって？ ・クロスプラットフォーム型の実行フレームワーク 👉 Mac、Windows、Linux上で動く ・Webの技術（HTML5やJavaScript）で作ったものをデスクトップアプリケーション化できる ・オープンソース、商用利用可能 ・開発元はGitHub社 （もともとはAtomエディタのために作られた） 実用例 ・Slack ・Atom ・Kobito ・Docker GUI ・Visual Studio Code (Microsoft) 使い方 $ npm i electron -g $ electron とすると、Electronの初期画面が表示される↓ このウィンドウに以下
Electron入門サイト〜開発経験者が解説する導入手順と魅力 - ICS MEDIA
Electron (エレクトロン)はウェブの技術でデスクトップアプリケーションを開発できる人気のフレームワーク。HTML5とCSS3とJavaScriptで開発できるため、ウェブ開発者であれば手軽に導入できます。それもクロスプラットフォームなので、ワンソースでWindowsとmacOS向けのソフトウェアが作れることが利点です。 GitHub社の「Atom」やMicrosoft社の「Visual Studio Code」もこのElectronを使って開発されているなど、大手企業が採用していることでも人気の高さがうかがえます。この入門サイトでは、開発環境のセットアップからサンプル・アプリケーションの作り方を解説します。 Electron入門編 最新版で学ぶElectron入門 - ウェブ技術でPCアプリを開発しよう Electronの導入手順を解説。ゼロからアプリケーションのビルドまでの手順を
Electronでアプリケーションを作ってみよう - Qiita
はじめに Electronをご存知でしょうか. Electron(旧称: Atom-Shell)は, Atomエディタを開発するために生まれたクロスプラットフォームデスクトップアプリケーションエンジンです. Node.js + Chromiumをランタイムとしており, Atomだけでなく, Slackや先日のBuildで発表されて話題となったVisualStudio CodeもElectronで実装されています. いわゆるWeb系の技術, Node.js + HTML + CSSでアプリケーションを作成できるのが特徴です. 類似した思想のフレームワークとして, node-webkit(NW.js)もありますが, アプリケーションのエントリポイントの考え方等が異なります. このエントリでは, Electronの使い方をサンプルアプリを実装しながら説明していきます. お題 このエントリのお題と
英語をやっていくためのDuo3.0デスクトップアプリを作った話 - 解せぬ日記
以前、英語をやっていくためのDuo3.0アプリを作り直した話 - 解せぬ日記で書いたとおりReactNativeで作ったモバイルアプリを使ってDuo3.0をやってきたわけだけど、それをやっていると今度はデスクトップアプリが欲しくなってきた。やっぱりタイピングはそっちのほうが早く時間も節約できる。僕は普段、ArchLinuxを使ってて、仕事ではMacOSXを使っているので、気がついたらElectronを使って作ってた。Duo3.0アプリ芸人みたいな様相を呈してきたけど、僕はボキャビルがしたいだけなんだ。 成果 以下、成果になります。 vimeo.com ソースコードも置いとく。小さいのでElectronやってみたい人が雰囲気を眺めるには良いかも知れない。 github.com TL;DR Electronに関してはサンプル程度だが前に書いたこともあり、中身はJavascriptとHTMLで書
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron
Electronデスクトップアプリ開発入門 - Build Insider
ようこそ！Electron入門 - Qiita