koke-maxのブログ https://ameblo.jp/koke-max/ ブログの説明を入力します。 ja Djangoってフレームワークをやってみる！8 今回から、4-7Bootstrapで見た目を整えようをスタートします。

 

早速ですが、この本で取り扱われているBootstrapは多分、私が試したものと少し違うよう

です。

 

私が試したのはBootstrap5です。

ですので、　ｓｔａｒｔｅｒ　template　からして違うものでした。

ざっくりですが、違いをまとめてみます。

 

・　JQUERYの使用をやめた

・　ＩＥ　非サポート

・　ブレークポイント「XXL」追加

・　Gutters (ガター)ユーティリティが登場

・　CSS カスタムプロパティ(CSS変数)が利用できる

・　クラス名などの小さな変更点

 

気になる方はググってみてね(*'▽')

 

p134のリスト４は特に変更なく書きました。

デザインいじってみたい方は

 

 

本家サイトの　ＴＯＰ　＞　ドキュメント　＞　Components　からいろいろな変更方法が記載

されてます。

 

Bootstrap　ネタはp155　のJumbotronでもでてきます。

 

v4のジャンボトロンのクラス（.jumbotron, .jumbotron-fluid）はv5.0.0で削除されたため、ここでは他のユーティリティクラスを使用した設定例を表示。

 

 

 

Bootstrap５から　Jumbotron　は使えなくなりました(-_-;)

ですので、p156のリスト４は修正しましょう！

 

<div class="jumbotron">

  <h1 class="display-4">ブログ</h1>

  <p class="lead">記事一覧です</p>

</div>

 

上記は文字が出るだけとなるので、デザインまで反映されるのは下記となります。

 

<div class="bg-light p-3 p-sm-5 my-4 rounded">

  <h1 class="display-4">ブログ</h1>

  <p class="lead">記事一覧です</p>

</div>

 

どうですか？？どんどん進んでますか？

ある程度、使い方の基礎は理解できたと思うので、私は次回から自作のシステムを作って

いこうと思います。

そこには、この本の中でも取り扱われる　ログインなどなども必要となるため、抜粋でまた

お伝えできることがあれば記載していこうと思います。

 

 

 

 

 

]]> https://ameblo.jp/koke-max/entry-12726759238.html Mon, 14 Feb 2022 02:19:34 +0900 Djangoってフレームワークをやってみる！7 今回はアプリからですね。

manage.pyがある階層で

 

python3 manage.py startapp OOOOOO

 

さくっとアプリのディレクトリが生成されました。でもってsettings.pyに追記となっていますが、

気になったのがディレクトリ作った時、全部英数小文字でディレクトリ作ったのに。。。。

p79のリスト１では

 

OOOOOO(さっき作ったディレクトリ名).apps.OOOOOO(ディレクトリ名の頭が大文字)Config

 

がコード追加しろと書かれてます。ん？？と思ったのが後ろ側のディレクトリ名＋Configです。

ディレクトリ名の頭って大文字なの？？作った時小文字だぞ？？

え？？どっち？？

 

答えは大文字なんです。新しく作ったディレクトリの中にapps.pyというファイルがあります。

そのファイルをATOMで見るとちゃんと頭が大文字のディレクトリ＋Configのclassが記載

されてます。　ﾅﾙﾎﾄﾞ　これを登録してるわけねぇ。

 

小さな問題が解決したところで先へ進みましょう！

 

さくさく進んで、ｂｌｏｇprojectなどなど作ってると思います。

次に引っ掛かりましたのは、　makemigirations　と　migrate　です。

この　makemigirations　ですが、データベースンの設計図をつくってくれるみたいですが、

 

python3　manage.py　makemigrations

 

と記載するのですが、ここで　models.py　をいじったのが　blogpost　内であったため、

てっきり階層はblogpostの場所で　makemigraithons　だと思い　実行しますがエラーが

出ます。

 

 [Errno 2] No such file or directory
 

そんなファイルないよ！って怒られます。この実行は　blogporject　の方のmanage.pyです。

manage.pyはblogprojectないのファイルですからね！！

 

次はadminページにアクセスできるユーザー作成！ここはこけませんでしたよ！！

 

python3 manage.py createsuperuser

 

１つ思いました。何でも　manage.py　でお願いしてるんだね。。。

project　/　app　/　makemigirations　/　migrate　/　createsuperuser　などなど、よく働く

ファイルですよねぇ。

 

この先、BOOTSTRAPあたりまでは無難に進みますので皆さんもサクサクいってみよぉお！

]]> https://ameblo.jp/koke-max/entry-12725961280.html Wed, 09 Feb 2022 18:44:23 +0900 Djangoってフレームワークをやってみる！6 今日はＤｊａｎｇｏをインストールしていきます。

その前にpythonのpipのバージョンアップを行います。

先に現在のバージョンを確認しておきましょう。

 

pip -V

 

not　found・・・あ～pip3　ですね！

 

pip3 -V

 

pip 21.2.4 from /usr/local/lib/python3.10/site-packages/pip (python 3.10)と帰ってきたので

21.2.4っぽいです。

 

