Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
はじめに サンプルアプリ等を作成する際、デザインに悩むことは多いかと思います。 (特にデザインセンスに乏しい私のようなプログラマは・・・) このような時に、Bootstrapは強い味方となります。(今更感は強いですが・・・) またBootstrapにはデザインのサンプルが用意されているので、このサンプルをベースとしてアプリを作っていけばデザインについて悩むことを減らすことができそうです。 今回はRuby on Rails 4 にBootstrap3を適用し、サンプルにある「Starter template」と同じページを作る 手順について纏めてみたいと思います。 作業手順 以下に、今回の作業手順を書いていきます。 1.ページ作成 まずはRuby on Railsにて、今回表示するページを作成します。 コントローラ、ビューの作成 今回表示する画面のコントローラは「welcome」、ビューは「
まえおき WEB製作を担当させて頂いたあるお客様からのご要望だったのですが、なかなかタイトルだけでは、内容の想像が難しいため、まずは画像をご覧ください。 「画面上部から下にスライドダウンするメニュー (図1から図2へのような)」を、モバイルアプリで人気の「左からのスライドインするメニュー (図3から図4へのような)」にしたいのです。 ちなみに、本サイトも同様になっております。おそらくそれをご覧になってご相談下さったのではないでしょうか? まずは まずは、フリーで提供されているjQueryのプラグインを探します。 今回は、Alberto Verela氏の「Sidr」を使用しましたが、同様のプラグインは複数存在します。 Snap.js PageSlide jPanelMenu Sidrの基本的な使い方 本家サイトから「sidr-package-1.1.1.zip」をダウンロードし、アーカイブを
この記事で分かること twitter-bootstrap 3.0をRuby on Rails 4.0で動かす方法について 内容 bootstrap 3.0について twitter-bootstrap-railsについて bootstrap 3.0 on rails 4.0 1.bootstrap 3.0について bootstrapとは,わりと誰でも簡単に整ったレイアウトのホームページを作れるようにするための無償のツールです. 細かいことはおいておきいますが,bootstrap を使って構築されたサイトが乗っている bootstrap-expoを見ると 何となく凄さが分かるのではないかなーと思います. (とは言え、自分レベルではbootstrapをどうカスタマイズしたらあのようなレベルになるのかさっぱりですが笑) 使い方は簡単で,bootstrapの公式サイトのGetting Started
railsのインストールが完了後からの手順を記載。 最初のやり方ではBootstrapのverが2だったで、3をインストールするやり方を追記。 ※ liubin0329さんのやり方を使わせていただきました。liubin0329さん有り難うございました。 以下、Bootstrap ver3のインストールの方法 Gemfileを開いて、以下の6行を追加。 gem 'therubyracer', platforms: :ruby gem 'turbolinks' gem 'less-rails' gem 'anjlab-bootstrap-rails', :require => 'bootstrap-rails', :github => 'anjlab/bootstrap-rails' gem 'execjs' gem 'rb-readline', '~> 0.4.2'
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く