以前作ったElectron+TypeScriptのサンプルコードを、それぞれの最新バージョンにアップデートしました。 以下のバージョンに更新してます。 electron v3.0.3 typescript v3.1.1 今回もコードには変更を加えず、ライブラリ類のバージョン更新だけしました。

以前作ったElectron+TypeScriptのサンプルコードを、それぞれの最新バージョンにアップデートしました。 それぞれ、以下のバージョンに更新しました。 electron v2.0.0 typescript v2.8.3 今回もコードには変更を加えず、ライブラリ類のバージョン更新だけし…

以前作ったElectron+TypeScriptのサンプルコードを、それぞれの最新バージョンにアップデートしました。 それぞれ、以下のバージョンに更新してます。 electron v1.8.2 typescript v2.7.1 こういう雛形って、定期的に新しいバージョンに追従しておかないと、…

WebアプリのUIを作っていると、表形式でデータ表示をしたいときとかがあるかと思います。 特に業務系アプリとかだったら、この手のDataGrid系のコントロールが必要になる場面って多いですよね。 JavaScriptやHTMLでUIを作る場合、DOM要素のtableタグでもテー…

electron v1.5以降のバージョンでは、WebComponentsが普通に使えるようになりました。 (v1.5系はpre-release版だけでstableのリリースがなかったため、実質的にはv1.6系以降のバージョンですね。) ということで、以前↓で書いた記事の内容をelectronで動かす…

Electron v1.7系では、内部で使用しているChromiumが58系に更新されたため、CSS Grid Layout Module Level1が使えます。 https://caniuse.com/#feat=css-grid ということで、以前↓で書いたサンプルを、最新のElectron v1.7.5環境用に書き換えました。 コード…

以前、monaco-editorなどをelectron環境とかで使ってサンプルコードを書きました。 sourcechord.hatenablog.com sourcechord.hatenablog.com だいぶ時間がたって、使っているライブラリ類のバージョンが古くなっていたので、このサンプルのライブラリ類を更…

最近あまりElectronいじってなかったのですが、 気が付いたらElectron 1.7系のstable版となるv1.7.5がリリースされてました。 てことで、以前書いたElectron+TypeScriptのサンプルコードを最新バージョンに対応させておきました。 Electron/TypeScriptそれぞ…

Node.js 8.0がリリースされていたので、インストールしてみました。 https://nodejs.org/ja/ 最近、Node.js自体の更新はあまり追いかけてなかったのですが、今回の更新は結構魅力的ですね!! バンドルされるnpmがv5に更新されたり、utilモジュールにpromisify…

この間使ってみたNeDB、 とても便利なんですが、各種APIがcallback形式のものとなっていて、、安易にコールバック地獄に突入してしまいそうな雰囲気を感じます。 NeDBを使ってNode.js環境でお手軽にNoSQLのDBを使ってみる - SourceChord せっかくTypeScript…

Node.jsでNoSQLなDBを使うときは、MongoDBなどと組み合わせるのがよくあるパターンかと思います。 ただ、MongoDBは別途インストールが必要なので、ちょっとNoSQLなDBのお勉強という程度で使うには少し面倒です。 また、OS環境へのインストールが必要というこ…

とうとう出ました、TypeScript2.0!! TypeScript 2.0 is now available! | TypeScript メジャーバージョンアップなので変更点はたくさんありますが、個人的に一番気になっていた、npmからの型定義の取得を試してみます。 参考リンク TypeScript2.0での変更点…

Visual StudioでNode.jsアプリ開発を行うための拡張機能のNode.js Tools for Visual Studio(NTVS)ですが、コイツの新バージョンNTVS 1.2がリリースされてます。 インテリセンスのためのTypeScript/JavaScriptコード解析エンジンが更新されたようで、劇的にパ…

この間、async/awaitを試しに使ってみたときの、↓のコード。 http://sourcechord.hatenablog.com/entry/2016/07/28/084127 トランスパイルすると、どんなコードが吐き出されるのか見てみました。