pip3 install --upgrade pip

 

わーっと文字が流れたので確認のため　pip3 -V　でバージョンが変わったか確認しておいてくださいね。

 

sudo pip3 install django

 

こちらでＤｊａｎｇｏをインストールしていきます。

 

django-admin --version

 

でＤｅｊａｎｇｏのバージョンを確認！　4.0.2　でした。

 

cd /var/www/example.com/html/

 

でディレクトリを移動してＤｊａｎｇｏのプロジェクトディレクトリをつくりましょう

 

django-admin startproject （プロジェクトディレクトリ名）

 

今回はプロジェクトディレクトリ名をdjangotestにしたので

 

django-admin startproject djangotest


としました。WinSCPで確認するとちゃんとディレクトリが出来てるのが確認でき来ます。
WinSCPをずっと起動してるとディレクトリの変化が反映されないので　右画面　で
右クリックして　更新　をクリックすると最新の表示に変わります。


ディレクトリの中身を見ていくとこんな感じで構成されています。

はい！ここまでで　『Ｄｊａｎｇｏのツボとコツがゼッタイにわかる本』　の2章ま
でが終わりです。
3章から各ファイルの説明など丁寧に技術書が解説していますので読んでみてください。

続いてsettings.pyファイルの記入します。WinSCPでファイルを一度ＰＣ側へダウンロードします。右画面のファイルを指定してキーボードの F5　でダウンロードできます。

で実際にこのダウンロードしたファイルを自分のＰＣ側でATOMで開いて編集していきます。

こんな感じで開きますので、28行目を追記します。

 

ALLOWED_HOSTS = ['example.com', 'www.example.com']　＃追記分

 

追記したら　上書き保存してください。


WinSCPで更新した左側の『settings.py』ファイルを指定して　F5　を押すと次は
アップロードができます。

次は、Djangoがサーバーで動いているか試すのですが、本では

python3 manage.py runserver

となっていますが、外部サーバーで動かす場合は

python3 manage.py runserver ドメイン名またはGIP:8000

と入力しないといけません！私はドメインなので『python3 manage.py runserver example.com:8000』と入力しました。
無事に表示できたかな？？これで技術書の3-4まで進めましたね！

3-8までは、問題なくスルスルーとどんどん進んでいきます。

3-9にて関数で処理していたのを同じようにClassで作ってみようとなります。
ここでひっかかる情報がありました。htmlファイルをどこから読み込むか？という設定を
するのですが、p72で下記が説明されてます。

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

上記ですが、、、そんなものはありません！！Djangoのバージョンが上がって書き方が変わってます。

BASE_DIR = Path(__file__).resolve().parent.parent

 

こちらで説明されています。

Path(__file__).resolve()でsetting.pyの絶対ｐａｔｈをゲットします。pathとはファイルがどこにあるかの階層の事で絶対パスとは一番上からって感じ。

 

ＡＡＡ／ＢＢＢ／ＣＣＣ／ＤＤＤ

ＣＣＣというフォルダを開くとＤＤＤというファイルが見えます。ＤＤＤというファイルの絶対ｐａｔｈ

はＡＡＡ／ＢＢＢ／ＣＣＣ／ＤＤＤですが、相対ｐａｔｈは．／ＤＤＤ。どこから見た時のｐａｔｈなのか？で表現がことなります。

 

こちらｐａｔｈの参考にしてください。

 

.parent.parent　は.parent　＝　上の階層へ　という事ですので、２つ上の階層へとなります。
私の場合　setting.pyはPath(__file__).resolve()の絶対パスで

/var/www/example.com/html/djangotest/djangotest/setting.py

です。
templatesのフォルダを

/var/www/example.com/html/djangotest/templates

に作ってあります。
djangotestのフォルダの中にdjangotestとtemplatesのフォルダが入っていますので、

Path(__file__).resolve().parent.parent　は
/var/www/example.com/html/djangotest/djangotest/setting.py　の２つ上の階層なので
/var/www/example.com/html/djangotest/djangotest/setting.py　がきえて
/var/www/example.com/html/djangotest/　←　ここに来るってことで、ちゃんとtemplates
のフォルダの場所を指していることがわかります。

で、ｃｌａｓｓを進めていって　runserver　で動かすと

    'DIRS': [os.path.join(BASE_DIR , 'templates')],
NameError: name 'os' is not defined

とエラーがでて実行できない場合がありますが、その場合は　setting.py　のfrom pathlib
 import Path　の上にでも　import os を加えるとエラーが消えます。
消した覚えはないけど、、、消したのかな・・・・

つづいて出てきたのが、

django.template.exceptions.TemplateDoesNotExist:OOOO.html

う～ん。。。フォルダとファイルは自PC側で作ってWINSCPでサーバーへ送り込みました。
いろいろやった結果、、、どうも自ＰＣで作ったのが良くなかったらしく・・・

mkdir templates
topuch OOOO.html

とサーバー側で作成したものをWinSCPでダウンロードして修正してアップロードする事に
関しては問題なく反映されました。
権限などの問題だと思いますが。。。課題として残しておきます。.....

