Modern JavaScript概観、そしてElectronへ

2017/01/23 1267 users

この一か月分の学習成果を整理したリポジトリを作ったので、その成果についてまとめておく。 作ったサンプルプロジェクトだけを手軽に欲しければ、このリポジトリをcloneしてほしい。 taichi/js-boilerplate masterブランチには、ミニマムなJavaScript開発環境がサンプルコード付きで入っている frontendブランチには、 React / Redux / webpack ... 続きを読む

Git-it – 手を動かしながら習得できる日本語対応のGit/GitHub学習アプリ

2016/04/22 758 users Git Git-it GitHub デスクトップアプリ Mac

GitやGitHubの使い方を学習することができるデスクトップアプリ「 Git-it 」。Electronで作られていて、Mac / Windows / Linux用の実行ファイルをGitHubより ダウンロード することができます。英語表記のみだけでなく、日本語に対応しているところもありがたいところです。 使用方法 Git-it自体は問題集のようなもので特別な仕掛けはありません。画面の指示に従い... 続きを読む

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

2015/07/18 634 users デスクトップアプリケーション nodeJS Qiita 技術

概要 Electronとは、JavaScriptでデスクトップアプリケーションが作成できるツールです。 最近ではAtomやSlackのアプリもElectronで作られたとのこと。 Electronは今かなりノっているツールの1つです。 以下、簡単な特徴。 NodeJs + HTML + CSS という、WEBの技術でアプリが作れる これ1つで Windows, Mac, Linux 向けのアプリが... 続きを読む

GitHubリポジトリで8000スター獲得、人気OSS「Boostnote」オープンソース化の軌跡 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2018/06/26 591 users Boostnote GitHubリポジトリ 軌跡 キャリア

Boostnoteというアプリをご存知でしょうか？ こちらはElectronで作成されたデベロッパー向けのノートアプリ。実は海外ではとあることでとても有名なアプリなのです。 なんと企業が事業として開発しているアプリにもかかわらず、コードをすべてオープンソースとしてGitHub上に公開しているのです。海外を中心に注目度は高... 続きを読む

BdashというBIツールをリリースしました - hokaccha hamalog v3

2017/02/07 577 users bdash github.com BIツール https 現状

2017 - 02 - 08 BdashというBIツールをリリースしました BdashというアプリケーションをElectronで作りました。 bdash-app/bdash: A simple business intelligence application. 以下からダウンロードしてインストールできます（現状まだ Mac 版だけ）。 https://github.com/bdash-app/b... 続きを読む

SPAにおける状態管理: 関数型のアプローチも取り入れるフロントエンド系アーキテクチャの変遷 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2019/05/23 528 users SPA エンジニアHub 変遷 アプローチ Twitter

こんにちは、小林（@koba04）です。 本記事では、シングルページアプリケーション（以下、SPA）における状態管理について解説します。 GmailやTwitterは、SPAとして構築されている代表的なWebアプリケーションであり、スムーズなページ遷移をSPAによって実現しています。またElectronやPWA（Progressive Web Apps）の登... 続きを読む

Electronでアプリを書く場合は、気合いと根性でXSSを発生させないようにしなければならない。 - 葉っぱ日記

2015/12/25 503 users XSS 根性 気合い うち 結論

そのうちもう少しきちんと書きますが、とりあえず時間がないので結論だけ書くと、タイトルが全てでElectronでアプリを書く場合は気合いと根性でXSSを発生させないようにしなければならない。 これまでWebアプリケーション上でXSSが存在したとしても、影響範囲はそのWebアプリケーションの中に留まるので、Webアプリケーションの提供側がそれを許容するのであればXSSの存在に目をつむることもできた。し... 続きを読む

まずはMac版から：プログラマー“専用（？）”のメモ帳アプリ「Boost」登場 - ＠IT

2015/11/19 485 users Boost デスクトップアプリ プログラマー フレームワーク

Boostは、JavaScriptなどのWeb標準技術を使ってデスクトップアプリを作成できるフレームワーク「Electron」で開発。Electronは米GitHubが公開しているもので、「Visual Studio Code」などでも採用されている。 まずはMac OS X版から提供。追って他OSやデバイス連携機能の開発も進めるという。 関連記事 Visual Studio Codeの使い方、基... 続きを読む

