Web系

スポンサーリンク
Web系

Bootstrap4デザインのWordPressページネーションを作成する

WordPressのページネーション(投稿一覧をページ送りするボタン)のデザインを、Bootstrap4で表示させる方法です。 具体的には、下記画像のようなものになります。 また、上記デザインのページネーションを作成す...
2020.03.28
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>&lt...
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に書く(子テーマ) テンプ...
Web系

HTTPSへのリダイレクトとドメイン正規化を目的とした汎用.htaccess

「httpsに対応しているがhttpでアクセスされるかもしれない」「wwwありのサブドメイン無しで運営しているが、wwwを付けずにアクセスされるかもしれない」といった場合を想定して、意図したURLにHTTPSでリダイレクト(自動転送)させた...
スポンサーリンク