ここまでで3-9　class関係のこけまくりは解消しました。
次回は3-10　アプリをやっていきます。




 

 

]]> https://ameblo.jp/koke-max/entry-12725493481.html Mon, 07 Feb 2022 05:32:35 +0900 Djangoってフレームワークをやってみる！5 さて、前回　Ｎｇｉｎｘ　まで進みましたね＾－＾

Ｎｇｉｎｘ　みなさん　読めました？？　ニジンクスとかエヌジンエックスとか読みませんでした？

正式名称は『エンジンエックス』　ﾌﾟﾊｯ　ｷﾗｷﾗﾈｰﾑかよ

そして、ついでに　Django　ディージャンゴ？　いいえ　『ジャンゴ』です。

やはり今時の子たちですよね。

C　C++　C＃　ＪＡＶＡ　Javascript　ｆｏｒｔｒａｎ　basic　あ。。うん読める！

そのうち　Ｍｋｐ　『マジで簡単プログラム』とかになるのかな・・・ﾀﾞｲｺﾞ　ｳｨｯｼｭ　

 

参照させていただいてるブログも2ページ目へ移動します。

 

そのまえにWinSCPでファイル閲覧できるようにしておきましょう。

インストールとダウンロードは、

 

Djangoってフレームワークをやってみる！2

 

で取り上げてますのでそちらで確認をお願いいたします。

デスクトップでも良いので、編集用のファイルを入れるフォルダを作っておいてください。

名前は何でも良いですよ！djangotestって私はつけてます。

こんな画面で起動します。
 

転送プロトコル　：　SFTP　のままで

ホスト名　：　GIIP（さくらVPSのＩＰアドレス）　または　ドメイン名　ＯＯＯＯ.com　など

ユーザー名　：　Ubuntuへ新規登録したユーザーＩＤ

パスワード　：　入力しても毎度求められるので空白でｏｋ

ポート番号　：　２２　のままでＯＫ

 

次に　『保存』　をクリック

 

セッションの保存名は覚えやすい名前でＯＫ

フォルダは＜なし＞のままで

 

『ＯＫ』　をクリック

こんな感じで新しいサイトの下に登録したものが出てきます。

次回からは登録したものをクリックして選択してください。

 

次に　『ログイン』　をクリック

ブログ用に一回消して再度登録し直したので、上記のような警告でました。

『更新』を押すと解消されます。

パスワードを求められますので入力して　『ＯＫ』　ボタンをクリック。

これでさくらVPSのサーバーと接続できました。

左が私のＰＣ内のファイル、右がさくらＶＰＳのファイル構成ですね。

左が思った場所じゃない人は、ちょうど黒塗りの下に　『デスクトップ』　と書かれてるとこの

右の▽を押していただいて、フォルダーを指定していただければと思います。

 

これで、こっちのファイルをあっちに！あっちのファイルをこっちにコピーできるようになり

ます。理想はこっちのファイルがＧＩＴになってるとファイル履歴も残せますね。

気になる人は　Ｂｉｔｂｕｃｋｅｔ　SourceＴｒｅｅ　などを調べてみてください。

 

さて、Ｄｊａｎｇｏ環境まであと少し！

 

　ここからは　１つのサーバーでドメインを持ってて、とりまテストやってから本番は別　ドメイ

ンでちゃんと作ろうとかアプリ２つくらい作ろうと考えてる人でなければちょっと飛ばしていいか

も。

同じ環境内に複数のアプリをつくりたい人は読んでね。面倒だもんね。テストで環境作って、また本番で環境再構築とか・・・練習にはなって良いのだけど！ﾀﾞﾙｲﾖﾈ

 

さてさて、まずは　ＷｉｎSCPでフォルダー（ディレクトリー）の構成を眺めてみましょう。

フォルダーの上マークのやつクリックすると上の階層へ。名前のついてるフォルダーを

クリックするとそのフォルダーの中身を見れます。

こんな感じの構成になっています。

一番上はもっといろんなファイルやフォルダーがありますが、必要なとこを抜粋してます。

 

1. サイトをホストするディレクトリの作成

 

さて、早速ですがputtyでログイン後

 

cd /var/www/

