Web開発 CSSだけでプルダウンをカスタマイズする方法
ブラウザやOSが違うとデザインが違うため統一したい場合など、カスタマイズをしたい場合があると思います。そのサンプルです。 プルダウンのデザインの変更は意外と難しいので、各ブラウザやOSでしっかり確認を行うことをお勧めします。 CodePen...
Web開発
Web開発 
Web開発 ページ内リンクをスムーズなスクロールにする方法
概要 通常は、ページ内リンクをクリックすると、パッと移動をしてしまいますが、おしゃれなホームページではスルスルっと、スムーズなスクロールをすることがあると思います。 そのスムーズなスクロールを実装する方法です。 CSSで実装する場合 URL...
Web開発 Javascriptで自作のカレンダーを作成する
自作のカレンダーの作成方法 Webシステムを作成していると時折出てくる悩みの自作カレンダーの作り方です。 いろんなライブラリがありそれでも良い場合もありますが、デザインや細かいところに手が届かない、特殊な動きをする場合など自作のカレンダーが...
Web開発 【Python】MacでDjangoのインストール方法
Djangoとは Django（ジャンゴ）とは、Pythonで実装されたWebアプリケーションフレームワークです。 実行環境 macOS Monterey バージョン12.6Python 3.10.8 インストール方法 Pythonはインス...
Web開発 HTMLだけで簡単なアコーディオンを作成する方法
アコーディオンの作成方法 アコーディオンとは、クリックやタップをすると、折りたたんだり開いたりできるコンテンツのことです。 これが、detailsタグとsummaryタグで簡単に作ることができます。 以前は、対応していないブラウザもありまし...
Web開発 MacにPython3をインストールする
Homebrewをインストール Pythonをインストールする前に、Mac OSで使用できるソフトウェアの管理を行う「Homebrew」をインストールします。 Homebrewのインストールは「Homebrewのインストールと使い方」という...
Web開発 CSSだけでラジオボタンをカスタマイズする方法
ブラウザやOSが違うとラジオボタンのデザインが違ってくるため、せっかく作成するなら統一したいと思うことがあると思います。 CSSだけでラジオボタンをカスタマイズできるのでカスタマイズをする方法のサンプルです。 カスタマイズ方法 今回は、以下...