[Powered by Google Translate] [セミナー] [Web用にあなたのサイトの準備] [Yuechen趙] [ハーバード大学] 【これはCS50です。] [CS50.TV] 

オーケー。君たちはそれのためにアップしている場合は、ここでは、Web開発の別の時間だ。 今日、私は、Webサイトを準備の話するつもりです。 終日 - そしておそらく過去2週間のために -  我々は、ウェブサイトを作成する方法について話をしてきた フレームワークを使用する方法、PHPを使用するためにどのようにHTMLを使用する方法、 そのようなものを - あなたは、データベースと対話することができていることを確認する方法。 しかし、今日、私たちは、あなたのサイトがCS50後に住むために起こっているかについて話してすることになるだろう。 結局のところなので、CS50は12月を過ぎて発生しません。 私たちは、ホスティング、ドメイン名の話をすることになるだろう。 私たちは、どのようなクロスブラウザの互換性の話をすることになるだろう とクロスプラットフォームの互換性があり、どのようにあなたのサイトことを確認することができます すべての条件の下で動作するように起こっている。 私たちは、エラー処理およびその他のサーバーの魔法について話します。 私たちは、パフォーマンスの最適化、検索エンジン最適化、の話をしている そして人々が実際にあなたのウェブサイトを訪問するために取得する方法について説明します。 そして最後に、単にいくつかの良いリソースが君たちは十分なもののを持っていることを確認し あなたの最終的なプロジェクトでオフに行く、そして、できれば後にする。 

我々は話をするつもりだ最初のことは、ドメイン名です。 今あなたのアプライアンスでプログラミングしている、あなたは、ローカルホストになるだろう これは、実際にドメイン名ではありません。 それはあなたの実際のLinuxのインストールのソートだけニックネームまたは別名のだ PC上でMacやVMware Playerの上のVMwareのどちらかの内側。 ドメイン名は、Web上にサイトを置くことを可能にしてから、のようなものに行く www.google.comやウェブサイトを取得します。 彼らはどのように働いていますか？ あなただけの平均的なWebサーバだと言ってみましょう -  平均的なウェブサーファー、あなたがラップトップを持って、あなたはwww.howstuffworks.comに行く。 私はからこれを盗んだところは、おそらく見ることができます。 どのようなものの作品 - コンピュータは、ローカルのDNSサーバを聞いてきます、 "このウェブサイトはどこにあるか知っていますか？" "あなたはwww.howstuffworks.comのIPアドレスを知っていますか？" DNSサーバは、 "はい、私がやる。"、と言うかもしれない その場合には、IPアドレスを取得し、コンピュータはそのIPアドレスにアクセスします。 そうでない場合は、別のDNSサーバーに要求、 "おい！はwww.howstuffworks.comが何であるかを知っていますか？" そのサーバーは、 "はい、私がやる。"、と言うかもしれない だから、それはそれが何であるか、他のものを伝え、最終的には、その情報は、お使いのコンピュータに渡されます そして、あなたはhowstuffworks.comにアクセスできます。 

どのようにこれらの魔法のようなものの一つを得ることができますか？ どのように多分www.yourname.comまたはwww.ilovecats.com入手できますか？ あなたは1つに登録することができます とあなたがそうすることができますそこに多くのウェブサイトがあります。 を行う必要があります - ほとんどの状況で、あなたは彼らのために支払う必要があります。 無料ですが、特定のドメイン名があります。 あなたはwww.co.ccか。tkdomainnamesに行く場合は、それらは無料です。 しかし、彼らは一定の制限が付いていないし、実際にそれらのいくつかのもではないかもしれません 。comや。ネットのような本当の、トップレベルのドメイン名。 通常、私はそれらのいずれかのために行くことを示唆している ユーザーは、それらとだけより快適であるためです。 あなたが。COMSをたくさん見てきました。あなたはネットをたくさん見てきました。 おそらく。co.ccのをたくさん見ていないので、覚えにくいです。 GoDaddyのかNameCheapなど異なるウェブサイト - 私はだものを使用 大ざっぱな一種の - いわゆるactivedomain.com。 それは本当に大ざっぱに見​​えますが、それは私のために本当によく働いて。 

そして最後に、あなたは多分ネットワークソリューションのようなより多くの広告を行う他の人を持っている。 しかし、あなたはNetworkSolutions.comに行くとその価格設定を見れば それは本当に高価です。私は昨夜、それらを見ていた。 ドメイン名の一年のために、それはおそらく、そのくらいのお金の価値ではありません。 実際には、あなたは。comや。O​​RGまたは。ネットを取得している場合 通常価格は約$ 10歳です。 あなたはそれ以上に多くのことを払っているのであれば、それはおそらくそれその価値はありません なぜなら、結局のところ、これらのウェブサイトは、そのドメイン名を使用して何もしない。 彼らはただ、あなたにそれを与える、などあなたが安いためにそれを得ることができる場合、なぜでしょうか？ 

あなたのドメイン名を持っていたら、他の事は、あなたはおそらくしたい どちらGodaddy.comまたはどこあなたのドメイン名を購入に進んでください そのドメイン名のネームサーバを設定します。 手段は、一度ユーザーであることを何がwww.howstuffworks.comに行く、 これらのネームサーバのIPアドレスは、彼らが調べることができるだろうというIPアドレスです。 彼らは、それらのネームサーバを介してWebサイトにアクセスすることができるだろう。 あなたは、どこかのホスティングのために適用した場合 その後、ホストは最も可能性の高いあなたに、使用するネームサーバを与える。 

そして最後に、WHOISと呼ばれるこの事があり。 WHOISデータベースを使用すると、入力、ドメイン名を可能性を持つデータベースです そしてそれは、そのサイトの所有者とその他の連絡先に関する情報についてのいくつかの情報を吐き出すでしょう。 さて、あなたは言うかもしれない、 "私は本当に私の自宅の住所をしたくないか、私は本当に私のメールアドレスをしたくない 参照するには誰のためのウェブサイト上または参照するには皆のためのインターネット上で。 " その後、ホスティングサービスの多くが提供するものを使用することをお勧めします -  WHOIS Managerなど。 WHOISマネージャは、単にそれらの多くがそれを提供している別のサービスです。 その情報を離れて非表示にし、名前だけのためにマネージャーが誰であるかに置く -  アドレスには、通常、あなたにこのドメイン名を与えられているだけでは会社名だ -  など、あなたの個人情報が、インターネット上にリークされていません これは、通常、かなり良いです。 私自身は、これらのサービスのいずれかを使用します。 あなたがあなた自身のプライバシーを気にしない場合、それは本当に問題ではありません。 

