エンジニア備忘録

エンジニア備忘録

WSLでWindows11にCentOS Stream 9の環境を構築

構築手順を下記の通り。 WSLの導入 Windows 11の設定を開く「アプリ」セクションに移動し、「プログラムと機能」を選択「Windowsの機能の有効化または無効化」をクリックリストから「Windows Subsystem...
Python

Django X-Frame-Options to denyの解決方法

X-Frame-Optionsの指定をDENYからSAMEORIGINに変更する必要があるのでsetting.pyに下記を追記する。 X_FRAME_OPTIONS = 'SAMEORIGIN' XS_SHARING_ALLOWED...
WordPress

Cocoon のコーポレートサイト作り方

概要 Cocoonでコーポレートサイトを制作する手順のメモ Cocoon設定 – 全体 全体の設定よく利用する設定は、「サイドバーの表示状態」です。 コーポレートサイトのページ構成によっては、サイドバーが必要ない場...
Python

DjangoでDateTimeFieldチェックでバリデーションエラーが発生する件

DjangoでDateTimeFieldチェックがバリデーションエラーになってしまう場合の対応メモ。 エラーの概要 日付のformat=「%Y-%m-%d」の場合はバリエーションエラーにならないが、format=「%Y/%m/...
エンジニア備忘録

スタイルシートCSSの備忘録

スクロールバーのデザインを変更 「webkit」を採用しているブラウザのみ対応。 ::-webkit-scrollbar{ width: 10px; /* 縦軸のスクロールバーの幅 */ height: 10p...
Python

DjangoでModelをDictionaryに変換

概要 django-jsonviewでModelのデータをDictionaryに変換して、json形式でレスポンスする際に調べた時のメモ 変換方法 Modelオブジェクトの_dict_メソッドを呼び出す。 dict...
Python

Djangoの管理コマンド(manage.py)

管理コマンド(manage.py)の使い方 下記のようなコマンドで使用します。 $ python manage.py コマンド名 オプション よく使うコマンドは下記の通りです。 check 不具合チェック ...
Python

django-jsonviewのインストール手順

インストール pipでdjango-jsonviewをインストールします。 $pip install django-jsonview setting.pyのINSTALLED_APPSに追記する必要はありません。 ...
Vue 3 - Vue.js

Vue.js メモ

Vue.jsでよく使う機能メモ。コピペで動作が確認できます。 v-cloakを使ってマスタッシュ構文を表示させない方法 <!DOCTYPE html> <html lang="ja"> <he...
Python

Djangoのフォームの設定をtemplate側で行う方法(django-widget-tweaksを使用)

Djangoのフォームのフィールド(CharFieldやIntegerFieldなど)に、CSSクラスを適用する方法として、下記のようにformに対して、wedget設定や、 __init__関数から指定する方法があります。 wed...
Python

DjangoでPostgreSQL13を使用する方法(CentOS8 Stream)

Djangoのデータベース設定をデフォルトの sqlite3 から PosgreSQL13 に変更します。 まずは環境から。 Pythonのバージョン $ python --version Python 3.8.12 ...
Python

Django 多言語機能 (i18n) の設定(日本語と英語のケース)

i18n_patterns を使用して、URL に言語コードを含めるようにします。 Djangoの構成は下記の通りです。 $ mkdir /example $ cd /example $ django-admin startp...
Chrome

ChromeのCoverage(カバレッジ)で使用されていない JavaScript や CSS の要素が一目瞭然に。

回線速度が遅い環境で、サイトが重いのをなんとかして欲しい。。という案件で、JavaScript や CSS の軽量化の必要が出てきました。 JavaScript や CSS とは既に圧縮済ですが、それでも読込時間が長かったので、使用されて...
PostgreSQL

Postgresqlで日付を列挙する方法(generate_series)

集合を返す関数generate_seriesを利用して、日付をYYYY/MM/DD形式の文字列で列挙します。 範囲を指定して日付を列挙 generate_seriesの第1引数、第2引数に日付の範囲の開始日と終了日を指定します...
Chrome

Chromeデベロッパーツールが日本語で使えるようになりました。

Chrome 94 でデベロッパー ツールを起動したときに、言語変更ができるようになったことを通知するバナーが表示されます。 「Switch DevTooles to Japanese」のボタンを押すとデベロッパーツールが自...