質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Heroku

HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Q&A

解決済

1回答

331閲覧

【Rails&Heroku】'ホーム画面に追加'の画像設定方法

Romay

総合スコア40

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Heroku

HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

0グッド

0クリップ

投稿2019/04/26 21:52

前提・実現したいこと

Rails
Heroku

iPhoneで「ホーム画面に追加」をした際のアイコン画像を設定したいです。
apple-touch-icon.pngをapp直下に設定することでこれが可能になるようなのですが、Railsの場合、assets compileされてしまうため、app直下にapple-touch-iconを置けないという問題が発生しています。

faviconは、favicon.icoをapp/assets/imagesに置いています。

試したこと

Dropboxにapple-touch-icon.pngを置き、URLをapplication.htmlから指定するという方法やimagesに入れるなど、いくつか試してみましたがうまくいかず、お助けいただけると嬉しいです。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

出力されるHTMLが下記のようになっていればよいはずです。assets compileされても問題ないのではないでしょうか。

html

1<head> 2... 3<link rel="apple-touch-icon" href="{画像のパス}"> 4... 5</head>

投稿2019/04/27 00:53

iwamot

総合スコア1154

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Romay

2019/05/01 23:46

回答ありがとうございます。 デプロイするとassets compileされ、app/assets/imagesフォルダの中のファイルにはランダムな文字列が生成されてしまいます。 例:apple-touch-icon-h3itewfewh3rh2i3hivh32ifhu.png そのため、href=""でどう画像のパスを指定するべきか分からずにいます。
iwamot

2019/05/02 01:53

asset_pathメソッドを使うなど、アイコン以外の画像と同様に処理すればよいと思います。
Romay

2019/05/06 00:21

ありがとうございます! 以下をapplication.html.erbに書くことでうまくできました! <link rel="apple-touch-icon" sizes="114x114" href="assets/apple-touch-icon.png">
iwamot

2019/05/06 01:38

そうだったんですね。よかったです。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問