DNSサーバは、ドメイン·ネーム·システムの略で、それは何ですか -  それは言う、ハッシュテーブルのどこかのようにソートのだ  "このウェブサイトのアドレスは、このIPアドレスにマップするために起こっている。"そして、それは、それがすべてです。 だから、一度、このDNSサーバに問い合わせ、その後、IPアドレスを取得することができます その対応するドメイン名と、そのウェブサイトをご覧ください。 （聴衆のメンバーが質問を - 聞き取れない） 最初の？最初のレベルは、実際には通常は、お使いのコンピュータのキャッシュそのものです。 あなたのコンピュータのソートを使用すると、www.google.comに行った最後の時間を覚えている 、それは、このIPアドレスにあった、その後しばらくした後、そのキャッシュの有効期限が切れます そしてそれは、ComcastのDNSのように聞いてきます "ねえ、www.google.comは何ですか？" 通常は、ドメイン名を購入し、あなたがものを登録し、あなたのウェブサイトを設定するとき、 あなたには、ネームサーバので、そのドメイン名を使用してすぐにそのウェブサイトに行くことができない 世界中でまだあなたのドメイン名について知らない。それは移入しています。 それは、通常、24〜48時間程度かかります。 わかりました。だから、それはドメイン名について少しだ。彼らは非常にクールだ。 私は、あなたがプロジェクトを真剣にしている場合は、いずれかを取得すべきだと思う あなたが本当にしたい場合、プロジェクトがキャンパス全体に知られている、 ドメイン名を持つことは、それは本当にプロフェッショナルに見えるのです。 

次のステップは、もちろん、ホスティングのようなものを持つことである。 あなたは自分のコンピュータ上でそれをホストしている場合、誰も今までそれに行くことができるようにするつもりはないだ。 あなたは、潜在的にコンピュータにサーバーをセットアップし、永遠にあなたのコンピュータを保つことができる それはお勧めしません。 オンラインで利用できるホスティングの異なる種類があります。 ホスティングそこに共有さ。仮想ホストであるVPNは（理解できない）あります。 半専用と専用あります。 最後の3のうち、半専用、専用VPNは、通常より高価です。 彼らは通常、より多くのリソースを必要とするWebサイトに使用している。 あなただけのウェブサイトを始めている場合は、 それだけで共有ホスティングで行くより経済的かもしれません。 そして、何を意味を共有するだけでウェブサイトの束が一緒にすべてありさ このホストサーバー上でこのウェブサイト上の1つのサーバー上のソート、あなたのウェブサイトにアクセスすることができます ドメイン名を介し。 

そこに人気のあるホストがたくさんあり​​ます。 HostgatorのとDreamhostの - それらは非常に、非常に大きく、非常に、非常に人気があります 非常に、非常に成功した。 私は個人的にMDDHostingと呼ばれる1つを使用しています。 あなたはwww.mddhosting.comに行けば、それは私のお気に入りのホストだ。 私は、彼らは非常に良好だと思う。 彼らはいつも非常に信頼してきた、と私は彼らと何か問題があったことがない。 彼らはまた、非常に競争力のある価格を持っている。 また、非常に人気のあるホストの、 -  GoDaddyはであるように私は本当にないこと二つ しかし私は、彼らと一緒にひどい経験を持っていた と私が知っている多くの人々は彼らと本当にひどい経験を持っていた。 彼らは一種の彼らが何をしているのか知らない人の後に行く -  多分あなたは初めてのためのウェブサイトを作っている、 ので、彼らは一種の彼らのホスティングパッケージを買いにそれらをCON。 それをしないでください。それのため該当しない。本当にあなたのニーズに合わせて、他のホスティングパッケージを探して行く。 そしてもう一つは - そこに無料のホストがある。 自由のためのあなたのウェブサイトをホストするウェブサイトがあります -  時々あなたのサイトに広告を置くことによって、 時にはあなたが彼らのフォーラムに参加することで、 時にはただも無料。 しかし、それらの多くは実際にはビジネスの外に出ているため自由にホストと注意してください 数ヶ月後。あなただけのコストに追いつくことはできません。 他の人はちょうど非常に信頼できない、サイトは常に、ダウンになります そしてあなたはそれが起こることを望んでいない。 

各ホストは、独自のコントロールパネルを提供します。 アプライアンスのために、本当にそれ自体はコントロールパネルが存在しないことに注意してください。 あなたは、ファイルに移動し、編集するためにターミナルを使用する必要があります。 あなたが自分でのchmodものに持っている。 あなたは、PHPMyAdminのに行きたい場合は、 あなたには、localhostの@ / phpmyadminの、そのようなものに行かなければならない。 しかし、コントロールパネルを使用すれば、内に行くことができますし、サーバ上のファイルを編集 Windowsエクスプローラまたはファインダ型アプリケーションと。 または、通過すると、独自のツールを使用してデータベースを見ることができます 代わりにphpMyAdminにの。 だから、選択肢の多くは、ここに存在し、多くの人気のコントロールパネルの一部がそこにある。 しかし、あなたがホストを探している場合は、 その後、あなたは何のカスタマイズやオプションの種類を見てみたいことがあり 彼らは私が私のサーバーをカスタマイズするために、私のウェブサイトをよりよく実行するために提供しています。 だから、あなたは "まあ、どのように私はホスティング選ぶのですか？"、頼むかもしれない あなたは、任意のホストのウェブサイトに行けば専門用語がたくさんだし、多くのオプションがあります。 異なる価格の多くもあります。 通常、私は多分、あなたと私が作るWebサイトためだけ安価なもののために行く -  特に今は、特にスターターとして - 彼らは、多くのリソースを必要としないことがあり Microsoft.comのようなウェブサイトはともかくとして。 

