nprogram’s blog

気ままに、プログラミングのトピックについて書いていきます

Tutorial

Knockout Custom ComponentをTypeScriptで記述

実行イメージ 注意ポイント Windowオブジェクトのonloadイベントハンドラにおいて、 applyBindings関数呼び出し前に、先にComponentを登録しておきましょう。 (以下の例では、"name-editor" という名前のComponent) なお、Knockout.jsのapplyBindings関数と…

Knockout Tutorial Creating custom bindings

はじめに Knockoutの公式ページ[http://knockoutjs.com/] のTutorialであるCreating custom bindingsをTypeScriptを使って記載しています。 また、ソースコードは、GitHubにアップロードしております。 GitHub - a143321/Knockout-Tutorial-Creating-custom-…

KnockoutComputedプロパティをJavaScript記載からTypeScript記載に変換!2

はじめに Knockoutの公式ページ[http://knockoutjs.com/] のTutorialであるWorking with Lists and CollectionsをTypeScriptを使って記載しています。ソースコードは、GitHubにアップしています。 https://github.com/a143321/Tutorial_Knockout_TypeScript …

KnockoutComputedプロパティをJavaScript記載からTypeScript記載に変換!

はじめに Knockoutの公式ページ[http://knockoutjs.com/] のTutorialであるWorking with Lists and CollectionsをTypeScriptを使って記載しています。ソースコードは、GitHubにアップしています。 https://github.com/a143321/Tutorial_Knockout_TypeScript …

Knockout TypeScript thisの扱いに注意!

thisの扱いに要注意!! removeSeatメソッドの箇所で、以下のエラーメッセージが表示。 app.ts:42 Uncaught TypeError: Cannot read property 'remove' of undefined removeSeat = (seat: SeatReservation) => { this.seats.remove(seat); } 原因 clickイベ…

Visual Studio Codeを用いたTypeScriptのコンパイル方法について (npm使用)

Visual Studio Codeをインストールしましょう まずはホームページからVisual Studio Codeをダウンロードしてきます。 そして、以下のように、エクスプローラー関連のチェックボックスにチェックを入れてインストールしてください。 次に、適当なフォルダ[例]…

Knockout TutorialのWorking with Lists and CollectionsをTypescriptで記述!

Knockoutの公式ページ[http://knockoutjs.com/] のTutorialであるWorking with Lists and CollectionsをTypeScriptを使って記載したコードとなります。コードは以下のGitを参照ください。 https://github.com/a143321/Tutorial_Knockout_TypeScript zipファ…

TypeScript学習するよ。

TypeScript学習するよ。 ・TypeScript + KnockOutのSampleプログラムです。 https://github.com/JoshuaKGoldberg/Todo-Knockout-TypeScript