kamiblog

今回はvue.jsでclickイベントで発火のさせ方についてです。vueでは「@click」と「v-on:click」の二つがクリックイベントがあります。どちらの構文も同じ動作を持つため、使用するのは好みの問題です。通常、@click の方が短くて直感的であり、一般的によく使用さ ...

今回はVueの@submitの紹介です。 @submitとは？ @submitは、formがsubmitされたときに呼び出されるカスタムイベントハンドラーです。 @submitを使ったPOSTの例 submitの例では、ボタンを押下時にinputの値をバリデーションチェックを行い ...

今回はAWSのVPCの作成の紹介です。複雑そうに見えて、実は簡単なので一つずつ、覚えていきましょう。 VPCとは？ VPC（Virtual Private Cloud）とは、クラウドコンピューティングプロバイダーが提供する仮想的なネットワーク環境の構築する仕組みのことです。 VP ...

今回はVueのファイル構造の紹介です。 ファイル構造 vue-project/ ├── public/ │ ├── index.html │ └── favicon.ico ├── src/ │ ├── assets/ │ │ └── logo.png │ ├── compone ...

データベースから取得された結果セットから特定のカラムの値だけを取り出すために使用されるメソッドです。 $user = DB::table('user') ->select('id , 'email') ->get() ->pluck('id', 'email') ->toArra ...

今回はOpen APIの紹介です。 Open APIとは？ OpenAPI（Swagger）は、APIの仕様を記述するためのフレームワークやツールの一つです。APIはソフトウェアアプリケーション同士が情報をやり取りするためのインターフェースであり、OpenAPIはそのAPIの仕様 ...

dockerのコンテナ、イメージ、ボリューム確認方法です。 コンテナの確認 docker ps イメージの確認 docker images ボリュームの確認 docker volume ls

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

今回はnuxt.jsのプロジェクト作成の紹介です。npx create-nuxt-appコマンドを使ってプロジェクトの作成を行なっていきます。 Nuxt.jsとは？ Nuxt.jsは、Vue.jsフレームワークをベースにしたJavaScriptのフレームワークです。Nuxt.js ...

今回はCSS疑似クラス 【::before】FontAwesomeを使ってinputやselectに矢印をつける方法の紹介です。 FontAwesomeとは？ FontAwesome（フォントオーサム）は、ウェブデザインやウェブ開発で使用されるアイコンフォントセットです。アイコン ...