
10日間☆WEBサイト制作 はじめに(1日目)
ちょうど一年前にも、WEBサイト講座Lessonを綴りました。
そこで解説したものも、若干進化しているかと思うので、再度10日間でWEBサイトを作ってみようと思います。
夏休みの自由研究にしたい方も大歓迎です。
・・・っていうか、それをメインにしたいんです。
理科や図工ばかりが自由研究じゃない(笑)
こんな「未来につながる自由研究」も、すごく面白いと思うんです。
もちろん、サーバーの利用料として、継続して月に数百円程度の費用はかかります。
でも、自分のWEBサイトを作って運営していく経験は、その何倍もの価値があるはず。
この講座では、AIを相棒にしながら、プログラムを作って実際にサイトへ公開するところも体験していきます!
夏休みが終わる頃には、「ホームページを作れる人」になれます!
ゲームで遊ぶ夏もいい。でも、世界に一つだけの自分のWEBサイトを作る夏は、きっと一生の思い出になると思うんです。
大人でも。
素材をAIで作って、きちんと一つ、WEBサイトをつくったら。
少しづつお仕事にしてみてください。
WordPressで作るので、クライアントさんが自分で更新もできますが、それをサポートしていくこともできます。
WEBサイトついては、以前の記事にも書いてあるので、ご覧ください。今回も重複しますが、少しだけ解説します。
最初にコストを書いておきます
1か月契約:605円/月 支払い時: 605円
3か月契約:572円/月 支払い時:1,716円
6か月契約:550円/月 支払い時:3,300円
12か月契約:539円/月 支払い時:6468円
24か月契約:462円/月 支払い時:11,088円
36か月契約:330円/月 支払い時:11,880円
WEBサイトを構成する要素
インターネット上でWEBサイト(ホームページ)を公開するには、大きく分けて3つ必要です。
サーバ
ドメイン
ホームページのデータ(WordPressなど)
この3つがそろって初めて、自分のWEBサイトが世界中から見られるようになります。
ただし独自ドメインなしでもできます。
ロリポップのドメインはとてもたくさんあります。
catfood.jpとかsnow.jpとかparallel.jpとか・・・
本当にたくさんの中から選べるので、自由研究や練習のためには、独自ドメインは不要かもって思っています。
パスタのお店「KENT」とかだったら、
なんてロリポップドメインでも十分かもしれません。
メインメニューが「ペンネ」になりそうですが(笑)
ロリポップドメインでも、この名前は世界で一つしかないため、一応ドメインとして解説を続けていきます。
サーバとは
サーバとは、WEBサイトのデータを置いておくコンピューターです。
家に例えると土地と建物です。
文章や写真は、この建物の中に置かれています。家具みたいな感じ。
サーバは24時間365日電源が入っていて、「WEBサイトを見せてください」という世界中からのアクセスに応えています。
だから、自宅のパソコンではなく、専門の会社(ロリポップなど)のサーバを借ります。
ドメインとは
ドメインとはインターネット上の住所(住所+名前)です。
例えば kirara-sha.com。
これは単なる名前ではありません。世界中で一つしか存在しない住所です。
郵便でいうと東京都○○区…に相当します。だから同じドメインは世界中で一人しか取得できません。
WEBサイトを見るとき、ブラウザにkirara-sha.comと入力します。
すると世界中にあるDNS(Domain Name System)という仕組みが「kirara-sha.com はどのサーバにありますか?」と問い合わせます。
すると123.45.67.89のような数字(IPアドレス)が返ってきます。
ブラウザはその数字のサーバへ接続し、WEBサイトを表示しています。
つまり実際にコンピューターが見ているのは数字なんです。
なぜ数字じゃダメなの?
例えば153.127.24.188・・・これがホームページの住所だったら……
覚えられません(笑)
だから人間が覚えやすいようにkirara-sha.comという名前を付けています。これがドメインです。
ドメインは電話帳みたいなもの。
昔は電話番号を覚えて電話していました。
でも今は「お母さん」を押せば電話できます。
スマホが名前→電話番号へ変換しています。
ドメインも同じです。kirara-sha.comを153.127.xxx.xxxへ変換しています。その役目をするのがDNSです。
ドメインは「財産」
SNSではInstagram、Facebook、X、YouTubeなど相手のルールで運営しています。でもkirara-sha.comは自分だけの住所。
サーバ会社を変えても、WEBサイトを作り直しても、この住所はそのまま使えます。
(ロリポップドメインはロリポップサーバでしか使えません)
だからドメインはインターネット上の土地の権利書のようなものでもあります。
SNSはショッピングモールにお店を借りるようなものです。
人がたくさん集まるメリットがありますが、ルールはモール側が決めます。一方、独自ドメインは自分の住所です。引っ越し(サーバ変更)はできても、住所は変わりません。
だから長く活動するなら、まずは自分の住所を持つことをおすすめします。
再度書いておくと、
DNSは郵便局や電話帳のように、その住所を実際の場所(IPアドレス)へ案内してくれる仕組みです。
作るよ!
と、いうわけで。まずは土地と建物を契約しましょう。
そして、内装や家具の調達をやっていきます。
上記にアクセスして、スクロールして「どちらの方法で作りますか?」で「WordPressで自由に作る」を押します。
10日無料でためす→再度プランを選ばせられますのでライトプランを選びます。
無料でためすを選びます。
以下のように、初期ドメインを決めるのですが、
取得可能です・・・ってあるように、ここで作ったドメインは世界で一つのものとなります(誰かが使っていたら使えない)。

URLの末尾を変更するを押すといろいろ出るので適当なのを選んでください。
独自ドメインで運用する場合は、あまり関係はありません。

認証がきます。
認証すると、バックアップが必要か聞かれますが不要でよいです。
まずは、サーバの契約をしてみましょう。

お申し込みと同時にWordPressをインストールするってのにはチェックは入れないでください
クレジット情報などを入れて完了

無料お試し期間切れるまえに解約すればお金はかかりません。
無料おためし開始ですべて開始します
カードによって確認いろいろあります。
ユーザ専用ページにアクセスする・・・でアクセスします

独自ドメインの取得を解説します
(独自ドメインを使いたい方用)
独自ドメインを設定するを押します。
独自ドメインをずっと無料で使うという選択をする場合、
がっつりそのWEBサイトを長期活用するならばアリです。
ライトプラン12カ月契約をすると月額539円。
ハイスピードプラン12カ月契約をすると月額1045円。
差額は506円。1年で6072円。
有料でドメインを取得して1年で比較すれば、ライトプランで有料でドメイン取得したほうがお得です。
ただし、サーバをがっつり使う予定の場合、最初に12カ月とか支払い、その後も自動更新で12カ月分を支払う負担は問題ない場合はハイスピードプランにしてドメインずっと無料がいいかもしれません。
迷ったらご相談ください。 >>LINE

さて、独自ドメイン・・・KentStudioで検索しました
この後ムームードメインに飛ばされます。
アカウントがない場合は新しくアカウントを作ります。


お支払い完了したら、ロリポップに戻ります。

フォルダ名は適当です。
独自ドメインをチェックするをクリックすると、さきほど登録したムームードメインのアカウントとパスワードを聞かれるので入力します。


設定を押したら完了!

SSLやメールアドレスについては3日目の記事でご案内します。
独自ドメインを取得しない場合は、3日目の記事はスルーしてOKです。