備えあれば憂いなし、WebClip用の画像を設定しよう!

サルでき.jp > 11.サルにもできるiPhoneアプリの作り方(旧アメブロ記事) > 備えあれば憂いなし、WebClip用の画像を設定しよう!

2010/04/05 09:00 投稿先 11.サルにもできるiPhoneアプリの作り方(旧アメブロ記事) 投稿者 カワサキ タカシ

ミのiPadって3G付き?3Gなし?

え?ボク?
ボクはシミュレーター派さ。

そういうわけでございまして。
iPadはもっぱらシミュレーターで楽しんでいるわけでございますが。
備えあれば憂いなし、WebClip用の画像を設定しよう!
うーん、ばっちり。あは、あはははは。

案外知られていないかもしれないネタをひとつ。

WebClipってご存じですか?

Windowsで言うとショートカット。
Macで言うとエイリアス。

iPhone、iPod touch、それともちろんiPadにも付いている、
Webページのショートカットをホーム画面上に設置する機能です。

こんな感じで設定します。

プラスボタンをぽちっと。
備えあれば憂いなし、WebClip用の画像を設定しよう!
Add to Home Screenって方です。

で、これを設定すると、
何も設定していないWebサイトでは縮小画面アイコンになります。

備えあれば憂いなし、WebClip用の画像を設定しよう!

もしアナタがWebサイトをお持ちでしたら、
これは少し寂しいと思うことでしょう。

そんな時は、
60px x 60pxのpng画像ファイルをご用意ください。

備えあれば憂いなし、WebClip用の画像を設定しよう!
名前は apple-touch-icon.png にしておきましょう。

これをアナタのWebサイトのルートに置いてください。
ウチで言うと http://www.maiway.jp/ の直下です。

もしくは、HTMLファイルのヘッダーに
<link rel=”apple-touch-icon” href=”/[画像のパス]” />
と書いておきます。

※ルートに置く場合はこのコードは不要です。

設定すると、こんな感じになります。

備えあれば憂いなし、WebClip用の画像を設定しよう!
こうなって、、、

備えあれば憂いなし、WebClip用の画像を設定しよう!
バーン!

おおー。
アプリみたいー。

ファビコンと同じようなものとお考え下さい。
こっちのほうが設定が簡単ですので、Webサイトをお持ちの方は先に準備しておきましょう。

iPadはホーム画面が大きいので、WebClip使う人も多いかもしれませんしね。

関連する記事:


Advertisement