MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

ウェブサイトを公開する

サイトのためのコードやファイルの準備ができたら、そのサイトをほかの人が見つけられるように、ファイルやコードをオンラインにする必要があります。この記事では、あなたが書いたシンプルなサンプルコードを少しの手間で、ネット上に公開する方法を説明します。

どんな選択肢があるのか?

ウェブサイトを公開するというのは簡単に語れることではありません。なぜなら、ウェブサイトの公開の仕方には、さまざまな方法があるからです。この記事での私たちの目標は、そのすべての方法を記述することではありません。むしろ、我々は初心者の視点から、大まかに3つの手法についての長所と短所をお話しすることです。その後で、今のところは、これでうまくいくという方法で、とりあえずやってみましょう。

ホストとドメインネームを手に入れる

もし、あなたが公開したウェブサイトのすべてをコントロールしたいと思うなら、次の2つに関してお金を払う必要があるでしょう。

  • ホスト―――つまり、ホスト会社のウェブサーバー上のファイルを置く場所のこと。あなたが、ウェブサイトをその場所に置けば、ウェブサーバーが、ユーザーのリクエストに応えて、コンテンツを扱ってくれます。
     
  • ドメインネーム―――ほかの人があなたのウェブサイトを見つけるための他と同じもののないアドレスのことです。たとえば、ike http://www.mozilla.org, or http://www.bbc.co.ukなどがそれにあたります。 あなたはドメインレジストラ(ドメインネームを扱う管理者)から、ドメインネームを借りることになります。

多くのプロの手によるウェブサイトはこんな風にして、公開されているわけです。

加えて、あなたは、実際にウェブサイトに関するファイルをサーバーに送るために、FTP(a File Transfer Protocol)プログラム (興味がある人は、 How much does it cost: software のページで、より多くの詳細を求めるには、どれくらいの料金がかかるのかを見てみましょう。) FTPプログラムは、プログラムごとに様々ですが、一般的にウェブサーバーのホストの会社が提供するディティールの部分(例えば、ユーザーネーム、パスワード、ホストネーム)を使用するためにログインする必要があります。ログインすると、FTPプログラムは、あなたのpcのローカルファイルと、サーバー上のファイルを二つのウィンドウで表示します。その画面において、あなたはファイルを送ったり戻したりすることができます。

ホスティングとドメインを見つけるためのTIPS(ヒント)

  • 私たちはここで、特定の商業的なホスティング会社を宣伝するわけではありません。ホスティング会社とドメインネームレジスターを見つけるためには、単に「ウェブホスティング」や「ドメインネーム」で検索すれば見つかるでしょう。
  • 家、またはオフィスのインターネットサービスのプロバイダーが、小規模なウェブサイトのためのホスティングを提供しているかもしれません。そのホスティングは、利用可能なオプションが限られているだろうけれど、あなたの最初のお試しとしては、十分でしょう。彼らと連絡を取って、訊いてみましょう。
  • Neocities, BloggerWordPressなどのような、無料のサービスも少数ながらあります。これもそうですが、無料ということで、利用できるオプションは限られているでしょう。それでも、最初のお試しの場所としては、これも十分です。無料サービスでは、たいていFTPソフトをアップロードを要求しないので、あなたはただウェブの画面上で、ドラッグアンドドロップをするだけでOKです。
  • 時々、会社がホスティングをドメインの両方を、まとめて提供していることもあります。

GitHubやgoogle App Engineのようなオンラインツールを利用する

特定のツールを使うことによって、あなたのウェブサイトをオンラインに公開することもできます。

  • GitHub は、「ソーシャルコーディング」サイトです。そこは、あなたにGit version control systemの中のストレージで、コードリポジトリーをアップロードさせてくれます。そうすることで、あなたはコードプロジェクトに協力することができます。GitHubのシステムは、基本的にオープンソースです。つまりは、世界のだれでも、あなたのコードを利用したり、そこから学んだり、改善したりすることができるのです。GitHubには GitHub Pagesと呼ばれる、とても便利な機能があります。それはあなたにウェブ上に、ウェブサイトのコードを公開するのを助けてくれます。
  • Google App Engine はあなたに、アプリケーションをグーグルのインフラ上で、ビルドやランさせてくれる強力なプラットフォームです。マルチレイヤ―ウェブアプリケーションをゼロから作ったり、静的なウェブサイトをホストするような場合には特にそうです。How do you host your website on Google App Engine? を見てみましょう。

これらのツールは、多くのホスティングと違って、利用するのは無料です。しかし、使える機能はやはり限られています。

Thimbleのような、ウェブベースのIDEを用いる方法。

ウェブ開発環境を真似たウェブアプリはたくさんあります。それらで、あなたはHTMLやCSS、JavaScriptを入力できます。そしてそれらのコードをウェブページとして表示することができます。一般的に言って、これらのツールはとても簡単で、とても勉強になります。そして、(基本的な機能だけしか用いることができないために)無料です。そして、それらは、あなたが生成したページを固有のアドレスでホストします。しかしながら、基本的な機能はかなり限られたものであり、そのアプリは大抵において、資産(画像など)のためのホスティングスペースを提供していません。

これらを試してみて、一番あなたに合ったものを見つけてみましょう。

GitHub経由での公開

では、GitHub Pages経由でどれくらい簡単にサイトを公開できるかを実際にやってみましょう。

  1. まず、 GitHubにサインインして、あなたのメールアドレスを確認しましょう。
  2. 次に ファイルを入れるためのリポジトリを作りましょう。
  3. このページ上の、Repository name boxにusername.github.ioの形で、ユーザーネームを入力しましょう。ユーザーネームのところに、あなたの名前が入ります。
    例えば、私たちの友人であるbobsmithならは、
    bobsmith.github.ioと入力することになります。
    さらに、READMEで、このリポジトリ―を初期化して、リポジトリ―の作成をクリックします。
  4. ウェブサイトのフォルダーをリポジトリ―の中にドラッグアンドドロップしたら、Commit changesをクリックしましょう。
     

    ノート: フォルダーの中にindex.htmlの名前のファイルがあるかを確認しましょう。

  5. では、あなたのウェブサイトがオンライン上で見られるかどうかを確かめるために、ブラウザからusername.github.ioに移動しましょう。
    例えば、ユーザーネームがchrisdavidmillsなら、 chrisdavidmills.github.ioに移動しましょう。.

    Note: あなたのウェブサイトに行けるようになるには少し時間がかかるかもしれません。すぐに行ってもダメなようなら、少し待ってからもう一度トライしてみましょう。

もっと詳しく知りたい人は→ GitHub Pages Help.

参考文献

ドキュメントのタグと貢献者

 このページの貢献者: sugarbell
 最終更新者: sugarbell,