Recent Posts

2posts

TailwindCSSで階層型のホバーメニューを実現する

TailwondCSSのみで階層型のホバーメニューを作成します。最小構成での動作確認から始まって、プラグインを作成し、TailwindCSSを高度にカスタマイズするところまでを紹介します。
はじめに TailwindCSSのみを使用したホバータイプのドロップダウンメニューを作成します。 以前の記事では、クリックによって表示非表示が切り替わるドロップダウンメニューを紹介しました。 今回は、CSSのみで実現するホバーメニューに対して以下の点に焦点をあてて記述してい…

Phoenix LiveViewによる動的サーバーサイドレンダリング2

Phoenix LiveViewを使ってみました。本記事では、比較のためにLiveViewを使用しない場合の実現方法について記述しました。クライアント側ではJavascriptを用いて実装しています。
はじめに 「Phoenix LiveView による動的サーバーサイドレンダリング」の2回目です。 Phoenix LiveViewのセットアップ方法 Phoenix LiveViewを使用しないカウンターの実装(この記事) Phoenix LiveViewを使用したカウンター…