渋谷ほととぎす通信

Unity・ゲーム開発 技術で一生食べていく情報発信

サーバーサイド

画像は自動に最適化されるNext.jsすごい

Next.jsは画像を自動で最適化する 静的ファイルはpublicディレクトリへ格納 imgタグは使う意味はない Imageコンポーネントを使う その他Imageコンポーネントのメリットまとめ 最後に Next.jsは画像を自動で最適化する Next.jsのチュートリアルを続けていきま…

【Next.js】ハイパーリンクの追加方法

前回に引き続きNext.jsのチュートリアルを15分の縛りで進めていきます。 なぜ15分なのかはコチラをどうぞ Linkコンポーネントを利用する index.jsとposts/first-post.js同士に遷移リンクを張ります。 各ファイルに以下のimportをファイルの先頭部分に記述し…

【Next.js】ページの編集と追加する方法

前回に引き続き、今回も15分の制限時間ででやっていきます。 公式サイトのチュートリアルを進めていきます。 ページ編集 pages/index.jsを編集していきます。 【編集前】 <h1 className="title"> Welcome to <a href="https://nextjs.org">Next.js!</a> </h1> 【編集後】 <h1 className="title"> Learn to <a href="https://nextjs.org">Next.js!</a> </h1> http://localhost:3000/にア…

【Next.jsチュートリアル】Next.jsでサーバーを立ててみる

「クライアントエンジニアだけどサーバーサイド技術もやってみたい!」 というモチベーションから始めたこの企画。 「新技術15分チャレンジ」 エンジニアなので新しいことはキャッチアップしていかないといけない。 1日15分だったら好きなことしてイイっしょ…

Dockerの基礎を学ぶためにNginxを起動するだけのコンテナを立ち上げる

大庭です。 そろそろDockerをちゃんと始めてみようと思い、ファーストステップとしてNginxを起動するだけのコンテナを実行してみようと思います。 ゴール Mac環境でDockerを使ってNginxを起動してみます。最終的には複数のコンテナを同時に扱いたいので、doc…

Vagrantのフォルダ共有機能Guest Additionsでのトラブル対応

Vagrant was unable to mount VirtualBox shared folders. This is usually because the filesystem "vboxsf" is not available. This filesystem is made available via the VirtualBox Guest Additions and kernel module. Please verify that these guest…

Mojave環境でハマったVirtualBoxとVagrantの関係

とある環境でvagrant upしたときのことです。 The "VBoxManage" command or one of its dependencies could not be found. Please verify VirtualBox is properly installed. You can verify everything is okay by running "VBoxManage --version" and veri…

nginxでドキュメントルートを設定する

nginxでドキュメントルートを設定する時にトラブったので、メモしときます。

is forbidden (13: Permission denied) にハマった話

nginxでハマったエラーログ。 [error] 3664#3664: *5 "/usr/share/nginx/html/index.html" is forbidden (13: Permission denied) パーミッションがないよっていうことなんですが、 SELinuxが影響しているということがわかった。 ということで、現状のSELinu…

最低限必要なMySQLコマンドメモ

PHPの勉強をしつつMySQLも最近勉強中でして、PHPからMySQLを叩く前にコマンドで叩いておく経験は大事だろうと思いメモ。 データベース作成 テーブル作成 カラム追加 カラム設定変更 要素の追加と削除 最低限上記の事ができるようになるためのコマンドメモで…

Mac環境でNGINX, PHP, MySQLのローカル環境構築メモ

最近勉強中のPHP周りの備忘録。 ※私の中で新しく登場するキーワードの説明なども含む