trelab

Bootstrapを使うと、ナビゲーションバー（Navbar）を簡単に作成できます。さらに、少し工夫することで2段構成のナビゲーションバーを実現することも可能です。本記事では、Bootstrap 5を使って具体的なコード […]

本記事では、Bootstrap 5を使って、ナビゲーションのメニューにボタンを追加する方法を解説します。 ナビゲーションバーのメニューにボタンを追加する ソースコードを実装していきます。 コードの解説 特に難しくはなく、 […]

目次 はじめにstickyでナビゲーションバーを固定スクロールにする方法コードの解説実行結果fixedでナビゲーションバーを固定スクロールにする方法コードの解説実行結果まとめ はじめに 本記事では、Bootstrap 5 […]

ナビゲーションバーのメニューを中央寄せにするのは、特定のデザイン要件を満たすためによく求められるレイアウトです。本記事では、Bootstrap 5を使ってナビゲーションバーのメニューを中央揃えにする方法を解説します。 ナ […]

Bootstrapのnavbarによるナビゲーションのメニューの配置を右寄せにしたり左寄せにする方法を解説します。 バージョンはBootstrap5を使ってます。 目次 左寄せ右寄せポイント実行結果右寄せと左寄せの両方ポ […]

Bootstrapのnavbarを使えば、レスポンシブなナビゲーションバーを簡単に作成できます。今回は、ドロップダウンメニューを含むナビゲーションバーを作成する方法を解説します。 バージョン バージョンはbootstra […]

目次 はじめに実装全体のルーティング設定コンポーネントJavascriptでルートを切り替える方法との違い はじめに Angularプロジェクト内で使うルート制御をするには、Routerのnavigateメソッドを使って […]

いろいろとやり方はありますが、以下のコマンドで一度アンインストールしてから、再インストールするのが確実です。 npm installが未指定の場合は最新バージョンがインストールされます。 また、メジャーバージョンが変わっ […]

AngularのRouteのパスの優先順位は、Routeの設定を上から順に確認して、最初に一致したものが優先されます。その場合、後続のRouteの設定までは見ません。 目次 優先順位について検証間違った設定正しい設定まと […]

目次 Angularのルーティングによるリダイレクトについてリダイレクト設定の基本リダイレクトの例複雑なリダイレクトを行うRedirectFunctionの定義複雑なリダイレクトを設定する Angularのルーティングに […]