まず、あなたが本当に興味があれば、オペレーティングシステムを見てみたいかどうか あなたのサイトは、Linux上で、Windows上で、またはMac上でホストされるようになるだろう。 それは、通常、最も安価なので通常、我々は単に、Linuxに行く また、多分あなたたちは理由アプライアンスののほうがなじみがあるもの。 そして、おそらく彼らはあなたが得ることが帯域幅の量にいくつかの制限を置くことにしましょう​​ -  データをどのように多くのメガバイトまたはギガバイトのようにユーザーがダウンロードすることができます あなたのウェブサイトから毎月？またはディスク·スペース。 あなたはどのくらいのスペースを得るのですか？それは、500 MBです？それは2 GBです？それは無制限です？ 今日では、Webサーバの多くは、それらのための方法として、あなたに無制限のディスクスペースを与える 彼らのホスティングパッケージを取得するにはあなたを誘惑します。 あなたが本当に考えてみればしかし、ときは今まで無制限のディスク容量を必要としています？  - あなたは、HTMLファイルのカップルは、PHPのカップル、画像のカップ​​ルを持っている場合 それはそうだけメガバイトのカップルだし、 通常、私はただ、スペースの多分数ギガバイト分のために行く そしてそれは私がより多く必要になるまで、私をオフに開始するのに十分かもしれない。 

最後に、彼らは、どのように制限を置くことができる - あなたが持っていることができますどのように多くのデータベース。 たぶん、あなたは1つだけのデータベースを持つことができます。たぶん、あなたは2を持つことができます。たぶん、あなたは10を持つことができます。 それはあなたが得るどのように多くのあなたにとって本当に重要ですか？ 自問するもの。 そして最後に、言語のような物事。 彼らは、PHPをサポートしていますか？彼らは、MySQLをサポートしていますか？ 彼らは自由であるため、ほとんどのホスティングウェブサイトは、これらをサポートしていません。彼らはオープンソースです。 それは彼らにあなたのためにこれらを提供するには何もかかりません。 しかし、あなたが使用したい場合は、、と言うのRubyやPython、またはこれらの他の言語のいくつか -  彼らは、サーバー上でそれをサポートしていないかもしれないので、それは物事のそれらの種類を探すことが重要です。 

そして最後に、彼らはあなたがSSLまたはcronのジョブのようないくつかのより高度なことを行うことができますか？ SSLは、あなたがそれHTTPSことによってあなたのウェブサイトの安全性を高めることができるオプションです とあなたの接続を暗号化する。 とcronジョブは、もしかしたら実行したいスクリプトです 5分ごと、10分ごとに、すべての15。 共有ホスティングのWebサイトの多くは、制限を置けばいい より多くのリソースを占有しているので、あなたが実行できるcronジョブの数に。 

そして最後に、あなたが見てみたいことを、他の何もかもが - 起こっているのかを正確に確認してください あなたのホスティングパッケージを購入する前に。 そして最後に、パフォーマンス。パフォーマンスは巨大です。 私のウェブサイトはどのくらいの速さを実行するために起こっている？ ほとんどのユーザーは、実行するためにあなたのウェブサイトでも秒待ちするつもりはありません 彼らはただ退屈取得し、彼らはMeanBaseにに行くと写真を見て開始する前に 猫の - あなたが起こることを知っている、とあなたは、ボード上のそのユーザを得ることを確認するには そしてあなただけのことを意味して良い稼働時間を持っていることを あなたのウェブサイトは、すべての回でアクセスできるようになるだろう。 ホストの多くは、本当に悪い稼働時間を持っているし、それはちょうどあなたのウェブサイトがあることを行っていないことを意味し アクセス可能な、そしてあなたは悲しいかもしれないので、起こることを望んでいない。 そして、あなたはまたのようなウェブサイトを使用して、ホストのパフォーマンスを追跡することができます Pingdom.comまたはホストtracker.com、と彼らはちょうどあなたのサイトがどのくらいの頻度でダウンしていることを伝える。 

そして最後に、あなたは彼らのサポートについて見てみたい。 あなたは問題がある場合、それらは、24時間以内に対応するつもりですか？ 彼らは48時間以内にあなたに応答するつもりですか？ 私が通常使用しているホスティングサービスでは、数分以内に私に応答 これは本当にいいです。 やれやれ！やった！それは休憩のための時間です。しかし、私はあなたにそれを与えるつもりはない。 私達はちょうどすべての今してかわいい猫の写真を見てみましょう。 

もう本当に、本当に大きなものは、クロスブラウザの互換性です。 私は、クロスブラウザの互換性とはどういう意味ですか？ あなたはそれだけでMicrosoft Internet Explorerではありません最近、知っている。 それはちょうどMozillaのFirefoxやSafariのではありません。 今、私たちは、Chromeを持っている。私たちは、オペラを持っている。私たちは、イルカがある。私たちは、カミノを持っている。 我々は征服を持っている。我々は、これらの異なるブラウザのすべてを持っている。 今出てきているものは -  RockMelt  - それらはすべてクロムに基づいていますけれども。 しかし、問題の事実は、ひとつのブラウザはもうありません。 あなたは、1つのアプリケーションだけで、これらのウェブページを表示していない。 そして、別のブラウザが異なるHTML、異なるCSSに応答します、と 異なる異なるJavaScript、およびどのようにそれに対処するのですか？ まあ、特定のケースでは、あなたは本当にできません。 あなたのウェブサイトは - それは1ブラウザで動作するかどうか、あなたが書いたコードが動作しません 別のブラウザで、それはコードはあなたが書いていることを確認するためにあなたの仕事です それはどこでも動作することを、普遍的である。 だから、これは本当に危険です。 あなたが言う場合は、 "まあ、それは私のコンピュータで作業している。素晴らしい！のが上に移動しましょう​​。" まあ、それはおそらく私のもので動作することはないだろう、と私はあなたのウェブサイトに行くとき 私は非常に悲しいことするつもりだ、と私はすぐに離れるつもりです。 だから、あなたはこれを防ぐことができる方法を見てみましょう。 

