Electron 1.7.5 + TypeScript 2.5.2のサンプル - SourceChord
最近あまりElectronいじってなかったのですが、 気が付いたらElectron 1.7系のstable版となるv1.7.5がリリースされてました。 てことで、以前書いたElectron+TypeScriptのサンプルコードを最新バージョンに対応させておきました。 Electron/TypeScriptそれぞれを以下のバージョンに更新してます。 Electron 1.7.5 TypeScript 2.5.2 Electronの型定義ファイル Electronのパッケージ内に、TypeScript向け型定義ファイルが同梱されるようになりました。 V1.6.x系の途中から型定義ファイルが含まれるようになってたみたいです。 ↓のようにelectronのパッケージ内に.d.tsファイルが含まれるようになってます。 ってことで、もう@types/electronをnpmから取得せずとも、TypeS
Announcing TypeScript support in Electron | Electron Blog
The electron npm package now includes a TypeScript definition file that provides detailed annotations of the entire Electron API. These annotations can improve your Electron development experience even if you're writing vanilla JavaScript. Just npm install electron to get up-to-date Electron typings in your project. TypeScript is an open-source programming language created by Microsoft. It's a sup
「Electron」がバージョン1.0に到達。クロスプラットフォーム対応フレームワーク、AtomやVisual Studio Codeなどに採用
テキストエディタ「Atom」やVisual Studio Codeなどに使われているフレームワーク「Electron」がバージョン1.0に到達、リリースされました。 Electronはオープンソースのフレームワークで、ChromiumとNode.jsをベースにしています。Electronを用いてJavaScript／HTML5／CSSでアプリケーションを開発することで、Windows、Mac、Linuxに対応するクロスプラットフォームのアプリケーションを容易に開発できるようになっています。 アプリケーションの自動アップデートやネイティブなメニュー、通知、デバッグやプロファイリングの機能などもフレームワークに含まれています。 こうした特長を活かし、Electronを採用したアプリケーションは代表的なものだけでもテキストエディタのAtom、Slackクライアント、Visual Studio C
はじめてのElectron - CLOVER🍀
フロントエンド系の勉強を進めるにあたり、どうするのがいいのかなーと思う今日この頃です。 そんな中、ちょっと気になっているElectronを試してみることにしました。 Electron | Build cross platform desktop apps with JavaScript, HTML, and CSS. Electronって何？という話ですが、こちらの記事を見るのがいいかなーと思います。 最新版で学ぶElectron入門 - HTML5でPCアプリを開発する利点と手順 - ICS MEDIA Webの技術（JavaScript、HTML5など）を使って、クロスプラットフォームで動作するデスクトップアプリケーションを作成するためのフレームワークだそうです。Chromiumを内包しているためWebの技術がそのまま使え、作成したアプリケーションを各プラットフォームで実行可能な状態に
Electronで画像加工アプリケーションを作ってみた - ICS MEDIA
Webの技術でクロスプラットフォームなデスクトップアプリケーションを開発できるフレームワーク「Electron」。今回は発展的な内容としてElectronを使用した画像加工アプリケーションの開発に挑戦をします。 HTML5で画像加工というとみなさんはどのテクノロジーを思い浮かべるでしょうか？ Canvas、Flash、CSS・・・といくつか手法はあるものの、今回はシェーダーでの高速な画像処理が実現できるWebGLを選定しました。シェーダーによる画像の加工に関しては、記事「WebGLでおさえておきたいシェーダーの定番画像処理8選」で説明しています。本記事ではその時に作成したデモを利用し、わずかなステップでElectronによるアプリケーション化を実現します。 ※ 本アプリケーションはElectron v0.35.2 / Node.js v4.1.1 / Three.js r70 にて制作を行
Electronアプリをプロダクトとして「正しく」リリースするために必要な3つのこと | 株式会社ヌーラボ(Nulab inc.)
Typetalkデスクトップアプリ 先日、弊社チャットサービスTypetalkのデスクトップアプリをリリースしました。おそらくTypetalk.appのパッケージを覗いてElectronの痕跡を見つけ出した方もいらっしゃると思いますが、その通りElectronをベースに実装しています。 ElectronはHTML、JavaScript、CSSなどWebの技術を使用してデスクトップアプリを開発できます。GitHub社のAtomエディタをはじめとして、今では非常に多くのアプリがElectronベースで公開されており、実装方法についても既に多くの記事が書かれています。 ただし、正式にアプリを公開する場合には、コードサイニングなどを行うなど、考慮が必要なポイントがいくつかあります。そこで本記事では正式にElectronアプリをWindows/Mac向けにリリースするにあたって必要だった3つのことを
Electron と React でPomodoro Timerアプリを作ってみる - Qiita
はじめに React.js, JSX, ElectronでPomodoro Technique（ポモドーロテクニック）を実践できるタイマーアプリを作ってみました。 https://github.com/massa142/pomodoro 作った理由 PHPカンファレンス2015でのKenji Akiyamaさんの発表資料を見て、「Electron面白そう！ちょっと試してみよ」となったためです。 Electronからクロスプラットフォーム・アプリケーションの歴史を考える ただ作りたいものがパッと思いつかなかったので、Akiyamaさんと同じPomodoro Technique用のタイマーアプリをReact.jsで作ってみることにしました。 Pomodoro Techniqueとは 1.達成しようとするタスクを選ぶ 2.キッチンタイマーで25分を設定する 3.タイマーが鳴るまでタスクに集中する
elm+electronで気楽に始めるFRP - Qiita
インタラクティブなトイアプリを作る必要があったので electronとFRPが前提のHaskell風味AltJSであるelmを使って作ってみた。 さらにNativeなAPIを使う方法についても調査し、 今回調査した知見をもとに elmtrnというボイラープレートを作った Quickstart git clone git@github.com:yasuyuky/elmtrn.git cd elmtrn npm install elm make -y gulp 上記のようにすれば公式のclockサンプルを 謎の時計ウィジェットにしたものが立ち上がる。 elm + electron elmで書いたものをelectronで動かすのは想像していたより簡単で electronのhello worldに含まれるような 以下のような標準的なapp.jsで指定してるhtmlの部分を elmで生成されるhtm
テキストエディターを作ってElectronの基礎を学ぼう！ HTML5でPCアプリ開発入門 – ICS MEDIA
前回の記事「Electron入門」では、ElectronというHTML/JavaScriptのフレームワークを使って、デスクトップアプリケーションを作成するまでの手順を紹介しました。 今回は応用サンプルとしてテキストエディターの作り方を解説します。テキストエディターを作成することで、Node.jsのファイルの読み込み/書き込みや、ダイアログモジュールなどアプリケーション開発で必須となるElectronの技術を習得できます。30分程度で試せる内容になってますので、ぜひご覧ください。 ※本記事はElectron v18を使用し、macOS 12.3 MontereyおよびWindows 10にて動作検証を行いました。 完成デモの紹介 今回のサンプルのテキストエディターのデモをご覧ください。このオリジナルのテキストエディターではテキストの編集ができ、ファイルの読み書きができます。このテキストエデ
最新版で学ぶElectron入門 – HTML5でPCアプリを開発する利点と手順 – ICS MEDIA
Electron（エレクトロン）とは、ウェブ技術でデスクトップアプリケーションを作成できるテクノロジーです。HTMLとCSS、JavaScriptを使って開発し、WindowsとmacOSの両OSのアプリケーションを1つのコードから作ることができます。近年、注目度が高まっておりマイクロソフトやGitHubなど、有名企業も採用しています。 Electronエレクトロン製のアプリケーションはChromiumクロミウム（Chromeブラウザの元となるもの）とNode.jsノードジェイエスがランタイムとなっています。ウェブコンテンツをそのままアプリケーションとして動かしたり、デスクトップアプリケーションとしてブラウザだけで実現できない機能を組み込めるのが特徴です。 利用用途として、テキストエディターやユーティリティーソフト、デザインツールなどの小規模な使い方から、イントラネット内のクライアントツー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub Rewrites its Desktop Client Using Electron
DeNA Engineering - DeNAエンジニアのポータルサイト
Visual Studio Code 1.0リリース