2020年2月9日SHAREツイートシェアはてブLINEPocketこんにちは。新年あけましておめでとうございます。今年も何卒宜しくお願い致します。東京オリンピックの年がやってきましたね。オリンピックのおかげで日本の経済状況は良い方向になると願っています。私がRails6にて開発している際にjqueryとbootstrapの導入した手順と導入方法をお伝えします。jqueryはjavascriptのライブラリでその一部である。javascriptのライブラリは今では多くあり、なおかつ日々改良され種類も豊富になってきましたよね。私自身、今年度はReactを導入したいなと思っています。javascriptいわゆるjsについて、ここでは何ができるかそして使い方などの細かい事は省いていきますね。yarnとwebpackerのインストールRails6はyarnとwebpackが必須となります。--ignore-dependencieshttps://papa-programing.jp/rails6-new/に置いて、Rails6ではyarnとwebpackのインストールが必要な事をお伝えしていますので、ぜひご参照ください。Railsプロジェクトにjequeryを導入します。yarnをしなさいとアドバイスされたり、怒られたりします。ここではエラーの再現性をスクリーンショットし忘れたので省きますね。1.19.1からの1.21.1にupgradeしました。後々に割とupgradeしないとエラーがおきましたので。jqueryをインストール後、package.jsonのファイルを開けて確認します。}}ここで”jquery”の3.4.1のバージョンがインストールされたのを確認できました。jquery後に、app/javascript/packs/applicationsとconfig/webpack/environment.jsにて追記します。jquery後格納されます。注意Rails5.2系まではJavaScriptのマニフェストファイルはapp/assets/javascript/application.jsです。Rails6からapp/javascript/packs/application.js配下のjsを読み込みます。environment_ここのpopper.jsを記載しているのは、bootstrapを導入する前提で書いています。bootstrapを使用しないで、jqeuryのみを必要でしたら、javascriptの配下に”src”のディレクトを作成し、config/webpack/environment.jsの中身は下記のようにするのも一つの書き方です。#addRails6でBootstrapの導入方法Railsだけではなく、ワードプレスのテーマにもTwitter社が提供しているBootstrapは以前よりも多いですよね。オシャレですし、私も愛用させて頂いております。何よりものこのグリッド方式は、開発の手間も省けます。popper.jsMEMOpopper.jsはBootstrap4から追加されたらしい依存ライブラリである為、必然的にインストールの必要があります。Bootstrapがインストールされたかどうかの確認package.jsonのファイルにて、bootsrapが正常にインストールされているかが記載されます。}}application.sccsファイルの作成app/javascripts配下にてsrcのディレクトリを作り、application.sccsを作成します。newの際、オプションでskipしました。webpackに依存していますし、jsとの相性でエラーが多くなってしまうのかなと。いつでも必要性が出たら柔軟に対応していきます。プログラミングで今年こそは変わりたいあなたへエンジニアの素晴らしい所は、開発したものが”形になり”世の中の人へ利用してしもらえる事。このご時世エンジニア無しではサービスが成り立たない事。優しい道のりは無いが最短を目指す独学で学び始めると確実にどこかで躓きます。その躓き具合で挫折に繋がります。」「もともとエンジニアではなかったし。」と言った具合に、せっかく学び始めたものを諦めてしまいます。私の経験上、優しい道はありません。プログラミングを学ぶ際のその躓きや悩みは、学び方や環境一つで良い方向に転換していきます。私の経験上プログラミングスクールに入って、学び上げる事が最短ですかね。Codeをお勧めします。代表の野呂さんに当時は何度か教えていただきました。腹落ちするまで、夜中まで付き合って頂きました。横のつながりも強いです。卒業してなおコミュニティーに参加でき、半永久的に教材は閲覧する事ができます。エンジニア一人でも知り合いになる以前4年前ぐらいですかね、Railsのセミナーの講師をしていたエンジニアの先輩は今でも交流があり、我が家に泊まりに来て頂けるほどの仲よくして頂いております。本職がエンジニアでは無い私ですが、Railsやワードプレスで本番環境に置いてエラーやバグで困ってしまい、どうしようもない時に何度か助けて頂きました。実際にはその先輩からの付き合いで、沢山のエンジニアの方々と知り合う事ができ、良い人生の巡り合わせを経験しました。プログラミングを学んでいるだけ、自分が外の世界へ交流を求めると違った世界に足を踏み入れる事ができます。最後にエラーは敵ですが、エラーメッセージは友達です。初学者にとって一番陥りやすいのは、解決を見出せず一つのエラーで永遠に戦ってしまう事。30分悩んで解決できなそうだったら、すぐに聞いた方が良いです。聞ける環境は、プログラミングスクールですね。聞きすぎて恥ずかしいなんて思わず、とことん聞いてメンターには付き合ってもらいましょう。それが自分の成長の為だと心に決めましょう。Mailer】letter_openerこの記事を書いた人4児パパ4児の父。外資系企業に勤めながら、副業では株とブログに専念しています。最近プログラミングとブログを趣味以上にしながら、投資に奮闘中です。あっもちろん、育児も抜かりなく。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。最近プログラミングとブログを趣味以上にしながら、投資に奮闘中です。あっもちろん、育児も抜かりなく。