【Vue.js入門】Vueのファイル構造について学ぼう

今回はVueのファイル構造の紹介です。 ファイル構造 vue-project/ ├── public/ │ ├── index.html │ └── favicon.ico ├── src/ │ ├── assets/ │ │ └── logo.png │ ├── compone ...
【SQL】pluckでDBを整形して連想配列にする

データベースから取得された結果セットから特定のカラムの値だけを取り出すために使用されるメソッドです。 $user = DB::table('user') ->select('id , 'email') ->get() ->pluck('id', 'email') ->toArra ...
【OpenAPI入門】Open APIとは?から導入、運用まで
今回はOpen APIの紹介です。 Open APIとは? OpenAPI(Swagger)は、APIの仕様を記述するためのフレームワークやツールの一つです。APIはソフトウェアアプリケーション同士が情報をやり取りするためのインターフェースであり、OpenAPIはそのAPIの仕様 ...
dockerのコンテナ、イメージ、ボリューム確認

dockerのコンテナ、イメージ、ボリューム確認方法です。 コンテナの確認 docker ps イメージの確認 docker images ボリュームの確認 docker volume ls
【nuxt入門】nuxtプロジェクトの作成/ npx nuxi@latest init アプリ名

今回はnuxtのプロジェクト作成の紹介です。「npx nuxi@latest init」を使ってのプロジェクトを作成していきます。 Nuxt.jsとは? Nuxt.jsは、Vue.jsフレームワークをベースにしたJavaScriptのフレームワークです。Nuxt.jsはVue.j ...
【nuxt入門】nuxtプロジェクトの作成/ npx create-nuxt-app

今回はnuxt.jsのプロジェクト作成の紹介です。npx create-nuxt-appコマンドを使ってプロジェクトの作成を行なっていきます。 Nuxt.jsとは? Nuxt.jsは、Vue.jsフレームワークをベースにしたJavaScriptのフレームワークです。Nuxt.js ...
CSS疑似クラス 【::before】FontAwesomeを使ってinputやselectに矢印をつける方法

今回はCSS疑似クラス 【::before】FontAwesomeを使ってinputやselectに矢印をつける方法の紹介です。 FontAwesomeとは? FontAwesome(フォントオーサム)は、ウェブデザインやウェブ開発で使用されるアイコンフォントセットです。アイコン ...
【Git】リモートブランチの続きをローカルで新しくブランチをきる

作業をするにあたって。すでに開発中のブランチから切ることがあります。その時に使用してください。 リモートブランチをローカルで新しくブランチをきる 「origin/feature/ブランチ名 」のブランチから新しいローカルブランチ「feature/ブランチ名 」を作成し、そのブラン ...
【Git】他のブランチを現在のブランチへ取り込む

ローカルブランチを取り込む git merge ブランチ名 リモートブランチを取り込む git merge リモート/ブランチ名 実例で書くとこうなります。 git merge origin/feature/branch-name 以上です!簡単ですね。merge後は取り込んだ内 ...
【Vue入門】type=”radio”について学ぼう

今回はradioについての紹介です。 type="radio"とは? type="radio"は、HTMLのinput要素の属性の一つで、その入力フィールドがラジオボタンであることを指定します。ラジオボタンは、複数の選択肢からユーザーが1つだけ選択できるような UI コンポーネン ...