お帰りなさい｡
私たちのフラスコ・アプリケーションがあります｡
それは､ ユーザーの連絡先をCSVファイルに保存することです｡
そして､ これはすべて素晴らしいことです｡
本当に､ うまくいっているんです｡
そうだろ？
美しいウェブサイトができました｡
お問い合わせフォームもあります｡
しかし､ ここで問題が発生します｡
ほら､ ブラウザとサーバーを同じパソコンで動かしているじゃないですか｡
でもこれは実生活ではありません｡ このURLを友人に渡しても､ これだから見られないんです｡
アドレスはローカルホストを指す｡
ローカルホストと書いてある｡
こんな感じ｡
ローカルホストが単に自分のコンピュータを意味するのと同じことです｡
だから､ 私たち以外の人が私たちのアプリにアクセスできるわけではありません｡
それはあまり楽しくないですよね？
理想は､ 友人や家族､ 場合によっては将来の雇用主にも送れるようなアプリを作ることです｡
では､ どうすればいいのか｡
このビデオでは､ アプリケーションやウェブサイトをオンラインでデプロイする､ とても楽しくて簡単な方法を紹介します｡
Python anywhereというものを使って､ Python anywhereがファイルをホストしてくれるんだ｡
これは､ 私たちがここで持っているすべてのファイルを､ 彼らが無償で提供してくれるサーバーに入れたものです｡
だから､ これは完全に無料です｡
ログインするだけでいいのです｡
そして､ Sign Upをクリックすればいいのです｡
料金プランが違うので､ 実際にお金を払ってサービスを受けることができるのがわかります｡
しかし､ Webアプリケーションを1つ作るような初心者向けのプランであれば､ 無料で対応することができます｡
それでは､ 初心者用のアカウントを作成し､ ユーザー名とパスワードを作成しましょう｡
条件に同意する｡
もちろん､ 全部読みましたよ｡
ああ｡
誰かが私のユーザー名を奪った
よくもまあ､ そんなことを｡
アンドレと一緒に行こう｡
それでまた､ 自分のアカウントを作成する｡
そして､ そこに行く｡
ダッシュボードを用意しました｡
さて､ Python anywhereの仕組みは､ マシンにファイルを読み込ませる必要があります｡
私たちがパソコンでファイルを保存するのと同じようなものです｡
なんとかコンピュータとしてPythonにどこでもアップロードできるようにしなければならない｡
さて､ その方法ですが､ GitHubを利用します｡
では､ GitHubのアカウントを開いてみます｡
新しいリポジトリをクリックします｡
そして､ ここに私のプロジェクトを作成します｡
だから､ そう呼ぶことにしよう｡
ポートフォリオというのは､ 響きがちょっとかっこいいし､ 流行の名前はみんなこういう短さだから｡
これが私のポートフォリオプロジェクトなんですね｡
公開にしておいて､ re meで初期化して､ リポジトリを作成します｡
さて､ ここからはクローンです｡
このリポジトリ
SSHを設定している場合は､ sshをコピーします｡
そうでない場合はhttpsを使用し､ クローンする際にgithubのパスワードを要求される可能性があります｡
だから､ あとは新しい端末を立ち上げるだけだ｡
これをもう少し大きくしてみよう｡
そして､ get clone と言って､ URLをコピー＆ペーストして､ クローンがプロジェクトになるようにします｡
さてここから､ これを開くと｡
Webサーバーと､ GitHubのアカウントであるポートフォリオがあります｡
だから､ ここにファイルをコピーすればいいのです｡
ここで実際に必要なのは､ データベースCSPです｡ なぜなら､ これらはPythonのどこかにアップロードするファイルになるからです｡
とりあえず､ CSVを選択して､ サーバーのpyを静的フォルダ､ テンプレートフォルダにファイルしましょう｡
なぜなら､ それらはすべてFlaskアプリを実行するためのファイルだからです｡
さて､ これをコピーしてここに貼り付けると｡
他のファイルはどうなんだ､ と思われるかもしれません｡
さて､ ここで巧妙な仕掛けがあります｡ ここにあるファイルは､ 仮想環境のために作成されたものです｡
そうですね｡
flaskなどを導入しています｡
Python 3 のようなライブラリがあります｡ 7.
パイのキャッシュフォルダを用意しました｡
これらのフォルダが､ 私たちのために仮想環境を作ってくれているのです｡
しかし､ ここには面白い仕掛けがあります｡
Pip Freezeというコマンドを実行すればいいのです｡
そして､ あなたのマシンにどのような種類のPythonがインストールされているかによって､ PIP 3を行わなければならないかもしれないことを忘れないでください｡
しかし､ そうすれば､ この小さな矢印と要件のドットテキストでパイプが解放されます｡
この要件テキストが私のプロジェクトに追加されるとどうなるかに注目してください｡
ご覧ください｡
見えますか？
わかったよ｡
要件ドットテキストと本要件テキスト｡
これをクリックすると､ アプリを動作させるための要件がここに表示されます｡
そして､ このライブラリに含まれているテンプレート用のflaskとgingivaは､
GitHubにアップロードするのではなく､ このファイルを将来のマシンにインストールする方法として使用することができます｡
私がお見せします｡
例えば､ これらのファイルをすべてPythonのどこかにアップロードすることができますよね？
でも､ それだとファイル数が多くて大変なんです｡
その代わり､ 私たちが書いた重要なファイルと要件ドットテキストだけをアップロードし､ 自動的にPythonがどこでも要件テキストを見てFlaskやJinjaや他のすべての要件をインストールできるようにするのです｡
では､ とりあえずデスクトップに戻って､ 要件のテキストもコピーしておきましょう｡
ポートフォリオページへ
これで､ GitHub に必要なファイルはすべて揃いました｡
戻れば､ ポートフォリオフォルダに入るだけです｡
そして､ 単純に､ すべてを追加して､ コミットして､ 何らかのメッセージを与えてくださいということです｡
私のポートフォリオサイトです｡
これでよしとしよう｡
そして､ ついにプッシュオリジンマスターを手に入れる｡
そしてそのまま､ GitHubに戻ると｡
そして､ リフレッシュしています｡
あれを見てください｡
ポートフォリオプロジェクトに必要なファイルはすべて揃っています｡
GitHub を使えば､ Python のどこでもダッシュボードに本当に簡単にアップロードできるようになります｡
この方法は､ 実際にこのレポをクローンして､ これらのファイルをすべて揃えます｡
そして､ HTTPSを使用します｡
これをコピーして､ ダッシュボードに移動してみましょう｡
このコンソールでbashを押すと､ Pythonがホストしているコンピュータが存在するターミナルが開かれます｡
これをもう少し大きくしてみよう｡
そして､ ここで言えるのは､ クローンを手に入れるということです｡
そして､ このレポをクローンしてください｡
これでよしとしよう｡
そして今､ もし私たちが少なくして､ これはLinuxマシンであることを思い出してください｡
だから､ LLSのようなLinuxのコマンドは効きそうです｡
つまり､ テキストとポートフォリオがあることがわかります｡
では､ ポートフォリオに入りましょう｡
そして､ 私たちのマシンにあるすべてのファイルを見ることができるのです｡
さて､ ダッシュボードに戻り､ 自分のファイルにアクセスすると､ とてもクールなことがわかります｡
ディレクトリの中にポートフォリオプロジェクトというのがありますが､ これは私たちが作成したファイルです｡
なんてかっこいいんでしょう｡
これで､ アプリを実行するのに必要なファイルはすべて揃いました｡
でも､ どうやってアプリを走らせるんだろう？
さて､ Webアプリのタブを用意しました｡
だから､ 無料層では､ 私たちは1つの無料のWebアプリケーションにアクセスできることを忘れないでください｡
では､ 「Web」タブを開いて､ 新しいWebアプリを追加してみましょう｡
そのため､ 残念ながら無料ティアでは､ カスタムドメイン名を持つことができません｡
それは､ アンドレ・ナゴヤ・ドット・コムとか､ 好きなウェブサイトを言うための方法です｡
そのかわり､ 彼らがあなたのために生成してくれるのですが､ それはあなたがお金を払いたいなら自分で調べればいいことなのです｡
しかし､ 今は無料版を使って､ 使いたいPythonフレームワークを選択できるようにしましょう｡
そして､ 実際に手動で設定を行います｡
Pythonのバージョンは自由に選ぶことができます｡
3をやろう｡ 6は､ 今まで使っていたものなので､ とりあえず｡
そして､ 最後に「次へ」をクリックします｡
これでよしとしよう｡
私たちのPythonプロジェクトはこのURLアドレスにあります｡
でも､ これをクリックすると
よし､ ハローワールドが出るぞ｡
効いてますね｡
でも､ これは私たちのポートフォリオではないので､ どうしたらうまくいくのでしょうか？
いくつか設定しなければならないことがあるんだ｡
まず､ 何か問題が発生したときのために､ 設定方法を紹介するチュートリアルをリンクしておきます｡
でも､ 一歩一歩進んでいきましょう｡
まず､ 必要なのは下にスクロールすることです｡
そして､ ソースコードを入力します｡
ということは､ 探しているコードはどこにあるのだろう？
覚えていれば｡
ここで､ ファイルに移動しましょう｡
ポートフォリオフォルダを用意しています｡
つまり､ Webでやりたいことは､ ここにポートフォーが欲しいということです｡
そして､ そのリンクを自動的に作成してくれるのです｡
そこで､ 私たちのソースコード､ サーバーコードが存在するのです｡
さて､ ここに戻ると､ コードはPython anywhereに取り込まれ､ 次に仮想環境をセットアップする必要があります｡
そこで､ コンソールを開く必要があります｡
これを少し大きくして､ 以下のコマンドを実行するだけです｡
つまり､ 私たちの場合､ Python 3を使っているので 6､ これをコピーしていくだけです｡
私たちのところへ｡
もう一度､ バッチにダッシュボード｡
つまり､ このコンピュータからファイルを提供することになるわけです｡
そして､ コピー＆ペーストでマイバーチャルEMFという仮想環境を作る｡
そして､ それがインストールされている間｡
次の作業は､ Flaskのインストールです｡
そこでもう一度､ これをコピーします｡
では､ pip install flaskを実行してみましょう｡
そして､ ここでflaskがインストールされていることに気がつくでしょう｡
今､ 私たちはバーチャルな環境にいるのだと｡
ここでは､ 仮想環境の名前を指定した「my virtual EMF」と表示されていることを確認してください｡
そして､ 次にこのコマンドを実行します｡
まあ､ 実際には､ このコマンドは何もしません｡ なぜなら､ この作業するためのコマンドは､
すでに作成した仮想環境に移動するだけだからです｡
これは次回のお楽しみです｡
例えば､ 仮想環境で作業していることを確認するために､ コンソールを開くと､ いつもそうなっています｡
さて､ この中でファイルを見ると
自分のポートフォリオプロジェクトがある｡
でも､ 依存関係がたくさんある場合に備えて､ 私たちが持っている要件テキストを使って実行することもできますね｡
実際にこのコマンドを実行することで､ 要件を読み取ることができます｡
テキスト
依存するものをインストールする｡
ああ｡
ファイルを開くことができなかったのは､ まずポートフォリオにシードを入れてから､ このコマンドを実行する必要があるからです｡
私たちの場合､ それほど多くの要件はなく､ FLASKをインストールしたときからすべて決まっています｡
しかし､ このようにrequirements to textを使って､ すべての依存関係をインストールすることができるのです｡
すごい｡
チュートリアルに戻って､ 仮想環境を設定したことを確認し､ この環境を探すための Web
タブの場所を知るために､ Web タブに移動して仮想環境を設定する必要があります｡
そこで､ 戻って､ 今度は私たちのウェブにアクセスしてみましょう｡
と､ 混乱するのはわかります｡
Webサイトでコンフィギュレーションを行うとこうなります｡
それは､ ただ学ぶか､ ドキュメントに従うか､ その一つなのです｡
このバーチャルEMFの中で
私たちは､ 彼らが求めるままに､ シンプルに行動します｡
仮想環境の名前（my virtual）を追加します｡
もう一度言いますが､ これをコピーすると､ 自動的にリンクが表示されます｡
さて､ 最後にリロードすると｡
私たちのアプリケーションは数秒かかりますが､ それが終わって私がクリックしたとき｡
ハローワールドが出るんです｡
うーん｡
やはり､ 何かがおかしい｡
なぜなら､ 私たちのサーバーにしたいからです｡
走り出すこと｡
そうですね｡
だから､ index htmlを提供してくれているのです｡
このビデオは長くなってしまったので､ 一旦休憩して､ 次のビデオでお会いしましょう｡