2014/10/15

RoR  で Bootstrap CSSを追加する。

下記のRoR開発環境で「Bootstrap」を追加してみた。

単純にGemに「Bootstrap」を追加&更新して、「Bootstrap」をCSSインポートしたらエラーになったのでメモ


■環境
・Ruby 2.0.0p576 (2014-09-19) [x64-mingw32]
・Rails 4.1.6
・OS windows8.1(64bit)


※ちなみに、「Bootstrap」とは、
Bootstrapは、CSSの「フレームワーク」といわれるもので、
「枠組み・スタイルなど」をある程度最初から定義しているライブラリ群です。


・まず、Gemfileへbootstrap-sassを追加する。(追加したのは下記の2行)

  gem 'bootstrap-sass', '2.3.2.0'
  gem 'sprockets', '2.11.0'


・Gemfileを更新したので、下記のコマンドを実行
  bundle update

・Asset Pipeline互換の行を追加する。
  修正したファイル: config/application.rb
     修正した内容   :下記の1行を追加
    config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif)



  ファイル内容(例--------------------------------------
  require File.expand_path('../boot', __FILE__)
    .
    .
    .
  module SampleApp
    class Application < Rails::Application
      .
      .
      .
      config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif) 
    end
    end


・CSSにインポート
  /app/assets/stylesheets/xxxxxx.css.scss

    該当するCSSファイルに「Bootstrap」をインポート

  @import "bootstrap";

2014/10/07

ExecJS::RuntimeError in Users#index

RailsのScaffold後、サーバー起動してブラウザでアクセスすると下記のエラー

なんでやねん。。

ExecJS::RuntimeError in Users#index
/app/views/layouts/application.html.erb where line #6 raised


エラーが発生したのは、下記のファイルで、
scafold_app/app/views/layouts/application.html.erb

発生個所は、下記の4行目
1:
2:     DotinstallLesson
3:     <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
4:     <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
5:     <%= csrf_meta_tags %>
6:


解決方法は4行目の
 <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
 <%= javascript_include_tag 'defaults', 'data-turbolinks-track' => true %>
に書き換えで、表示されました。
('application' --> 'defaults' に変更)

※根本的な解決は、asset.pipelineを「false」(無効)に設定する必要が有るそうですが。。


2014/10/06

windows8.1 にruby 2.0 / rails 4.1.6 をインストール

windows8.1 にruby 2.0 / rails 4.1.6 をインストールしてみた


準備するもの
ブラウザで http://rubyinstaller.org/downloads/ を開き、下記をDLします。

・Ruby 2.0.0-p576 (x64)
・DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe


インストール手順
・rubyinstaller-2.0.0-p576-x64.exe をインストールします。
 ※途中で、PATHに追加という項目が出てくるので要チェック
 ※私は、「C\:Soft\」にインストールしました。

・コマンドプロンプトを起動し、下記コマンドを入力&実行
 gem update --system

・上記の処理が終わったら、同じく下記コマンドを実行
 gem update rake

・DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe をインストールします。
  ダブルクリックをすると、解凍先を聞かれるので、「C:\Soft\DevKit\」を指定

・コマンドプロンプトで、下記コマンドを入力&実行
  C:\Soft\DevKit\devkitvars

・上記処理が終了したら、下記コマンドを実行
 gem install json --no-ri --no-rdoc

 ※「Successfully installed json-1.8.1」とか表示されます。

・上記処理が終了したら、下記コマンドを実行
 gem install rails --version="~> 4.1.6" --no-ri --no-rdoc

・下記コマンドを実行して、作業フォルダを作成します。
 mkdir c:\Works
 mkdir c:\Works\@RoR

・下記コマンドでディレクトリを移動します。
 cd c:\Works\@RoR

・新しいプロジェクトを作成します。
 rails new foo --skip-bundle

・下記コマンドで作成したプロジェクトのディレクトリへ移動します。
 cd foo

・依存パッケージをインストールします。(下記コマンドを実行)
 bundle install