最初のものは、もちろん、唯一の標準的なHTML、CSS、およびJavaScriptを使用することです。 私はそれとはどういう意味ですか？ まあ、標準ではないものがたくさんそこにあります。 例えば、CSSには多くのバージョンがあります。 あなたは、任意のCSSルールが表示されている場合との-moz-や-webkitの - 、それらのルールが固有のものです MozillaブラウザとWebkitのブラウザの両方に、 とするので、多分あなたはこれらのことを回避したいことを確認するには なぜならあなたが使用の-moz-その場合、ルールはFirefoxのみで動作するように起こっている。 そして、あなたは本当に、それはまた、インターネットエクスプローラ上で見栄えする場合 あなたは幸運の外にするつもりだ。 また、HTMLの場合、1つのブラウザで作業するHTMLで物事を行うことができます それ別にブレーク、そしてあなたはその可能な限り避けたい。 そして最後にはJavaScriptがさえ - のJavaScriptの多くのバージョンが存在します  -  Document.getElementsByClassNameと、この夏、私たちはこの問題に遭遇した これは、通常、JavaScriptの標準の一部として定義されている機能である -  Internet Explorer 8で見つけることはなかった。 だから、夏の間、私は研究室で働いていたと我々はオ​​ンラインでの実験を構築した。 私たちが使用していたユーザーが実現するまで、我々はそれが本当によく働いていたと思った Internet Explorer 8では、その結果を提出することができませんでした。 私たちは、多くのデータを逃した。それは私達が本当に悲しくなりました。 だから、あなたは常にあなたのスクリプトがどこでも動作するようにしようとしていることを確認する。 

そして最後に、validator.w3.orgを使用 これは、我々はPSET 7で行うことを教えてくれたものです。 あなたのページが検証されていることを確認してください。 ことは、少なくとも第一段階の健全性チェックであるため、それが重要だ。 私のコードは、実際には規格に準拠していますか？ あなたのサイトが機能するように起こっていることを確認して手助けをソートする別の方法 ほとんどの状況ではおそらくいくつかのライブラリやフレームワークを使用することです これらは本当にスマートな開発者は、あなたのために、これらの問題について考えているので。 彼らを通じて行ってきたし、彼らはブラウザで動作するさまざまな機能を書きました。 例えば、私たちはPsetに7でのjQueryを使用しています。 あなたがそれを見ていなくても、jQueryのは、多くの機能を提供しています そうしないとあなた自身を記述しなければならないこと。 しかし、これらの開発者は、それを書いた、そして、彼らはそれがすべてのブラウザで動作することを確認しました。 とブートストラップ - 私たちはPsetに7であなたを示したことを別のCSSフレームワークです -  それは本当によく見るウェブサイトを設計すると頭痛の多くを奪う。 すべてのブラウザである。 

あなたはそれを避けることができれば、最終的に、私は通常スクラッチからコーディングを避ける。 あなたは自分の学校のクラブのためのウェブサイトを作成する場合は、例えば、 そしてあなたがする必要があるすべては、いくつかのページを表示し、多分あなたの社長に行くことです とあちこちでいくつかのことを変更する - コードする必要はそれ自身のバックアップは本当にありません。 それはあなたの多くの時間を要する。 、それはあなたの多くのエネルギーを受け取り、あなたが通って行かなければならないとあなたが見つけなければならない まあ、これはこのブラウザに似合うために起こっている、それがこのブラウザでは見栄えのする予定です。 たぶん、他の人が既にように、あなたのために書かれていること、これらのパッチのいくつかを使用 ワードプレスやJoomlaのかDrupalの。 これらはコンテンツと呼ばれる - これらは基本的にそのパッケージでのCMSと呼ばれ すでにあなたのために行われてきて、あなたは、あなたのサーバーに入れ、それらをダウンロードすることができます としたいしかし、それらをカスタマイズして、すでに実行されているウェブサイトを持っている。 これらのコードはパッケージはに見て何かされています。 あなたのような何かのために行くしない限り、これらのことは、オープンソースである -  フォームパッケージを探しているなら、のような自由ではないものがあります vBulletinによってまたはIP.Board。 あなたは、これらの高度な機能のいくつかを必要としない場合は、 いつでも自由にオプションを選ぶことができます。 

そして最後に、それが回避されていません。 あなたは、テスト、テストをテストする必要があります。 あなたは、これらのブラウザのすべてで、これらすべてのプラットフォーム上でコードをテストする必要があります。 そして、あなたはIE6、知っている - 善の人々がIE6から遠ざかって始めて感謝 、常に、背中の日に、多分数年前に、Web開発者は常にしなければならなかったので、 常に基準を次のようにIE6の弱点に迎合。 ウェブサイトはそれに対処するためのより良い方法の不足のため、1990年代のようなものを見た。 また、あなたのCSSをチェックするために、ブラウザのスクリーンショットを使用することができます。 One本当にクールなウェブサイトはbrowserlab.adobe.comです。 これは、Adobeが出して無料のサービスです。 そして、彼らがやっていることは、彼らはあなたのウェブサイトのスクリーンショットを取ることができている 異なる条件の下で実行されている - 別のブラウザで実行されているように、 異なるプラットフォームで実行している - 彼らはどのように見えるかを示しています。 ただ、私はここで何を意味するかをお見せするために、私は、ハーバード大学での生活と呼ばれる昨年ウェブサイトを作成しました と私は何をすべきかをしようとした - 私はmy.harvard良く作ってみました。 あなたがここに去年だったら、それは今では見えるように、my.harvardは見てなかったので。 それは嫌なのようなものを探します。 しかし、今ではかなり良く見えます。 私の実装では、もはやその有用ではありませんでしたが、すべて同じ あなたは、私が追加しようと、知っている - （判読不能）は、多くのものは何でも -  それが見える - それは私のコンピュータ上で非常によさそうだ。 私はより多くの時間を持っていたい場合、その後、多分私は、ブラウザのラボへ行っただろう と私が見たであろう、まあ、それはどのようにWindows上でChromeの18に見えるん。 私はスクロールダウンだろうと私は見ること - オハイオ州のNO！アナウンスボックスを見てください。 私のテキストがあふれていた。だから、それは正しい、悪いのですか？ ユーザーがWindows上でChromeを使用して自分のウェブサイトに来ている場合は、 それはすぐに非常に専門外の見える。 だから、私は私のCSSに行くと私のCSSの一部がここで破壊されて何かを見つける必要があります。 なぜそれが正しく表示されず、すべてのユーザーが同じウェブサイトを見ることができるようにそれを修正 と同じように幸せになる。 

