Vue 3 - Vue.js Vuex を使ったセッションタイムアウト処理を実装
Vuex を使ったセッションタイムアウトの処理を実装した時のメモ。
Vuex ストアの設定
以下のコードを store/index.js に記述します。
import { createStore } from 'vuex...
エンジニア備忘録
Vue 3 - Vue.js 
エンジニア備忘録 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の第１引数、第２引数に日付の範囲の開始日と終了日を指定します...