さくらのレンタルサーバで.htaccessが原因で500エラーになってしまう場合のチェックリスト

さくらのレンタルサーバを使ったときに、.htaccessがうまく動かず500エラーが出てきました。
いろいろ原因を探ったところ、文字コードが原因だと分かりました。
他のレンタルサーバだとあまり意識したことがなかったので焦りましたが、今後同じようなことが起きたときのためにチェックしたポイントをまとめておきます。
チェックすること
1. htaccessの中身が正しいか確認
まず、.htaccessの中身が間違っていると、動かないのは当然なので、内容が合っているかどうか確認しましょう。
自分の場合、別のレンタルサーバーでは動いたはずのコードがさくらのレンタルサーバーでは動かなかったので、中のコードが間違っているわけではないと判断できました。
構文エラーがないかどうかチェックしてくれるサイトもあるので、1度確認しておきましょう。
2. htaccessの文字コードと改行コードの確認
多くのテキストエディタで、現在改行コードは「UTF-8」がデフォルトです。
さくらのレンタルサーバーでも「UTF-8」または「EUC-JP」であれば問題ないとのことだったので、いつも通りUTF-8で作っていたら500エラーになりました。
| 設定項目 | 設定内容 |
|---|---|
| 文字コード | UTF-8またはEUC-JP |
| 改行コード | LF |
EUC-JPに変えて再度アップしたところ、動くようになったので、他にいろいろ試したけど解消されない方は度試してみるとよさそうです。
文字コードや改行コードは、テキストエディタごとに設定場所が異なりますが、Visual Studio Codeの場合は右下に表示されているので、クリックして変更できます。

3. パーミッションの確認
他にも.htaccessのパーミッションは「644」である必要があります。
| ファイル | パーミッション |
|---|---|
| .htaccess | 644 |
| 実行ファイル | 755または705 |
PHPやCGIなどの実行ファイルの場合は「755」か「705」にする必要があるみたいです。
Transmitであれば、インスペクタの下の方に表示されます。
「グループ」と「その他」の書きがオフになっていて、それ以外が許可されている状態であればOK。

そうなっていない場合は、上のボタンをクリックして切り替えて「適用」をクリックすれば変更できます。

Visual Studio Codeで英単語のスペルチェックをしてくれる拡張機能「Code Spell Checker」
Backlogで2段階認証を設定後、SourceTreeでアカウントエラーが発生する場合の対処法
Android実機で表示しているサイトを、Chrome開発者ツールで開いて検証する方法
Vue Routerでページ遷移後にトーストを表示させる方法
Vue.jsのv-forで生成した要素をクリックするたびに、classをトグルで付け外しする方法
Visual Studio Codeとスニペット・ドキュメント検索アプリの「Dash」連携を行うプラグイン
Google Maps APIでピンのアクティブ時にピン画像を変える方法
Vue CLI 3でfaviconの設定をする方法
WordPressのカスタム投稿タイプを追加後、ページは存在しているはずなのに404になる場合の解決方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Path Finder 8.5がリリース!ファイル圧縮形式の種類が増えたり、細かい機能がいくつか追加
自宅ですぐにインターバルトレーニングを始めたいならApple Watchの「Seconds」がオススメ!HIITと相性抜群!
Google Driveでフォルダのコピーをする方法
MacのSIPのオン・オフを切り替える方法
横幅が広がったときの挙動が変わる!CSS Gridの「auto-fill」と「auto-fit」の違い
SourceTreeを開くと「’git status’ failed with code 69:’」というポップアップが出てくる場合の解決方法
Figmaのテキスト編集周りの基本操作|テキストの追加方法からグラデーション設定や縦書き、アウトライン化
AlfredのWorkflowをコードを書いて作成する方法
Path Finder 9.3.5のアップデート内容はラベル・タグ周りの修正!そしていつの間にかカラーラベルのカスタマイズが可能に!
iStat Menusの「バッテリー/電源」アイコン表示と設定