11
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

簡単に無料で独自ドメインを使ってwebページを公開する

Last updated at Posted at 2016-12-07

概要

無料のドメインを取得する(2016年10月)というとてもいい記事を見たので、これを使えばオリジナルドメインを簡単に作れるじゃん!と思って実際に使ってみました。他にも色々サービスを組み合わせてwebページを作ってみていくつか注意点も合わせてまとめたいと思います。

使ったもの

やり方

1.HTML5 UPでテンプレート作成

HTML5 UPはおしゃれなテンプレートを無料で作れるサービスです。
レスポンシブにも対応していてPCやスマホでもいい感じに見れます。
テンプレート内ににHTML5 UPへのリンクをちゃんと貼っておけば無料で使うことができます。
なのでこれを使ってまずはテンプレートを作成します。

テンプレート内でおしゃれな画像を使いたい場合はこちらから画像をピックアップすると良いと思います
Stock photos

2.Github Pagesに公開

次に先ほど作ったテンプレートをGithub Pagesに公開します。
Github Pagesの使い方についてはこちらが参考になります。
Git初心者でも大丈夫!完全無料でGithub PagesにWebページを公開する方法に公開します。

これによって先ほど作ったテンプレートがhttps://xxxxxx.github.io というURLで公開できます。

3.freenomを使って無料ドメインを作成

freenomというサービスを使うと無料でドメインを作れるので、こちらでドメインを作って先ほどのGithub PagesのURLにフォワードさせます。
freenomの使い方はこちらが参考になります。結構簡単ですぐにできると思います。
無料のドメインを取得する(2016年10月)

freenomについて

先ほどの無料でドメインを取得できるfreenomについての説明と注意点をまとめます。

なぜ無料でドメインを取れるか

ここで取得できる無料ドメインは国別コードトップレベルドメインです。日本でいうと「.jp」にあたる部分です。一部の発展途上国では誰でも取得できるようにしてるのでその一部の国のドメインを無料で取得できる仕組みになっています。

今回のfreenomで取得できる無料ドメインはこちらです。

  • tk:オーストララシアにあるニュージーランドの領土であるトケラウ
  • ml:マリ
  • ga:ガボン
  • cf:中央アフリカ
  • gq:赤道ギニア

注意点

1.デフォルトのフォワードはiframeになっている

無料ドメインを取得してGithub PagesにフォワードさせるためにForward modeというのがあります。デフォルトは「Frame」になっていて、これはiframeのことです。
スクリーンショット 2016-12-07 23.39.57.png

無料ドメインのhtmlがこうゆう感じになっています。


<html>
  <head>
    <title>ドメイン.tk</title>
    <meta name="description" content="ドメイン.tk">
    <meta name="keywords" content="ドメイン.tk">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <frameset rows="*">
    <frame frameborder=0 src="フォワード先のURL" name="dot_tk_frame_content" scrolling="auto" noresize>
  </frameset>
</html>

無料ドメインなのでもちろんhttpになるのですが、内部ではiframeでページを呼び出しているということは内部で呼び出しているページにhttpsへの遷移を含む場合はX-Frame-Optionsの設定によってはうまく行かない場合があります。
(実際に試して見ましたが、Github Pagesにフォワードさせた場合はPCページ見た時はhttpsへの遷移ができたのですがスマホページではブロックされてしまいました。。)

iframeなので元の親ページの方のmeta情報やtitleなどもいじれないと思うので結構制約もあると思います。

2.無料ドメインは危険かも

無料ドメインについてはやはり色々と意見があるようで、こんな記事もありました。
.tk ドメインが乗っ取られたっぽい
ここでは最終的に**.tk ドメインは絶対に使わないように**と言っています。
はてぶのコメントとかを見ても無料で取れる分はあくまでテスト的に使うくらいが良いかもです。そのあたりのリスクとのバランスはちゃんと意識した方が良いかもしれません。

まとめ

とりあえず簡単に無料で独自ドメインを使ってwebページを公開する事自体はできそうですが、ちょっと思ってたのと違うなという印象でした。特にfreenomが中でiframeを使っているあたりは結構微妙だったので、所詮無料だとここまでかなぁという感じでした。
ただほんとお手軽にできるのでちょろっと試したいレベルであれば全然ありなのかなーと思います。

11
20
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?