ITVuetifyを使った開発6 ~数値を扱う際のテキストボックスの設定~ テキストボックスで数値を扱う際には変数の型に注意する必要があります。数値として処理する方法と、Vuetifyで数値の入力に利用できるコンポーネントについて紹介します。 2024.05.27ITフロントエンド
ゲームポケモンで英語 ~ゼイユのセリフ 碧の仮面 パート④~ ポケモンスカーレット・バイオレットで登場した、「ゼイユ」にはたくさんの面白いセリフがあります。ゼイユのセリフを振り返りながら英語でどのように表現されているのか一緒に学んでいきましょう。今回は、オーガポンのお面を直すためにてらす池に向かう前のシーンを取り上げます。 2024.05.16ゲーム英語
ITVuetifyを使った開発 5 ~ドロップダウンの連動~ Vuetifyでは「v-select」でドロップダウンを作成できます。本記事でで、2つの連動するドロップダウンの作成方法やドロップダウンの選択肢を変更したときに発生するイベントの利用方法についてまとめています。 2024.04.21ITフロントエンド
ITVuetifyを使った開発 4 ~プロジェクトに後からVue Routerを追加・設定する~ Vuetifyのプロジェクトに対してルーティングを実装します。ルーティングにはVue Routerを利用します。Vue Routerの手動でのインストールや設定方法について、実際の画面を用いながらまとめています。 2024.04.07ITフロントエンド
ITVuetifyを使った開発 3 ~ナビゲーションとAppバーのカスタマイズ~ Vuetifyの「v-app-bar」や「v-navigation-drawer」コンポーネントの設定やカスタマイズ方法について、実際に動作確認を行いながら整理しました。 2024.03.31ITフロントエンド
ITVuetifyを使った開発 2 ~Vuetifyの色の設定~ Vuetifyでの色の指定方法について確認します。「color」と「class」の2つの属性で色を指定できます。また、「theme」で全体の配色を指定できます。これらの指定方法やカスタマイズ方法をまとめています。 2024.03.20ITフロントエンド
ITVuetifyを使った開発 ~環境構築とHellowWorld~ VueとVuetifyを使った開発環境の初期構築と簡単な画面の作成を行います。普通だとややこしいデザインをVuetifyを利用して簡単に作成してみましょう。 2024.03.17ITフロントエンド
AzureAzure DevOps Workload identity federationの設定方法 Azure DevOpsで新たに利用可能になった「Workload identity federation」という認証設定について紹介します。設定方法やパイプラインを通した動作確認までまとめています。 2024.03.10AzureIT
ゲームポケモンで英語 ~ゼイユのセリフ 碧の仮面 パート③~ ポケットモンスタースカーレット・バイオレットからゼイユのセリフをもとに英語を学んでいきたいと思います。今回は碧の仮面での「お祭り後おじいさんから真実を聞かされるシーン」のシーンを取り上げます。普段使い出来るフレーズがたくさんありますので、ゼイユのセリフを振り返りながら勉強していきましょう。 2024.03.03ゲーム英語
AzureLog Analyticsワークスペースのログを削除する Log Analyticsワークスペースのストレージに格納されたログは変更不可となっています。しかし、APIを利用することで削除はできます。今回は削除処理を試してみます。 2024.02.26AzureIT