タグ JavaScript の記事一覧

【Django】CSS や JavaScript の変更が反映されないときの対処法

フロントエンドをやっていると CSS や JavaScript のファイルを変更したのになぜか反映されなくて困ったという経験は誰にでもあるかと思います。
これはブラウザが CSS や JavaScript のファイルをキャッシュして使用していることが原因なのですが、初心者だとそこまで気が回らないものですよね。

対処法としてはブラウザのキャッシュをクリアしたり、スーパーリロード (Force Reload といったりもします) する必要があります。
ですが、その場合ユーザ側で操作する必要があり...
2022年7月6日 2023年11月8日
カテゴリ: プログラミング
プログラミング Python JavaScript Django CSS HTML

Sphinxで作ったドキュメントの外部リンクを新しいタブで開く方法を考える

Sphinx で作成したドキュメントの外部リンクを開こうとすると、同じタブで開いてしまうのでちょっと不便ですよね。
ディレクティブで指定する方法も (多分) ないので、どうにかして外部リンクを新しいタブで開く方法がないか検討してみました。
2022年5月2日 2023年11月8日
カテゴリ: IT入門
プログラミング Python JavaScript Sphinx

文章を全部読むまで押せないチェックボックスを作ってみよう

サイトに会員登録するとき、規約等の文章を下までスクロールしないと押せないチェックボックスやボタンってよくありますよね。
「文章をちゃんと全部読んで同意したよね?」ってさせるアレです。
(文章を最後までスクロールしないと次の画面へ進めないので、この仕組みを知らないとちょっと戸惑いますよね。)

こんな感じのやつです。

今回はこれを作ってみましょう。
2022年4月20日 2023年11月8日
カテゴリ: プログラミング
JavaScript CSS HTML

ラジオボタンを未選択の状態にする方法を考えよう

HTML で作成した入力フォームのラジオボタン (オプションボタンとも) について、一度選択した後で未選択の状態にする方法を考えてみましょう。

そもそもラジオボタンは必須入力の項目に使われることが多く、同一グループのラジオボタンのいずれかが必ずチェックされている状態になるという仕様なのか、一度選択すると未選択の状態には戻せません。...
2022年3月30日 2023年11月8日
カテゴリ: プログラミング
JavaScript HTML

Swiper.jsのスライドをトラックパッドでスクロールすると数ページ分一気にスクロールされてしまう問題

jQuery不要で簡単にスライドが実装できるSwiper.jsをとあるプロジェクトで導入したのですが、なかなかいい感じでした。
ヨコ方向のスライドだけでなく、タテ方向のスライドも作れてマウスのホイールでもスクロールできるのでとても気に入りました。
...
2021年7月1日 2023年11月8日
カテゴリ: プログラミング
JavaScript Swiper.js

Pythonのインデントについて

インデントという言葉はPythonに限らず、様々な場面で使用されています。
たとえばWordではこんな感じの設定項目がありますよね。

この設定をいじるとこんな感じになります。

この例では上の文章に対してインデント左1字を設定しています。
これは文章単位で...
2021年5月9日 2023年11月8日
カテゴリ: プログラミング
Python JavaScript インデント