sudo mkdir -p example.com (example.com のとこはご自由に）

cd example.com

sudo mkdir -p html

 

これですが、、var下のwwwフォルダーに重複がなければ　OOO.comのフォルダーをつくりま

しょう。さらにその下にｈｔｍｌというフォルダをつくりましょうってことです。

 

sudo chown -R OOOO:XXXX /var/www/example.com/html

 

OOOOに作成したユーザー名／XXXXに所属するグループを記載します。

これでこのフォルダーの管理はXXXXグループOOOO君がやるぜ！ってルールをつくりま

した。ユーザーはsudoグループに属していると思うのでグループはsudoを入れました。

 

cd /var/www/example.com/ 

ll

 

example.comフォルダーへ移動（cd）して権限の確認（ll）をします。

 

drwxr-xr-x 3 root     root 4096 Feb  6 16:14 ./
drwxr-xr-x 4 root     root 4096 Feb  6 16:13 ../
drwxrwxr-- 2 username sudo 4096 Feb  6 21:03 html/
 

一番下のhtmlの権限に注目してください。drwxrwxr--となっています。

この内容の解読は

 

こちらを参考に異なっているようでしたら

 

sudo chmod 774 /var/www/example.com/html/

 

で権限を変更してください。

こうすることでWinSCPからフォルダーやファイルの変更ができるようになります。

ここの設定をやらないとWinSCPでエラーコード：３が出力されファイルやフォルダーの

ダウンロードやアップロードが出来なくなります。

 

さぁ、やっとＤｊａｎｇｏ前までの準備ができました。

次回は　Ｄｊａｎｇｏを入れて実際に動作を確認していきましょう！！

 

 

 

 

 

 

 

]]> https://ameblo.jp/koke-max/entry-12725439845.html Sun, 06 Feb 2022 21:19:15 +0900 Djangoってフレームワークをやってみる！４ さぁ今日もやっていきましょう！

 

前回、puttyで接続するとこまで確認しました。今回は、Pythonをいれます！

はい！最初からUbuntuにはPythonが入ってます。

 

確認すると　Python　3.8.10　が入ってました。

で、2回目の開発環境導入なので前回からもやもやしてるPythonが開発環境に２つ

ある状態を解消したい！　と思ってぐぐぐぐぐぐってますと。。。なんと

こんな記事をみつけ・・・ふぅ～大丈夫！まだ消してないから！！

 

どうやら削除しちゃダメみたいですね。私も掟に従います！！

 

なので、次に考えたのが　最新バージョンにアップグレードしたら1個でよくない？

 

ってことで、

 

いぇ～い！！今度は最新のバージョンを使いましょうね！ってことです。

サポートの問題があるみたいですね＾－＾

ただし、ここでも書かれているのが

 

お古は消しちゃだめよ！！新たに新しいのインストールしてそっちを開発に使えとの指示！

 

面倒なのがさぁ。。。　本とかで　python3　OOOO OOOO　みたいな書き方してね！って

指示でるんだけどさぁ・・・python3.8　と　python3.9　が入ってると　python3.8が動いてる

気がするんだよねぇ・・・　だから　毎度　python3.9 OOO OOO みたいな書き方するんだ

けど。。。2回目なのでそのあたり確認しようと思いますが。。。プンプンﾒﾝﾄﾞｫｸｻｲ

 

とりあえず、記事に従ってやっていいきましょう＾－＾

こういう技術の記事上げてくれる人って　本当に感謝！感謝！ですね！

 

あ～思い出した！！そういえばユーザー作ってない！！先にそちらをやりますかねぇ！

 

手順はこちら！！はい。手抜き！！探す手間省けたでしょ＾－＾

 

すでにputtyでログイン等済ませて　OOOO＠OOOO~$　□　みたいな画面になってると

おもうので　＄の後に　

 

sudo su -

 

puttyですが、Ctrl + C(コピーのショートカットキー)でコピーすると　puttyのほうでは

マウスの　右クリック　で貼り付けできます！　短縮短縮！

 

次に

 

adduser　OOOO

 

Oには好きなユーザー名入れましょう＾－＾全角ひらがな使う強者にはならないでください。

半角英数でユーザーは作りましょうね！

で

 

New password :

 

とパスワードを求められますので　半角英数　で入力してください。

相変わらず　***　 とかでないのでそのまま　enter 押すと再入力を求められるので
 

Retype new password :

 

ここは　男に二言はない！　と言わずに入力して下さい！

続いて、貴様の意見を聞いてアカウント作ってやったんだから貴様の事を教えろ！

と事情聴取が始まります。

 

Full Name []:

Room Number []:

Work Phone []:

Home Phone []:

Other []:

 

私は黙秘権を行使したので全て　enter　で流しました。

最後に来る　YES　or　ＮＯ　のクイズは　ずばり　ＹＥＳ　です。

 

Is the information correct? [Y/n] Y

 

これで新規ユーザーの作成は完成です。続きまして

 

gpasswd -a ＯＯＯＯ sudo

 

Ｏは先ほど登録したユーザー名です。登録した新規ユーザーをｓｕｄｏのグループに

加えます。会社で言う、ｒｏｏｔが社長で　sudoは　役員ですけね。。ちょっと権限持ってます。

 

今はrootユーザーなので、登録した新規ユーザーに切り替えます。

 

exit

 

と入力して、一度ログアウトします。 puttyを右上の　X　で閉じて、再度puttyを立ち上げます。

 

login as:　新規ユーザー名

password:　新規ユーザーのパスワード

 

でログインできるようになります。以降はこちらのユーザーを使って開発環境などは作成して

いきます。

 

カエルさて、では先ほどのpythonの話題に戻りましょう。

ブログで解説されている通り、

 

sudo apt update

 

と入力すると、passwordを求められるましたら、loginのときにつかったユーザーの

パスワードを入力してあげてください。

すると何やらアップデートが始まります。

終わりましたらこちらを入力（下記は間違いが見つかり下の方の記事で修正されて

います。）

 

