yasuaki

Nuxt.js

[Nuxt.js]nuxtでcomponentにデータを渡す時はpropで!

コロナで世の中大変ですね。通勤電車は人が少なくて、それだけはチョットいい感じです。。早く落ち着いてほしいなぁ・・・業務でnuxtやってますが、component間でデータを渡して変更したりするのにハマりました😇答えとしては、propsを使っ...
Nuxt.js

nuxtにpugを入れてみた。

nuxtでpugを使ってみました。 インストール方法と、pugの使い方を簡単に記載しています。pugとはHTMLを効率的に書くためのテンプレートエンジンです。インデントに意味を持たせて、終了タグを省略したり、クラス属性を簡単につけれたり慣れ...
C#

[C#]Entity Frameworkでデータ削除する(delete)

前回に引き続き今回はdeleteを試してみたのと、CRUD試し終わったので簡単にまとめてます。サンプルコードpublic static IActionResult Delete( HttpRequest req, long Id, ILog...
C#

C#でバリデーションのメッセージ変更(カスタマイズ)

C#でバリデーションのメッセージ変更(カスタマイズ)C#のAzureFunctionでバリデーションメッセージを英語から日本語にしてみました。前回書いたコードを元に修正しています。記事の下の方にサンプルとしてリンクしています。リクエストオブ...
Nuxt.js

nuxtで画面遷移時のパラメータ受け渡し(params, query)

nuxtで画面遷移を試してみました。QueryパラメータとURLパラメータについて書いています。nuxtで画面遷移するときのパラメータ渡しnuxtで画面遷移する時には、URLに /test?name=hoge などで値を渡す、クエリパラメー...
JavaScript

[javascript]vuetifyで使いそうなタグ4選

vuetifyゴリゴリの画面を触ったり触らなかったりしています。今回はv-btn, v-list, v-alert, v-iconを使ってみて、簡単な使い方を書いているのと属性でよく使いそうなものを載せてみました。v-btnこのタグを使うと...
JavaScript

[javascript]vuetifyのtooltipについて

vuetifyでツールチップを使いました。基本的な使い方と属性などをまとめています。公式リンク:ツールチップ(v-tooltip)を使うv-tooltipで囲んで、templateの中にツールチップを反応させたい要素を書きます。iconやs...
JavaScript

[javascript][typescript]連想配列を使う

typescriptで連想配列を使う時にちょっとハマったので、javascriptとtypescriptで連想配列を使う時についてまとめてみました。連想配列の宣言javascriptでの連想配列の宣言// 宣言して初期化const obje...
C#

[C#]EntityFrameworkでViewをMigration時に作る

SqlServerにEntityFrameworkでViewを作る必要が出てきたのですが、パッと分からなかったのでいろいろ調べてみました。EntityFrameworkではマイグレーションファイルを作るコマンドを実行すると、Migratio...
C#

[C#]Entity Frameworkでデータ更新する(update)

前回に引き続き今回はupdateを試してみます。確認環境・sqlserver2019(docker)・Azure Functions(.Net Core 2.1)・NuGetライブラリ => Microsoft.EntityFramewor...
Nuxt.js

nuxt+vuetifyのディレクトリ構成を確認。

前回作ったnuxtプロジェクト(ui:vuetify)のディレクトリ構成を確認してみました。ディレクトリ構成を確認してみた。ツリーで全体を確認poc-nuxt/ ▾ assets/ README.md variables.scss ▾ co...
C#

[C#]Entity Frameworkでデータを追加する(insert)

前回に引き続き今回はinsertを試してみます。確認環境・sqlserver2019(docker)・Azure Functions(.Net Core 2.1)・NuGetライブラリ => Microsoft.EntityFramewor...