IDA Life Blog

HOME  >  趣味
カテゴリー : 趣味 - ブログ運営
•スタードメイン •無料レンタルサーバー •趣味のブログ

公開日: 2024-01-24
最終更新日: 2024-01-24

スタードメインの無料サーバーにファイルをアップロードした (2022年12月)


img_2
2022年12月

先月、スタードメインで独自ドメインを取得しました。スタードメインで独自ドメインを契約した人は、「無料サーバー」を利用できます。僕はこの無料サーバーを利用します。今回は、サーバーへのファイルのアップロードと、常時SSL化をおこなってみました。

Contents
• デフォルトのページ
• ファイルのアップロード
• 常時SSL化
• 常時SSL化のメモ
◦ 結果
• まとめ

スターサーバーの利用手続きを済ませ、サーバーにファイルをアップロードできるようになりました。とりあえず自分のページにアクセスしたところ、以下のページが表示されました。

StarServerの画面

[ 画像1. デフォルトのページ ]

 


手始めに、index.htmlを作成し、アップロードしてみました。

ローカルで空のテキストファイルを作成し、名前を”index.html”に変更しました。そして、作成したindex.htmlを開き、「こんにちは!Hello!」という文字列を入力しました。

image 2

[ 画像2. index.htmlの作成と編集 ]

 

編集したindex.htmlを、スターサーバーのファイルマネージャーを利用して、アップロードしました。

アップロードの結果を確かめるために、ホームページにアクセスしてみました。すると、下図のように、文字化けしてしまいました。

image 3

[ 画像3. 文字化けしてしまった ]

 

index.htmlの中身を以下のコードに書きなおしました。

[index.html]
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
こんにちは!<br>
Hello!
</head>
</html>

index.htmlを再アップロードしました。すると、下図のように表示されました。

こんにちは!Hello!

[ 画像4. 再アップロード後の表示 ]

 

文字化けせずに表示できたので、成功です。


初期設定では、ホームページのアドレスは http://…… でした。httpではなく、httpsにしたいと思いました。

httpsの方がセキュリティ面で優れているとされているからです。

スタードメイン無料レンタルサーバーでホームページをhttpsにするには、常時SSL化の設定を行う必要があります。


以降は、常時SSL化の手順のメモです。

• スタードメインの管理画面から、メンバー管理ツールを開く

• 「スタードメイン」の右側の「管理画面」をクリックする。

img_5

• 「ドメイン管理ツール」をクリックする。

img_6

• 「サーバー管理ツール(スターサーバー管理)」をクリックする。

img_7

• 「SSL設定」を選択する。

img_8

• ドメイン名の右側の「選択」をクリックする。

img_9

以下のマニュアル*を見ながら設定しました。


スタードメイン無料レンタルサーバーを常時SSL化するには、.htaccessというファイルをサーバーに置く必要があるそうです。そこで、「.htaccess」という名前のファイルを作成して、サーバーのホームディレクトリに設置しました。

.htaccessは、以下のマニュアル*を参考にして作成しました。


常時SSL化の設定をおこなった直後、ホームページにアクセスすると、次の画面が表示されました。夜も遅かったので、この日は寝ました。

img_10

次の日、ホームページにアクセスすると、「こんにちは!Hello!」という文言が、文字化けしないで表示されました。

また、アドレスもhttps://…….に変わっていました。常時SSL化が完了です。


自分のホームページの準備として、以下のことを行いました。

ホームページの運用へ向けて、まだやることがたくさんあります。趣味でやっていることなので、気長に続けたいと思います。

(この記事は、2022年12月に執筆し、2024年1月に修正・公開したものです。)