Web系webpackを用いた静的サイトのテンプレート管理
昔の名残で未だ静的サイトを作る際はAdobe Dreamweaverを使っていますが、重いし何かと不安定なところもあり、使うこと自体辞めたいと思いつつも使っているのは、共通部分をテンプレートとして管理する為だけだったりします。 静的...
Web系
Web系
Web系Bootstrap4デザインのWordPressページネーションを作成する
WordPressのページネーション（投稿一覧をページ送りするボタン）のデザインを、Bootstrap4で表示させる方法です。 具体的には、下記画像のようなものになります。 また、上記デザインのページネーションを作成す...
Web系日本語サイト向けBootstrapのhonokaをwebpackでビルドする
レスポンシブ対応サイトを手早く作れるHTMLフレームワークである"Bootstrap"は様々な所で採用されていますが、本家からフォークされ日本語サイト向けにカスタマイズされた"honoka"というフレームワークがあります。 配...
Web系Pythonで”windows-31j”のレスポンスが返された際のデコード処理
スクレイピングの際、酷い文字化けが発生したので下記の対応を行った。 response = urllib.request.urlopen(url) html = response.read().decode(response.head...
Web系Pythonで文字コードを指定してURLのクエリ文字（パラメータ）をエンコードしたい時
"urllib.parse.urlencode"は通常"UTF-8"でのエンコードになるが、別の文字コードでエンコードしたい場合は、第四引数の"encoding"で指定する。 import urllib.request url ...
Web系Laravel 6.xで”axios.post”した際に419エラーが返された場合の対処
発生した問題 Vue.jsの"axios.post"でデータ送信時、ステータスコード"419"が返される。 JavaScript let params = { name : 'bar', } axios.post...
Web系Vue.js Datepickerでv-modelの値を指定したフォーマットにする
ソースコード HTML <script src=""></script><script src=""></script><script src="" defer><...
Web系Vue.Draggableでテーブルの行がドラッグ出来ない場合の対処法
公式サンプル デモ ソースコード 発生した問題 公式のサンプル通りに書いても、テーブルの行がドラッグ出来ない。 開発者ツールのインスペクタで確認すると、eventを持つ空のtbodyが何故かテーブルの外側に作成されてい...
Web系Laravel 6.xで”$ mkdir -p storage/framework/cache/data”してもキャッシュクリアコマンドが使えない時にしたこと
Laravelで開発中に、突然挙動がおかしくなることが稀にあります。そういう時、キャッシュが影響を及ぼしている可能性が高いので、そのキャッシュを削除するコマンドの実行を試します。例えば下記のようなものです。 $ php artisan c...
Web系【WordPress】CSS・フック・子テーマでのテンプレート上書きを使用せずにレイアウトを改変したい時
テンプレートのレイアウト（デザイン）をカスタマイズする時、下記のような対応を取ります。 適当なプラグインを使う又は作る CSSで頑張る（子テーマ） フックを探してfunction.phpに書く（子テーマ） テンプ...