webクリップを作ろう (すかポン) | たびーる王国(旅とビールの物語)

webクリップを作ろう (すかポン)

先日、旅先で携帯を盗まれました。
これまで使っていた携帯・キャリアに不満があったわけではないのですが、これを機にiPhoneを入手しました。

iPhone便利ですね。
まだまだ使いこなしていない感はありますが、これから色々と試してみようと思っています。

iPhoneの機能の一つに「webクリップ」というものがあります。
よく見るホームページやブログは、ブラウザのブックマークに登録しておいたりするものなのですが、それでは目的のページを見るために、まずブラウザを立ち上げなければなりません。
webクリップは、ホーム画面にショートカットのアイコンを作成する機能で、作ったアイコンをクリックすると直接目的のページが表示されます。

便利な機能なので、早速幾つかのページを登録してみました。アイコンは基本的にそのページのサムネイルが表示されるようになっています。
我が「たびーる王国」を登録してみたところ、アイコンがアメーバブログのマークになりました。アイコンは独自のものを表示させることもできるみたいですね。

たびーる王国(旅とビールの物語)

アメーバのブログが並ぶと、どれがどれだかわからなくなります。

自分で作成したものをwebページに埋め込むことも可能なようですが、アメブロではそこの設定はできないようです。

最初はあんまり気にしていなかったのですが、使っていくに従い、だんだんとこのアイコンに違和感を感じてきました。
なんとか我らブログのロゴ、もしくは他のアイコンに変えられないものか。
ネットで調べてみたら、手間はかかりますが、任意のアイコンに変更する方法がわかりました。先達の知恵と努力に感謝します。

まずはAppleのホームページから「iPhone 構成ユーティリティ」というソフトをダウンロードします。

たびーる王国(旅とビールの物語)

変にならないことを祈ります。

インストールし起動させたら、左側カラムのライブラリから「構成プロファイル」を選択。
次に中央カラムの「一般」を選択。ここで固有名の設定をします。
「名前」を適当に設定。
「識別子」ですが、これも適当でいいみたいです。
「組織」と「説明」も適当に入力しました。

たびーる王国(旅とビールの物語)

適当すぎですよね。なにか不具合が起こらなければいいのですが。

そして、中央カラムの「webクリップ」を選択。
「ラベル」にはiPhone上で表示させたい名前を入力。
「URL」には目的のページのURLを入力。ここではたびーるのトップページのURLを入れました。

アイコンですが、ここに自分の表示させたい画像を選択します。
手持ちのたびーるロゴを選択してみたのですが、サイズがなかなか合わないのです。
大きいとはみ出るし、小さすぎても読み込まないようです。
試行錯誤の末、何とかちょうど良いサイズに収めることができました。
画像の形式ですが、pngでもjpgでも読み込んでくれました。

たびーる王国(旅とビールの物語)

画像サイズを合わせるのにかなり時間をとられました。

「作成済みアイコン」にチェックを入れると、視覚効果の光沢がなくなり、オリジナルの画像が表示されます。
「フルスクリーン」にチェックすると、webページ表示時にスクリーンのサイズに合わせて表示してくれます。

ここまで設定したら、iPhoneをつなぎ、左側カラムの「デバイス」を選択して、「構成プロファイル」タブをクリック。

たびーる王国(旅とビールの物語)

識別子ってなんですか。

先ほど設定したプロファイルが表示されているので、右側の「インストール」をクリックするとiPhoneにプロファイルが転送されます。
後はiPhone側でインストールをクリックして完了です。


iPhoneのホーム画面に戻ると、たびーるのアイコンが表示されています。
これをクリックしたら、無事たびーるのトップページにつながりました。

たびーる王国(旅とビールの物語)

光沢ありにしてみました。

以上の手順で何とかアイコンをたびーるのロゴに変えることができました。
もし、当ブログのwebクリップを、たびーるのロゴに変えてみたいという方がいらっしゃれば、こちらの画像をコピーして使ってみて下さい。

たびーる王国(旅とビールの物語)