・下記コマンドを実行
 rails g scaffold user name:string email:string

 ※下記の様なエラーが表示された場合は、Gemfile を修正してください。

 ●エラー内容
   /lib/ruby/gems/2.0.0/gems/tzinfo-1.2.2/lib/tzinfo/data_source.rb:182:in `rescue in
   create_default_data_source': No source of timezone data could be found.
   (TZInfo::DataSourceNotFound)

   Please refer to http://tzinfo.github.io/datasourcenotfound for help resolving this error.

 ●修正するファイルと内容
 ・修正するファイル
  c:\Works\@RoR\foo\Gemfile

  ※普通のテキストエディタでは開かないので、
   「Sublime Text 3」というエディタを別途インストールし、該当ファイルを編集してください。

 ・修正する内容
  ■変更前
  # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
  gem 'tzinfo-data', platforms: [:mingw, :mswin]


  ■変更後
  # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
  # gem 'tzinfo-data', platforms: [:mingw, :mswin]
  gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw]

  ※ファイル更新後、コマンドプロンプトで下記コマンドを実行してください。
   bundle update

    その後、再び、下記コマンドを実行して下さい。
    rails g scaffold user name:string email:string

・下記コマンドを実行して下さい。
 rake db:migrate

・サーバーを起動します。
 rails s

 エラーが無ければ、下記の様なメッセージが表示されます。
  => Booting WEBrick
  => Rails 4.1.6 application starting in development on http://0.0.0.0:3000
  => Run `rails server -h` for more startup options
  => Notice: server is listening on all interfaces (0.0.0.0). Consider using 127.0.0.1 (--binding option)
  => Ctrl-C to shutdown server
  [2014-10-06 23:53:41] INFO  WEBrick 1.3.1
  [2014-10-06 23:53:41] INFO  ruby 2.0.0 (2014-09-19) [x64-mingw32]
  [2014-10-06 23:53:41] INFO  WEBrick::HTTPServer#start: pid=2492 port=3000


・ブラウザで、下記アドレスにアクセスします。
 http://localhost:3000

 エラー無く表示できれば、インストールは終了です。



`rescue in create_default_data_source' なるエラー

windows8(64bit)に、RubyOnRails をインストールしてみた。
はじめてのRubyで、諸々はまったのでメモ。(64bitだと色々あるらしい。)

環境
・windows8.1(64bit)
・Rails 4.1.6
・ruby 2.1.3p242 (2014-09-19 revision 47630) [x64-mingw32]


・作業
下記のURLを参考にインストールを進めてみた
http://www.oiax.jp/rails/zakkan/rails_3_1_installation_on_windows.html


1.まずハマったこと
・下記のようにSQLite3 がロードできない。とかいうエラー

 /lib/sqlite3.rb:6:in `require': cannot load such file -- sqlite3/sqlite3_native (LoadError)


・やったこと
 /Ruby21-x64/lib/ruby/gems/2.1.0/specifications/sqlite3-1.3.9-x64-mingw32.gemspec

 「Sublime Text 3」というエディタをインストールし、上記ファイルを開き

  s.require_paths=["lib"] 

   の記述箇所を

  s.require_paths= ["lib/sqlite3_native"]

   に変更

  ※ちなみにソースはここ


2. 次にハマったこと
・下記のようにデータソースが無い。とかいうエラー

/lib/tzinfo/data_source.rb:182:in `rescue in create_default_data_source': No source of timezone data could be found. (TZInfo::DataSourceNotFound)

Please refer to http://tzinfo.github.io/datasourcenotfound for help resolving this error.


・やったこと
何やらググると下記の様な記述が散見されるのですが、
初心者には、んで、この「Gemfile」ってのは、どこにあるのかしら?という
疑問しか残りませんでした。(初心者過ぎて申し訳なし)

Gemfileに以下のような記述があるので、64bit向けに修正します。
64bit版のRubyはplatformsが x64_mingw になるので、これを追加してやれば良い。つまりこうする

んで、

プロジェクトルートにある「gemfile」を同じく「Sublime Text 3」というエディタで開き
下記のように修正。

変更前
# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
gem 'tzinfo-data', platforms: [:mingw, :mswin]


変更後
# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
# gem 'tzinfo-data', platforms: [:mingw, :mswin]
gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw]

色々、試したが最終的に「ruby2.1.x」ではその他のエラーが解消されない。ということが分かった。
また、「ruby2.0.x」では動作するということが分かったので再インストールした。