********間違って四苦八苦してるので面倒な人は読み飛ばしてね 下矢印***********

 

sudo apt install build-essential libbz2-dev libdb-dev libreadline-dev libffi-dev libgdbm-dev liblzma-dev libncursesw5-dev libsqlite3-dev libssl-dev　zlib1g-dev uuid-dev tk-dev

 

アプデよりサクッとおわります。

続いてpythonのソースのダウンロードですが私が調べた時には3.10.2が出ていましたので

新しいのを使っていきます。

 

********間違って四苦八苦してるので面倒な人は読み飛ばしてね 上矢印***********

 

 

wget https://www.python.org/ftp/python/3.10.2/Python-3.10.2.tar.xz

 

つづいて解凍

 

tar xJf Python-3.10.2.tar.xz

 

順調に解凍まで進んでいると

 

ls

 

と打つと


Python-3.10.2  Python-3.10.2.tar.xz

 

という2つのディレクトリが確認できます。

 

********間違って四苦八苦してるので面倒な人は読み飛ばしてね 下矢印***********

 

cd Python-3.10.2

 

でPython-3.10.2のディレクトリに移動します。

./・・・・なんだこの　./　は・・・・

wget　はWEBからデータ取ってくるよ

tar　は圧縮ファイルの解凍

ls　は１つ下の階層のファイルを表示

cd　は指定したディレクトリへ移動

./　？？？？　わかりません！

 

 

調査しました。./configure　でconfigureのスクリプトを実行。

何か手順書みたいなのを書いてるのでしょうね。

わかったので、

 

./configure

 

でスクリプトを実行して（checking　・・・　って10数行出てきました）

 

make

 

configureで作成されたmakefileに基づいてコンパイルします。

てことは./configureすることでmakefaileというインストールするための手順書

ができるわけですね、その手順書にしたがってコンパイル、、、インストールする

ためにいろいろなファイルを変換してるのですね。

で準備が出来たので

 

sudo make install

 

で管理者権限にてわたくしは　こやつをインストールするぜ！って流れです。

sudoは、会社のお偉いさんのハンコですよ。会社のペーペーが書類作っても会社の

お偉いさんのハンコがないと動かないんですよ！インストールしてくれないんですよ！

水戸黄門の印籠と同じで　sudo　って書くと　ヘイ　承知しました！ってインストール始めて

くれます！

 

で実行すると事故をする！！ 

sudo: make: command not found
そんなコマンドしらね！！って。。。調べたら　make　インストールしてないでしょ？

ってことらしいです。

 

sudo apt install make

 

でmakeをインストールしましたがうまくいきません！

調べると、./configureのとこで既にエラーを吐いてました！！！！

checking for OOOO .... no　　　（NOだと！！！）

これは必要なものが入ってないぜ！っていう事らしい。依存関係のファイルをインストール

 

sudo apt install build-essential libbz2-dev libdb-dev libreadline-dev libffi-dev libgdbm-dev liblzma-dev libncursesw5-dev libsqlite3-dev libssl-dev　zlib1g-dev uuid-dev tk-dev

 

これが問題らしい。他のサイトを見ると

 

sudo apt install build-essential 

sudo apt install libreadline-dev libncursesw5-dev libssl-dev libsqlite3-dev libgdbm-dev libbz2-dev liblzma-dev zlib1g-dev uuid-dev libffi-dev libdb-dev

 

ちょっと書き方が前回と違うなぁ。

それでもうまくいきません。調べていると　sudo apt install build-essential 　の結果に

Unable to locate package build-essential　と記載されます。

これは　sudo apt update で　apt　をアップグレードすると直る！との記事ばかりで

やっても結果は変わりません。

記事のUbuntuのバージョンが18なので、、そのあたりかなぁ？？。。疑問は残りますが、

開発環境をつくるのにこだわってもしょうがないので、課題としては残りますが、環境を

つくることを優先するために前回　開発環境ができたやり方をやります。

 

 

こちらの方はUbuntu20.04でバージョンもサーバーも同じなので真似っこしていきましょう！

 

7. 開発パッケージのインストール　　あたりから進んでいきます。

 

cd

 

でディレクトリを最上階に戻して

 

********間違って四苦八苦してるので面倒な人は読み飛ばしてね 上矢印***********

 

sudo apt install build-essential

 

からの

 

sudo apt install zlib1g-dev libncurses5-dev libgdbm-dev libnss3-dev libssl-dev libreadline-dev libffi-dev libsqlite3-dev wget libbz2-dev

 

こちらはあっさり通ります。多少内容が先ほどとは違うのですが。。。そこかなぁ？・・・

と思いつつ、、、これ通った後ならもしかして。。。./configure　できちゃう？？

 

cd Python-3.10.2

 

ディレクトリを移動して

 

./configure

 

あれ。。。通って、、、　creating Makefile って最後に書いてある。

グラサングラサングラサン

さぁ！もどりましょう！！

 

make

 

からの。。。このmakeが長い！！！良いことなんだけど、、待ちましょう！

 

sudo make install

 

でずら～～～～と文字が流れ始めますおねがいおねがい

 

