AWS

aws
今回はEC2の作成についての紹介です。 EC2とは? EC2(Elastic Compute Cloud)はEC2は仮想サーバー(仮想マシン)です。AWSでのサービスの一つの仮想サーバーって理解で大丈夫です。 仮想サーバーをAWSを使って立ち上げるときは、EC2を使うんだなぁって ...

Vue2

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

Vue2

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

AWS

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

Vue2

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

DataBase,Laravel,MySQL,PHP

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

PC

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

Docker

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

Nuxt

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

Nuxt

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