しっぽを追いかけて

ぐるぐるしながら考えています

Unity と猫の話題が中心   掲載内容は個人の私見であり、所属組織の見解ではありません

Vue.js のデータバインディング

※ これは 2019/12/20 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です

最新版では動作が異なる可能性がありますのでご注意ください

前回 Vue.js のサンプルアプリを TypeScript に書き換えて実行できたので、このサンプルを触りつつ Vue.js のデータバインディングを試してみます

f:id:matatabi_ux:20200105134611p:plain
Vue.js + TypeScript + Electron

続きを読む

Vue.js のサンプルを TypeScript で書き換えて Electron アプリを動かす

※ これは 2019/12/20 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です

最新版では動作が異なる可能性がありますのでご注意ください

前回は Vue.js のサンプルアプリを Electron として実行してみました

今回はこれをただの JavaScript から TypeScript に書き換えてみたいと思います

f:id:matatabi_ux:20200105134611p:plain
Vue.js + TypeScript + Electron

続きを読む

Vue.js のサンプルを Electron アプリとして動かしてみる

※ これは 2019/12/20 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です

最新版では動作が異なる可能性がありますのでご注意ください

TypeScript で Electron のアプリは起動できた・・・しかし TypeScript はデータバインディング機構がないので別途フレームワークがほしい

というわけで探したところ Vue.jsReact という候補を見つけました

調べた結果、せっかくなのでより Web っぽさを感じる寛容な Vue.js で Electron アプリを試します

・・・React 不採用の理由は厳格な実装なら WPF とか Xamarin とか使ったほうがいいんじゃないかと思ったからです

f:id:matatabi_ux:20191220225444p:plain
Vue.js のサンプル

続きを読む

Electron の TypeScript で Hello world

※ これは 2019/11/29 時点の node.js v13.2.0 Electron v7.1.2 の情報です

最新版では動作が異なる可能性がありますのでご注意ください

前回は普通に Electron で Hello world してみましたが、今回はかんたんにできるらしい TypeScript への書き換えで Hello world してみます

f:id:matatabi_ux:20191213211427p:plain
TypeScript で Electron !

続きを読む

Electron の開発環境を構築してみる

※ これは 2019/11/29 時点の node.js v13.2.0 Electron v7.1.2 の情報です

最新版では動作が異なる可能性がありますのでご注意ください

Blazor のデータバインディングを見た後は、Electron をさわってみます

とりあえず開発環境周りを整備してサンプルアプリを動かしてみたい

続きを読む

Blazor Web Assembly のデータバインディングをながめてみる

※ これは 2019/11/15 .NET Core 3.1.0 preview3 時点の情報です

最新版では動作が異なる可能性がありますのでご注意ください

Electron.NET のライブラリを使えばクライアントアプリっぽく ASP.NET Core の Blazor が利用できることはわかりました

今回はあらためて Blazor のサンプルコードを見て、データバインディングの仕方を確認してみます

続きを読む

Electron.NET + ASP.NET Core Blazor でクライアントアプリをつくる

※ これは 2019/11/15 .NET Core 3.1.0 preview3 時点の情報です

最新版では動作が異なる可能性がありますのでご注意ください

静的な HTML として Blazor WebAssembly を実行できましたが、もっとクライアントアプリっぽく動かす方法があるようなのでお試し

続きを読む

Blazor WebAssembly を静的 HTML で動かしたい

※ これは 2019/11/01 .NET Core 3.1.0 preview1 時点の情報です

最新版では動作が異なる可能性がありますのでご注意ください

前回はとりあえず Blazor WebAssembly のサンプルアプリを動かしてみましたが、dotnet run のプロセス実行中でない静的 HTML で動かせないか試してみます

続きを読む

Blazor WebAssembly をさわってみた

※ これは 2019/11/01 .NET Core 3.1.0 preview1 時点の情報です

最新版では動作が異なる可能性がありますのでご注意ください

.NET Core 3.0 が正式リリースされたということで、この .NET Core 3.0 の C# を使って、まだ Preview 版ですが Web ブラウザ上でオフラインでも動く Single Page Application が作れる Blazor WebAssembly をさわってみることにしました

なぜ突然さわってみることにしたかというと、XAML + C# で構築していたクライアントアプリが将来的に HTML + CSS + (C# or TypeScript) で構築する方向に向かうのではないかと思ったからです

続きを読む

スポンサードリンク