SourceChordスマートフォン用の表示で見るSourceChordC#とXAML好きなプログラマの備忘録。最近はWPF系の話題が中心です。TypeScript以前作ったElectron+TypeScriptのサンプルコードを、それぞれの最新バージョンにアップデートしました。以下のバージョンに更新してます。今回もコードには変更を加えず、ライブラリ類のバージョン更新だけしました。TypeScript以前作ったElectron+TypeScriptのサンプルコードを、それぞれの最新バージョンにアップデートしました。それぞれ、以下のバージョンに更新しました。TypeScript以前作ったElectron+TypeScriptのサンプルコードを、それぞれの最新バージョンにアップデートしました。それぞれ、以下のバージョンに更新してます。VSCode以前、monaco-editorなどをelectron環境とかで使ってサンプルコードを書きました。1.7系のstable版となるv1.7.5がリリースされてました。ことで、以前書いたElectron+TypeScriptのサンプルコードを最新バージョンに対応させておきました。2.5.2のサンプル2017-05-31TypeScriptのQuickStartページTypeScriptいつの間にか、TypeScriptの公式サイトに↓こんなページができていました。Coreなどのサーバーサイド開発でTypeS...TypeScriptのQuickStartページ2017-05-16knockout.jsでバインディング・コンテキストの値をデバッガで確認する方法TypeScript近年のフロントエンド界隈では、Knockout.jsはあまり話題に上らなくなっちゃいましたね。自分は以前Knockout.jsで書いてたプロジェクトを弄ったりと、今でも結構使ってます。Electronのサンプルプロジェクトですが、TypeScript2.0を使うように色々更新しました。便利なんですが、各種APIがcallback形式のものとなっていて、、安易にコールバック地獄に突入してしまいそうな雰囲気を感じます。Node.jsNode.jsでNoSQLなDBを使うときは、MongoDBなどと組み合わせるのがよくあるパターンかと思います。MongoDBは別途インストールが必要なので、ちょっとNoSQLなDBのお勉強という程度で使うには少し面倒です。メジャーバージョンアップなので変更点はたくさんありますが、個人的に一番気になっていた、npmからの型定義の取得を試してみます。1.2がリリースされてます。Node.jsこの間、async/awaitを試しに使ってみたときの、↓のコード。トランスパイルすると、どんなコードが吐き出されるのか見てみました。VSCode前回に引き続き、monaco-editorネタです。今回は、monaco-editorをelectron環境で使ってみました。プロジェクト一式は以下のリポジトリに置いています。TypeScriptの型定義ファイルの取得は、tsdが非推奨になり今後はtypingsというライブラリが推奨されるようになりました。このtypingsの1.0がでました。TypeScript↓を見てこれはよさそう!!と思ってやってみました。このパッケージを使うと、npmスクリプトから指定したページをブラウザで開くことができます。knockout.jsをelectron環境で使う手順についてメモしときます。VSCode久しぶりにelectronのドキュメントやらリポジトリやら見てたら、結構変わってたのでφ(..)メモメモ。これを書いてる現時点では、0.35.2が最新となっています。Node.jsElectronのBrowserWindowクラスで作ったウィンドウの設定などについてメモ。Node.js今度はElectronのdialogモジュールを使い、いろいろなダイアログ表示をしてみます。↓のドキュメントを参考にやってみます。Node.jsMainProcess(BrowserProcess)とRendererProcess間の通信方法についてメモ。プロセス間の通信方法は何通りかありますが、順番に見ていきます。TypeScriptちょろっとメモだけ。process.argvのプロパティで、コマンドライン引数を取得できます。これはElectronではなく普通にNode.jsの仕様ですね。注意すべき点がひとつ。Node.js今度は、Electron+TypeScriptなアプリにメニューを追加してみます。Electron最近あちこちでElectronを使ったアプリが出てきたり、入門記事もちらほら見かけるようになってきました。流行りものには乗っておこうということで、Electronをちょろっと使ってみました。JavaScriptでの入門は、良質な記事がネット上に多々あるの...TypeScript+Electronでデスクトップアプリを作ってみる2015-06-22knockout.jsを使ってプログレスバーを作ってみたTypeScriptとりあえず、コードだけちょろっとメモ。プログレスの値を表示するための空divを作って、cssのwidthプロパティをデータバインドで制御してます。シンプルなコードだけど、必要十分な機能は果たせそうですwhtml/css共にプレーンに書いてるので、好み...knockout.jsを使ってプログレスバーを作ってみた2015-05-25gulpメモ・その2~JavaScript/TypeScriptの圧縮~TypeScriptコード中のスペース/タブなどのインデントや改行を取り除いたり、変数名を変えて短くしたりして、コードのサイズを小さくすることを、javascriptの圧縮とかminifyなどと言ったりします。コードの圧縮をすることで、ファイルのダウンロード時間を短縮したり...gulpメモ・その2~JavaScript/TypeScriptの圧縮~2015-05-24gulpメモ~TypeScriptのコンパイル~TypeScriptgulpを使ってTypeScriptのコンパイルをやってみました。gulp-typescriptというライブラリを使ってTypeScriptのコンパイルをしています。いうことで、以下のコマンドでgulpとgulp-typescriptのインストール...gulpメモ~TypeScriptのコンパイル~2015-05-22Knockout.jsで複数選択可能なテーブルTypeScriptKnockout.jsなテーブルネタもう一個。複数選択可能にしてみました。選択中のリストに含まれているかどうかチェックして、列の要素(tr)の属性を変えています。今回もとりあえずコードだけφ(..)メモ...Knockout.jsで複数選択可能なテーブル2015-05-22Knockout.jsで、要素を選択できるテーブルTypeScriptちょっと必要に迫られて作ったので、コードだけメモ。KnockoutObservableArray型の配列を、Tableタグで表示します。各項目をクリックで選択できるようにしてます。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。