teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

質問内容の脱字を追加しました。

2019/09/16 07:57

投稿

koume
koume

スコア458

title CHANGED
@@ -1,1 +1,1 @@
1
- Rails5でPCとiOSとAndroid用で設定したいのですがよくわからないのでご教授お願いいたします。
1
+ Rails5でPCとiOSとAndroid用でアイコンの設定したいのですがよくわからないのでご教授お願いいたします。
body CHANGED
@@ -1,4 +1,4 @@
1
- Rails5にてPC、iOS、Android 用のアイコンを設定したいのですが、一応コードは記述しましたが、上手く設定出来ているのかがわかりません。
1
+ Rails5にてfaviconを定義しPC、iOS、Android 用のアイコンを設定したいのです一応コードは記述しましたが、上手く設定出来ているのかがわかりません。
2
2
  コード、画像は以下になります。
3
3
 
4
4
  画像は app/assets/imagesフォルダに以下の3つを配置しました。

1

質問の内容を変更させていただきました。

2019/09/16 07:57

投稿

koume
koume

スコア458

title CHANGED
@@ -1,1 +1,1 @@
1
- Railsアプリをスマホにアイコン表示するようにしたいのですが方法をご教授お願いいたします。
1
+ Rails5でPCとiOSとAndroid用で設定したいのですがよくわからないのでご教授お願いいたします。
body CHANGED
@@ -1,33 +1,26 @@
1
- Railsアプリをスマートフォンにアイコン表示させていのですが、方法りません。
1
+ RailsてPC、iOS、Android 用のアイコンを設定したいのですが、一応コードは記述しました、上手設定出来ているのかがわかりません。
2
+ コード、画像は以下になります。
3
+
2
- app/assets/imagesァビコン画像3種類用意するのはわかりました。
4
+ 画像は app/assets/imagesフォルダに以下の3つ配置しました。
5
+
3
- サイトで検索すると
6
+ favicon.ico.png
7
+ apple-touch-icon-180.png
8
+ android-touch-icon-192.png
9
+
10
+
4
11
  ```ここに言語を入力
5
- <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
6
- <link rel="apple-touch-icon" href="./images/apple-touch-icon.png" sizes="180x180">
7
- <link rel="icon" type="image/png" href="./images/android-touch-icon.png" sizes="192x192">
8
- ```
9
- のように通常のファビコン、IOS向け、Android向けと3種類のコードを記述するとありました。
10
- Railsではapp/views/layouts/application.html.erbを新規に作成しその中に以下のように記述すればいいのでしょうか?
12
+ app/view/layouts/applization.html.erb
11
- ```ここに言語を入力
13
+
12
14
  <!DOCTYPE html>
13
15
  <html>
14
- <head>
16
+ <head>
15
- <%= favicon_link_tag 'favicon.ico' %>
17
+ <%= favicon_link_tag 'favicon.ico.png', type: 'image/png' %>
16
-  <%= favicon_link_tag 'apple-touch-icon.png' %>
18
+ <%= favicon_link_tag('apple-touch-icon-180.png', {:rel => 'apple-touch-icon', :sizes => '180*180', :type => 'image/png'}) %>
17
-  <%= favicon_link_tag 'android-touch-icon.png' %>
19
+ <%= favicon_link_tag('android-touch-icon-192.png', {:rel => 'android-touch-icon', :sizes => '192*192', :type => 'image/png'}) %>
18
20
 
19
21
 
20
22
 
21
-
22
23
  ```
23
- サイズの指定などはどのように記述するのかがわかりません。
24
-
25
- 通常のファビコンは   64px × 64px
26
- iOS向けのサイズは   180px × 180px
27
- Android向けのサイズは 192px × 192px
28
-
29
- とサイトありました。
24
+ このよう記述しました。
30
- 適正なサイズとコードの記述について教えていだけませんでしょう
25
+ 記述はしましが、上手くアイコン表示ができるのか確認できませんどなた
31
-
32
- それと、コードの記述が完了したとしてスマートフォンのホーム画面にアイコンを表示させる手順(iOS, Androidの2種類)の参考になるサイトがありましたらあわせて教えて頂けませんでしょうか?
33
- 宜しくお願いいたします。
26
+ ご教授の程宜しくお願いいたします。