Vue.js + ElectronでTwitterクライアントを作った - razokulover publog

2017/04/03 457 users Twitterクライアント Vue.js フロントエンド

2017 - 04 - 03 Vue.js + ElectronでTwitterクライアントを作った Vue.jsとElectronでシンプルな Twitter クライアントを作った。 vue-twitter-client きっかけとしては一言で言うとフロントエンド周りの勉強。 自分はモダンなフロントエンドの開発に疎かったので重い腰を上げてそろそろやるかという気持ちになって3月中頃くらいからはじめ... 続きを読む

Electronでデスクトップアプリを簡単構築 | Ryuzee.com

2015/09/15 440 users アプリケー デスクトップクライアント デスクトップアプリ

全国5000人のエンジニアをやめて寿司職人になろうと思っているみなさんこんばんは。 前回までスライド共有用のアプリケーションを趣味(リハビリ)で作っていたのですが、折角なのでデスクトップクライアントも作ってみました。 構築にはElectronを使ったのですが、結構簡単に出来たので記録としてまとめておきます。 Electronって何？ GitHubが開発するクロスプラットフォームで動作するアプリケー... 続きを読む

Photon – Electron開発者要注目のOS X風UIツールキット

2015/10/14 414 users Photon コンポー GitHub デスクトップアプリ 本日

Photon – Electron開発者要注目のOS X風UIツールキット 元々GitHubのAtomエディタのために開発されたデスクトップアプリ作成用フレームワーク「Electron」。HTML/CSSといったWeb系技術を使って、クロスプラットフォームのデスクトップアプリを開発可能なため、多くの開発者の注目を集めています。 本日紹介する「Photon」は、このElectron用の便利なコンポー... 続きを読む

Electronの代替を目指す軽量なRust製フレームワーク「Tauri」、リリース候補版に到達

2022/03/01 402 users デスクトップアプリケーション Chromium Tauri

WindowsやmacOS、Linuxなどのクロスプラットフォーム対応のデスクトップアプリ開発を容易にするフレームワークとして高い人気を持つフレームワークが「Electron」です。 ElectronはChromiumとNode.jsを用いることで、HTML/CSS/JavaScriptのWebテクノロジーによってデスクトップアプリケーションを開発できるのが最大の特... 続きを読む

Electronでアプリケーションを作ってみよう - Qiita

2015/05/07 390 users Chromium Qiita BUILD Slack Atom

はじめに Electronをご存知でしょうか. Electron(旧称: Atom-Shell)は, Atomエディタを開発するために生まれたクロスプラットフォームデスクトップアプリケーションエンジンです. Node.js + Chromiumをランタイムとしており, Atomだけでなく, Slackや先日のBuildで発表されて話題となったVisualStudio CodeもElectronで実... 続きを読む

Electronでデスクトップウィジェットを作るまで - Qiita

2015/11/23 363 users デスクトップアプリケーション GitHub Qiita アフ

はじめに HTML/CSS/JSを使ってデスクトップアプリケーションが作成できるElectron。 本記事ではデスクトップウィジェット作成するまでの流れを、簡単な時計アプリを題材として解説します。 ※ この時計アプリのソースコードとパッケージは、GitHubにて公開しています。 GitHub: SallyAcolyte/tutorial_clock 対象読者 - HTML/CSS/JSで簡単なアプ... 続きを読む

Electronで組み込み端末向けアプリケーションを開発し3年間運用してみて

2021/06/06 360 users アプリケーション 経緯 運用 結果 経験

組み込み端末のアプリケーションに Electron を採用し開発・運用を行っています。 継続的な機能追加やトラブルサポートを行いながら 3 年が経過したので、Electron を採用した経緯や結果を経験を交えながら共有したいと思います。 組み込み案件自体が初めてでしたのでその話も入っています。 約 700 台ほど導入されてお... 続きを読む

ElectronでYoruFukurou風のTwitterクライアントを作った - k0kubun's blog

2015/08/24 351 users Twit Twitterクライアント戦争 最強 戦争 http

2015-08-24 ElectronでYoruFukurou風のTwitterクライアントを作った 最強のTwitterクライアント戦争 なんか戦争をやってる人たちがいたので乱入することにした。 日記書いた / 最強のTwitterクライアント作り始めた - 9mのブログ http://t.co/ecq7nT40qp— ※男子は見ないでください (@9m) 2015, 8月 22 最強のTwit... 続きを読む

