Web開発 Flickityを使ってカルーセルスライダーを設置する方法
Flickityとは 「Flickity」とは、カルーセルスライダーを作成することができるプラグインです。 レスポンシブに対応 モバイルのタッチやフリックにも対応 jQueryに依存しない という特徴があります。 HTMLとCSSのみで、簡...
Web開発
Web開発 
Web開発 チェックボックスを使ってCSSだけでポップアップを作成する方法
概要 前回、「Javascriptを使用してポップアップを自作する方法」を説明したのですが、今回は、チェックボックスを使ってCSSだけでポップアップを作成する方法です。 サンプル See the Pen 擬似ポップアップ by take i...
Web開発 Javascriptを使用してポップアップを自作する方法
概要 Javascriptを使用してポップアップを自作する方法です。 サンプル 今回作成するのは、 ボタンをクリックしてポップアップを表示 ポップアップの「×」ボタンをクリックしてポップアップを閉じる オーバレイをクリックしてポップアップを...
Web開発 チェックボックスを使ってCSSだけでトグルボタンを作る方法
概要 チェックボックスを使って、CSSだけでトグルボタン（トグルスイッチ）を作る方法です。Javascriptを実装せずに作成することが可能です。 サンプル See the Pen toggle-css by take it easy (@...
Web開発 HTMLの要素をJavascriptで動的に追加・削除する
概要 追加ボタン・削除ボタンでフォームを動的に追加したり削除したりする方法です。 See the Pen Untitled by take it easy (@take-it-easy) on CodePen. このように動的に要素を追加・...
Web開発 【PHP】ビルトインウェブサーバーの立ち上げ方
ビルトインウェブサーバーとは アプリケーション開発の支援用として設計されたWebサーバー機能で、通常はApacheなどのWebサーバーの準備が必要ですが、開発用として簡易的なWebサーバーを起動することができます。 参考： ビルトインウェブ...
Web開発 リスト（ulタグ、olタグ）のレイアウト方法
HTMLでは、ulタグ、olタグを使用してリストを作成しますが、リストのコーディング方法とレイアウト方法です。 リストを階層にする方法 リストを階層にする場合は、liタグの中に、新しくulタグ・olタグを入れます。 See the Pen ...
Web開発 MacにMySQLをインストールする方法
開発時に使用するMySQLを、Macにインストールをする方法です。 実行環境 macOS Monterey バージョン12.6 Homebrewをインストール MySQLをインストールする前に、Mac OSで使用できるソフトウェアの管理を行...