SE向けポートフォリオ公開

2021.11.06

はじめに

普段はバックエンド中心のweb開発を行っているSEですが今後の活動に向けてポートフォリオを作成しました。

https://proto-protocol.main.jp/

本記事では作成中に詰まった部分を備忘録として記録いたします。

開発環境

ポートフォリオ作成にあたって使用したツール・環境等は下記の通りです。

OS：Mac
レンタルサーバー：ロリポップ！
CMS：WordPress
ローカル環境：MAMP
バージョン管理ツール：Bitbucket、SourceTree
FTPソフト：FileZilla

作成中詰まった点

『WordPress The requested URL /index.php was not found on this server.』エラー

本番環境で作成したWordPressサイトをローカル環境で構築する際に発生したエラー。
『.htaccess』ファイルを下記のように設定することで解決。

RewriteEngine On
RewriteRule .* – [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
RewriteBase /ここに設定したフォルダ名を入れる/
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /ここに設定したフォルダ名を入れる/index.php [L]

『このサイトは安全に接続できませんlocalhost から無効な応答が送信されました。』と表示されアクセスできない

MAMP上で作成したローカル環境にアクセスしようとした際に発生したエラー。
http://localhost/portfolio/にアクセスした際、アクセス後表示されたエラー画面のURLを見ると
https://localhost/portfolio/にリダイレクトされていたことが原因。
MAMPをSSL対応させることで解決。
また、セキュリティの警告が表示された場合はキーチェーンに証明書を追加することで解決。