Placehold.jp
基本 以下の形式で、指定したサイズの画像を作成することができます。 https://placehold.jp/{幅}x{高さ}.png 例) <img src="https://placehold.jp/150x50.png"> 背景・文字の色サイズを変更する https://placehold.jp/{文字色}/150x100.png https://placehold.jp/{背景色}/{文字色}/150x100.png https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png ※背景色・文字色はRGBの16進数表記 例) <img src="https://placehold.jp/24/cc9999/993333/150x100.png"> ファイルフォーマットを変更する URL末尾の拡張子で、pngとjpgの2種類が指定可能です。
Rubyで複数の画像のサイズを一括で調べてExcelに書き出す。 - なんかできたよー。
さいしょに Photoshopなどで横長・縦長の画像でアクションを変更したい時に 沢山の画像の中からそれぞれ画像のサイズを調べて、横長・縦長をフォルダに仕分けるのが面倒だったので作りました。 後日キャプチャのせるかも。 機能 調べたい画像のあるディレクトリで実行すると ディレクトリ内の画像（jpg|jpeg|png）を対象に画像のサイズを調べます。 # オプション 出力はExcelかCSVで書き出せます。 必要であれば、自動で以下のフォルダに画像を仕分けます。 「Same」 縦横のサイズが同じ 「Width」 横長 「Height」 縦長 「Unknown」 なんかよくわからんけど、駄目っぽい 「ERROR」 画像のサイズが読み込めない 。 ※ Excelの書き出しはWindowsのみです。 ※ ファイルの移動はオリジナルファイルを移動するので注意です。 出力例 Excel file na
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
[JavaScript] dataスキームURI生成（画像データのBase64変換）
Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,～～～』形式のデータ（dataスキーム）を生成します。 画像ファイルなどのバイナリデータを Base64 エンコードに変換しています。 data スキーマでは、外部ファイルへのアクセスなしにスクリプト内で完結して画像を表示できるため、 小さなアイコンなどの表示には便利です。data スキームは Firefox・Opera では利用できます。 残念ながら Internet Explorer は data スキームに対応していないので利用できません。 やってみよう 画像URL: ▼ ▼ JavaScript ソースコード生成結果: ここにソースコード結果が表示されます。 ▼ data スキーム経由の画像表示: 生成したコードの使い方
Rails 3 に paperclip で画像をアップロードした
paperclip という Gem を使うと、Ruby on Rails に手軽に画像をアップロードできる仕組みが作れる。README を読むと一発で動きそうだったけど、世の中、上手くいかないもの。ハマったので、最小限のコードだけ書いておく。 なお、paperclip はデフォールトでファイル・ストレージ、Fog Storage、S3 Storage(aws-sdk 経由) に対応しており、追加の gem のインストールで Azure Storege と Dropbox にも対応する。 thoughtbot/paperclip · GitHub 利用バージョンは以下の通り: Ruby 2.0.0-p0 Rails 3.2.11 paperclip 3.4.1 準備 convert への Path 指定 paperclip はバックエンドで ImageMagick を使う。config/en
U2Kの覚え書き カメラで撮影した画像をサーバーにアップロードする方法
iPhoneのカメラで撮影した写真をサーバーにアップロードする方法です。 カメラで撮影の仕方は他のサイトで。 カメラ撮影した情報は - (void)imagePickerController:(UIImagePickerController*)picker didFinishPickingImage:(UIImage*)image editingInfo:(NSDictionary*)editingInfo で取得出来ます。 以下、アップロードするソース // カメラ画像撮影後の処理 - (void)imagePickerController:(UIImagePickerController*)picker didFinishPickingImage:(UIImage*)image editingInfo:(NSDictionary*)editingInfo { //[self dismi
Rails 画像のアップロード方法 - アンドロイド・アミーゴ・Rails
12 « 1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.21.22.23.24.25.26.27.28.29.30.31.» 02 Admin New entry Up load All archives ■データベースに保存する画像のアップロード方法 下記参考URL通り実施すると出来ました。 http://web.sfc.keio.ac.jp/~hattori/script-lang/ar01s11.html 1.モデルに写真データ本体と、画像卯形式データを保存するカラムを作成 picture_data:binary content_type:string を追加する。 2.アップロード用にフォームを修正する <div class="field"> <%= f.label :picture_file %><br /> <%= f.f
iPhoneアプリ上に表示する画像の角を丸くする方法 - tomute's note
iPhoneアプリを開発していると、画像をアプリ上で表示するというというケースがあると思うのだが、「iphone - Rounded Corners on UIImage - Stack Overflow」という記事に、下図のように画像の角を丸くする簡単な方法が書かれていたので、メモとして記載しておく（注：本手法はiPhone SDK 3.0以上でしか使えない）。 [準備] 画像の角を丸くするために、QuartzCoreフレームワークに含まれるCALayerクラスを利用するため、XCodeのメニューの「追加」ー「既存のフレームワーク」を選択し、QuartzCore.frameworkをプロジェクトに追加する。準備は以上で終わりである。 [実装方法] UIImageViewを1つ用意して、そこに画像を表示させる場合を例にする。 @interface RoundedCornerImageTes
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEB上で高品質なGIFアニメーションが超簡単に作れる【MOTHER EFFING ANIMATED GIF】 | Stronghold Archive
Cool Text: Logo and Graphics Generator