Next.jsプロジェクトをVercelで独自ドメインで公開する完全ガイド
Next.jsで作ったWebサイトを世界に公開したい!でも、どうやって独自ドメインで公開すればいいの?そんな疑問を解決するために、Vercelを使った公開手順を分かりやすく解説します。 🚀 この記事で学べること 📋 事前
52 件の記事
Next.jsで作ったWebサイトを世界に公開したい!でも、どうやって独自ドメインで公開すればいいの?そんな疑問を解決するために、Vercelを使った公開手順を分かりやすく解説します。 🚀 この記事で学べること 📋 事前
MVCとは何かを初心者向けに解説。Model・View・Controllerの役割、メリット・デメリット、他のアーキテクチャとの違いや具体例を紹介します。
MCP(Model Context Protocol)はAIと外部システムをつなぐ新しい標準プロトコルです。仕組みやメリット、活用事例、今後の展望をわかりやすく解説します。
プログラミングでよく使われる「ヘルパー」とは何かを初心者向けに解説。ヘルパーメソッドやクラスの違い、活用例、設計のポイントまで紹介します。
.md ファイルはMarkdown形式のテキストファイルです。本記事では.mdファイルの開き方、基本的な書き方、HTMLやPDFへの変換方法、便利なツールまで初心者向けにわかりやすく解説します。
Next.jsでビルドした際に以下のエラーが表示されました。 このエラーはPropsの値をPromise<any>の型に修正し、受け取り時に非同期にするとエラーが解決します。 修正前のコードは以下です。 修正後のコ
プログラミングに欠かせないデータ構造の基礎を徹底解説。リスト・配列・スタック・キュー・ハッシュテーブル・ヒープ・2分探索木の特徴と使い方を初心者にもわかりやすく紹介します。
「XServer VPSを利用して、Next.jsを利用して独自ドメインでWebページを作成したい」 そんな方に向けて、XServer VPSでNext.jsを利用する方法を解説します。 以下のページを参考に、必要要件を
FirefoxでPR_CONNECT_RESET_ERROR、ChromeでERR_CONNECTION_RESETとエラーコードが表示されていました。 systemctl status nginxコマンドで確認してみる
XServer VPSでOSの再インストールをした後に、「WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!」と表示されてSSH接続ができなくなりました。 その際に表示された
UbuntuにNginxをインストールする方法です。 apt list nginxコマンドで、Nginxがインストールされているか確認ができます。次のように[インストール済み]と表示されていない場合はNginxがインスト
「XServer VPSで独自ドメインを利用してWebサイトを作りたい」 こんな悩みを持つ方に向けて、実際に私がXServer VPSで独自ドメインを使ってWebサイトの表示を行った際の手順を解説します。 前提として、W
ヘッドレス・コンテンツ管理システムについて学びましょう。ヘッドレスCMSとは何か、その仕組み、WordPressのような従来のCMSとの違いについて説明します。ヘッドレスコンテンツの活用方法や、ウェブサイト、アプリなどへ
Vercelとは? Vercelは、Next.jsの開発元である会社です。以前はZeitという名前で知られており、主にNode.jsアプリケーションのホスティングに特化していました。しかしその後、静的サイトおよびサーバー
ドメインマッピングを使用すると、単一のウェブサイトで複数のドメインを使用することが可能になります。これは、WordPressのようなコンテンツ管理システムを使用している場合に便利です。複数のドメインやサブページを構造化し
Macで「“Docker”を開くとコンピュータが破損します。 ゴミ箱に入れる必要があります。」と表示された時に行った対象方法のメモです。
Pandasのインストール Pandasの使い方
controlキーを押しながら、フォルダーをクリック。 「フォルダー名」のパス名をコピーを選択
親要素にdisplay: flex;を指定する display: inline-block;を指定する
macOSでは以下の場所にスクラッチファイルがあります。 「<product>」「<version>」はインストールしてあるPyCharmによって異なります。例えば、次のようなパスとなります。 参考:スクラッ
VSCodeにてPHPでフォーマットができない時の対処法です。 フォーマッターはPHP Intelephenseを利用しています。 VSCodeにてPHPでフォーマットができない時の対処法は、冒頭に下記のコードを記載する
MacでPHPをインストールする手順を解説します。 PHP公式ドキュメントにあるmacOSへのインストールを参考に行います。 homebrewをインストールした後に、次のコマンドを実行します。 実行し、次のような返答が返
MacでPHPがインストールされているか確認を行うには、ターミナルを開いて次のコマンドを実行します。 もしPHPがインストールされている場合、次のような返答が返ってきます。 もしPHPがインストールされていない場合、次の
スプレッドシートの値をそのまま貼り付けるためには、メニューにある特殊貼り付けを使用します。 特殊貼り付けから「値のみ貼り付け」を実行してください。 ショートカットコマンドで「command + Shift + V」でも実
原因 実行ファイルを循環してインポートしてしまっています。 と実行ファイルに記載があり、この「xxx」がファイル名になっていることで発生します。 例えば、csvモジュールを読み込もうとして、ファイル名「csv.py」に次
これが終わったら、自身のローカルリポジトリを最新リモートリポジトリのmasterブランチのデータを取り込みます。 開発を行なっていたブランチをローカルリポジトリより削除します。 また新規で開発を行う場合、新規ブランチを作
ローカルリポジトリで行った作業をリモートリポジトリであるGitHubにプッシュする方法を解説します。 大まかな手順は以下の通りです。 まずはGitHubでアクセストークンを生成します。 GitHubへアクセスしてログイン
git commitコマンドを実行した時に、「error: There was a problem with the editor 'atom –wait'.」と表示された時の対処法で
GitHubからリポジトリーをコピーするには、ターミナルで次のコマンドを利用します。 実行の際には、現在いるディレクトリの配下にコピーしたプロジェクトフォルダが作成されます。 ここでは、オープンソースのエディターAtom
treeコマンドは、ディレクトリ構造やファイル内容を出力してくれる便利なコマンドです。 ただしデフォルトで使うことができません。 treeコマンドを使うためには、Homebrewを使ってインストールする必要があります。
コマンド 内容 cd ディレクトリを移動する ls ディレクトリの内容を表示する mkdir ディレクトリを作成する cat ファイルの内容を表示する rm ファイルを削除する mv ファイルを移動および名前の変更を行う
Beautiful Soupとは? Beautiful Soupとは、Pythonライブラリの一種です。HTMLデータであるWebスクレイピングを効率良く行えるようになります。 標準でインストールされていないライブラリで
方法1. ターミナルで対話モードに入る ターミナルを開き、pythonと入力することで対話モードに入ります。 対話モードに入ると>>>が表示されます。 対話モードでは、直接Pythonを実行できます。例として計算を行って
事前準備として、Homebrewをインストールしておきます。 Homebrewをインストールできたら、Pythonのバージョン管理ツールであるpyenvをインストールします。 まずpyenvがインストールされているか、確
Homebrew公式サイトよりインストールコマンドをコピーします。コピーしたコマンドをターミナルで実行します。 2022年12月21日に確認した時は、次のコマンドでした。 インストールコマンドを実行すると、パスワードの入
Macでターミナルを開き、次のコマンドを実行します。 Homebrewがインストールされていない場合、次の返答が表示されます。 インストールされていない場合は、Homebrew公式サイトよりインストール方法を確認してイン
ターミナルを開いて、次のコマンドを実行します。 コマンドラインツールがインストールされている場合、次のような返答があります。 このコマンドはインストールされているコマンドラインツールのバージョンを確認するものです。 もし
エラーを直訳すると、「配列として標準クラスのオブジェクトは使うことができない」という意味です。 言い換えると「オブジェクトに対して、配列に使用する操作を行なっている」ということです。 このエラーが表示されるよくある例とし
PHPでJSONファイルの読み込み自体は、ファイルを読み込む一般的な関数であるget_file_contents()を使えば、文字列として読み込みを行うことができます。 しかしそのままではデータの利用が行いにくいため、読