IT

Vuetifyを使った開発 5 ~ドロップダウンの連動~

Vuetifyでは「v-select」でドロップダウンを作成できます。本記事でで、2つの連動するドロップダウンの作成方法やドロップダウンの選択肢を変更したときに発生するイベントの利用方法についてまとめています。
IT

Vuetifyを使った開発 4 ~プロジェクトに後からVue Routerを追加・設定する~

Vuetifyのプロジェクトに対してルーティングを実装します。ルーティングにはVue Routerを利用します。Vue Routerの手動でのインストールや設定方法について、実際の画面を用いながらまとめています。
IT

Vuetifyを使った開発 3 ~ナビゲーションとAppバーのカスタマイズ~

Vuetifyの「v-app-bar」や「v-navigation-drawer」コンポーネントの設定やカスタマイズ方法について、実際に動作確認を行いながら整理しました。
IT

Vuetifyを使った開発 2 ~Vuetifyの色の設定~

Vuetifyでの色の指定方法について確認します。「color」と「class」の2つの属性で色を指定できます。また、「theme」で全体の配色を指定できます。これらの指定方法やカスタマイズ方法をまとめています。
IT

Vuetifyを使った開発 ~環境構築とHellowWorld~

VueとVuetifyを使った開発環境の初期構築と簡単な画面の作成を行います。普通だとややこしいデザインをVuetifyを利用して簡単に作成してみましょう。
Azure

Azure DevOps Workload identity federationの設定方法

Azure DevOpsで新たに利用可能になった「Workload identity federation」という認証設定について紹介します。設定方法やパイプラインを通した動作確認までまとめています。
ゲーム

ポケモンで英語 ~ゼイユのセリフ 碧の仮面 パート③~

ポケットモンスタースカーレット・バイオレットからゼイユのセリフをもとに英語を学んでいきたいと思います。今回は碧の仮面での「お祭り後おじいさんから真実を聞かされるシーン」のシーンを取り上げます。普段使い出来るフレーズがたくさんありますので、ゼイユのセリフを振り返りながら勉強していきましょう。
Azure

Log Analyticsワークスペースのログを削除する

Log Analyticsワークスペースのストレージに格納されたログは変更不可となっています。しかし、APIを利用することで削除はできます。今回は削除処理を試してみます。
Azure

Terraformへのimportとremove

Terraformの「import」と「remove」をAzureのVNETとsubnetを例に試していきます。実行方法やコードの記載方法、実際の動作結果などをまとめています。
ゲーム

ポケモンで英語 ~ゼイユのセリフ 碧の仮面 パート②~

ポケットモンスタースカーレット・バイオレットからゼイユのセリフをもとに英語を学んでいきたいと思います。今回は碧の仮面での「お祭り前のゼイユ家での会話やバトル」と「キタカミセンターでのお祭り」の2つのシーンを取り上げます。