コラム2019.03.20Tweetシェアこんにちは。inglowインターン生の鈴木です。Railsの開発環境でBootstrapが使えたらとても便利ですよね!今回はフロントエンドの時間短縮には欠かせないBootstrapをRailsに導入していきたいと思います。いざ、導入プロジェクト作成Bootstrap-sassの導入Javascript,CSSの修正まとめ注意ここではBootstrap3について記述します。その他のバージョンでは導入方法が違う場合があります。今回はRailsを使用して制作していくので事前にインストールします。railsと入力するだけです。installedと表示されれば成功です。installで完了です。いざ、導入ここからBootstrapを導入していきます。プロジェクト作成まず、Railsでの新規にプロジェクトを作成します。〇〇の部分に任意のプロジェクト名を入力し実行すると、カレントディレクトリにプロジェクトフォルダが作成されます。作成したプロジェクト内にgemfileが作成されていることを確認してプロジェクト作成は完了です。installを実行します。application.cssが格納されているのでそれぞれBootstrapが使えるように修正していきます。bootstrap-sprocketsと追記します。“bootstrap”と追記します。これで導入の完了です。まとめできたでしょうか?はじめはBootstrap4を導入する予定でしたが、エラーにはまり仕方なくBootstrap3を導入しました...。windowsは何かとトラブルが起きやすいですが根気よく対応するしかありませんね...。inc.はWebプロモーションとマーケティングオートメーションを2軸とした名古屋本社のデジタルマーケティング専門会社です。一般的なWeb広告運用会社さんは広告運用に主軸をおきますが、当社はあくまでWebプロモーション。クライアントのソリューションに合わせて、Webライター、カメラマンを使い、オリジナルコンテンツを設計する。そこへの誘導導線も築き、ここから初めて運用検証、改善フェーズに入る。合わせたキャンペーン設計までWebプロモーション×マーケティングオートメーションを一気通貫で行います。プロモーションとしてのデジタルマーケティングに関するご相談はお気軽にお問い合わせください。Blog関連記事2019.08.20Webマーケティングに役立ちそうなプログラミング言語について考えてみた。