Electron

2015/04/23 319 users

Electron Cross platform desktop application shell Formerly known as Atom Shell. Made with by GitHub. Web Tech Use HTML, CSS, and JavaScript with Chromium and Node.js to build your app. 続きを読む

[PDF] Electronの倒し方

2016/03/07 310 users html5jplat Web Platform PDF

HTML5j web platform #html5jplat Electronの倒し方 Yosuke HASEGAWA @hasegawayosuke HTML5j web platform #html5jplat 自己紹介 はせがわようすけ @hasegawayosuke セキュリティのほうからやってきました。 OWASP Kansai Local Chapter Leader OWAS... 続きを読む

Electronでメディアファイル用のファイルブラウザ「BlackAlbum」を作った - joker1007の日記

2015/10/19 304 users ファイルブラウザ Babel joker1007 構成 日記

Electronで動作する動画ファイル及びJPG in Zip向けのファイルブラウザを作ってみました。構成としてはElectron+React+Reduxで、gulpfile以外はbabelを使って書いてます。そこそこ今風な感じを目指して、一部flowtypeとかも取り入れてますが、割と適当な感じで使ってます。実は以前Node.jsで同じもの作ってたんだけど、せっかくちゃんとデスクトップアプリとし... 続きを読む

Electronを使ってJavaScriptでデスクトップアプリを作る | KRAY Inc

2015/11/16 300 users KRAY Inc JavaScript

はじめに こんにちは。デスクトップアプリケーションを手軽に作りたいと思ったことはないでしょうか？ 普段Webアプリケーションを開発している場合、 デスクトップアプリケーションを作ろうとすると、開発言語やライブラリがWebアプリケーションとは違うので、別な知識が必要になるのと複数のプラットフォームで動くものを作ろうとすると大変ですね。 そこで、今回はWebアプリケーションのKPTBoardのJava... 続きを読む

Electron を試す – 開発環境の構築 | アカベコマイリ

2015/09/29 283 users Chromium フレームワーク ビルド NW.js プロセス

これまで NW.js を使ってきたが、同じ Chromium + Node 系のフレームワークとして最近は Electron のほうが勢いあるようなので試したくなった。 使用感を把握するため、まずは開発環境を構築してみる。 もくじ 設計方針 プロジェクト構成 package.json 管理 Main プロセスのビルド Renderer プロセスのビルド 開発スタイル パッケージ化 課題 サンプル ... 続きを読む

Next.js + Electron がとても簡単になっていた | Zenn

2020/09/22 266 users デスクトップアプリケーション React Zenn

Next.js + Electron を使えばめちゃくちゃ簡単にデスクトップアプリを作れるという記事です。 デスクトップアプリケーションをWeb技術で作成するElectronを、むちゃくちゃ久々にやってみたら、とても簡単になっていた React のフレームワークである Next.js もバージョン9.xになってから劇的に良くなり続けていて、どん... 続きを読む

Essential Electron : Electronの簡潔・平易な概要 | プログラミング | POSTD

2016/11/22 255 users POSTD デスクトップアプリケーション プログラミング

ElectronはJavaScript、HTML、CSSを使ってデスクトップアプリケーションを作ることができるライブラリです。この記事では、Electronの動作や構成、開発方法などについて簡潔に見ていきます。Background Electronとは？ なぜ重要？ では、どうやって？ 開発はどのように？ Development 前提条件 2つのプロセス メインプロセス レンダラプロセス こう考え... 続きを読む

Electron(旧atom shell)基礎+入門

2015/04/24 255 users 旧Atom Shell 基礎+入門

Transcript 1. mainyaa photo: http://photonphighter.deviantart.com/art/Electron-Cloud-246428558 Electron(旧Atom-Shell)勉強会 #1 2. photo: http://photonphighter.deviantart.com/art/Electron-Cloud-246428558 3... 続きを読む

Electron(旧atom shell)基礎+入門

2015/04/24 255 users 旧Atom Shell 基礎+入門

Transcript 1. mainyaa photo: http://photonphighter.deviantart.com/art/Electron-Cloud-246428558 Electron(旧Atom-Shell)勉強会 #1 2. photo: http://photonphighter.deviantart.com/art/Electron-Cloud-246428558 3... 続きを読む