Doiya’s blog

日々の進捗を書く雑記ブログ(メインはエンジニアやプログラミング関連)

2作目のPFで学んだ知見

今回作った2作目のPFで学んだことを箇条書きで列挙していく。

Rails7系の導入。

今までRailsの6系で作業していたので 一度7系を導入してみようと思って 導入してみた。ただ、やはり6と7の違いは 大きなものを感じて、詰まったことが多々あった。 詳しいことは以下の記事を参照してね。

qiita.com

次回は6系でサービスを作った方がいいと思う。

ちなみに7系の場合「bin/rails s」ではなく「bin/dev」でやった方がいいらしい。

tailwind cssの導入。

今までbootstrapを使っていたけど それ以外で試してみたいと思い 一度tailwind cssを使ってみたいと思い導入してみた。 導入にかなり苦戦したけど以下の記事を参照してみてなんとか導入した。

zenn.dev

次回以降もtailwind cssは挑戦していきたい。 ちなみにtailwind cssのカスタマイズは以下の記事も参照させていただいた。

Rails Pagination with Tailwind - DEV Community

独自ドメインSSL化で起きたエラー

詳しくは以下の自分が書いた記事を読んでね。

doiya.hateblo.jp

ドロップダウンができないエラー

今回以下のようにドロップダウンをするコードを記載した。

<li class="nav-item dropdown dropdown-slide">
          <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <%= Board.model_name.human %>
          </a>
          <div class="dropdown-menu dropdown-menu-right">
            <%= link_to  t('boards.index.title'), boards_path, class: 'dropdown-item' %>
            <%= link_to  t('boards.new.title'), new_board_path, class: 'dropdown-item' %>
          </div>
        </li>

しかし何故かドロップダウンがうまくいかなかった。 今回、見つけた解決策としては application.html.erb

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

#上記の文を追記した。

rails 6 bootstrapでドロップダウンが動作しない。

イラスト導入

以下のサービスでトップページや掲示板の画像として、いくつか使わせていただいた。

www.ac-illust.com

一応、著作権も心配したのだけど 以下の記事を見て その点は大丈夫ではないかと考えた。

blog.acworks.co.jp

背景画像

背景色と背景画像を合成したかったのだが 何故かうまくいかなった。 結論としてはcssの所に以下のようにしたらなんとかできるようになった。

 background:linear-gradient(to top, rgba(91, 238, 240, 0.7) 0%, rgba(151, 217, 225, 0.7) 100%), url('〇〇.jpg') center;

色選択ツール - CSS: カスケーディングスタイルシート | MDN

コントローラー不要で利用規約などを作る。

これに関してはhigh_voltageというgemを入れたら、上手くいった。

qiita.com

Heroku標準のPostgreSQLへのdb:migrateをやり直す方法

以下のコマンドをターミナルに打つ。

heroku rake db:migrate VERSION=0

heroku rake db:migrate

[Rails] Heroku標準のPostgreSQLへのdb:migrateをやり直す方法 - CodeNote

本番環境で管理者権限を付与する方法(我流)

以下のコマンドをターミナルに打つ。

heroku run rails c

User.create!(詳しくは現場Railsの4-5-13参照)
ただし以下の部分は変更する。
✖︎admin:true
○role:admin

最後に

今回も色々とエラーにぶつかったのだが、何より学んだことがある。

それは

まずはログをちゃんと見なさい!!

検索するときはワードを考えなさい!!

この二つは本当に痛感した。 以後気をつけて、学習していきたい。

追記(2022/05/16)

次回からGithubに関して以下の記事を参考にしてやるようにする。 今回はissueを全く使っていなかったことが反省。

zenn.dev