スポンサーリンク
Web系

webpackを用いた静的サイトのテンプレート管理

昔の名残で未だ静的サイトを作る際はAdobe Dreamweaverを使っていますが、重いし何かと不安定なところもあり、使うこと自体辞めたいと思いつつも使っているのは、共通部分をテンプレートとして管理する為だけだったりします。 静的...
Web系

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

WordPressのページネーション(投稿一覧をページ送りするボタン)のデザインを、Bootstrap4で表示させる方法です。 注:"次"・"前"の記号として"Font Awesome"を使用、使用する場合は要アカウント登録 ...
Web系

日本語サイト向けBootstrapのhonokaをwebpackでビルドする

レスポンシブ対応サイトを手早く作れるHTMLフレームワークである"Bootstrap"は様々な所で採用されていますが、本家からフォークされ日本語サイト向けにカスタマイズされた"honoka"というフレームワークがあります。 配布元のw...
2021.08.01
Web系

Pythonで”windows-31j”のレスポンスが返された際のデコード処理

スクレイピングの際、酷い文字化けが発生したので下記の対応を行った。 response = urllib.request.urlopen(url) html = response.read().decode(response.headers....
Web系

Pythonで文字コードを指定してURLのクエリ文字(パラメータ)をエンコードしたい時

"urllib.parse.urlencode"は通常"UTF-8"でのエンコードになるが、別の文字コードでエンコードしたい場合は、第四引数の"encoding"で指定する。 import urllib.request url = ' p...
Web系

Laravel 6.xで”axios.post”した際に419エラーが返された場合の対処

発生した問題 Vue.jsの"axios.post"でデータ送信時、ステータスコード"419"が返される。 JavaScript let params = { name : 'bar', } axios.post('/foo', pa...
2021.08.28
Web系

Vue.js Datepickerでv-modelの値を指定したフォーマットにする

ソースコード HTML <script src=""></script> <script src=""></script> <script src="" defer></sc...
2021.08.28
Web系

Vue.Draggableでテーブルの行がドラッグ出来ない場合の対処法

公式サンプル デモ ソースコード 発生した問題 公式のサンプル通りに書いても、テーブルの行がドラッグ出来ない。 開発者ツールのインスペクタで確認すると、eventを持つ空のtbodyが何故かテーブルの外側に作成されていた。 解決方法 ...
Web系

Laravel 6.xで”$ mkdir -p storage/framework/cache/data”してもキャッシュクリアコマンドが使えない時にしたこと

Laravelで開発中に、突然挙動がおかしくなることが稀にあります。そういう時、キャッシュが影響を及ぼしている可能性が高いので、そのキャッシュを削除するコマンドの実行を試します。例えば下記のようなものです。 $ php artisan ca...
2021.08.28
Web系

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

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