2021-01-01から1年間の記事一覧
Hugoで構築したサイトのデータをJavaScriptから利用できるように、JSON形式で書き出す。例えばサイトやページ、タグといった情報をJSON形式で読めるように書き出せたら、JavaScriptから利用できます。 こういうのはいろんな方がやっておられて、ネットの情報…
Hugoでの記事ファイルの配置と記事に貼り付ける画像の管理方法について書きます。 この記事を含めて、やってみて分かった的な Hugo 関連の内容をしばらく続けます。 公式サイトではおそらく推奨されないようなやり方も含んでいますので、あくまで参考程度で。
Markdown Preview Enhanced の目次生成機能 コマンドで実行 VSCode + Markdown Preview Enhanced(以下MPE)で記事を書いています。 MPEには目次を自動生成する機能があります。 記事中の目次を生成したい位置(たいていは文頭?)にカーソルを置いて、コマ…
現行バージョン 今までのは、ver.0.74.2 のSASSとか使える extended バージョン
基本的な使い方 forms.pyでの定義 Djangoが用意しているフォーム関連の親クラスを継承して、カスタムフォームクラスの定義をする。Djangoの基本的なフォームクラスはdjango.forms.Formとなっている。 アプリのDIR直下にforms.pyというファイルを作る。例えば…
TemplateViewクラスを使ってビュー関数をクラス化することで、さらに高度な処理ができるようになる。
Formクラス Djangoにはフォームをもっとスマートに書くための Formクラスがある。Formクラスは、フォームの内容をPythonのクラスとして定義するもの。Formクラスでフォームの内容を定義し、テンプレートに変数として渡すことで、クラスの内容をもとにフォー…
index.htmlにフォームを用意 hello/templates/hello/index.htmlを修正し、簡単なフォームを用意する。
別ページへのリンクを貼る hello/templates/hello/index.htmlを修正し、別ページへ移動できるようにする。
INSTALLED_APPSへのアプリの登録 Django のテンプレートシステムから自作のアプリを検索できるように、django_app/settings.pyにアプリを登録する必要がある。 INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contentt…
クエリパラメータを使う helloアプリ内views.pyのindex関数を書き換える。 def index(request): msg = request.GET['msg'] return HttpResponse('you typed: "' + msg + '".') http://localhost:8000/hello/?msg=helloにアクセスすると, you typed: "hello".…
他の Syntax Highlight の記法は使えない Javascriptで処理してCSSのcounter-incrementを使って、はてなブログでソースコードに行番号を表示させます。あくまでMarkdown記法が前提です。 普段 Hugo の Markdown で記事を書いているので、そのSyntax Highligh…
Djangoで練習程度の簡単なアプリケーションを作れるようになるまで。 元のテキスト「Python Django3 超入門」
アプリケーションのアドレス管理ファイルを作る プロジェクトルートのプロジェクトと同名DIRにあるアドレス管理ファイル(今の例で言えばdjango_app/urls.py)に、helloアプリのアドレス管理をさせたが、このファイルは複数のアプリケーションを含んだプロジェ…
アプリケーションを作る プロジェクト名をdjango_appとした前提で進める。プロジェクトルートがdjango_appというDIR名。 プロジェクトルートにてpython manage.py startapp アプリケーション名でアプリケーションを作る。 $ cd ~/MyProject/django_app/ $ py…
Django のインストール Django はPythonのパッケージなので、pipでインストールする。 pip install django
はてなブログに載せたプログラムのソースコードにタイトルとか付けたい時ってありますよね。 Hugo とかの静的サイト・ジェネレータでテンプレートとか SCSS とか載せたいけど、コードを書いたファイルの置き場所は仕様で決まっているので、そのファイルのパ…