cd　でディレクトリを戻して　python3 -V でバージョンを調べると

python3.10.2　と表示されます。最高♪

続いて

 

sudo apt install python3.10-dev

 

・・・・・・・パッケージが見つからんって怒られます。

あそこでなんでmakeしちゃったかなぁ～。。。記事通り3.9ならこんなこと起きないのに・・・

でも新しいの使わないといけない気がしたんだよ！！人柱として！！

 

調べました！！！venvっていう仮想環境を築くようにこのあと記事は動いているのですが

python２とかpython3が混在していた時に影響が出ないようにこの開発はこっちのpython

使えるようにしましょう！的な感じをつくるのがvenvらしく今回はpythn3しか使わないので

必要なし！と判断して仮想環境はすっ飛ばす！ぶっ飛ばす！

 

9. Web サーバー（Nginx）のインストール

 

へいきましょう！

 

cd　　（ディレクトリの最上階へ）

sudo apt install nginx

 

インストールが終わりましたら、サーバーのGIP（グローバルＩＰアドレス）または設定したドメインをchromeなどのＷＥＢブラウザのアドレスに打ち込んでください。

 

http://OOOOOOOOOOOO

 

Ｗｅｌｃｏｍｅ　ｔｏ　Ｎｇｉｎｘ　と表示されればＮｇｉｎｘのインストールも完了です。

 

悩むことは苦痛だけど、『痛みなくして・・・かい。。』ｺﾞﾎｯ　ｺﾞﾎｯ

痛みは人をより強くします。必ず成長につながるので頑張ってください。

 

今回はこのあたりまででおわ～り～～♪　次回もがんばりまっしょい！！

 

]]> https://ameblo.jp/koke-max/entry-12725304870.html Sun, 06 Feb 2022 05:27:04 +0900 Djangoってフレームワークをやってみる！3 3回目にしてすでに面倒くさくなってきた！

飽き性なんですよねぇ～。

なので、今回は淡々と粛々と進めていきましょう！

 

では１２８ページと言いたいところですが、ここまで実は動作確認済んでるのですが

一回サーバー削除して最初から確認しながら手順を残していきます！

 

 

まずは、さくらＶＰＳの契約を済ませておいてください。

ログインすると下記のような画面になると思います。

 

 

画面中央あたりの『サービス契約情報を確認』をクリックして現在契約している

サービスのページへ移動します。

 

私の契約は２つあるので１Ｇと２Ｇの２つの契約が表示されてます。

今回のＤｊａｎｇｏは１Ｇでテストするので該当する１Ｇのサーバーの

『コントロールパネルを開く』をクリックします。

サーバーの現在の状況が表示されます。

いろいろ黒塗りしてますが、何か見えたら見なかったことにしてください！

ＯＳのUBUNTUを入れるので『ＯＳ再インストール』をクリックしてＯＳをサーバーへ

インストールします。

項目を選択するだけで簡単にＯＳインストールをおこなってくれます＾－＾

今回は『標準ＯＳ』を選択します。

インストールＯＳは　『Ｕｂｕｎｔｕ　20.04　amd64』を選択します。

管理ユーザー名は編集できないのでそのままで、

新しい管理ユーザーのパスワードに　お好きなパスワード　を設定してください。

ログイン等で今後も使うので忘れないものにしてください。

次に後でも設定できるのですが、ポートを開放しておきます。

話すと長いのですがサーバーを訪れるお客様の専用入口を番号で決めておきます。

いろいろなお仕事（サーバーの設定ややること）で入場ゲートの番号が違います。

一般の情報を閲覧する人たちは８０番＆443番。内部のフォルダーやファイルを出し入れする人（ＦＴＰ）は20/21番などいろいろ決まっていますので設定しておきます。

『＋接続可能ポートを追加』をクリックします。

ＳＳＨ（Secure Shell）は、ネットワークに接続された機器を遠隔操作し、管理するための

手段です。つまり、さくらＶＰＳを外部からインターネットで接続して操作しちゃおう！って

ことです。

ＷＥＢはみなさんがいつも使ってるYAHOOやＧＯＯＧＬＥなどホームページなどを見たい人が接続します。

ＦＴＰ（File Transfer Protocol）は、サーバとクライアント間でファイル転送を行う通信プロトコルです。プロトコルは手順やルールのことで、ほかにもSFTPなど種類があります。おにごっこにはおにごっこのルールつまりおにごっこのプロトコルがあるということ。プロトコル。。。なんでこんな難しいこと言うかね。ここでいうサーバーはさくらＶＰＳ。クライアントは私です。

メールは、、メールです！メールサーバー（メールを保管しておくとこ）作るなら必要ですが今回は作りません。

カスタムは、その他希望があればどうぞってことです。

 

今回は、SSH／WEB／8000（カスタム）を開放します。

ここまでで新規のサーバーの設定は終了です。

一番下の『内容確認』ボタンを押してください。


こんな感じで内容確認できましたら『ＯＳ再インストール』をクリックして再インストール開始。

ＯＳの再インストールが開始され、終わると下記のような右下に完了したぜ！って教えてくれます。

