しっぽを追いかけて

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

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

Vue.js で process.env の設定値を変更してデバックする

※ これは 2020/01/07 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です

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

前回 Vue.js の開発者ツールを強引に非表示にしてデバッグしてみました

今度はちゃんと正攻法で、コメントアウト部分を戻して !process.env.IS_TESTfalse になるようにして開発者ツールを非表示にしたい

f:id:matatabi_ux:20200207212627p:plain
開発者ツールを消したい

続きを読む

Vue.js でデバッグ時に開発者ツールを非表示にする

※ これは 2020/01/07 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です

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

Blazor と Electron と Flutter をいろいろ触ってみた結果、一番しっくりきた Electron + Vue.js (TypeScript) を勉強することにしました

とりあえず今回は、デバッグ時に表示される下記開発者ツールが少し気になったのでこれを非表示にしたい

f:id:matatabi_ux:20200207212627p:plain
開発者ツールを消したい

続きを読む

Flutter の Web アプリサンプルのコードをながめてみる

※ これは 2020/01/18 時点の flutter v1.12.13 の情報です

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

とりあえず Flutter の Hello world レベルの Web アプリサンプルは動かせましたが、もうちょっとちゃんとしたサンプルがあったので動かしてみる

f:id:matatabi_ux:20200131210040p:plain
Gallery サンプル

続きを読む

Flutter の Web アプリサンプルを動かしてみる

※ これは 2020/01/18 時点の flutter v1.12.13 の情報です

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

とりあえず Flutter サンプルを Android で動かせましたが、どうやらプレビュー版ながら Web アプリも作れるらしい

というわけで試してみます

続きを読む

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

※ これは 2020/01/18 時点の flutter v1.12.13 の情報です

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

Electron + Vue.js のアプリが試せたので、今度は Flutter を試したい

まずは下記手順にしたがって環境構築を始めます...

flutter.dev

続きを読む

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 !

続きを読む

スポンサードリンク