最新版で学ぶElectron入門 - ウェブ技術でPCアプリを開発しよう - ICS MEDIA
Electron（エレクトロン）とは、ウェブ技術でデスクトップアプリケーションを作成できるテクノロジーです。HTMLとCSS、JavaScriptを使って開発し、WindowsとmacOSの両OSのアプリケーションを1つのコードから作ることができます。近年、注目度が高まっておりマイクロソフトやGitHubなど、有名企業も採用しています。 Electronエレクトロン製のアプリケーションはChromiumクロミウム（Chromeブラウザの元となるもの）とNode.jsノードジェイエスがランタイムとなっています。ウェブコンテンツをそのままアプリケーションとして動かしたり、デスクトップアプリケーションとしてブラウザだけで実現できない機能を組み込めるのが特徴です。 利用用途として、テキストエディターやユーティリティーソフト、デザインツールなどの小規模な使い方から、イントラネット内のクライアントツー
ElectronのインストールからHello Worldまで - Qiita
はじめに Electronの概要と、インストールからQuick Startを参考にHello Worldを動かすところまでを説明します。 最後にNode.js、npm、Electronの概要と仕組みを簡単にまとめます。 npmのWindows環境でのアップデート手順以外はリンク集で参考URLの概要を３行でまとめています。 サマリ インストール Node.jsをインストールする。npmは、一緒に入ります。 Electronのページからインストーラーをダウンロードし実行します。 npmを更新する手順を書いています。 Quick Start Electronの概要説明と、アーキテクチャ説明が最初に記述されているページです。 その後、最小構成(package.json, main.js, index.html)で動作させるHello Worldアプリケーションの説明です。 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の使い方をサンプルアプリを実装しながら説明していきます. お題 このエントリのお題と
ぼくのかんがえたさいきょうのElectron - Qiita
はじめに ElectronはNode.js + HTML5フロントエンドのいいとこ取りな開発が行えるのが特徴です。その分、開発環境もElectronならではの考慮・工夫が必要になります. 今回のエントリでは, Electronアプリを快適に開発するための開発環境Tipsを書いていきます. そもそも「Elecronってなんぞや？」とか「どういう風にアプリを作るの？」という方については, 手前味噌で恐縮ではありますが, Electronでアプリケーションを作ってみよう を目を通すことをオススメします. また, 今回のエントリの元として、Quramy/electron-jsx-babel-boilerplate のレポジトリが出来上がっています. React + Bable + Sass + Livereload + Platform用Packaging 入りのBoilerplateですので,
Electronの手習い〜Electron環境からパッケージ化まで〜 - Qiita
Electronってどういうことができるのか全く知らない状態からスタートです。 Electronとは？についての参考資料 - Electron 本家サイト - HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは - Electron 1.0でデスクトップアプリ開発超入門――動作の仕組み、基本的な使い方、セキュリティの懸念点 - 本家サイトを翻訳してくれているページ発見 助かる。。 ★ 本家サイトからのデモファイルDL時に混乱したこと http://electron.atom.io/#get-started に「Downlode for mac」があったのでそれをDLして中身を確認しようとしました。 しかし、これは「Electronで開発したアプリでは、どのようなことが行えるか」がわかるappであり、期待しているソースファイルはありませんでした。 自分
ElectronでjQueryを使ってみる． | ~Daifuku-p
こんにちは，よしむらです． 梅雨明けで，段々暑くなってきました． さて，最近ダラダラと休日を過ごしているので，何かしないとっと思い面白そうなモノを探していたら，JavaScriptでデスクトップアプリを作ることができるElectronというのが少し流行っているようなので試してみました． Qiitaを見ていると，30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまでという面白い記事を見たので早速やってみると簡単に完成しました．これで，OSに依存せずに動くなら便利な時代になったものですよね． そのままだと，コピペして終わりでは芸がないのでjQueryを使って，セレクターを使ってアラートを表示できるか試してみました． jquery_after.js
Nightmareがv2(Electronベース)になり、使いやすく感動したのでLIGブログのPV/UUデータ取得を自動化してみた。 - Qiita
Nightmareがv2(Electronベース)になり、使いやすく感動したのでLIGブログのPV/UUデータ取得を自動化してみた。Node.jsNightmareElectron LIGアドベントカレンダー1日目です！ こんにちは@n0bisukeです。 Nightmareを久々に使ってみたら起動したタイミングでElectronが起動してびびってたらそういうことになったみたいです。 Google Analyticsにログインしてカスタムレポートの値を取得する作業を自動化してみました。 あとでもうちょい細かく書いてLIGブログでまとめてみます(予定)。 Nightmareとは NightmareまたはNightmare.js http://www.nightmarejs.org/ ヘッドレスブラウザでJSの自動テストなどを行うPhantom.jsのラッパーツール・ライブラリです。 ログイン
Cloud9上でデスクトップアプリを起動する - Qiita
はじめに オンラインIDEのCloud9は環境構築不要でアプリ開発を始められて便利なのですが、それ自体がWebアプリケーションで、ブラウザ上でのUIしか提供していないため、標準ではElectronなどのデスクトップアプリは開発・実行できません。 ところが、最近Communityを見ていたら、過去の投稿でこんなものがありました。 https://community.c9.io/t/how-to-set-display-in-my-workspace/1646/22 つまり、Cloud9上でnoVNCを稼働させてしまうわけですね。やってみましょう。 インストール すべてCloud9上で実行します。 基本的には元記事に書いてある通りにやれば躓くところはありませんでした。 インストール： cd ~ mkdir plugins cd plugins git clone https://github.
Electronを使ってJavaScriptでデスクトップアプリを作る
はじめに こんにちは。デスクトップアプリケーションを手軽に作りたいと思ったことはないでしょうか？ 普段Webアプリケーションを開発している場合、 デスクトップアプリケーションを作ろうとすると、開発言語やライブラリがWebアプリケーションとは違うので、別な知識が必要になるのと複数のプラットフォームで動くものを作ろうとすると大変ですね。 そこで、今回はWebアプリケーションのKPTBoardのJavaScriptとCSSのコードを一部流用と修正して、Electronで動かしてみました。 Webアプリケーション版のKPTBoardと違う点 今回はWebアプリのデスクトップクライアントアプリではなくて、単体で動くデスクトップアプリとして作ってます。 複数人には対応してないです。 投稿した内容は、データーベースではなくてアプリのlocalStorageに保存されます。 Electronとは http
Electronでデスクトップアプリを簡単構築
全国5000人のエンジニアをやめて寿司職人になろうと思っているみなさんこんばんは。 前回までスライド共有用のアプリケーションを趣味(リハビリ)で作っていたのですが、折角なのでデスクトップクライアントも作ってみました。 構築にはElectronを使ったのですが、結構簡単にできたので記録としてまとめておきます。 Electronって何？GitHubが開発するクロスプラットフォームで動作するアプリケーションを開発するためのフレームワーク。コードの記述はHTML5とNode.js。その範囲であれば既存のWeb開発技術が使いまわせる。例えばjQueryとかAngularなんかを使うのも可能Chromeブラウザのオープンソース版のChroniumのエンジンを内蔵例えばAtom・Visual Studio Code・Slackクライアントや、日本だとKobitoあたりがメジャー作り方あちこちに記事があが
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の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