そして最後に、まあ、ブラウザのスクリーンショットは、あなたのCSSをテストするためにいいです しかし、あなたのJavaScriptはどうですか？ あなたは何を実行しているいくつかの複雑なスクリプトを持っている場合はどうでしょうか？ さて、あなたは常に、仮想化を行うことができます。 あなたがMacを持っている場合には、多分のコピーを仮想化する合宿or VMWareの使用することができます WindowsとそこにInternet Explorerを使用しています。 または、あなたは、残念ながら唯一のPC上で動作するSpoon.netような何か、へ行くことができます。 しかし、彼らがやっていることは非常にクールです。 彼らはあなたのためにソフトウェアを仮想化するので、例えば、IEの異なるバージョンを実行することができます。 あなたは、Firefoxの異なるバージョンを実行することができます。 あなたは、サファリの異なるバージョンを実行して、そこにあなたのウェブサイトのすべてをテストすることができます。 残念なことに、彼らは無料ではありません。 それは有料サービスですので、この種のは、いつもそこにある -  このトレードオフの間に一種のが常にあり、よく、私は私のウェブサイトが良い見えるようにするつもりです。 もしそうなら、私は私がそれを行うことを支援するいくつかのサービスのために支払う必要がある場合があります。 我々は、の話という何でも、この時点で何か質問？ 素晴らしい。オーケー。 

今、私たちは、話をするより多くのものを持っている。 どのようなエラーでしょうか？ あなたのウェブサイトがあっても動作するように起こっていることを確認してどのように作るのですか 何かが悪くなりますか？ たぶん、あなたはfood.phpという名前のページを持っていません。 しかし、私は、私はあなたのウェブサイトに行くと、私はfood.phpにアクセスしよう。 ファイルが見つかりません - あなただけの私に404を言うその白のページを表示するつもりですか？ それともあなたは、まあ、私は私はあなたのためにこれを見つけることができなかったことごめんなさい "と言うつもりです 多分ここであなたが必要なものを検索するのに役立ついくつかの他のリソースがあります。 " その他のエラーは - そう、これは単にいくつかのエラーコードであるHTTPエラーと呼ばれます サーバが何か悪い出来事の場合、ブラウザに送り返されているかもしれない。 400  - 不正な要求。 401  - 不正。 あなたがアクセスすることを想定していないディレクトリを持っているときに403は一般的なの一種である ユーザーによって、ユーザーはとにかくしようとします。 500  - 内部サーバーエラー - あなたが何かを持っているとき、通常起こる 本当に悪いはPHPコードで起こって。 しかし、いずれにしても、ブラウザがこれらの種類 - これらのエラーの種類が起こるのか。 

だから、あなたは優雅に、これらのエラーを処理することを確認してどのように作るのですか そして、ユーザーはそこに掛かっているだけの一種ではないことを確認してください？ ここに来る。htaccessを。 さて、。htaccessファイルは、Apacheのサーバー上で動作するものです 作品と同様に、いくつかの他のサーバー上で動作しますか。 これは、そのサーバーがそのような設定にするためだけの方法です あなたはそれがやりたいことを行うことができます。 あなたが行うことができるいくつかのこと。あなたのキャッシュの設定を制御することができます。 たぶん、あなたは確認することをあなたのウェブサイト上の特定のページがあり、そのユーザ 再ダウンロードするたびにユーザーが来て、あなたのウェブサイトを訪問します。 それともyoursite.com /テスト/ HTML /ページ/ hello.htmlようなものだ、いくつかのURLを持っている さて、あなたは使用することができますhtaccessファイル - あなたはただyourname.com /こんにちはになることをしたい。 別のWebページをリダイレクトする。 また、認証を行うために使用することができます。 たぶん、あなたは別のパスワードを使用する必要がウェブサイトのいくつかの部分があります。 あなたは、特定のIPアドレスをブロックする特定のドメインをブロックすることができます。 たぶん、あなたは本当にあなたのウェブサイトを使用したハーバード大学の学生が好きではありません。 さて、あなたはすべてのハーバード大学のIPアドレスをブロックするオプションがあります。 

最後に、あなたは物事を扱うことができます - あなたがあなたのサーバーを作成する特定のコードを書くことができます PHPコードとして。趙またはあなたの名前か。こんにちはページのように扱う。 たぶん、それは便利になるでしょう。たぶん、それができなくなります。 そして最後に、エラー応答を処理するために使用することができます。 私はそれとはどういう意味ですか？ ErrorDocumentを404とし、いくつかにそれらを指示する - あなたは、単にこのようなコードを追加した場合 エラーページには、ユーザーが本当に、本当に醜いを見ていないことを確認することができます 404、それらに素晴らしい何かを示しています。 