そういえば、今までTypeScriptのasync/awaitを使ってなかったので、使い方を軽くφ(..)メモメモ TypeScript1.x系では、ES3/ES5向けのときはasync/awaitは使えないので、ちょっと敬遠してましたが、 Node.js環境だったら普通に使えるだろうし、、ということで…

前回に引き続き、monaco-editorネタです。 今回は、monaco-editorをelectron環境で使ってみました。 プロジェクト一式は以下のリポジトリに置いています。 github.com 参考リンク monaco-editorのサンプル類が置かれた、以下のリポジトリを参考にやってみま…

もうずいぶんと前ですが、 TypeScriptの型定義ファイルの取得は、tsdが非推奨になり今後はtypingsというライブラリが推奨されるようになりました。 そして、このtypingsの1.0がでました。 今までなんだかんだで、tsdを使い続けてましたが、重い腰を上げて、t…

↓を見てこれはよさそう!!と思ってやってみました。 http://qiita.com/mysticatea/items/12bb6579b9155fd74586 このパッケージを使うと、npmスクリプトから指定したページをブラウザで開くことができます。 Win/Mac/Linuxどの環境でも、同じスクリプトでブラ…

JSONファイルを書いててよく困る点の一つとして、コメントが書けない、、ってのがあります。 そこで、そんなJSONの不満点を解決してくれる、alt JSONなフォーマットの一つ。JSON5というのを使ってみました。

Node.jsには、ファイル操作関係を行うfsモジュールというのが標準で用意されてます。 ですが、こいつは微妙にかゆいとこに手が届かないです。。 フォルダを再帰的にコピーすることができない フォルダを再帰的に作成することができない。 ⇒入れ子になった階…

そういえば、ブログにメモしてなかったので、改めてφ(..)メモメモ knockout.jsをelectron環境で使う手順についてメモしときます。

この記事はElectron Advent Calendar 2015 - Qiita2015の8日目の記事です。 今回の記事のサンプルコードは↓コチラ。 https://github.com/sourcechord/electron-gridlayout-sample 目次 前置き CSS Grid Layout Module Level 1 CSS Grid Layoutの各ブラウザの…

久しぶりにelectronのドキュメントやらリポジトリやら見てたら、結構変わってたのでφ(..)メモメモ。 とりあえず、これを書いてる現時点では、0.35.2が最新となっています。 で、以前Electronで遊んでた時のバージョン(0.34.x)から色々と変更点があるので、そ…

ElectronのBrowserWindowクラスで作ったウィンドウの設定などについてメモ。

今度はElectronのdialogモジュールを使い、いろいろなダイアログ表示をしてみます。 ↓のドキュメントを参考にやってみます。 http://electron.atom.io/docs/v0.34.0/api/dialog/

MainProcess(BrowserProcess)とRendererProcess間の通信方法についてメモ。 プロセス間の通信方法は何通りかありますが、順番に見ていきます。

つい先日4.0が出たばかりと思っていたら、もう5.0が出ました。 ただし5.0はLTS版ではないので、Node.jsの公式ページは以下のように、LTSの4系と5.0の両方がトップページに表示されるようになってます。 Node.js ちなみに、Node.js 5.0.0での変更点はこんな感…

ちょろっとメモだけ。 process.argvのプロパティで、コマンドライン引数を取得できます。 これはElectronではなく普通にNode.jsの仕様ですね。 ただし注意すべき点がひとつ。 このアプリ起動時のコマンドライン引数ですが、BrowserProcessから実行した場合は…

今度は、Electron+TypeScriptなアプリにメニューを追加してみます。 Electronのアプリで使えるメニューには、ウィンドウ上部(Macの場合ディスプレイの上)に表示されるアプリケーションメニューと、画面右クリック時に表示されるコンテキストメニューの2種類…

Open New Command Prompt ショートカットキーは「Ctrl+Shift+C」 こんなショートカットあったんですね。 VSCodeでフォルダを開いているときに、このコマンドを実行すると開いてるフォルダのパスをカレントとしてコマンドプロンプトを表示してくれます。 どの…