Vue.js Vueの基本的な実装方法4(ディレクティブのv-if, v-for, v-showについて)
はじめに 今回は、前回概要だけ紹介したディレクティブ(v-で始まるVue.js特有の属性)のv-if,v-for,v-showについて解説します。 v-ifの使用方法について v-ifは、指定された条件が真（true）の場合に要素をレンダリ...
2023-12
Vue.js 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にアクセスしてください。 ...
Git Gitコマンドと基本用語の解説
はじめに Gitの操作(CUI)と基本用語の解説を行います。 remote(リモート) 説明 remote(リモート)名とはGitのURLにつける別名(エイリアス名)のことでURLは以下のようなものです。 以下のコマンドでremote(リモ...
開発環境構築 Dockerを使用してKotlinの開発環境を準備し「Hello, World」と表示するまで
はじめに Kotlin の開発環境をDockerを使用して、構築します。 前提事項 Dockerがインストールしてあること 本記事ではWindowsを使用 使用ツール Docker Desktop for Windows Visual St...
Git Eclipseの内蔵のGit操作方法1（ローカルとリモートリポジトリの作成）
はじめに Eclipseに内蔵してあるGitの操作方法を解説します。 前提事項 Gitアカウントが作成済みであること 新規リポジトリを作成する まずは、適当なプロジェクトを作成してください。 ※この記事では「EclipseGit」という名前...
IT用語の解説 DevOpsって簡単に言うと何？
DevOpsとは DevOpsは、「Development（開発）」と「Operations（運用）」の2つの言葉を組み合わせた用語です。これは、開発チームと運用チームが連携して、より迅速に高品質のシステムやサービスを提供するためのアプロー...
Java JavaのStream操作
はじめに Javaの実装で利用したStream操作をまとめてみました。 特定のデータのみ抽出したい NULLデータを取り除く(List版) リストからNULLデータを取り除く方法です。 package com.app; import jav...