PHP

Next.jsプロジェクトをVercelで独自ドメインで公開する完全ガイド

Next.jsで作ったWebサイトを世界に公開したい！でも、どうやって独自ドメインで公開すればいいの？そんな疑問を解決するために、Vercelを使った公開手順を分かりやすく解説します。 🚀 この記事で学べること 📋 事前

MVCとは？仕組み・メリット・他パターン比較

MVCとは何かを初心者向けに解説。Model・View・Controllerの役割、メリット・デメリット、他のアーキテクチャとの違いや具体例を紹介します。

AIにおけるMCPとは？仕組み・活用事例と今後の展望

MCP（Model Context Protocol）はAIと外部システムをつなぐ新しい標準プロトコルです。仕組みやメリット、活用事例、今後の展望をわかりやすく解説します。

プログラミングにおけるヘルパーとは？使い方と活用事例を徹底解説

プログラミングでよく使われる「ヘルパー」とは何かを初心者向けに解説。ヘルパーメソッドやクラスの違い、活用例、設計のポイントまで紹介します。

.md ファイルとは？開き方・書き方・変換方法を徹底解説

.md ファイルはMarkdown形式のテキストファイルです。本記事では.mdファイルの開き方、基本的な書き方、HTMLやPDFへの変換方法、便利なツールまで初心者向けにわかりやすく解説します。

「Type 'Props' does not satisfy the constraint 'PageProps'.」と表示された時の対処法

Next.jsでビルドした際に以下のエラーが表示されました。 このエラーはPropsの値をPromise<any>の型に修正し、受け取り時に非同期にするとエラーが解決します。 修正前のコードは以下です。 修正後のコ

プログラミングの基礎｜主要データ構造の種類と特徴を解説

プログラミングに欠かせないデータ構造の基礎を徹底解説。リスト・配列・スタック・キュー・ハッシュテーブル・ヒープ・2分探索木の特徴と使い方を初心者にもわかりやすく紹介します。

XServer VPSでNext.jsを利用する方法

「XServer VPSを利用して、Next.jsを利用して独自ドメインでWebページを作成したい」 そんな方に向けて、XServer VPSでNext.jsを利用する方法を解説します。 以下のページを参考に、必要要件を

Nginxが起動できない時の対処法【XServer VPS】

FirefoxでPR_CONNECT_RESET_ERROR、ChromeでERR_CONNECTION_RESETとエラーコードが表示されていました。 systemctl status nginxコマンドで確認してみる

OS再インストール後にSSH接続ができなくなった時の対処法【XServer VPS】

XServer VPSでOSの再インストールをした後に、「WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!」と表示されてSSH接続ができなくなりました。 その際に表示された

UbuntuにNginxをインストールする方法【XServer VPS】

UbuntuにNginxをインストールする方法です。 apt list nginxコマンドで、Nginxがインストールされているか確認ができます。次のように[インストール済み]と表示されていない場合はNginxがインスト

XServer VPSで独自ドメインを利用する

「XServer VPSで独自ドメインを利用してWebサイトを作りたい」 こんな悩みを持つ方に向けて、実際に私がXServer VPSで独自ドメインを使ってWebサイトの表示を行った際の手順を解説します。 前提として、W

ヘッドレスCMSとは？使うべき理由を解説

ヘッドレス・コンテンツ管理システムについて学びましょう。ヘッドレスCMSとは何か、その仕組み、WordPressのような従来のCMSとの違いについて説明します。ヘッドレスコンテンツの活用方法や、ウェブサイト、アプリなどへ

Vercelとは？使うべき理由を解説

Vercelとは？ Vercelは、Next.jsの開発元である会社です。以前はZeitという名前で知られており、主にNode.jsアプリケーションのホスティングに特化していました。しかしその後、静的サイトおよびサーバー

ドメインマッピングとは？どのように機能するのか？

ドメインマッピングを使用すると、単一のウェブサイトで複数のドメインを使用することが可能になります。これは、WordPressのようなコンテンツ管理システムを使用している場合に便利です。複数のドメインやサブページを構造化し

「“Docker”を開くとコンピュータが破損します。 ゴミ箱に入れる必要があります。」と表示された時の対処法

Macで「“Docker”を開くとコンピュータが破損します。 ゴミ箱に入れる必要があります。」と表示された時に行った対象方法のメモです。

【Python】ライブラリ「Pandas」の使い方

Pandasのインストール Pandasの使い方

Seleniumでプルダウンの要素を選択する

【Python】文字列の操作（追加）

【DBeaver】MySQLをエクスポートする

【Python】1日後の日付を取得する

PHPでデータベースからデータを取得した際の返り値

PHPでMySQLを操作する

【PHP】連想配列を追加する

【Mac】Finderのパスを表示する方法

controlキーを押しながら、フォルダーをクリック。 「フォルダー名」のパス名をコピーを選択

【PHP】PDOで絵文字が挿入できない

【CSS】ブロック要素を横並びにする

親要素にdisplay: flex;を指定する display: inline-block;を指定する

PHPのform値で配列を受け取る（複数）

【HTML】formタグで送信されるデータ

PHPで商を求める方法

Array.splice()の処理

PHPでデータベースへ接続

PyCharmのスクラッチファイルの場所

