iPhoneのFWバージョンを1.1.3に上げたことで、利用できる機能のひとつ「WebClip」を作成しました。iPod touchでは既に利用できているのでご存知の方も多いと思いますが、WebClipというのはiPhoneやiPod touchのHOME画面上にお気に入りサイトを登録できるというもの。オリジナルのアイコンを作成すればボタンとして表示することも出来ます。
ということで、早速アイコンを作成してみました。作り方はとても簡単です。
僕はアップルのデベロッパーサイトを参考に作成しました。
1)Photoshopなどでスクウェアなアイコンを作成
2)アイコンサイズを57×57にリサイズし、apple-touch-icon.pngというファイル名で保存
3)作成したアイコンをサーバにアップロード
4)indexページにアイコンを設置
これで完了です。Seesaaで設置を行うには、ファイルマネージャでアイコンをアップロードし、ファイルのURLをHTML編集を使ってheadのすぐ下に下記1文を加えます。『>』は半角。
<link rel="apple-touch-icon" href="http://ホスト名.up.seesaa.net/image/apple-touch-icon.png">
このブログの場合はこうなります。
<link rel="apple-touch-icon" href="http://nokias60.up.seesaa.net/image/apple-touch-icon.png">
あとは再構築を行えば完成。
アイコンをiPhoneのHOME画面に表示させるにはSafariでページを開き+マークを押してAdd to Home Screenとするだけです。
で実際に表示させてみました。
アイコンの移動もできます。あのプルプルした感じがたまらなく気持ちがいいです。
ちなみにアイコンの光った感じはiPhoneが自動で行ってくれました。
















