SourceChord

C#とXAML好きなプログラマの備忘録。最近はWPF系の話題が中心です。

Node.js

Electron+TypeScriptなプロジェクトの雛形を更新~Electron2.0.0+TypeScript2.8.3~

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

Electron+TypeScriptなプロジェクトの雛形を更新~Electron1.8.2+TypeScript2.7.1~

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

JavaScriptで使えるモダンなDataGrid系ライブラリを調べてみた

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

electronでWeb Componentsを使うサンプル

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

electronでCSS Grid Layoutを使うサンプル

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

monaco-editor + electronのサンプルコードを更新しました

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

Electron 1.7.5 + TypeScript 2.5.2のサンプル

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

Node.js 8.0をインストールしてみた

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

NeDB + TypeScriptで、asyncな非同期呼び出しをしてみる

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

NeDBを使ってNode.js環境でお手軽にNoSQLのDBを使ってみる

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

TypeScript2.0での型定義ファイルの管理

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

NTVS 1.2 をインストールしてみた

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

typescriptのasync/awaitで生成されるコードを見てみる

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

TypeScriptでasync/awaitを使ってみた

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

monaco-editorをelectron環境で使ってみた

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

typings1.0を使ってみた

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

openerを使ってnpmスクリプトからブラウザを開いてみる

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

JSON5を使ってみる

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

fs-extraを使ったファイル/フォルダ操作

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

electron環境でknockout.jsを使ってみる

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

ElectronでCSS Grid Layout Moduleを使ってちょっと未来のレイアウト方法を先取りしてみる

この記事は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.0以降での変更点

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

Electronで作ったウィンドウの各種設定など

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

Electronで各種ダイアログ表示

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

Electronのプロセス間の通信

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

Node.js 5.0をインストールしてみました

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

Electronでコマンドライン引数を受け付ける方法

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

Electronでアプリのメニューを作る

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

Visual Studio Codeの地味に便利な「コンソールで開く」ショートカット

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

TypeScript+Electronでデスクトップアプリを作ってみる

最近あちこちでElectronを使ったアプリが出てきたり、入門記事もちらほら見かけるようになってきました。 流行りものには乗っておこうということで、Electronをちょろっと使ってみました。 Electron JavaScriptでの入門は、良質な記事がネット上に多々あるの…