[B! javascript][electron] reponのブックマーク

ElectronでVue.jsを始める - Qiita

今回は、EletronをVue.jsでどうやって使うか、セットアップをするかを記事に書いていきたいと思います。このアドベントカレンダーの23日目の、@nakajmgさんと内容が少し被ってしまいそうで申し訳ない気持ちでこの記事を書かせていただきます！最新のやり方 2017年度版の記事を、 @1ntegrale9 さんが書いてくださったので是非ご覧ください！ 2017年度版 electron-vueで始めるVue.js 前提 Node.jsが入っていることを前提にかいています！インストールまずは、npmから vue-cli をインストールします。インストール後、 vue コマンドが使えれば成功です。 vue-cliは、Vue.jsの公式のCLIでいい感じのテンプレートを使用してプロジェクトを始めることができます。プロジェクトの作成今回は electron-vue（日本語ドキュメント

repon 2016/12/15

リンク

Electron で desktopCapturer と WebRTC を使ってリアルタイム配信するアプリを書いた - Qiita

Electron v0.36.0 から使えるようになった desktopCapturer モジュールと WebRTC を使ってリアルタイムに配信するアプリを書いていたのですが、最低限動くものができたので公開しました。 https://github.com/yuitowest/decap 追記(2016/1/20) パッケージングしたものを公開しました。 https://github.com/yuitowest/decap/releases/tag/1.0.0 右上の歯車アイコンからチャンネルIDと配信用トークンを設定できるようにしてあります。チャンネルIDと配信用トークンを設定していない場合は配信開始できないようになっています。使用した技術

repon 2016/01/12

リンク

JavaScript (Electron) を使ってアプリの見栄えを整える - Qiita

Electronを使って見栄えを整えてみる ElectronはJavaScriptでデスクトップアプリケーションが作れるツールです。前回「30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで」では簡単なアプリを作って配布するところまでやりました。あとはいつも通りの JS + HTML + CSS でガリガリ書いていけばいいのですが、まずは見た目から入ろうということで、もう少しアプリっぽい見栄えにしてみましょう。ちなみに、Macではいろいろ動作を確認しましたが、Windowsは知りません。大体同じように動くはずですが、もしダメだったらWindows版の記述を教えて頂けると助かります。基本設定は browser-window APIで browser-windowはアプリのウィンドウを表示するためのAPIです。例えば、以下は単なるin

repon 2015/07/22

リンク

30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで - Qiita

概要 Electronとは、JavaScriptでデスクトップアプリケーションが作成できるツールです。 MITライセンスなので無料で使える上に商用利用も可能です。最近ではAtomやSlackのアプリもElectronで作られたとのこと。今かなりノっているツールの1つです。以下、簡単な特徴。 Node.js + HTML + CSS という、WEBの技術でアプリが作れる。 Chromiumブラウザ(Chromeのオープンソース版)を内蔵しているので、普段の書き味と変わらないこれ1つで Windows, Mac, Linux 向けのアプリが作れる超簡単ここではElectronのインストールからアプリの配布までを紹介します。以下、「Hello World」を出すだけのアプリですが、ゼロからはじめて30分でここまで出来ます。インストールまずは必要なものをインストール。 nodeの

repon 2015/07/20

リンク

HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは

Electron（旧Atom-Shell）とは、Web開発者がHTML5とNode.jsでMac、Windows、Linuxのデスクトップアプリを作れるクロスプラットフォーム実行環境です。Electronはオープンソースで無料で使える上に、MITライセンスであるため、商用利用も可能です。開発元はGitHub社です。最近はJavaScript、HTML5の進化によって、多機能なWebアプリケーションが増えてきました。それに伴い、モバイルでは、WebViewやApache Cordovaなどを使ったハイブリッドアプリも注目されています。Electronはその流れの中から生まれた新しい実行環境です。 ElectronはChromiumブラウザを内蔵しているのが一番の特徴です。Chromiumブラウザは、Google製のChromeブラウザのオープンソース版にあたります。ウェブ開発者がChrom

repon 2015/07/20

リンク

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の使い方をサンプルアプリを実装しながら説明していきます. お題このエントリのお題と

repon 2015/07/17

リンク

Kobito for Windows をリリース + 技術的な補足, package.json の公開 - Qiita Blog

Kobito for Windows をリリース + 技術的な補足, package.json の公開 Kobito for Windows開発の @mizchi です。開発開始から約半年、ソロ作業の期間も長かったのですが、ようやくリリースできました。 Kobito for Windows – ソフトウェア開発者のためのMarkdownによる情報記録・共有ソフトというわけで、今日はKobito for Windowsの開発コンセプトとElectronやReactを採用した理由について書いていこうと思います。Rails界隈ではGemfileを公開する文化があるようですが、今回はnode.js / npmのそれであるpackage.jsonを公開します。 Kobito on Electronの開発コンセプトWeb技術でKobitoを実装してWin/Macでソースを一本化既存のKobitoの