エンジニア備忘録 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 とは既に圧縮済ですが、それでも読込時間が長かったので、使用されて...
エンジニア備忘録 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の第１引数、第２引数に日付の範囲の開始日と終了日を指定します...
Chrome Chromeデベロッパーツールが日本語で使えるようになりました。
Chrome 94 でデベロッパー ツールを起動したときに、言語変更ができるようになったことを通知するバナーが表示されます。
「Switch DevTooles to Japanese」のボタンを押すとデベロッパーツールが自...
ギャラリー 松山城の雲海
ギャラリー 定林寺の梅
ギャラリー 紺屋川の夜桜
海外 パラオ palau
スキューバダイビンク
ジェリーフィッシュレイク
ガラスマオの滝
パラオ・ロイヤル・リゾート
ギャラリー 撮影で使用したカメラ
ベネズエラ コロニア・トバール
風景・街並み
ベネズエラ マラカイボ湖
水上生活
ブラジル・アルゼンチン ブラジル・アルゼンチン
ポン ジ アスーカルのロープウェイ
イグアスの滝
コルコバードのキリスト像
街並み
自然
ペルー ペルー
マチュピチュ
風景・街並み
メキシコ メキシコ
チチェン・イッツァ遺跡・テオティワカン遺跡
チリ チリ
イースター島 モアイ
風景・街並み
グアテマラ グアテマラ
ベネズエラ 砂漠地帯 コロ
ベネズエラ サンフェルナンド・デ・アプレ
ベネズエラ南西部、アプレ州の州都。オリノコ川支流アプレ川南岸の河港都市。
ベネズエラ