WEBアプリケーション

【初心者向け】作成したWEBアプリにドメインを登録する全手順!!(お名前.com+ConohaVPS)+プログラミング言語:言語PHP,Ruby,HTML,Javaなど

ruby_vps

【初心者向け】作成したWEBアプリにドメインを登録する方法(お名前.com+ConohaVPS)

プログラミング初心者
プログラミング初心者
プログラミングを勉強して実際にローカル環境でアプリケーションを作れるようになったけど、副業や転職の時に見せる様としてどう公開すれば良いの?

プログラミングを初心者から勉強して、いろいろ作れる様になるとこの様なことを思いつくかと思う方もいらっしゃるかと思います!
実際に僕はRails/HTML/CSS/JavascripでWEBアプリケーションを作成したときはワクワクしてすぐ公開しました!

公開する為には、レンタルサーバーorAWSなどのクラウドを借りて、そこの上に作ったものを構築する必要があります!
さらにそこにはドメインと言う住所をつける必要があります!

今回はその住所の設定の仕方をまとめております!

※ドメインについて最低限確認したい方はこちらをご参考してください

ドメイン
【初心者入門編】作成したWebアプリをネットで公開する為に最低限必要なドメインとは?(プログラミング言語:PHP,Ruby,HTML,Javaなど)【初心者入門編】作成したWebアプリをネットで公開する為に最低限必要なドメインとは?(プログラミング言語:PHP,Ruby,HTML,Javaなど)...

今回は
・ドメインはほとんどの人が使っているであろうお名前.com
・VPS(レンタルサーバーの様なもの)もメジャーなConohaVPS

エックスサーバーConoHa WINGのレンタルサーバーとは別なので注意です。
詳しくは以下の記事にまとめていますが、レンタルサーバーでは自身のWebアプリを公開することができません。

レンタルサーバー
【初心者入門編】作成したWebアプリをネットで公開する為に最低限必要な基礎知識VPS・レンタルサーバーとは?(プログラミング言語:PHP,Ruby,HTML,Javaなど)【初心者入門編】作成したWebアプリをネットで公開する為に最低限必要な基礎知識VPS・レンタルサーバーとは?(プログラミング言語:PHP,Ruby,HTML,Javaなど)...

STEP0(事前準備):ドメインを登録するVPSを準備しておく(レンタルのサーバーの様なもの)

ドメイン登録の前に、登録するサーバーがないとできません。

そこでまだVPS自体の契約がまだの方は以下の記事に沿って登録を先にお願いします!
5分で登録は終わりますし600円ほどと安価でできます

【初心者向け5分でできる】Ruby(Ruby on rails)のオリジナルWEBアプリをリリースする為にConoha VPSを契約する手順【初心者向け5分でできる】Ruby(Ruby on rails)のオリジナルWEBアプリをリリースする為にConoha VPSを契約する手順...

STEP1:ドメインを取得する

お名前.comでドメインを取得します

STEP2:Conohaコントロールパネルを設定する

Conohaコントロールパネルを開き

◯Conoha サーバー編集画面
1:左のメニュー「サーバー」をクリック
2:今回ドメインを付与したいサーバーの「ネームタグ」をクリック
3:ネットワーク情報のIPアドレスをメモしておきます

STEP3:ConohaDNS画面で設定する

◯Conoha DNS画面
4:左のメニュー「DNS」をクリック
5:右上の「+ドメイン」をクリック
6:事前にお名前.comで取得したドメインを入力(geoDNSは無効)し保存
7:先ほど追加した今回のドメインをクリック
8:右側に出てくる鉛筆編集ボタンを押す
9:「タイプA」「値=先ほどメモしたアドレス」を入力し保存
(名称とTTLは空白にしておけば自動で入力されます)
10:NSの値をメモする

STEP4:お名前.comで設定する

◯Conoha
11:お名前.comのHPに行く
12:上のタブ「ドメイン」をクリック
13:ドメイン一覧から今回登録するドメインをクリック
14:ページ中部のネームサーバーの変更をクリック
15:他のネームサーバーを利用
16:先ほどConohaVPSのコントロールパネルから持ってきたNSの値をプライマリネームサーバーに入力
17:変更を確定

終わりです!無事完了しましたか?
反映するまでには1〜3日かかります

まとめ

これで数日たてばあなたのオリジナルwebアプリが全世界に公開されます!
おめでとうございます!

プログラミングが全くできない初心者のころから、この公開まですごい長がったと思います。
その分、今回の公開までで凄い成長したと思います!
本当におめでとうございます。
ここを一区切りに、これからも第2ステップ頑張っていきましょう!!