wp-th-0328

Kotlin

OpenAPIを使ったKotlinとSpring Bootのデータモデルの作り方

はじめに KotlinとSpring Bootを使用した開発を効率化するために、OpenAPIを活用してデータモデルを自動生成する方法について解説します。 公式ドキュメント OpenAPIやSpring Boot、Gradleに関する詳細な...
Docker

KotlinとSpring BootでのOpenAPIを使用できるようにする(環境構築)

はじめに OpenAPIを使用してKotlinとSpring Bootでコードを自動生成し、開発の効率化を図る方法を紹介します。これにより、手動でのコード記述の手間を減らし、一貫性のある高品質なコードを効率的に生成することができます。 準備...
Docker

WSL2のUbuntuにDockerをインストールする方法

はじめに 前回、WSL2のインストール方法についての記事を作成しました。今回は、WSL2上にインストールしたLinuxディストリビューションの1つであるUbuntuにDockerをインストールする方法について解説します。 以下の公式サイトも...
WSL2

Windows 11でWSL2をインストールする方法

はじめに 今回は、Windows 11でLinuxの環境を手軽に使える「WSL2 (Windows Subsystem for Linux 2)」のインストール方法についてご紹介します。 以下の公式サイトもご確認ください。 前提条件 Win...
Git

Visual Studio CodeのGitでマージする方法

Visual Studio CodeのGitでマージする方法 Visual Studio CodeのGitでマージする方法を解説します。 前提事項 以下の拡張機能をインストールしてください。 GitLens — Git supercharg...
開発環境構築

Nuxt.jsの開発環境をDockerを使用して構築する方法を解説

はじめに Dockerを使用して、Nuxt.jsの環境構築を行います。 前提事項 Dockerがインストールしてあること 本記事ではWindowsを使用 使用ツール Docker Desktop for Windows Visual Stu...
Vue.js

Vueの基本的な実装方法4(ディレクティブのv-if, v-for, v-showについて)

はじめに 今回は、前回概要だけ紹介したディレクティブ(v-で始まるVue.js特有の属性)のv-if,v-for,v-showについて解説します。 v-ifの使用方法について v-ifは、指定された条件が真(true)の場合に要素をレンダリ...
Vue.js

Vue.jsの基本的な実装方法3(データバインディングの方法について)

はじめに 今回は、データバインディングの方法について解説します。 テキストデータバインディングの方法 ./components/HelloWorld.vueのコードを以下のように修正します。 <template> <!-- テキストデータバ...
Vue.js

Vue.jsの基本的な実装方法2(Vueコンポーネントの作成・使用方法について)

はじめに 今回は、Vueコンポーネントの作成・使用方法について解説します。 Vueコンポーネントとは Vueコンポーネントは独立したUI部品で、ボタン、ナビゲーションバー、フォームなどのウェブアプリケーションのさまざまなUI要素を表します。...
Vue.js

Vue.jsの基本的な実装方法1(基本的なフォルダ構成について)

はじめに Vue.jsの基本的な実装方法について解説します。今回は、基本的なフォルダ構成について解説します。 環境構築 今回は、「StackBlitz」と呼ばれるオンラインエディタを使用していきます。 以下のURLにアクセスしてください。 ...