kamiblog

今回はAWSの踏み台サーバーを使って、プライベートサブネットへSSH接続をする方法の紹介です。 この記事は前提として以下の知識、手順などを理解している方向けになります。 VPCの知見 EC2の知見 それでは早速始めましょう 踏み台のパブリックサブネットのインスタンスにSSH接続す ...

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

今回は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 ...