RailsにおけるJsとStylesheetの呼び出しは、マニフェストファイルから読み込みたいものをまとめて設定し、複数存在するであろうerbファイルからはマニフェストファイルだけを読み込むことで、JsとStylesheetの呼び出しを代わりにやってもらうという仕組みになっています。この仕組みをSprocketsと言います。 ※マニフェストファイルを使っていない場合 ※マニフェストファイルを使った場合 ここでは、 ①マニフェストファイルからの読み込みの設定方法 ②erbファイルからのマニフェストファイルの呼び出し方法 この２つの流れで説明してみたいと思います。 ①マニフェストファイルからの読み込みの設定方法 app/assets/javascripts/application.js app/assets/stylesheets/application.css この２つが、マニフェストファイ
RailsではCSSを特に指定しなくても読み込まれるスタイルシートと、自分で指定して読み込むスタイルシートがあります。 自動で読み込まれるスタイルシート この自動で読み込まれるスタイルシートはapp/assets/stylesheets/application.cssで指定します。 ディレクトリ以下の全てのスタイルシートを読み込む *= require_tree .と記述するとapp/assets/stylesheets以下の全ての階層のスタイルシートが読み込まれます。 ディレクトリ直下の直下のスタイルシートを読み込む *= require_directory .と記述するとapp/assets/stylesheets直下の全てのスタイルシートが読み込まれます。サブディレクトリは読み込まれません。 指定したスタイルシートを読み込む 自動で読み込まれるスタイルシートに加えて、自分でスタイルシ
$ npm install slideout $ bower install https://github.com/mango/slideout.git $ component install mango/slideout 1. First of all, you'll need to have a menu ("#menu") and a main content ("#panel") into your body. <nav id="menu"> <header> <h2>Menu</h2> </header> </nav> <main id="panel"> <header> <h2>Panel</h2> </header> </main> 2. Add the Slideout.js styles (index.css) in your web application. body
背景 自分が仕事で書く WEB アプリケーションは多くの場合が小粒で、何か書く場合には sinatra を使っています。 さらにテンプレートエンジンは slim で、ビューが必要な場合は twitter bootstrap を使って書きます。 で、新規で何か書き始める時に、それっぽいディレクトリ構成を作って、twitter bootstrap とか jquery とかをダウンロードして解凍してそれっぽいところに設置してー(もしくは既存プロジェクトをディレクトリごとコピーしてきて要らないファイル消してネームスペース変更してー)、とかっていうローテクな感じのことを毎回手動で行っていて、すっと実装に入れない！めんどくせー！ってなることが多いので、いったん整備してみました。 studio3104/ore-no-sinatra-skelton · GitHub 構成 javascript/css ラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