これでサーバーの準備は完了です。

ＯＳインストールを開始すると少し時間かかりますので気長に待ってください！

 

これでさくらＶＰＳは終了したので、次に接続の確認をします。

puttyで進めていきます。（ｐｕｔｔｙのインストールとダウンロードを済ませておいてください）

Djangoってフレームワークをやってみる！２でputtyについて取り上げてますよ。

 

こちらがｐｕｔｔｙを起動した画面です。入力するのは
◆接続先の指定の『ホスト名（またはＩＰアドレス）』の枠にサーバーのＩＰアドレス

を入力しましょう。

※（ドメイン契約＆DNS設定できている場合はここにドメイン入力しても接続することが

できます。


◆保存済みセッション一覧の枠に好きな名前を付けて右の『保存』をクリックすると

次回から名前をクリック→読込を押すと入力の手間が省けます。
つづいて『開く』をクリック。

黒いＤＯＳ画面が開きます。

ｌｏｇｕｉｎ　ａｓ　：ＯＳ再インストールのときに出てきた管理者ユーザー

つづいて

XXXXXXXX password ：ＯＳ再インストールのときに設定したパスワード

を入力してENTERキーをポチ！

※初めての方だとpassword打ち込むと****が出るのかと思いますが。。。出ません！！

キーボード入力してもpasswordのとこは反応がないので動いてないのかと勘違いします

がちゃんと反応なくても打ち込めてますので　安心してください！！

 

こんな画面が出てたらちゃんとサーバーにアクセスできてますので安心してください。
これでサーバー設定とputtyの動作確認まで済みました。

次回はrootじゃないユーザー登録方法とWinSCPについて触れていきます。

]]> https://ameblo.jp/koke-max/entry-12725228273.html Sat, 05 Feb 2022 17:52:05 +0900 Djangoってフレームワークをやってみる！2 さてと、2日目なので　まだ　ブログ書く気　ＭＡＸです！！

 

『　Ｄｊａｎｇｏのツボとコツがゼッタイにわかる本』

ですが、ネタバレするといろいろ怖いとこから圧がかかりそうなので、中身の詳細と

 

いうよりは、補助的な事をどんどん書いていきます。

 

早速ですが、開発環境を記載します。

 

サーバー　：　さくらＶＰＳサーバー　１G　880円/月

　　　　　　　　　Ubuntu20.04.3LTS

　　　　　　　　　Python3.8.10（初期から入ってました）

　　　　　　　　　後から追加で　Python3.9.5　使ってます。

 

ドメイン　：　ムームードメインで１年間　100円以下で契約できます。

　　　　　　　　ご希望あればDNS（XSERVER）の設定方法だとかも記載します。

 

ＳＳＨクライアント　：　putty　0.74-ranvis

　　　　　　　　　　　　　ちなみにＳＳＨクライアントってさくらサーバーに外部から

　　　　　　　　　　　　　コマンドプロンプト（黒い英語打つ画面）みたいなの開いて

　　　　　　　　　　　　　ファイルとかディレクトリ（＝フォルダー）を作ってファイルの

　　　　　　　　　　　　　修正とかするやつ！！

 

ＦＴＰ　　　　　　　　：　ＷｉｎSCP　5.19.5

 

使用ＰＣ　　　　　　：　WINDOW10

 

ぶっちゃけさぁ。。。。puttyでフォルダーつくったりファイルつくるのいろんなコマンド

（mkdirなど）覚えるの面倒！！正直　あんな黒い画面一日眺めてたら、ただの根暗

エンジニアだと思われるよね！！！

 

なので、ＷｉｎＳＣＰでガンガン流し込むぜ！！で、僕は　ＡＴＯＭ　エディッターが好き！

 

君が書きたいのこれ？みたいな補足も入るし、色合いが綺麗。

 

流れは自分のＰＣにフォルダーをつくる。

 

 

今回だと　【djangoproject】　がこのフォルダになります。

 

ファイル構成などは書籍と同じようにこのフォルダの中で構成しています。

 

編集は　ＡＴＯＭを使っています。

 

ＡＴＯＭエディッタの便利な機能はネットで探して入れてくださいニコニコ

　　　　　　

 

 

 

上のやつとかあると便利だよニコニコ　いぇえぇい！　レッツ人任せ！

 

UbuntuにDjangoの環境構築ですが、こちらを参考に入れてます。

 

 

 

すっごく上手に書いてますねぇ。見習います。

 

ただ。。。環境の設定に1日かかりました。　だって。。。よくわかんないし。。。

 

注意点は　パケットフィルタは22, 80/443, 20,21, 8000も設定してください。

 

順調にインストールなどが終わると　putty　でアクセスします。

 

puttyのインストールなどはこちらを参考に

 

 

設定するのはホスト名（または　IP　アドレス）　の下の欄に　ＤＮＳやってる人は

 

ドメインを入力。わからない人は、さくらＶＰＳのグローバルＩＰを入力して　『開く』

 

ボタンをクリックすると黒いＤＯＳ画面が開きます。あ～　憂鬱なデザイン！

 

 