実際に我々はあなたのPsetにと7のことを行うことができる方法を見てみましょう。 ここで、私は自分のアプライアンスにいる。 私はChromeを開くつもりだし、私はページにアクセスしようとするつもりだ それはCS50財務上に存在しません。 だから、ローカルホストを -  cats.php-そう、私はエラー文書を作成したことに気づく それは "Canzは、zのページを見つけることができません！"と言う それはそれで非常に悲しい猫を持っています。 あなたがこれらの他のサイトのいずれかに行く場合は、Twitterで行けば、 ページを見つけることができない、彼らは通常、あなたのかわいい画像を表示しようとする そうあなたはあまりにも失望しないということ。 また、言うよりプロフェッショナルなものを持っている可能性が よく、私は私がページを見つけることができませんでした申し訳ありませんが、多分ここには、検索ボックスです。 それとも、ここであなたがするリンクを見つけるのを助けるいくつかのリンクがあります。 だから、私はこれをどのように行うのですか？これはどのようにでも可能ですか？ 我々はここで我々のターミナルに行く場合 -  私はちょうど少しズームインするつもりです -  私は新しいページを持っていることに気づく。 私のHTMLディレクトリ内にそれが呼ばれています - あなたはそれを見ることができない -  それがerror.phpと呼ばれています。 とerror.phpはちょうど私が作ったファイルである それはあなた、そのページ自体が表示されます。 私はerror.phpが何であるかを表示することができます。 それはまさにこのページです。 それは "ああ、いや！Canz Zのページを見つけることができません！"と言う あなたが見たい場合は、 - 。ので、ソートのhtaccessのは奇妙な名前であることに気づく。 それは、システムファイルだということを意味するドットで始まる。 それは、通常表示されない隠しファイルです。 は、-LS、特定のディレクトリ内の隠しファイルのすべてを見ることができない場合は、 そして実際に、次のように表示。htaccessファイルは、それらの一つです。 。のは、先に行くと、htaccessファイルを開いてみましょう -  geditのと -  ブーム！私が持っているすべてはそこに1行です -  404エラーのエラードキュメント これらは、ファイルが見つからないというエラーとして知られています。 のがerror.phpと呼ばれるものにそれらをリダイレクトしましょう​​。 canzは、zのページを見つけられないようにして、楽しいことを持つことができます！ そして、あなたは。htaccessファイルを使ってできることは非常にクールなものもあります。 あなたがもっと見たい場合は。htaccessの魔法、 これは、に行くために非常にクールなウェブサイトである - それは呼ばれていますjavascriptkit.com/howto/htaccess.shtml-- あなたがより多くのサーバーの魔法を実行する場合。そしてそれは非常に楽しいかもしれません。 

やれやれ！やった！もっとかわいい写真。 これは、腕立て伏せをして男であり、彼の猫は助けるためにしようとしています。私はそれがとてもかわいいと思う。 残念ながら、私はそのような猫を持っていません。 わかりました。そこで、我々は。htaccessファイルについて説明しました。 私たちは、エラー処理について説明しました。 私たちは、ホスティング、ドメイン名について説明しました。 我々は、クロスブラウザの互換性について説明しました。 今、どのように我々はあなたのウェブサイトが実際に実行されていることを確認しますか？ どのように我々は、私はあなたのウェブサイトに行けばことを確認してください 私は、数秒以内にあなたのページを見ることができますか？ 私は人々が単にソートのことを忘れると思うことの一つ 画像の最適化である。 Let 'sは、あなたのサイトに写真を入れたいと言う そしてそれは2 MG大だ。 我々はハーバード大学にいるので、それは、私たちのために細かいかもしれない と我々は非常に高速なインターネット接続を持っている。 しかし、中国の誰かを想像してみてください。インドの誰かを想像してみてください。 多分同じ種類のを持っていない農村カンザスに多分誰かを想像する 我々が持っているブロードバンドインターネット。 あなたのサイトやユーザーに2メガバイトの画像を使用している場合、それをアクセスしようとしている それは彼らにダウンロードするには、本当に長い時間がかかるだろう。 だから、あなたは解像度のその種を必要としない場合、 その後は、Adobeフォトショップのようなもので、画像のサイズを変更できます。 Webおよびデバイス用に安全というオプションは、通常あり とどのようなそれがないと、それは不必要な情報のすべてを取り除きです と小さい画像サイズに圧縮ファイルの並べ替えすることができますように あなたのウェブサイトにそれを置くと、そのページをダウンロードしようとし、任意のユーザー 画像の小さいバージョンをダウンロードしようとしている。 あなたは、Adobeフォトショップを持っていない場合 場所を入力し、イメージをすることができますwebresizer.comはまた別のリソースである そしてそれは、全く同じ画像を吐き出すでしょう しかし、それは3倍小さいようなものになります。 だからそれはあなたのユーザーにとって非常に便利です。 

あなたが行うことができますもう一つは、コードを縮小するです。 私たちは、Google.comで見てみると、 それは我々がするために使用していることと同じHTMLとCSSのようなものではないことがわかります。 ちょうどここに、ソースコードを見に行く。 私は下にスクロールした場合 - うわー、それはかなり嫌に見えます。 これは、スタイル上のゼロになるだろう。 あなたは、psetに対するこれをコード化された場合は、あなたのスタイルにゼロを取得します。 これは、間隔を持っていません。名前は本当に不可解に見える。 これは、すべて本当に嫌だ。 体内に位置し、近隣には、スクリプト - クロージングHTML  -  彼らは一緒にすべてのだ - すべては一緒にsmushed。 なぜ彼らはこれを行うのですか？ 彼らは、コードを縮小。 この文書はたくさんの小さくなるために起こっていることに注意してください 私は空白で何もダウンロードするために、 本当に長い変数名で何より。 あなたのコードを縮小する場合は、すべての空白を取り除く。 あなたのコード内の任意の空白がある場合はもちろん、あなたのブラウザが気にしません。 あなたがそれを取り除く、今私は小さなファイルをダウンロードすることができます -  今ファイル - 文書たちがダウンロードしようとしているが、小さいファイルサイズが 私はダウンロードすることが速くなり、それは便利です。 あなたは、ウェブサイトで作業している、あなたがウェブサイトを立ち上げている場合は、 それはあなたのコードを縮小するために、ほとんど常に良いことだ。 それが良いかもしれないもう一つの理由は、あなたが他の人があなたのコードを使用したくないかもしれないです。 たぶん、あなたは他の人があなたのCSSを使用したくない。 あなたは本当にそれでけちになりたかった場合、あなたが知っている、 その後、また、あなたのコードを縮小することができる、と私はそれを盗むことは難しいだろう 私は何が起こっているのか見当がつかないので。 またminify.avivo.siようなウェブサイトに行くことができます。 このオンラインヘルプのようなサービスでは、あなたが手でそれをしなければならないように、コードを縮小する。 間違いなく手でそれをしない。 