※「ruby2.0.x」で再インストールしたら、上記の一切のエラーは発生しなかった。。。

2014/10/02

評価版 Windowsの期間延長方法

「Windows7」や「Windows8」の評価版なるものをご存知でしょうか?

何やら無償で90日間使える。とのことで、「BootCamp」用に早速DL&インストール


 ■ちなみにダウンロードは以下から

    http://technet.microsoft.com/ja-JP/evalcenter/dn407368


    ※ダウンロードにはマイクロソフトアカウントが必要です。(無料)
     過去の製品なので早めにダウンロードして下さい。


んで、この90日が延長できたらなーと思っていたら、とある記事を発見

 via. http://myenotes.blog.fc2.com/blog-entry-12.html


以下、転載記事  -------------------------------------------------------------------------------------


評価期間が過ぎたら、以下の方法で期間を延長できます。

DOS窓を管理者として実行し、下記コマンドを入力

   slmgr -rearm


そうすると、『コマンドは正常に完了しました。 変更を有効にするにはコンピューターを再起動してください。』

と表示されますので、再起動します。


これで評価期間が延長されました。

90日評価版と言っても、実はこの90日間というのはライセンス認証してから90日間なんです。

また、ライセンス認証するまでに10日間の猶予期間がありますので、実質100日使えます。

そして、上記の方法は5回まで使える様ですので、最初の100日と合わせて600日使える事になります。


コマンドプロンプトが立ち上がりますので、そこで以下のコマンドを入力し、Enterを押します。
----------------------------------------------------------------------------------------------------


記事を読むと、なんかなーという感じで…
2、3年すると新しいOSが発売されるし。と考えると、邪な考えにジョジョに襲われていきます。
無論、目的は、評価ですが。。。

2013/07/27

スマホサイトの検証 ( iPhone 3GS のアクティベートはソフトバンクへ! )

昨今、スマートフォン向けのWEBサイト構築を仕事でよくご依頼頂く様になったのだが、
昔、ガラケーでもあったのだが、機種依存というか、ブラウザのバージョン(iOSのバージョン?)で、WEB画面の表示が異なる。(というか機種によりデザインが崩れる。)



クライアントから「iPhone 3GS」機種で表示が崩れるんですよーとご連絡を頂きました。
ということで、Wi-Fi接続し、WEBの確認をしようと思い、
SIMカード無しの「iPhone 3GS」の機種をアマゾンで購入した。価格は1万円前後

早速、手元に届いたので、検証しようとしたら
「iPhone 3GS」はアクティベートしてないとWi-Fi接続ができないらしい。。。


仕方ないので、再度、アマゾンで「iPhone 3GS」のアクティベート用のSIMカードを購入して
試したがアクティベート不可。


うーん。困った。
WEBで探してもアクティベーションの方法が見つからないし、
こんな検証目的で3G回線の契約をするのはアフォらしいし。


最終手段で、
ソフトバンクへ行きWi-Fi接続するには、どんな手段があるか聞いてみよう!と思い
ソフトバンクへ赴いた。

すると、


わたし: この機種なんですが、Wi-Fi接続をしたいんです。

担当者: ちょっと待ってくださいね。

担当者: SIMカードが大量に入った袋をもってきて、機種をゴニョゴニョ

担当者: はい。出来ましたよ~。

わたし: おおぉ!



上記の作業は、5分程度。
iPhone 3GS のアクティベートはソフトバンクへ行きましょ!

2013/05/08

「Ruby On Rails」のWindows7 での開発環境の構築

Windows 7 professonal SP1 (64bit)環境で「Ruby On Rails」の開発環境を構築したのでメモ


■やったこと
1. 「Ruby 1.9.3」のインストール
2. 「SQLite」のインストール
3. 「DevKit 4.5.2」のインストール
4. 「Ruby On Rails 3.2.13」のインストール
5. アプリケーションの作成
6. とりあえずブラウザで表示

■前提条件
Windows 7 professonal SP1 (64bit)環境があるのみ。
特にApacheなどのWEBサーバーがインストールされている必要は無い。


■1. 「Ruby」のインストール
下記のURLからインストーラーをダウンロード、及びインストールします。

