DjangoでサクッとWebページを作ってみました。 初心者向けに超基礎的な部分だけ解説します。 セットアップ 既にご存知かと思いますが、DjangoはPythonで開発されています。したがってまずはPythonをインストールする必要があります。 本記事執筆辞典ではPythonは3.7がおすすめです。もしPython2.xがインストール済の場合はアップグレードしましょう。 インストールが正しく行われているか確認するには以下のコードを実行してみてください。 $ python3 --version Python 3.6.1 Djangoのインストール projects/requirements.txt ファイル中に以下のテキストを追加します。 Django~=2.0.6 次に、以下のコードを実行してインストールします。 pip install -r requirements.txt 以下のようになりましたでしょうか。 (myvenv) ~$ pip install -r requirements.txt Collecting Django~=2.0.6 (from -r requirements.txt (line 1)) Downloading Django-2.0.6-py3-none-any.whl (7.1MB) Installing collected packages: Django Successfully installed Django-2.0.6 インストールはこれで完了です。 次回は具体的な開発の解説に入っていこうと思います。 最終的にはこんな感じになります LeadingTech 更新はゆっくりになりますが頑張りますので気長にお待ちください！
DjangoでサクッとWebページを作ってみました。 初心者向けに超基礎的な部分だけ解説します。
既にご存知かと思いますが、DjangoはPythonで開発されています。したがってまずはPythonをインストールする必要があります。 本記事執筆辞典ではPythonは3.7がおすすめです。もしPython2.xがインストール済の場合はアップグレードしましょう。
インストールが正しく行われているか確認するには以下のコードを実行してみてください。
$ python3 --version Python 3.6.1
projects/requirements.txt ファイル中に以下のテキストを追加します。
projects/requirements.txt
Django~=2.0.6
次に、以下のコードを実行してインストールします。
pip install -r requirements.txt
以下のようになりましたでしょうか。
(myvenv) ~$ pip install -r requirements.txt Collecting Django~=2.0.6 (from -r requirements.txt (line 1)) Downloading Django-2.0.6-py3-none-any.whl (7.1MB) Installing collected packages: Django Successfully installed Django-2.0.6
インストールはこれで完了です。 次回は具体的な開発の解説に入っていこうと思います。
最終的にはこんな感じになります LeadingTech
更新はゆっくりになりますが頑張りますので気長にお待ちください！
はじめまして！ 初投稿のwelfare_seと申します！ 皆さまフォローよろしくお願いいたします！ 今回はfirebaseを使ったホームページの公開･更新方法をお伝えいたします。 こちらのやり方では静的コンテンツしか公開できませんが、超簡単にホームページを公開できるので備忘録として公開します。 1．firebaseの設定 ・firebaseへログイン ・Firebase のコンソールに移動 公開するサイトを管理するためのプロジェクトを作成 プロジェクトは公開するサイト1つにつき、1つ必要 国は「日本」を選ぶ ロケーションは「asia-northeast1」 2．PC内の設定 ・プロジェクト用フォルダを作る ・公開したいサイトのフォルダを移動 移動したフォルダ名は必ず「public」とする！ 3.Node.jsをインストールしていなかったらインストール https://nodejs.org/ja/ ・推奨版をインストール ・コマンドで「node -v」と打ち、インストールされているか確認 コマンドで「npm -v」と打ち、npmがインストールされているか確認 Windows PowerShellなら「clear」で画面をクリアにできる 4.Firebaseのコマンドラインツールの導入 ・macOSの場合 「sudo npm install -g firebase-tools」 ・Windowsの場合 「npm install -g firebase-tools」と打つ ・PCで設定したfirebaseログイン用のパスワードを入力 ・「firebase -V」でバージョンを確認 ・必要に応じて「npm i -g firebase-tools」でアップデート 5.firebaseへログイン ・firebase login 6.プロジェクト用のフォルダをfirebase用に初期化 ・フォルダのあるディレクトリまでコマンドで移動 ・「firebase list」と打つ ・Project ID を選択してコピーして必ずメモしておく ・「firebase init --project= プロジェクトID」と打つ ・矢印キーとスペースキーを使ってhostingを色丸にする ・Enterを押す ・公開用のフォルダをどれにするか質問される(publicならそのままEnter) ・あとの設定はデフォルトで 7.サイトの公開 ・プロジェクトフォルダに移動する ・コマンドで「firabase deploy」と打つ ・Hosting URLを必ずコピペしてメモする ・URLをchromeのはりつけてページがアップされていれば公開されている 8.サイトの更新 ・更新したいファイルを編集 ・ターミナル/WindowsPowerShellを起動 ・プロジェクトフォルダまでコマンドで移動 ・コマンドで「firebase deploy」を打つ ・デプロイの履歴からならロールバックもできる
はじめまして！ 初投稿のwelfare_seと申します！ 皆さまフォローよろしくお願いいたします！
今回はfirebaseを使ったホームページの公開･更新方法をお伝えいたします。
こちらのやり方では静的コンテンツしか公開できませんが、超簡単にホームページを公開できるので備忘録として公開します。
1．firebaseの設定 ・firebaseへログイン ・Firebase のコンソールに移動 公開するサイトを管理するためのプロジェクトを作成 プロジェクトは公開するサイト1つにつき、1つ必要 国は「日本」を選ぶ ロケーションは「asia-northeast1」
2．PC内の設定 ・プロジェクト用フォルダを作る ・公開したいサイトのフォルダを移動 移動したフォルダ名は必ず「public」とする！
3.Node.jsをインストールしていなかったらインストール https://nodejs.org/ja/ ・推奨版をインストール ・コマンドで「node -v」と打ち、インストールされているか確認 コマンドで「npm -v」と打ち、npmがインストールされているか確認 Windows PowerShellなら「clear」で画面をクリアにできる
4.Firebaseのコマンドラインツールの導入 ・macOSの場合 「sudo npm install -g firebase-tools」 ・Windowsの場合 「npm install -g firebase-tools」と打つ ・PCで設定したfirebaseログイン用のパスワードを入力 ・「firebase -V」でバージョンを確認 ・必要に応じて「npm i -g firebase-tools」でアップデート
5.firebaseへログイン ・firebase login
6.プロジェクト用のフォルダをfirebase用に初期化 ・フォルダのあるディレクトリまでコマンドで移動 ・「firebase list」と打つ ・Project ID を選択してコピーして必ずメモしておく ・「firebase init --project= プロジェクトID」と打つ ・矢印キーとスペースキーを使ってhostingを色丸にする ・Enterを押す ・公開用のフォルダをどれにするか質問される(publicならそのままEnter) ・あとの設定はデフォルトで
7.サイトの公開 ・プロジェクトフォルダに移動する ・コマンドで「firabase deploy」と打つ ・Hosting URLを必ずコピペしてメモする ・URLをchromeのはりつけてページがアップされていれば公開されている
8.サイトの更新 ・更新したいファイルを編集 ・ターミナル/WindowsPowerShellを起動 ・プロジェクトフォルダまでコマンドで移動 ・コマンドで「firebase deploy」を打つ ・デプロイの履歴からならロールバックもできる
http://kachibito.net/css/hr-css-styling-collection より See the Pen bPLrqX by kachibito (@kachibito) on CodePen. CSSの記述を思い出すのと画像で作るのとどっちが早いか悩ましい。
http://kachibito.net/css/hr-css-styling-collection より
See the Pen bPLrqX by kachibito (@kachibito) on CodePen.
CSSの記述を思い出すのと画像で作るのとどっちが早いか悩ましい。
