Next,React

Thumbnail of post image 010
今回は入門者必見!TypeScriptでNextアプリの環境構築と構造を理解するの紹介です。 Nextとは? Next.jsとは、Reactをベースに開発されたフロントエンドフレームワークになります。 Reactとの違い Next レンダリング方式 サーバーサイドレンダリング(S ...

Nuxt,TypeScript

Thumbnail of post image 174
今回は入門者必見のnuxt.config.tsの説明の紹介です。 nuxt.config.tsとは? nuxt.config.tsは、Nuxt.jsプロジェクト全体の設定を記述するためのファイルです。このファイルでは、アプリケーションの動作に関わる重要な設定(モジュール、環境変数 ...

TypeScript

Thumbnail of post image 167
interfaceとは? interfaceとはクラスが実装すべきフィールドやメソッドを定義した型です。interfaceを実装することで、interfaceの関数名や引数名の型チェックすることができます。 interfaceの定義 interface HogeInterface ...

DataBase,MySQL

Thumbnail of post image 014
今回は現場レベルで使えるSQLで重複データの検索方法です。現場で開発中にエラーやおかしな点を調査することって多々ありますよね?そういった時にこのSQLを知っていれば、データベースの構造がわかっていなくても、エラー文からのヒントのカラム名だけで重複問題のポイントに近づくことができま ...

Next,React,TypeScript

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

DataBase,MySQL

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

hosts

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

Nuxt

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

Laravel,PHP

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

Laravel

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