Universe: iPhone

ウェブサイトにファビコン(favicon.ico)を付けることは知られた内容ですが、ファビコンを設定していてもiPhoneでは「お気に入り」にアイコン表示がされません。

また「ホーム画面に追加」をする際にもアイコン表示はされず、ウェブ画面を縮小した画像が設定されます。Androidではショートカットと呼ばれます。

これでは見栄えが良いとは言えません。

画像を用意

iPhoneなどのスマホ向けに画像を設定するためにはウェブクリップを設定します。
まず画像サイズは144x144ピクセルでPNG形式で用意します。ファイル名は「apple-touch-icon.png」とします。

アップロード

これを自分のサイトにアップロードします。Rootに上げればこれだけでiPhone対応は完了です。

ヘッダーに指定

Androidに対応するためには自分のサイトの<head> ~ <head>の中に以下を記載します。
"xxx"は自分のサイトのURLに置き換えます。
また、この指定をする場合はPNGのファイル名は任意のものに変えることが出来ます。

Bloggerでは

自分が使用しているBloggerではrootに置く事が出来ません。
記事の投稿画面で画像を一度登録して、その記事のHTMLの編集画面でURLを確認します。

ここでのURLは
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0k_I4ibT7HgDDhan3acvwqBPG8jr-URIcDZs7IuVzIm3viBhR_Ewx1lsBAvhM7g_Zs3ff76dQyTsNgH0wTfhCuOFUn78fyJ-vmM3e9sDOgqe99ep4UJIBKWgPWW2yMmt6GDmxKvbfibE/s1600/apple-touch-icon.png"
という長いものになります。

従って<head>のすぐ下に下記を記載しました。

これでホーム画面に自分のアイコンが表示されるようになります。

また、お気に入りの画面でも同様にアイコンで表示されています。

以上で完了です！

写真共有サービスとして強力なflickrですが、なにせ英語を基本としているので日本人の利用者は少ないですね。

iPhoneのアプリに至っては公式アプリのダウンロードが出来ません。
写真を見るのにiPhoneじゃ小さいからPCだけでいいや、なんて自分を慰めていたんですが、やはりスマホの利便性は必要です。友達と会った時にPC持ってないからすぐに写真見せることもできない。。。

公式でないアプリもあるんですが、どうも写真の読み込みに時間が掛かったりと不便をしてました。

公式アプリは米ヤフーと日本のヤフーの関係のためか、日本ではダウンロードできないようなのですが、実はダウンロードする方法があったのです。

flickrアプリに限らず日本以外で公開されているアプリをダウンロードできます。

必要なもの：
1. Apple IDで使用しているものとは別のメールアドレス
2. 米国の住所

これだけです！

無料のアプリをダウンロードするだけならクレジットカードは必要ありません。

おおまかな手順まとめ：
1. Apple IDをサインアウトする
2. 国をUnited Statesにして進んでから、一旦キャンセルして英語版のApp Storeへ行く
3. flickrを検索してダウンロードする
4. 別のメールアドレスを使ってアカウントを作る

です。

※　先人の知識ではアカウントを作成しなくとも、サインアウトをして、一度アカウントの作成途中で国をUnited Statesに変えるだけで、ダウンロード出来るとありましたが、現在は出来ません。

※　United Statesでアカウントの作成を完了する必要があるので、米国内の住所が必要です。また別のメールアドレスに送られる認証を完了して、アカウント作成を完了する必要があります。

※　作成したアカウントは簡単に削除できないようです。

詳細の手順です。

1. App Storeを立ち上げ、画面下のApple IDをタップ。

2. サインアウトします。

3. 先ほどの自分のApple IDが表示されていた箇所をタップ。

4. 「Apple IDを新規作成」をタップ。

5. 新規アカウント作成画面で「United States」を選び、「次へ」をタップ。

6. ここで英語の画面に変わります。アカウント作成にあたっての契約条件が表示されますが、この画面で「Cancel」をタップ。再度確認が出るので「Yes」

7. App Storeのトップ画面に戻りますが、これで英語のApp Storeになります。

8. 「Search」から「flickr」を検索。

9. 「Free」のところをタップ、「Install」に変わるので再度タップ。

10. 「Apple IDを新規作成」をタップ。

11. 今回はアカウントを作成します。「United States」にチェックが入ったままで「Next」をタップ。
12. 「Agree」をタップ。再度確認が出るので「Agree」をタップ。
13. この画面に情報を入れていきます。別途用意したメールアドレス、パスワード、秘密の質問、非常用メールアドレス、誕生日を入れます。
一番下にある２つの「Subscribe」は必要ないのでオフ。そして「Next」をタップ。

14. カードの入力画面ではカード種別に「None」がチェックされているはずです。
無料のアプリのダウンロードをしようとした場合のみこれが表示されます。カード番号を入れる必要はありません。

15. 敬称、名前、米国の住所を入れていきます。
16. 「Next」をタップすると設定したメールアドレスに認証のメールが送られたと書かれた画面になるので「Done」をタップ。

17. メールを確認します。Appleからメールが来ているので「Verify」をクリック。
18. AppleのサイトでApple ID（メールアドレス）とパスワードを入力して「Verify」をクリック。
19. IDとパスワードが合っていれば「Email address verified.」と書かれた画面に代わります。
20. App Storeに戻ります。
21. flickrのアプリをダウンロードします。今度は新しいアカウントのパスワード入力を求められます。ここでパスワードを入れればダウンロードが開始されます。

※　緊急用に設定したメールに確認メールが来るのでVerifyから確認を進めて下さい。
※　新しいアカウントでダウンロードをすると、Appleから確認のメールが来ますが、これは無視してかまいません。

2014/06/30

ウェブクリップでウェブサイトのスマホ対策！ファビコンの次にすること

画像を用意

アップロード

ヘッダーに指定

Bloggerでは

2014/06/04

iPhoneでflickrアプリをダウンロードする方法

必要なもの：
1. Apple IDで使用しているものとは別のメールアドレス
2. 米国の住所

おおまかな手順まとめ：
1. Apple IDをサインアウトする
2. 国をUnited Statesにして進んでから、一旦キャンセルして英語版のApp Storeへ行く
3. flickrを検索してダウンロードする
4. 別のメールアドレスを使ってアカウントを作る

詳細の手順です。

2014/06/30

ウェブクリップでウェブサイトのスマホ対策！ファビコンの次にすること

画像を用意

アップロード

ヘッダーに指定

Bloggerでは

2014/06/04

iPhoneでflickrアプリをダウンロードする方法

必要なもの：1. Apple IDで使用しているものとは別のメールアドレス2. 米国の住所

おおまかな手順まとめ：1. Apple IDをサインアウトする2. 国をUnited Statesにして進んでから、一旦キャンセルして英語版のApp Storeへ行く3. flickrを検索してダウンロードする4. 別のメールアドレスを使ってアカウントを作る

詳細の手順です。

必要なもの：
1. Apple IDで使用しているものとは別のメールアドレス
2. 米国の住所

おおまかな手順まとめ：
1. Apple IDをサインアウトする
2. 国をUnited Statesにして進んでから、一旦キャンセルして英語版のApp Storeへ行く
3. flickrを検索してダウンロードする
4. 別のメールアドレスを使ってアカウントを作る