かずきのBlog@hatena

すきな言語は C# + XAML の組み合わせ。Azure Functions も好き。最近は Go 言語勉強中。日本マイクロソフトで働いていますが、ここに書いていることは個人的なメモなので会社の公式見解ではありません。

Vue.js

docker 上に Vue.js + TypeScript の開発環境を整えて Visual Studio Code で開く

とりあえず新しいマシンにして docker が快調に動くようになったので少し色々試してみてます。昨日は Python の環境で今日は Vue.js で試してみました。 blog.okazuki.jp これのいいところは、誰かが環境整えたら他の人は VS Code で開くだけで同じ環境で開…

ASP.NET WebForm に Vue.js を入れてみよう

Vue.js は Progressive なので出来るでしょう。 プロジェクトの作成 ASP.NET WebForm のプロジェクトを作ります。凄く久しぶりなのですが、普通に ASP.NET Web Application のプロジェクトテンプレートの中の選択肢にありました。 Scripts フォルダーに vue.…

ASP.NET Core プロジェクトに Vue.js を入れ込んでみよう

追記 以下の環境で試しています。 Visual Studio 2019 16.2.0 Preview 2.0 .NET Core 3.0 Preview 6 vue cli 3.8.4 本文 最近は SPA が盛んですがサーバー側と一緒にいい感じに開発してさくっとデプロイしたい!私の場合はサーバーサイドは C# で書くんです…

Vue.js 勉強メモ 5 (TypeScript で!!)

次はテンプレート構文だ。 jp.vuejs.org テンプレートってあれね。各コンポーネントの template プロパティや、.vue の template タグで書いてた下のようなあれ。 <div> {{ message }} <ol> <li v-for="x in hogeeee">{{ x.text }}</li> </ol> </div> んで、これは別にテンプレートじゃなくて自分で JavaScript …

Vue.js 勉強メモ 4 (TypeScript で!!)

ということで以下のドキュメントを読んでいきます。 jp.vuejs.org 英語のドキュメントも読むのはいいけど、最初の勉強では英語の読解とターゲット技術の読解の二重苦になるので、母国語ドキュメントがあるのは凄く理解のスピードが速いのでありがたい。 Vue.…

Vue.js 勉強メモ 3 (TypeScript で!!)

色々勉強する前に TypeScript で確認出来るようにしておきたい とりあえず簡単な方法は Vue.js の CLI を使って TypeScript を有効にしたプロジェクトをスタート地点とするみたいなので、それでやっていこうと思う。 プロジェクト作っていらないものを削除 v…

Vue.js の勉強メモ 2 (TypeScript で!)

今回は TypeScript あんまり関係ないんですが、Vue.js は既存サイトに少しずつ適用可能と書いてあるじゃないですか。 これがどういうことなのかというのを試してみました。 本当に書きながらやってるのでまとまりありませんが、学習ログってことで。 プロジ…

Vue.js の勉強メモ(TypeScriptで!)

Vue.js ずっと気になってたんですよね。 jp.vuejs.org かなり前に React やったんですが、今度は Vue.js に手を出してみたいと思います。 やるならやっぱり… TypeScriptですよね!以下のコマンドで最新入れておきます。 npm i -g typescript エディターの設…