あっという間の十年ブログ【Ruby篇】

"詮ずるところ#{プログラミング}は、ただ年月長く倦まずおこたらずして、はげみつとむるぞ肝要にて、学びやうは、いかやうにてもよかるべく、さのみかかはるまじきことなり。いかほど学びかたよくても、おこたりてつとめざれば、功はなし。また、人々の才と不才とによりて、その功いたく異なれども、才不才は、生まれつきたることなれば、力に及びがたし。されど、大抵は、不才なる人といへども、おこたらずつとめだにすれば、それだけの功は有る物なり。" - 本居宣長

Railsチュートリアル「8.2.4 メニューのトグル機能」(5版→7版)

Railsチュートリアル5版→7版への移行にあたり、8章のJavaScriptの取り扱い(「8.2.4 メニューのトグル機能」)にしたがって、Importmapを導入する。

手順通りにやってみたが、メニューがドロップダウンせず。

結局、

app/views/layouts/_header.html.erbの中身を2カ所書き換えたら、メニューを開くことができた。 htmlのidが指定されていなかったもよう。

<a href="#" class="dropdown-toggle" data-toggle="dropdown">
↓ 変更
<a href="#" id="account" class="dropdown-toggle">
<ul class="dropdown-menu">
↓ 変更
<ul id="dropdown-menu" class="dropdown-menu">

これでOK

7版ではこのあと「モバイル向け」のメニューの作成の仕方が追加されている。