オーケー。今すぐスクリプトについて話す。 たぶん、あなたのPHPコードであなたがする必要がないことを何かがあります。 たぶん、そこに余分なループがあります。 私たちは、CS50にコード設計について話しました。 あなたが持っている場合は、C言語でコーディングしている場合であっても - あなたは余分な作業をやっている場合 あなたがする必要がないことを、よく、それはあなたのウェブサイトにあなたのスクリプトを遅くするために起こっている、 ユーザーが最近非常にせっかちであるため、これはウェブサイトのために特に重要です。 不必要な仕事をやっているなら、それはもはやそれらを取るために起こっている 彼らは必要な情報を取得するために、彼らは非常に不幸なことになるだろう。 最後に、あなたのデータベースのテーブルを最適化することができます。 我々は、インデックスの話を覚えておいてください。 彼らはあなたがユニークなの行を持っていることを確認するための唯一の良いじゃない。 彼らはまた、あなたのデータベースが高速に動作することを確実にするためのいいです。 あなたには、MySQLのドキュメントをその外出先でまで読みたい場合 かを見ることができます - だけでなく、どのように私は私のデータベースのテーブルを最適化するのですか？ どのように私はより速く情報を取得する私を助けてインデックスを持っていることを確認していますか？ 

あなたはキャッシングのように使用することができます少しトリックもあります。 あなたは、PHPを使用している場合 - あなたは、たとえば、ブログを持っている場合、 そしてあなたが持っている - そしてそれは、PHPによって、または他の言語を搭載している -  あなたは静的なページを提供できるようにしましょう​​であなたのブログが50分間隔と言うキャッシュできる あなたのサイトへの訪問者に、または静的なHTML。 そのようにユーザーは、PHPスクリプトを毎回実行する必要はありません そして多分それは彼らがその情報にアクセスするのは速くなります。 

そして最後には、CDNのようなものを使用することができます。 あなたはPsetにをダウンロードするたびにことに注意してください、 あなたはいつもCDN.CS50.netに行く。なぜです？ CS50はまた、CDNのようにソートの使用 - コンテンツ配信ネットワークを -  それはちょうどそれが多分どこかで世界中のサーバの束であることを意味します そのヘルプはあなたの訪問者にあなたのページを提供する。 あなたの訪問者は、地理的にそれらに近いのサーバーからページを取得している場合は、 その後、最も可能性の高いあなたの訪問者がたくさんより速く、そのファイルを取得する予定です。 あなたがそれを行うのに役立つというオンライン情報源もあります。 その一つはCloudFlareのである。彼らは無料のCDNサービスを提供しています。 あなたの、あなたのユーザーに提供することを大きなファイルを持っている場合 おそらくそれは彼らがより速く、それらに得ることができるようにCDN上に置く方が良いでしょう。 

その日の最後のトピックは、検索エンジン最適化である。 検索エンジン最適化とは何ですか？ それは作っている確信しているGoogleやBingのやYahooなどの検索エンジン あなたのサイトに行くと、あなたのサイトやインデックスをあなたのサイトや時をクロールすることができます 私は、例えば、Google.comへ行くと、私は何かを検索しよう、 その後、あなたのサイトがポップアップ表示されます。 あなたのサイトがトップ10の1つであることを確認してどのように作るのですか？ なぜなら私たちは皆知っているとして、Googleで何かを検索する場合 そしてそれはあなたが最も可能性の高い次の10で見てするつもりはないトップ10にはありません。 これは、謎に包まれているトピックのようなものです。 インターネット上でそこに誇大広告がたくさんあり​​ます。 あなたはXその後Googleはあなたの方が好きでしょうない場合は約迷信がたくさんあり​​ます。 あなたはyを行う場合、Googleは、あなたの方が好きでしょう。 これは、検索の巨人のドキュメント自体に検討する方が良いでしょう。 

これはあなたのサイトを最適化する方法を正確にあなたを教えてGoogleでの文書の一つである ように、Googleがアクセスでき、インデックスは非常にうまくそれ。 このプレゼンテーションがに行っているため、このURLを下にコピーする必要はありません とにかくオンラインである。 あなたはこれを見て、あなたがこれを読めば、そこにいくつかの非常に有用なヒントがあります。 Googleはあなたに伝えます - あなたは本当にあなたのサイトがうまくインデックスを作成したい場合 その後、これらの事のすべてを行う必要があります。 

検索エンジンは本当に気に入っているもう一つは、新鮮なコンテンツである。 あなたは非常に定期的に更新のコンテンツを持っている場合 その後、検索エンジンは、私はあなたのサイトが好きで、oohの、言う。 私は非常に頻繁にあなたのサイトに行くつもりです。 私はインデックスのページをたくさんするつもりです。 あなたが新鮮なコンテンツを持っているなら、あなたは現れる可能性が高くなります -  あなたは、より関連性のある可能性が高いです。 あなたは、もっと更新する可能性が高くなります と検索エンジンは他の人の上に自分のサイトを置く可能性が高くなります。 

ディープリンクも重要です。 あなたは本当に検索エンジンの目に良く見えるようにサイトをたい場合 他のウェブサイトの多くは、それにリンクされ、あなたのウェブサイトに深くリンクしている。 ただ自分のホームページにリンクしないでください。 多分yourname.com /何か/何か/ something.phpへのリンク。 検索エンジンへ -   - 手段、うわー、彼らは本当に面白いコンテンツを持っていることを 他の誰かが自分のサイトに非常に深くリンクしていること、私は本当に、本当に必要があること そのサイトのページの上に多くの重要性を置く。 

あなたが正確なページタイトルがある場合は、ので、良いことだエラーがない場合 、検索エンジンはあなたのサイトを訪問しようとしている、それがエラーを取得している場合 それはおそらく非常に、非常にすぐにあきらめるだろう。 そして最後に、あなたは、検索エンジンので速いロード時間を持つようにしたい -  ただ人間のように - 遅いウェブサイトのための多くの忍耐を持って無関心。 これはあなたのためにあなたがより高い現れていることを確認するための方法です エンジンのクエリを検索し、うまくいけば、それによってより多くのトラフィックを取得します。 結局のところなので、あなたのウェブサイトを開発して、このすべての時間を費やしてきた。 このウェブサイトのオンラインを起動するすべてのこの時間を過ごした。 あなたが実際にあなたのコンテンツを参照してくださいユーザーの多くを持っていることを確認する。 