ｌｏｇｉｎはさくらＶＰＳでＯＳインストールのときに決めたＩＤでログイン。
 

パスワードもＯＳインストールのときに決めたパスワードを入力。パスワードは入力時に

 

****　とかも出ないので入力できてないかと思いましたえーん

 

安心してください。何も出なくてもちゃんと入力できてますよ！

 

無事にログインできるとシステムの状態などを表示してくれます。

 

・　非 root ユーザーの作成

・　パッケージリストを最新版へ更新

・　パッケージのアップグレード

・　サーバーの再起動

 

まで順調に進みました。

 

6. FTP サーバーのインストール　は飛ばして大丈夫です。

 

ＷｉｎＳＣＰでファイルとかフォルダーのやり取りやっちゃうのでＦＴＰ入れませんでした。

 

WinSCPに関しては、下記を参考にインストールしてください。

 

 

 

他力本願！ようは、人任せ！！！

 

 

新しいサイトをぽちっと押して　ホスト名（ドメインまたは　さくらのグローバルＩＰ）と

 

さくらVPSで決めた　ユーザー名　または　非ｒｏｏｔユーザー設定やった人は作った

 

ユーザー名を入力。

 

ログインを押すとパスワードを求められるので　ユーザー名作った時に決めたパスワード

 

を入力してください。

 

今日は、こんなとこで明日からは本格的に本に沿ってやったときに出たミスを書けるかな？

 

]]> https://ameblo.jp/koke-max/entry-12724310703.html Mon, 31 Jan 2022 18:07:39 +0900 Djangoってフレームワークをやってみる！１ はじめての　ブログ　で　何書こう？

 

なんて　迷ってもいません！

 

いくつになっても　勉強は　必要で。。。

 

マンガとプログラムとＤＩＹには　とっても興味を示します！！

 

もともと　つくるのは　好きなんですけど、、、、初めて　つくった

 

『　ミニ4駆　』　は　もちろん　完成しませんでした(*'▽')

 

だって　そうでしょ！小学生で　いまでも　憶えてますよ。

 

説明書むずぅ～。。絵と部品の形がよくわからん！！

 

兄をすごいと認識したのは　この時です！口笛

 

リアルも　話長いのでブログ書いても　やっぱり前置き　ながぁ～。

 

てことで、ちょっとしたことからフレームワークに興味を持ち。。。

 

この前　技術書の爆買いしたのさ！！へへ、、、、手にしただけで

 

なんか強くなった気になるよね。プンプン

 

買ったのは、つづりわかんないから・・・

 

Ｄｊａｎｇｏ　と　vue.js　と　ララベル　つまりは　python　と　javascript　と　ＰＨＰって

 

言語の早く作るならフレームワーク＾－＾　楽に作るならフレームワークって

 

書いてたので買ってみました。

 

基本、専門用語はあまり使いません。というか・・・・まぁ～エンジニアの打ち合わせ

 

とかだと使えた方が良いのでしょうけど。。。いろいろな人と話すときに専門用語は

 

邪魔になるのであまり覚えてません！！だから　技術書読むとなんだっけ。。。この

 

単語的なのに良く出会います。少し読んだのですが、、いきなりコンストラクタって

 

何だったっけ？？？と調べました。　いわゆる　初期化　するやつさ！

 

話ししてて、、いろいろ迷っててぇ～とかいうと　『五里霧中だねぇ』　って言われてもさ

 

いや、、迷ってて行き先さだまってねぇ～なぁ～って言ってもらえるほうがさ。。。。

 

人間らしくない？？単語で済ます会話は広がらないから嫌いです！

 

こんな人でもプログラム書けるのか！！的なポジションキープしたいと思います！！！

 

今回はDjangoを進めます。宣伝じゃないけど　書籍は

 

『　Ｄｊａｎｇｏのツボとコツがゼッタイにわかる本』

 

『　動かして学ぶ！Python　Django　開発入門』

 

この2冊を使っていきますが、下側は中級者向けってどっかでみたので　パラっと見ました

 

が難しそうなので、、、上側の　ゼッタイとまで書かれてる書籍使います。

 

実は　少し？やってます。　え～少しと言いながら　すでに100ページ超えてます　ﾊﾊﾊ

 

超えて気付いたのが　ちょいちょい　は？ガーン　ほ？びっくり　的なのがでるんですよ。

 

ネット社会ですからもちろん　ポンポン情報探せるんですが、書籍を読み進めながら

 

解説してる人ってなかなかいないですよね？

 

だって、本がすべて解説してくれてるはずなんですよ。。。。

 

でもさ、、、つまづくよねぇ～！こけるよね～！嫌になるよね～！えーん

 

なので、すこしでも同じ書籍を読む人のさらなる助けになるといいよねぇ～って

 

ことと　自分のミスを　再度見直すために書こうと決めた次第です！

 

さぁ～　いつまで　つづくか！　不定期に　がんばります！！ニコニコ

 

 

 

]]> https://ameblo.jp/koke-max/entry-12724203261.html Mon, 31 Jan 2022 02:38:39 +0900