[B! electron] yuyaitohのブックマーク

ぼくのかんがえたさいきょうのElectron - Qiita

はじめに ElectronはNode.js + HTML5フロントエンドのいいとこ取りな開発が行えるのが特徴です。その分、開発環境もElectronならではの考慮・工夫が必要になります. 今回のエントリでは, Electronアプリを快適に開発するための開発環境Tipsを書いていきます. そもそも「Elecronってなんぞや？」とか「どういう風にアプリを作るの？」という方については, 手前味噌で恐縮ではありますが, Electronでアプリケーションを作ってみようを目を通すことをオススメします. また, 今回のエントリの元として、Quramy/electron-jsx-babel-boilerplate のレポジトリが出来上がっています. React + Bable + Sass + Livereload + Platform用Packaging 入りのBoilerplateですので,

yuyaitoh 2017/02/10

リンク

GitHub、Electron APIのサンプルコードなどを収録した「Electron APIs」をMacAppStoreで公開。

GitHubがElectron APIのサンプルコードなどを収録した「Electron APIs」をMac App Storeで公開しています。詳細は以下から。 Electron APIsアプリはGitHubが今年5月に公開した「Electron API Demos」のMac App Store版で、JavaScript, HTML, CSS, Electronを用いてクロスプラットフォーム対応のデスクトップアプリを作成するためのチュートリアルなどが収録されています。 The new Electron API Demos app contains code snippets to help get your app started: https://t.co/Ow2xN2ponC pic.twitter.com/vt63MJ9wp7 — Electron (@electronjs) 201

yuyaitoh 2017/01/30

リンク

Photon

The fastest way to build beautiful Electron apps using simple HTML and CSS Powered by Electron Underneath it all is Electron. Originally built for GitHub's Atom text editor, Electron is the easiest way to build cross-platform desktop applications. If you can write a bit of HTML, CSS, and JS, you can build full featured applications. Companies like Microsoft, Facebook, and Slack are using it – why

yuyaitoh 2017/01/29

リンク

Photon kitを使ってネイティブっぽい綺麗なUIを試した - Qiita

Electronを使って簡単にデスクトップアプリを作成できるようになったのはいいんですがデスクトップアプリのUIが劣化してしまうのはユーザーとしてはきっと辛いはずそこでPhotonKit(以降はPhoton)ならOSXのネイティブっぽいUIを提供してくれます。 OSXユーザーなら親しみやすくWindowsユーザーも「あっiTunesっぽい」と思ってくれるのではないかなと思います。ダウンロード PhotonのGetting startedの右側にあるDownloadからzipをダウンロードしますダウンロードしたPhotonのフォルダー構成は以下のようになっています。(v0.1.2の時点では) photon/ ├── css/ │ ├── photon.css │ ├── photon.min.css ├── fonts/ │ ├── photon-entypo.eot │ ├── p

yuyaitoh 2017/01/29

リンク

Modern JavaScript概観、そしてElectronへ | さにあらず

この一か月分の学習成果を整理したリポジトリを作ったので、その成果についてまとめておく。作ったサンプルプロジェクトだけを手軽に欲しければ、このリポジトリを clone してほしい。 taichi/js-boilerplatemaster ブランチには、ミニマムな JavaScript 開発環境がサンプルコード付きで入っているfrontend ブランチには、React/Redux/webpackなウェブアプリケーション用の開発環境が入っているデフォルトブランチにしてある electron ブランチには、frontend ブランチの内容に加えてElectronでアプリケーションを開発するための環境が入っているはじめに#最近の JavaScript について#僕は仕事として JavaScript を書いている訳ではないけども、この半年くらいの間にちょっとしたツールならいくつか作った。どちらも便利

yuyaitoh 2017/01/24

リンク

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の

yuyaitoh 2016/12/04

リンク

Electronの手習い〜Electron環境からパッケージ化まで〜 - Qiita

Electronってどういうことができるのか全く知らない状態からスタートです。 Electronとは？についての参考資料 - Electron 本家サイト - HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは - Electron 1.0でデスクトップアプリ開発超入門――動作の仕組み、基本的な使い方、セキュリティの懸念点 - 本家サイトを翻訳してくれているページ発見　助かる。。 ★　本家サイトからのデモファイルDL時に混乱したこと http://electron.atom.io/#get-started に「Downlode for mac」があったのでそれをDLして中身を確認しようとしました。しかし、これは「Electronで開発したアプリでは、どのようなことが行えるか」がわかるappであり、期待しているソースファイルはありませんでした。自分