kamiblog

今回は【React×TypeScript×Next】Nextの環境構築の紹介です。 Nuxt.jsとは？ Next.jsは、Reactアプリケーションのためのフレームワークであり、サーバーサイドレンダリング（SSR）や静的サイト生成（SSG）を簡単に実現するためのツールと機能を提 ...

今回はエラー時など即現場で使える！カラム名からテーブルを探す方法についてです。エラー文から紐解いて、「ファイル名の何行目でエラーが発生しています。」のような、エラー文を見ることってよくありますよね？そういった現場で、エラー文から、カラム名から逆算してテーブル構造の理解をしてなんで ...

今回は【AWS入門】CloudFrontを使ってディストリビューション作成して、S3へアクセスする方法の紹介です。 CloudFrontとは？ CloudFrontは、AWSのコンテンツ配信ネットワーク（CDN）サービスです。ウェブサイトやウェブアプリケーションのパフォーマンスを ...

Nuxt.js（ナクスト）は、Vue.js をベースにしたフレームワークで、サーバーサイドレンダリング（SSR）や静的サイト生成（SSG）を簡単に実装できる強力なツールです。Nuxt.js は、Vue.js のアプリケーション開発を効率化し、SEO に優れたウェブサイトやアプリケ ...

今回はDBをif文で分岐する例の紹介です。 if文でどちらもDB接続する この例では引数の有無で分岐して、テーブルへ接続を行います。 public function execute($arg) { $user_info = []; if (!empty($arg)) { $use ...

transaction（トランザクション）とは？ トランザクションを利用することで、複数のデータベース操作をまとめて行い、その一連の操作が全て成功した場合にのみ変更を確定させることができます。一つでも操作が失敗した場合、トランザクションは自動的にロールバックされ、全ての変更が元に ...

$router.push $router.push $router.push は、Vue.js の公式ルーターである Vue Router のメソッドで、プログラム的に別のルート（ページ）に移動するために使用されます。 router.pushを使うことで、ユーザーを指定したパスに ...

今回はNodeのバージョンのサポートが使用している場合の対応について紹介していきます。 nodebrewのパスを通す そもそもNodeを使用するにあたり、nodebrewのパスを通してない場合は、パスを追加します。 export PATH=$HOME/.nodebrew/curr ...

今回はDocker環境でxdebugを使うの紹介です。 Docker Desktopのインストール Dockerをインストールします。ここではDockerを触れる想定としてるので、インストール手順は割愛させていただきます。 Dockerfile作成 Dockerfileを作成して ...

transaction（トランザクション）とは？ トランザクションを利用することで、複数のデータベース操作をまとめて行い、その一連の操作が全て成功した場合にのみ変更を確定させることができます。一つでも操作が失敗した場合、トランザクションは自動的にロールバックされ、全ての変更が元に ...