ダウンロードしたファイルは「rubyinstaller-1.9.3-p392.exe」

インストールするフォルダを指定できますが、デフォルトのインストール先のままで、
「C:¥Ruby193」にします。

※インストールの確認
DOS窓(ファイルを指定して実行で「cmd」を入力)を開き、下記コマンドを入力

> ruby -v

正常にインストールされると

> ruby 1.9.3p392 (2013-02-22) [i386-mingw32]

などの様に表示されます。




■2. 「SQLite」のインストール
下記のURLからパッケージをダウンロードしインストールします。

ダウンロードしたパッケージは下記の2ファイル
sqlite-shell-win32-x86-3071602.zip (SQLiteクライアント)
sqlite-dll-win32-x86-3071602.zip (SQLite本体)


上記のZIPファイルをそれぞれ解凍すると
「sqlite3.dll」「sqlite3.exe」「sqlite3.def」の3ファイルが見つかります。
この3ファイルを「C:¥Ruby193¥bin」にコピーします。

※インストールの確認
DOS窓(ファイルを指定して実行で「cmd」を入力)を開き、下記コマンドを入力

> sqlite3 -version

正常にインストールされると

3.7.16.2 2013-04-12 11:52:43 cbea02d93865ce0e06789db95fd9168ebac970c7

などの様に表示されます。




■3. 「DevKit 4.5.2」のインストール
DevKit は、Windows環境でネイティブなC/C++拡張をビルドする為のツールキットで、
アプリケーションを作成する際に必要になります。

下記のURLからインストーラーをダウンロード、及びインストールします。


ダウンロードしたファイルは「DevKit-tdm-32-4.5.2-20111229-1559-sfx.exe

ダウンロードしたファイルをダブルクリックすると展開先を指定するダイアログが表示されるので「c:\devkit\」と指定し、「Extract」ボタンをクリックし解凍します。

※インストール
DOS窓(ファイルを指定して実行で「cmd」を入力)を開き、
DevKitが格納されている「c:\devkit\」ディレクトリへ移動します。

移動するコマンドは下記
> cd c:\devkit\

下記コマンドを入力し、初期化します。
> ruby dk.rb init

続いてインストールします。下記コマンドを実行します。
> ruby dk.rb install





■4. 「Ruby On Rails」のインストール
Rails のインストールは「gem」というコマンドから行います。
ここではバージョン「3.2.13」を指定してインストールします。

DOS窓を開き、下記コマンドを実行します。

> gem install rails -v 3.2.13



※インストールの確認
DOS窓を開き、下記コマンドを実行します。


> rails -v

正常にインストールされると

Rails 3.2.13

と表示されます。



とりあえず、これで開発環境はできました。




■5. アプリケーションの作成
新規にアプリケーションを作成します。
アプリケーションは「c:\data\」フォルダの中の、「sample」というフォルダに構築します。

・Cドライブの直下に「data」というフォルダを作成します。(sampleフォルダは作成しません。)

DOS窓を開き、「c:\data\」フォルダへ移動します。(下記コマンドを実行)

移動するコマンドは下記
> cd c:\data\

アプリケーションを作成します。(下記コマンドを実行します。
> rails new sample

※これにより「sample」フォルダが作成されます。



■6. とりあえずブラウザで表示
Railsでは、WEBrickというHTTPサーバーが標準で提供されており、
開発したアプリケーションを特別な設定など不要で、すぐに起動できます。

とりあえず、このHTTPサーバーを起動し、ブラウザからアクセスできるように
下記のコマンドをDOS窓から実行します。

c:\data\sample>rails server


すると、下記の様に表示されます。

=> Booting WEBrick
=> Rails 3.2.13 application starting in development on http://0.0.0.0:3000
=> Call with -d to detach
=> Ctrl-C to shutdown server
[2013-05-08 15:13:50] INFO  WEBrick 1.3.1
[2013-05-08 15:13:50] INFO  ruby 1.9.3 (2013-02-22) [i386-mingw32]
[2013-05-08 15:13:50] INFO  WEBrick::HTTPServer#start: pid=5828 port=3000


この状態で、ブラウザから下記URLにアクセスすると、画面が表示されます。