macOSでは以下の場所にスクラッチファイルがあります。 「<product>」「<version>」はインストールしてあるPyCharmによって異なります。例えば、次のようなパスとなります。 参考：スクラッ

VSCodeでPHPのフォーマットができない時の対処法

VSCodeにてPHPでフォーマットができない時の対処法です。 フォーマッターはPHP Intelephenseを利用しています。 VSCodeにてPHPでフォーマットができない時の対処法は、冒頭に下記のコードを記載する

MacでPHPをインストールする方法

MacでPHPをインストールする手順を解説します。 PHP公式ドキュメントにあるmacOSへのインストールを参考に行います。 homebrewをインストールした後に、次のコマンドを実行します。 実行し、次のような返答が返

MacでPHPがインストールされているか確認する方法

MacでPHPがインストールされているか確認を行うには、ターミナルを開いて次のコマンドを実行します。 もしPHPがインストールされている場合、次のような返答が返ってきます。 もしPHPがインストールされていない場合、次の

スプレッドシートの値をそのまま貼り付ける方法

スプレッドシートの値をそのまま貼り付けるためには、メニューにある特殊貼り付けを使用します。 特殊貼り付けから「値のみ貼り付け」を実行してください。 ショートカットコマンドで「command + Shift + V」でも実

Pythonで「most likely due to a circular import」とでた時の対処法

原因 実行ファイルを循環してインポートしてしまっています。 と実行ファイルに記載があり、この「xxx」がファイル名になっていることで発生します。 例えば、csvモジュールを読み込もうとして、ファイル名「csv.py」に次

GitHub WorkFlowの流れ

これが終わったら、自身のローカルリポジトリを最新リモートリポジトリのmasterブランチのデータを取り込みます。 開発を行なっていたブランチをローカルリポジトリより削除します。 また新規で開発を行う場合、新規ブランチを作

GitHubにプッシュする方法

ローカルリポジトリで行った作業をリモートリポジトリであるGitHubにプッシュする方法を解説します。 大まかな手順は以下の通りです。 まずはGitHubでアクセストークンを生成します。 GitHubへアクセスしてログイン

Gitのコミット時にAtomエディターでエラーが出た時の対処法

git commitコマンドを実行した時に、「error: There was a problem with the editor 'atom –wait'.」と表示された時の対処法で

GitHubからリポジトリをコピーする方法

GitHubからリポジトリーをコピーするには、ターミナルで次のコマンドを利用します。 実行の際には、現在いるディレクトリの配下にコピーしたプロジェクトフォルダが作成されます。 ここでは、オープンソースのエディターAtom

MacのターミナルでTreeコマンドを使えるようにする方法

treeコマンドは、ディレクトリ構造やファイル内容を出力してくれる便利なコマンドです。 ただしデフォルトで使うことができません。 treeコマンドを使うためには、Homebrewを使ってインストールする必要があります。

Macのターミナルでよく使う覚えておくべきコマンド一覧

コマンド 内容 cd ディレクトリを移動する ls ディレクトリの内容を表示する mkdir ディレクトリを作成する cat ファイルの内容を表示する rm ファイルを削除する mv ファイルを移動および名前の変更を行う

Beautiful Soupの使い方を解説【Python】

Beautiful Soupとは？ Beautiful Soupとは、Pythonライブラリの一種です。HTMLデータであるWebスクレイピングを効率良く行えるようになります。 標準でインストールされていないライブラリで

MacでPythonを実行する方法

方法1. ターミナルで対話モードに入る ターミナルを開き、pythonと入力することで対話モードに入ります。 対話モードに入ると>>>が表示されます。 対話モードでは、直接Pythonを実行できます。例として計算を行って

MacにPythonをインストールする方法

事前準備として、Homebrewをインストールしておきます。 Homebrewをインストールできたら、Pythonのバージョン管理ツールであるpyenvをインストールします。 まずpyenvがインストールされているか、確

MacでHomebrewをインストールする方法

Homebrew公式サイトよりインストールコマンドをコピーします。コピーしたコマンドをターミナルで実行します。 2022年12月21日に確認した時は、次のコマンドでした。 インストールコマンドを実行すると、パスワードの入

MacでHomebrewがインストールされているか確認する方法

Macでターミナルを開き、次のコマンドを実行します。 Homebrewがインストールされていない場合、次の返答が表示されます。 インストールされていない場合は、Homebrew公式サイトよりインストール方法を確認してイン

Macでコマンドラインツールがインストールされているか確認する方法

ターミナルを開いて、次のコマンドを実行します。 コマンドラインツールがインストールされている場合、次のような返答があります。 このコマンドはインストールされているコマンドラインツールのバージョンを確認するものです。 もし

PHPでエラー「Cannot use object of type stdClass as array」が表示された時の対処法

エラーを直訳すると、「配列として標準クラスのオブジェクトは使うことができない」という意味です。 言い換えると「オブジェクトに対して、配列に使用する操作を行なっている」ということです。 このエラーが表示されるよくある例とし

PHPでJSONファイルを読み込む方法

PHPでJSONファイルの読み込み自体は、ファイルを読み込む一般的な関数であるget_file_contents()を使えば、文字列として読み込みを行うことができます。 しかしそのままではデータの利用が行いにくいため、読