コピー2024.10.15はじめにこれまで、Webアプリを製作する上で、便利なひな型となるフレームワーク(Django)について、全体の構成・各部門のはたらきについて解説してきました。今回はweb製作を始める前の準備について具体的に何を行えばよいか、実際にコマンド等を紹介しながら述べていきます。・・・ロケットを飛ばしてみよう!まとめwebアプリ製作前に必要なもの前回までのブログでは、アプリ製作でフレームワークというひな型を使用するメリットと、そのフレームワークのひとつである「Django」の特徴や、各部門のはたらきについて解説してきました。今回は、実際にwebアプリを作成するうえでの下準備について解説していきます。「python」をインストールする「仮想環境」を作成する「Django」をインストールする「Django」においてプロジェクトを作成・各種設定をする「開発サーバー」を立ち上げるの順番で行っていきます。上記のほかにもデータベースの設定などを行う場合もありますが、今回は最低限Webアプリを製作するうえで必要な手順のみ紹介します。インストールする・「python」をインストールする行程については、これまでのブログで使用していたため今回は省略します。仮想環境とは、(主に自分のPC内で)仮想的に作成された場所のことです。今回使用するPythonには、コマンドを打ち込むことで仮想環境を作成してくれる機能がついています。この作成した仮想環境内でwebアプリを作成すると、pythonやDjangoのバージョン違いでの差による不具合を避けたり、他のアプリからの影響を受けたりせず作業を進めることができます。仮想環境は独立した箱のようなもので、複数作成することができます。プロジェクトごとに仮想環境を作成しておくのが一般的です。・・・「作成」と「有効化」についてさっそく仮想環境を作成してみます。pythonを使用すれば、以下のコマンドで簡単に仮想環境を作成することができます。上記のコマンドのうち、1つめの「venv」は仮想環境を作成するときに共通で、2つめの「venv_todoapp」というのは仮想環境の名前を示しています(このため、venv_todoappの部分は好きな名前を付けて問題ありません)。仮想環境は作成しただけでは使用できないので、これを「有効化」して仮想環境に入ってみます。activate.bat▼仮想環境に入っていると先頭に(仮想環境の名前)が表示される仮想環境に入れることが確認できたら、以下のコマンドで「無効化」して仮想環境からいったん抜けておきます。deactivate▼仮想環境から抜けたので先頭の()が無くなっている2Djangoをインストールしよう次に、以下のコマンドで仮想環境内でDjangoをインストールしてみます。今回は最新版のDjangoをインストールします(バージョンを指定してインストールすることも可能です)。django※仮想環境に入っている状態か先に確認しましょう!▼仮想環境内に「django-admin」などが存在していたらインストール完了3「プロジェクト」と「アプリケーション」を作ろうDjangoのインストールが完了したら、「プロジェクト」と「アプリケーション」を作成します。これからtodoアプリの機能を記述していくファイルが「アプリケーション」で、その大元のフォルダが「プロジェクト」です。todo_project※ここでも仮想環境に入れているか確認!▼「todo_project」の部分は任意のプロジェクト名でOK☆「アプリケーション」作成アプリケーションを作成するさいには、manage.pyのあるディレクトリでコマンドを実行します。todoapp▼「todoapp」の部分は任意のアプリケーション名でOK4Djangoの設定をしようDjangoでプロジェクトとアプリケーションを作成したら、早速Djangoの設定をしていきます。ファイルで「言語」と「タイムゾーン」の設定をするまずは、「setting.py」というファイルで「言語」と「タイムゾーン」の設定をしていきます。・・・ロケットを飛ばしてみよう!設定が完了したら、開発用のサーバーを立ち上げてみます。開発用のサーバーとは、webアプリを作成していくと反映される場所のことです。これは、自分のPCをwebサーバーとして、ブラウザからリクエストを受ける形を作っています。(サーバーとブラウザについては、ブログ第23回・24回参照)各ファイルにプログラムを書き連携することにによって、このサーバーでアプリの内容が確認できるようになります。manage.pyのあるディレクトリに移動したあと、以下のコマンドでサーバーを立ち上げます。runserverコマンドを打ち込んだあと、「http://127.0.0.1:8000/」というURLを入力し、以下のようなロケット打ち上げ画面が表示されていたらサーバーの立ち上げ成功です。これによって、Djangoで機能を作成していくとブラウザから確認することができます。127.0.0.1:8000って何?127.0.0.1とはPCの住所を表す「IPアドレス」のひとつで、自分自身のPCを表す特別なアドレスです。その後の「8000」はポート番号を指しています。runserverというコマンドは、自分自身のPCの8000番というポートに、webサーバーを立ち上げるコマンドになります。127.0.0.1:8000を入力することによって、このサーバーにアクセスすることができます。studioとpythonをインストール後、webアプリ製作前の準備では、まず仮想環境を作成します。仮想環境を作成しその環境内で作業することで、バージョン違いによる仕様の差や他アプリへの影響なくアプリ製作を行うことができます。仮想環境を作成したら、Djangoをインストールし、「プロジェクト」と「アプリケーション」を作成します。このうち「アプリケーション」の各ファイルに、今回作成したいアプリの記述をしていきます。プロジェクトとアプリケーションを作成したら、Djangoの設定を「setting.py」のファイルで行っていきます。設定が完了したら、開発用のサーバーを立ち上げて下準備は完了です。サーバーが立ち上がるとロケットが飛ぶので、これを確認したらひとまず安心です。今回は、webアプリを製作するうえで便利な「フレームワーク」について、少し詳細に解説していきます。今回使用するフレームワークは「Django」です。今回の記事では、プログラミングを用いたWebアプリケーションの製作を目標に、その基本知識となる「Web」について解説していきます。今回の記事では、プログラミングを用いたWebアプリケーションの製作を目標に、その基本知識となる「サーバー」について解説していきます。今回の記事からは、プログラミングを用いたWebアプリケーションの製作について解説していきます(使用するプログラミング言語はpythonになります)。今回の記事からは、21~24回で解説したwebアプリの基本を押さえて、実際に簡単なアプリの製作を行っていきます(今回使用するプログラミング言語はpythonです)。今回の記事では、プログラミングを用いたWebアプリケーションの製作を目標に、その基本知識となる「ブラウザ」について解説していきます。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。最近のコメント表示できるコメントはありません。ほやほやSE日記.ホーム検索トップサイドバータイトルとURLをコピーしました。