Bootstrap Gem でビジュアル マジックを作成する

専門家の予測を信じるなら、2016 年はビジュアルの年になるでしょう。結局のところ、私たちは毎日非常に多くのデータにさらされているため、興味を惹かれない限り、そのほとんどを無視しています。そしてビジュアルは目を引く確実な方法です。しかし、多くの場合、私たちはアプリケーションを磨き、見た目を美しくすることに多くの時間を費やし、市場に出す頃にはすでに古い商品になっています。それで、出口は何ですか?アプリケーションの設計要素にそれほど多くの時間を費やす必要があるのでしょうか、それともアプリケーションのババアのような外観で市場に投入する必要があるのでしょうか?あなたもケーキを持ってそれを食べることができたらどうしますか? Ruby on Rails を使用すると、アプリケーションをより迅速に市場に投入できるだけでなく、Bootstrap gem の助けを借りてその設計を魔法のように行うことができます。 Bootstrap (旧 Twitter Bootstrap) は CSS スタイルシートを提供します Web サイトのビジュアルデザイン用の JavaScript コード。これは、Ruby on Rails がサーバーサイドまたはバックエンド開発用のフレームワークであるのと同様に、フロントエンドまたはブラウザーベース開発用のフレームワークです。 Bootstrap は、開発者がアプリケーションや Web サイトの優れたデザインを簡単に作成できるようにするフレームワークです。 Web サイトやアプリケーションには、ウィジェット、リスト、フォーム、タイポグラフィーなどの一般的なコンポーネントがほとんどありませんが、事前定義された CSS クラスが付属する Bootstrap を使用すると、手間をかけずに簡単にデザインできます。このフレームワークには JavaScript も付属しているため、スクロール スパイ、アコーディオン、モーダル、ポップオーバーを簡単に作成できます。 Bootstrap gem には、Bootstrap が提供するすべてではないにしても、ほとんどのコンポーネントのサンプル コードを提供する、堅牢で徹底的で理解しやすいドキュメントもあります。

インストール:

ルビー・オン・レール:

gem 'bootstrap-sass', '~> 3.3.6 --> 追加が必要、削除が簡単なアセットパイプライン gem 'sass-rails', '>= 3.2' --> Rails アプリケーションバンドルインストールのデフォルト Gem
ファイル拡張子は非常に重要です。ファイル拡張子には .scss または .sass が付いています。新しいアプリケーションのアプリケーションのデフォルト拡張子は .css であり、そのファイル拡張子の名前を変更する必要があります。
デフォルト: app/assets/stylesheets/application.css *= require_self *= require_tree。名前変更: app/assets/stylesheets/application.scss
拡張子を変更した後は、require ステートメントを削除し、application.scss 内にブートストラップ インポート ファイルを追加する必要があります。
@import "ブートストラップ スプロケット"; @import「ブートストラップ」;ブートストラップの前に、ブートストラップスプロケットをインポートする必要があります。 application.js では、ブートストラップを追加する必要があります require javascript //= require jquery //= require bootstrap-sprockets bootstrap-sprockets は個別のブートストラップ Javascript ファイルを提供します (例:alert.js、dropdown.js、combobox.js) $(document) ).ready(function(){ $('.dropdown-toggle').dropdown(); });
これはドロップダウン用の JavaScript です。 Ruby on Rails の最も優れた点は、最も一般的な問題に対して解決策が提供されることです。 Bootstrap gem を使用すると、時間をあまり犠牲にすることなく、すぐに最高のビジュアルを実装し、アプリケーションの見栄えを良くすることができます。時間の節約という点では、Ruby on Rails ほど時間を節約できるプログラミング言語はありません。したがって、時間に余裕がないが、それでも素晴らしいアプリを作成したい場合は、Ruby on Rails をお勧めします。もしあなたが Ruby on Rails 開発会社を探しているなら、RailsCarma は素晴らしい選択肢です (私たち自身がそう言っているとしても)。 Railscarma は開発、トレーニング、デプロイ、Rails コミュニティへの貢献のために初期段階から Ruby on Rails を実装し、最高のサービスを提供してきました。 Ruby on Rails開発サービス。 RailsCarma は、コンサルティング、アーキテクチャ、構築、管理、拡張などのエンドツーエンドの Ruby on Rails サービスを世界中の企業に提供します。簡単な雇用プロセスで Ruby on Rails 開発者を雇用することもできます。 お問い合わせ もっと知るために。他の宝石について読む:

最新のアップデートを購読する

関連記事

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

jaJapanese