Rails4ではbackground:url("assets/hoge.png")の書き方は動かない話 - Qiita
Rails4のproduction環境でのみ、画像が表示されない問題 問題の概要 先日、弊社サービス STORYS.JP をRails3からRails4.0.2にアップデートしました。 Rails4はRails3に比べて、development環境でのページロードにかかる時間が1/10ぐらいになりました。 読み込みに 1500ms ほどかかっていたのが、Rails4にするだけで本番並みの 150ms で返ってくるようになり、本当に非常に快適に開発ができるようになりました。 しかし、便利なものには弊害も多く、様々な問題がおきます。 その中でも、解決に苦しんだ問題が、 これまでは正常に表示されていた画像が、Rails4のproduction環境でのみ表示されない問題 です。 問題の原因 問題の原因は、 app/assets/images 以下に置いてある画像を直接パスを指定して読み込んでいるこ
RailsのファイルをアップロードするgemのCarrierWaveのインストール方法 - Rails Webook
CarrierWaveとは CarrierWaveとは有名なファイルアップロード用のgemです。他にはPaperclipというものもあります。 この２つがRuby/Railsでのファイルアップロードgemとしてトップ２を争っています。 これらの違いは、 Paperclipは機能がシンプルで使いやすい CarrierWaveは機能がいろいろあり、応用が聞きやすい です。 完成イメージ 新規/編集画面で画像をアップロードをし、次のように詳細画面で表示することができます。 また、チェックボックスをつけて、削除することも可能です。 実施環境 Mac OS X 10.9 Ruby 2.0 Rails 4.1 CarrierWave 0.10.0 目次 Railsプロジェクトの作成 CarrierWaveのインストールと導入 CarrierWaveの良く使うメソッド Railsプロジェクトの作成 まず
ASCIIcasts - “Episode 253 - CarrierWaveでファイルのアップロード”
253: CarrierWaveでファイルのアップロード (view original Railscast) Other translations: Other formats: Written by Naomi Fujimoto アーティストが絵をアップロードしてギャラリーに展示できるサイトを作っているとしましょう。一部はすでにできています。ギャラリーを一覧表示するページがあり、リンク先のギャラリーで絵を見ることができます。 それぞれの絵は、タイトルと画像保存用のフィールドを持っていますが、絵そのものはありません。ギャラリーに新規に絵を追加しようとしても、タイトルを入れるテキストフィールドがあるのはわかりますが、画像をアップロードする方法がありません。 絵の画像を添付する機能を実装するにはどうすればいいでしょう？Paperclip gemについてエピソード134[動画を見る, 読む]
Rails4+MongoDB+Herokuでサイトのサムネイル画像を保存・参照する方法 - Qiita
概要 画像を生成するライブラリはいくつかありますが、調べた中で一番簡単に実装できた方法を紹介します。 前提として無料でサービスを公開できることを目指した結果、PaasはHeroku、画像はHerokuのMongoDB（最大50MB）にBinaryデータとして画像を保存することにしました。 他に候補としてAmazonS3などがありますが、アクセス数（転送データ量）に応じて従量課金されるので外しました。本格的にサービスを作るならS3やレンタルサーバなどを借りた方がいいかと思います。 構成 Ruby2.1.1 Rails4.0.4 MongoDB Railsの実装 railsの基本的なアプリの作り方は省きます。Mongoidを使う上での注意点として、rails newするときにActiveRecordを含めないよう、-Oオプションを指定します。 Mongoid Gemfileに以下を追加します。
RailsとHeroku、AWSで画像アップロードからのサムネイル作成（実践編） - Qiita
はじめに 1年前にRailsとHeroku、AWSでAwesomeな画像アップロードからのサムネイル作成という記事を書きました。 そこから1年間ほど手を変え品を変え運用したので、改めて現在実際に運用しているプラクティスをご紹介します。ここでは実際に画像にコメントを付加出来る掲示板を作成しながら説明していきます。 この方法のメリット 画像アップロードが早い 画像をブラウザ側でリサイズして軽量化 HerokuではなくS3へ直接アップロード 非同期 投稿が早い 画像を事前にアップロードするため、投稿時にはそのパスを渡すだけ サムネイルはアクセスされた時に同期的に作成するため、投稿のレスポンスは即時 サムネイル表示が早い 作成したサムネイルはS3へ保存するため重複が発生しない 既にサムネイルを作成している場合は直接S3のURLを返すため、Herokuへのアクセスが発生しない サムネイルとS3パスの
外部サービスの画像を自社サービスにアップロードする - (ﾟ∀ﾟ)o彡 sasata299's blog
2014年02月03日13:54 Ruby 外部サービスの画像を自社サービスにアップロードする 今日はとても暖かいですが、明日から寒波みたいですね。。こんにちは。 今日は外部サービスの画像を取ってきて、それを自社サービスに良い感じにアップロードする方法（Facebook とか Twitter で認証してログインするとき、とか）を考えてみました。例えば paperclip を使っている場合、アップロードのパラメータを受け取ってこんな感じで画像をアップロードするでしょう。 # モデル class User < ActiveRecord::Base has_attached_file :photo end # コントローラ user.photo = params[:photo] # <input type="file" name="photo"> user.save! ブラウザから画像アップロー
RailsにJavaScriptのimage_path - リア充爆発日記
erb以外でassets配下の画像を参照するとき、SASSにはimage-pathというナイスなヘルパーがあるのにJSにはない。困る。 こういう誰でも困りそうなことは絶対誰かがなんとかしている。なんとかしていた。 http://dennisreimann.de/blog/referencing-rails-assets-in-coffeescript/ assets/javascripts配下に以下のようなコードを配置する image_helpers.js.coffee.erb <% imgs = {} Dir.chdir("#{Rails.root}/app/assets/images/") do imgs = Dir["**"].inject({}) {|h,f| h.merge! f => image_path(f)} end %> window.image_path = (name
RailsアプリにPaperclipを使って画像アップロード機能をつける | blog.nomnel.net
目次 環境 インストール 実装 テスト 参考 環境 Ruby: 2.0.0-p0 Rails: 3.2.13 paperclip: 3.4.1 インストール ImageMagickが必要なので, 確認して無かったらインストールしておく. which convert # 無かったら次でインストール brew install imagemagick 後はいつも通り, Gemfileにgem 'paperclip'を追加してbundle installすればよい. 実装 既存のUserモデルにアイコンとしてavatarを追加し, 登録, 編集, 表示が出来るようにする. まずは, rails g paperclip user avatarしてrake db:migrateしておく. 生成されたマイグレーションファイルの中身はこんな感じ. class AddAttachmentAvatarToUs
RMagickのインストールでエラーですね、わかります - (ﾟ∀ﾟ)o彡 sasata299's blog
2009年07月10日00:52 Ruby RMagickのインストールでエラーですね、わかります 先日、RMagick を使いたくてインストールしたんですが、そのときにちょっとはまったので書いてみます。 RMagick というのは ImageMagick という画像編集ソフトを Ruby で動かせるようにしたものです。これを利用すると画像のリサイズとか回転とか保存とかが出来ます。Perl の Image::Magick や Imager のようなものですね〜。便利っ。(=ﾟωﾟ)ﾉ RMagick 自体は gem でインストール出来るみたいなんですが、ImageMagick と ImageMagick-devel も必要なようなので、別でインストールします。 sudo yum install ImageMagick ImageMagick-devel sudo gem install r
Amazon S3@Tokyo RegionでPaperclipを使う - blog.takuyan.com
[追記: 2012/1/19] aws-s3ではなくaws-sdkを使用する仕様に変更されたようなので、ご注意ください。 以前も書きましたが、Ruby on Rails で画像などをアップロードするときにお世話になるGemが「Paperclip」といいます。 thoughtbot/paperclip · GitHub 初心者のためのRailsのプラグインまとめ - 常識という迷信 結論から先に言うと、Paperclipを修正してAmazon S3@tokyoを使いやすくしたので紹介します。 よって、Paperclipの基本的な使用方法などは説明していませんので、後述のリンクを辿っていただければと思います。 AmazonS3@tokyoを使おうと思ったらエラーがでます 最近、Amazon S3 を使い始めて、東京にもあるということで、「近いほうがいいだろう」という安直な理由で使うことにしたの
Amazon S3に独自ドメインを設定して、Paperclipから使う物語。 - このブログは証明できない。
むかしむかし、竹取の翁というものがいましたが、RailsにはPaperclipというプラグインがあります。Railsでファイルアップロード機能を超簡単に実装することができます。これはホントに便利。私も6本ほど竹を取ることができました。 no title modelにこんなコードを書くと、ファイルアップロードできます。 has_attached_file :photo, :storage => :s3, :s3_credentials => { :access_key_id => ENV['S3_KEY'], :secret_access_key => ENV['S3_SECRET'] }, :bucket => 'shunsuk', :styles => {:square => '100x100#'}, :path => ':id/:style.:extension', :url => "
[Rails3] ドラッグ&ドロップでファイルアップロード
いい加減ドラッグ＆ドロップでファイルをアップしたい！ あまのです。 社内プロジェクトで久々にRubyとRailsをさわりました。 やっぱりRubyは書きやすくていいですね。 さて今回はドラッグ＆ドロップで複数ファイルのアップロードです。 前々から、「そろそろブラウザでもドラッグ＆ドロップでファイルアップロードしたい」と思ってたので、今回試しに作ってみました。 参考にしたサイト 篳篥日記 http://d.hatena.ne.jp/hichiriki/20101016 デモ 今回作るサンプルのデモを最初にお見せします。 chromeやSafari, Firefox3.6でUpload a fileに画像ファイルをドラッグ＆ドロップしてみてください。 目標 最近のブラウザではドラッグ＆ドロップでアップロード 対応していないブラウザは普通にファイルアップロード 複数ファイルに、もちろん対応 He
![[Rails3] ドラッグ&ドロップでファイルアップロード](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed1b526f79d9fc8af139ada5919dcc95172573e5/height=288;version=1;width=512/https%3A%2F%2Fkray.jp%2Fwp%2Fwp-content%2Fuploads%2F2010%2F11%2FDragDrop.png)
【Rails3】PaperClip & Amazon S3で、日本語ファイル名が使えない問題を解決する - ふわふわRuby on Rails
PaperClipはRailsでアップロードするための便利ライブラリです。 (func09さんの言葉を借りると「便利すぎて鼻血がでそう」) 参考URL： http://www.func09.com/wordpress/archives/674 保存先にAmazonS3も使えて大変便利なのですが、 日本語ファイルをアップロードしようとするとエラーとなってしまいます(Ver.3.0.2で確認)。 デバッグしたところ次のモンキーパッチをすれば動くようですので、公開してみます。 自分の開発しているアプリに、以下のコードを書けばおｋです(｀・ω・´)ｼｬｷｰﾝ RAILS_ROOT/config/boot.rb module Paperclip class UploadedFileAdapter def inspect '=' end end end (ｷﾘｯ PaperclipがAmazonS3に
Rails 3 + Paperclipで画像サイズを指定すると、裏でRMagickが動いてる。 - このブログは証明できない。
Rails 3でファイルアップロード機能を超かんたんに実装できるPaperclipというプラグイン。 no title README.rdocからそのままコピペ（コピー＆ペ）しますが、超かんたんですね。 model。 class User < ActiveRecord::Base has_attached_file :avatar, :styles => { :medium => "300x300>", :thumb => "100x100>" } end migration。 class AddAvatarColumnsToUser < ActiveRecord::Migration def self.up add_column :users, :avatar_file_name, :string add_column :users, :avatar_content_type, :str
今さらRails3メモ - 番外編その1: Paperclip and Dragonfly -
アップロード画像は変遷がいろいろ激しいみたい画像をアップロードしてそれを表示に利用するのはとてもよくある処理だと思うんだけど、ゼロから実装するのは意外に面倒くさい。でも Rails には便利な plugin があるので大丈夫。 歴史的なことは知らないんだけど、最近は thoughtbot/paperclip - GitHubhttp://markevans.github.com/dragonfly/の二択くらいな感じみたい。どちらも簡単に扱えるけどどっちかというと Dragonfly の方がより簡単で好きかも。ただし今のところ Dragonfly の方が情報は少ないけど。 Paperclipthoughtbot/paperclip - GitHub migrationREADME から抜粋すると以下の field を持つテーブルが必要らしい。らしいっていうか、実際試してみたんだけど、このエ
AmazonS3(Tokyo region) + Paperclip + Rails3を使ってみた - kaeruspoon
おおいしつかさ 旅行とバイクとドライブと料理と宇宙が好き。 Ubie Discoveryのプログラマ。 将来、Heroku等のクラウド環境へ移行することも踏まえて、画像ファイルをAmazonS3に置くようにしました。ちょうど最近、「 AWSの新しい アジアパシフィック東京リージョンが利用可能になりました！」という話題もあったので、さっそく東京リージョンを使ってみます。 さらに今まではImageScienceで画像のサムネイル作成処理をやっていましたが、Paperclipを使ってみることにしました。 ついでに、このブログ自体もRails2からRails3.0.5をベースにして作り直すことにしました。 AmazonS3の説明はあちらこちらに豊富に存在しているので割愛しますが、オンラインストレージサービスのようなものです。アップロードしたデータはHTTP経由でもアクセス可能なので、web上の画像
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ruby on Rails - Paperclip Error
Herokuのサーバーにインストールされているパッケージを調べる - Qiita
Save image from URL by paperclip
GitHub - mrrooijen/mongoid-paperclip: Mongoid::Paperclip enables you to use Paperclip with the Mongoid ODM for MongoDB.
