自分の手で未来を創るーlav0

自分のために、誰かのために、今ここにないもの、もっと良くしたいもの、何でも自分の手で創っていく。そして、作ったものを公開していきます

Rails モーダルでガイドを作る

今回はアプリケーションの取説をそれぞれのページにガイドボタンを設置し、モーダルで出せるようにしたかったのでその実装メモ。取説の考え方について考えさせられる記事あったので最後に乗せさせていただきます。

f:id:kslabo51:20191230215343j:plain

 

今、bootstrap3でやっているのでやはり一番わかりよかったのはこちらのサイト

bootstrap3.cyberlab.info

設置についてはかなり簡単だったが、各ページのコードが膨らんでしまった。パーシャルを使うにもガイドなので中身違うため、まとめるとしたら本文以外をまとめてしまうかかな。

f:id:kslabo51:20191230214842p:plain

こんな感じでポップアップさせます。

 

自分のアプリケーションにガイドを付けたあとに、下記の記事を拝見させていただきましたが、確かに!!という感じでした。次回以降、心に持っておかないとなって思いました。

 

yusukeiwaki.hatenablog.com

 

version rails 5.1.6