使用するために他の良いリソース。 Googleウェブマスターツールに見て何かである。 これはちょうどあなたが見たいのに役立ちます -  Googleは私のサイトをインデックスされていません。 エラーの種類が意味遭遇している？ それはどのように多くのページをインデックス化している？ それは私のページ上で最も重要なコンテンツは何だと思いますか？ 多分それは私がそれになりたいのかではありません。 たぶん私はそれがより良い反映だように少し私のウェブサイトを変更する必要があります 何を私のウェブサイトは本当に程度です。 Google Analyticsでは、別の本当にクールなツールです。 あなたのページにJavaScriptを少し追加することができます。 そしてその後は、Google Analyticsに行くことができ、そしてそれは追跡する あなたの訪問者の人口統計とあなたのサイトの成長。 それはあなたのサイトを参照してください正確にどのように多くの来場者を教えてくれます 内の特定の週以内の一定時間内の特定の日、、。 中国からどのように多くの訪問者？南極からどのように多くの来場者 -  あなたのウェブサイトに取得している。 それは見てクールなものかもしれない、またはそれも役に立つかもしれません あなたは、特定のグループをターゲットにしようとしているので。 たぶん、あなたはあなたのウェブサイトで10代をターゲットにしようとしている、あなたはそれを見る あなたのウェブサイトへの訪問者のほとんどは多分30アール -  40歳に、 多分どちらかに問題があるまたはあなただけと言うことができ、 まあ、多分私はちょうど私のウェブサイトの焦点を変更する必要がありますように 私はその年齢層に集中。 

Google Appsの - あなたのドメイン名を持つメールの並べ替えを持ってしたい場合 -  多分何かが好きyourname@yourname.com-- あなたは、Gmailのアドレスを使用することができます - あなたがGmailのサービスを使用することができます とGoogle Appsのはそれを行うための一つの方法である。 あなたのドメイン名に固有の特定の電子メールアドレスを設定することができます 代わりof@gmail.com。 

クロムのための、 - そして最後に、ウェブ開発者向けの拡張機能やアドオンがあります Firefoxでは、他のブラウザのために - それはあなたが行くと検査することができます CSSは、Javaスクリプトの設定を検査し、あなたのJavaScriptスクリプトが間違っているのかを正確に確認 そして多分それはあなたが見つけるために、あなたのデ盗聴目的のために有用であろう -  さて、なぜ私のウェブサイトはこのブラウザで正しく表示されない？ 

そして最後に、あなたがすべてのこれらのトピックについての詳細を学びたいと思った場合 -   - あなたは、HTMLとCSSとJavaScriptについての詳細を学びたいと思った場合 結局のところ、我々はあなたを少し教えているため -  あなたはより多くのリソースを探すためにW3Schools.comのようなウェブサイトに行くことができます。 彼らは私がXを行うにはどうすればよいで非常に素晴らしいチュートリアルを持っている、またはyは何を意味するのでしょうか？ これらの言語についての詳細を学びたいと思った場合は、単にここに行くことができます。 

わかりました。私は、質問のために、この最後の数分を残して欲しかったと思います、 従って我々は、約話ことは何についてのご質問があります？ [聴衆メンバー]何物事の種類はW3Schoolsの上にあり、それはどのように覆われている？ [Yuechen趙]物事のどのような？ だから、私は多くを使用することが非常に大きなものの一つは、彼らの参照です。 CSSの例のための彼らの参照の詳細を、 -  これが何を意味するか、ページの背景を変更したい場合 -  どのようにそれを行うのですか？ どのブラウザがそのコマンドをサポートしていますか？そのようなこと。 そして彼らはまた、単に、JavaScriptに、PHPで、HTML上で非常に素晴らしいチュートリアルを持っている MySQLの上に、さまざまなトピックのすべての種類で。 彼らは素敵なチュートリアルがあります。彼らは物事を行う方法を教える。 それが行くと、これらのトピックについての詳細を学ぶことができてうれしいです。 

[聴衆メンバー] HTML 5はまだそこにすべてのブラウザと互換性がありません。 あなただけのために互換性の問題、それから離れて滞在をお勧めしますか？ どのようにそれに対処するでしょうか？ [Yuechen趙]はい、そう、質問はHTML5ではまだ赤ちゃんの標準です。 それは本当に多くのブラウザでサポートされていないので、我々はそれを避ける必要がありますか？ 私は去年、私は非常に大きな支持者だっただろうと思う、のはHTML5を避けましょう それはまだですので、 - それはまだ非常に新しいですし、実際には、HTML5標準 まだ確定されていません。 そして、実際にはHTML5の標準はありません。 しかし、私は今あなたがウェブサイトを設計している場合は特にだと思う、 それが未来になるだろう一種のだからあなただけHTML5で行く場合、それは、良いかもしれません あなたはあなたのウェブサイトが将来性になりたいと、あなたのウェブサイトは、仕事をしたい場合 将来のブラウザでは、将来のために何かを構築を開始したほうがよいかもしれません 過去に比べ、また、という理由だけでHTML5は本当に変わらないという事実 HTML4やXHTMLから。 あなたはHTML5を使用している場合、それは通常、ほとんどのブラウザで動作します。 あなただけに行くと、これらのスクリーンショットで確認してください並べ替えする必要があります そしてこれらのウェブサイトに自分を起こったことを確認する。 あなたはHTML5に非常に固有の機能を使用していない限り、ほとんどの場合、それは動作します。 例えば、我々が使用しているビデオプレーヤーのために -  CS50用のことにも注意してください -  それは講義を表示するためにHTML5とHTML5ビデオを使用しています。 あなたが本当に古いブラウザを持っている場合でも、それはフラッシュに頼るでしょう。 だから、それはまた、何か他のものだ -  あなただけのブラウザが処理するつもりはないことを知ったときのためのフォールバックシステムを持っている あなたがそれを処理するために何をしたい。 

その他の質問は？ 我々は、の話というもの。 わかりました。それから私は私のためにそれについてだと思う。 私はそれだと思う。 （拍手） 冷却する。 [CS50.TV]