![f:id:umazurahagi:20180308020724j:plain f:id:umazurahagi:20180308020724j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
ダイナースクラブは2018年3月5日(月)より新システムに移行されました。それに伴い、会員専用オンラインサービス「クラブ・オンライン」を利用するには初回ログイン時にパスワードの再登録、または新規ユーザー登録が必要となります。
今回、再登録するついでにiPhoneから簡単にアクセスできるように設定し直すことにしました。
〜 Contents 〜
ダイナースのシステム移行
![f:id:umazurahagi:20180307145216j:plain f:id:umazurahagi:20180307145216j:plain](https://www.wakuwaku-miler.com/wp-content/uploads/2018/03/20180307145216.jpg)
これは、私が使っていたiPhoneのホーム画面です。ダイナースのアイコンがありますね。実はダイナースクラブにはポイント確認や残高照会に対応するスマホアプリがありません。
ポイント残高確認用として、Safariで開いた「クラブ・オンライン」をiPhoneのホーム画面に追加して利用しているのです。そうすることで、いつでも簡単にポイントを確認することができるようになります。
![f:id:umazurahagi:20180307151740j:plain f:id:umazurahagi:20180307151740j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
通常、ホーム画面に追加したアイコンはこのように白くなってしまいます。私の場合、これをオリジナルアイコンに変更して使っているのです!
![f:id:umazurahagi:20180307160650j:plain f:id:umazurahagi:20180307160650j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
ところがこの度、ダイナースクラブのシステム移行に伴いログインページのURLが変わってしまったため、既に設定しているアイコンからワンアクションでアクセスできなくなってしまいました。
ヨシ、もう一度、オリジナルアイコンを再設定してみよう!
ホーム画面に追加
![f:id:umazurahagi:20180307162416j:plain f:id:umazurahagi:20180307162416j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
Safariでダイナースクラブ「クラブ・オンライン」にアクセスして、ログインページをホーム画面に追加します。画面下中央の上矢印マークをタップ。
![f:id:umazurahagi:20180307161641j:plain f:id:umazurahagi:20180307161641j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
「ホーム画面に追加」をタップ
![f:id:umazurahagi:20180307162451j:plain f:id:umazurahagi:20180307162451j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
アイコン名を適当に書き換えます。今回はカタカナで「ダイナース」としました。右上の「追加」をタップします。
目的達成
![f:id:umazurahagi:20180307210126j:plain f:id:umazurahagi:20180307210126j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
「味気ない」アイコンがホーム画面に追加されました。こちらをタップすれば、ID &PASSが記憶されているログインページに一発でアクセスすることができます。見かけを気にしないのであれば、これでOKです。
![f:id:umazurahagi:20180307164824j:plain f:id:umazurahagi:20180307164824j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
システム移行によりポイント残高はトップページに表示されるようになりました。おかげで、「アイコン」タップ→「サインオン」タップという僅か2アクションでログイン、ポイント残高の確認ができるようになりました。
必要な機能としてはこれで充分、目的達成ですね。続いて、ダサいアイコンの見栄えを良くしたいと思います。
オリジナルアイコンを作成
![f:id:umazurahagi:20180307210202j:plain f:id:umazurahagi:20180307210202j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
今回はPochittという無料アプリを使います。App Storeからダウンロードしてくださいね。
アイコン作成アプリ
![f:id:umazurahagi:20180307211610j:plain f:id:umazurahagi:20180307211610j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
Pochitt を起動
![f:id:umazurahagi:20180308011649j:plain f:id:umazurahagi:20180308011649j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
CUSTOM をタップします
![f:id:umazurahagi:20180308145704j:plain f:id:umazurahagi:20180308145704j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
ICON をタップ
![f:id:umazurahagi:20180308011812j:plain f:id:umazurahagi:20180308011812j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
「ライブラリから選択」をタップして、アイコンに使いたい画像を選択します。
![f:id:umazurahagi:20180308012504j:plain f:id:umazurahagi:20180308012504j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
予め、画像を用意してiPhoneのカメラロールへ保存しておいてください。画像サイズは適当で構いませんが、これぐらいの大きさが使いやすいと思います。良ければ使ってください。
![f:id:umazurahagi:20180308012748j:plain f:id:umazurahagi:20180308012748j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
画像を選択したら、枠内に収まるように拡大または縮小して位置を調節します。OKなら右下の「選択」をタップ。
![f:id:umazurahagi:20180308145747j:plain f:id:umazurahagi:20180308145747j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
いい感じのアイコンができました。次に「アイコン名欄;ダイナース」「CUSTOM欄;ログインページのURL」を入力します。アイコン名はお好きにどうぞ。
![f:id:umazurahagi:20180308145818j:plain f:id:umazurahagi:20180308145818j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
ログインページのURLはSafariのアドレスバーからコピペすれば簡単ですね。完了したら右上のマークをタップします。
![f:id:umazurahagi:20180308145846j:plain f:id:umazurahagi:20180308145846j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
アイコン情報がクリップボードにコピーされますので、Safariを起動してアドレスバーにペースト。
![f:id:umazurahagi:20180308014205j:plain f:id:umazurahagi:20180308014205j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
うまく動作すれば、Safariにこのような画面が現れます。この画面が出れば成功ですが、私の場合は何も表示されずに苦労しました。
結局、裏技で解決することができましたが、その方法は後ほど説明するとして、先ずは成功バージョンでの説明を続けます。画面下中央の上矢印マークをタップ。
![f:id:umazurahagi:20180308014648j:plain f:id:umazurahagi:20180308014648j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
「ホーム画面に追加」をタップ。
![f:id:umazurahagi:20180308014932j:plain f:id:umazurahagi:20180308014932j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
右上の「追加」をタップすれば完了です。ここでアイコン名を変更することも可能です。
アイコン完成
![f:id:umazurahagi:20180308015023j:plain f:id:umazurahagi:20180308015023j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
オリジナルアイコンが追加されましたね。最初にできたダサいアイコンは不要なので、削除してしまいましょう。
![f:id:umazurahagi:20180308015602j:plain f:id:umazurahagi:20180308015602j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
ハイ、元の鞘に収まりました。これでまたiPhoneで簡単にポイント確認ができるようになります。
まとめ
![f:id:umazurahagi:20180308020724j:plain f:id:umazurahagi:20180308020724j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
左;旧画面、右;新画面です。今回作成したアイコンの方が個人的にはしっくりときます。因みに「JAL座席指定」というアイコンがありますね。これもまた同様に、ホーム画面に追加・作成したものなのです。
Safariが反応しない場合
![f:id:umazurahagi:20180308130111j:plain f:id:umazurahagi:20180308130111j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
先ほどご説明したアイコン完成、一歩手前の画面です。Pochitt で作成したアイコン情報をSafariのアドレスバーに貼り付けても、この画面にたどり着けない場合があるのです。
![f:id:umazurahagi:20180308130354j:plain f:id:umazurahagi:20180308130354j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
その場合は、ブックマークを経由すると解決するようです。適当なサイトを開いて、画面下中央の上矢印マークをタップ。
![f:id:umazurahagi:20180308131114j:plain f:id:umazurahagi:20180308131114j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
「ブックマークを追加」をタップ
![f:id:umazurahagi:20180308131151j:plain f:id:umazurahagi:20180308131151j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
ページタイトルを後で探しやすいように適当に変更しておきます。今回は「適当な名前」というふざけたタイトルにしました。現段階ではURLは変更せず、右上の「保存」をタップ。
![f:id:umazurahagi:20180308132455j:plain f:id:umazurahagi:20180308132455j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
ブックマークに反映されました。
![f:id:umazurahagi:20180308145923j:plain f:id:umazurahagi:20180308145923j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
ここで、Pochitt に戻ります。この状態から右上のマークをタップ。
![f:id:umazurahagi:20180308145941j:plain f:id:umazurahagi:20180308145941j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
アイコン情報がクリップボードにコピーされました。画面上に「Safariを起動してアドレスバーに貼り付けてください。」とのメッセージがありますが、その通りに実行するとできないので無視。
![f:id:umazurahagi:20180308133536j:plain f:id:umazurahagi:20180308133536j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
代わりに、Safariのブックマークを開いて右下の「編集」をタップ。
![f:id:umazurahagi:20180308133121j:plain f:id:umazurahagi:20180308133121j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
先ほどブックマークに追加したページを編集します。
![f:id:umazurahagi:20180308133936j:plain f:id:umazurahagi:20180308133936j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
URL欄を書き換えます。クリップボードにコピーされたアイコン情報をペースト。
![f:id:umazurahagi:20180308134132j:plain f:id:umazurahagi:20180308134132j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
ペーストしたら編集を閉じる。
![f:id:umazurahagi:20180308134512j:plain f:id:umazurahagi:20180308134512j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
URLを書き換えたブックマークをタップ
![f:id:umazurahagi:20180308134557j:plain f:id:umazurahagi:20180308134557j:plain](https://www.wakuwaku-miler.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif)
そうすることで、無事にこちらの画面にたどり着くことができました。ふう〜。