nomokotanのブログ

WEBアプリ【Groups】開発者のブログ

WEBサイト ホーム画面を指定する「サイト制作者向け」

iPhoneでWEBサイトをホーム画面からアクセス」できるようにする記事を書きましたが、サイト作成者の中にはホーム画面にした時のアイコンを指定したい!という方もいるかと思います。

 

今回はサイト作成者向け、ホーム画面に設定される画像(アイコン)の指定方法です。

 

凄く簡単でした、

 

  1. 正方形のアイコンを用意する(png,jpegなど)
  2. headタグ内に以下2つを追加

 2-1. iPhone系用

  <link rel="apple-touch-icon" href="画像保存場所">

 2-2. Webブラウザandroid系用

     <link rel="icon" href="画像保存場所" type="image/x-icon">

 

これだけで、アイコンを指定する事ができました!

【iPhone】WEBサイトをホーム画面に追加

お気に入りのWEBサイトですが、アプリがなく毎回safariのお気に入りから表示していました。

他のページ見ていたりすると、切り替えが面倒だったり・・・

ホーム画面から直接アクセスできないかなと調べていたら、やり方がありました!

 

  1. safariでサイトにアクセス
  2. ホーム画面下の上向き矢印↑をタップ
  3. スクロールして「ホーム画面に追加」をタップ
  4. タイトルを分かりやすく編集し、右上の「追加」をタップ

 

これでホーム画面から簡単にアクセスできるようになりました!

アイコンの指定はサイト内の設定との事で、その記事は別途・・・

【iphone パスワード自動保存】ONでも効かない場合の対処

作成したWEBアプリ(情報共有サイト'Groups')に対して、「ログイン時のアドレス・パスワードがiphoneに自動保存されない」とご意見をいただきました。

確かにiphoneでいじっている際、毎回アドレスとパスワードの入力確認をされ、「これなんで保存できない?素人アプリだから仕方ないのか・・・」と、半分忘れかけていた事でした。

しかし!せっかくのユーザー様からのご意見!なんとかして解決したい・・・

 

考えた原因

①Heroku環境の為、スリープ状態になるから保存の対象外?

②フォームのオートコンプリートがデフォルトでoff?

こちらは関係なかったようで、調べて対応しても改善できず・・・

 

対処方(応急処置)

iphoneにアドレス・パスワードを入力した際に1手間追加で保存できました!

 

iphoneにアドレス・パスワードを記憶させる手順

  1.  ログイン画面でアドレス・パスワードを入力
  2.  パスワード入力時のキーボード上に、【鍵マーク】が出ているのでタップ
  3.  【このパスワードを保存】をタップ

 

以上で、次回ログイン時に保存されたパスワードを利用しますか?みたいな案内がiphoneに出るようになります!

本当はコードを修正して対応できればと思いましたが、ググってもそれらしい記事もなく、とりあえずこちらの対処法をサイトのQ&Aに追加しました。

情報共有サイト(Groups)をリリースしました!

Groups をリリースしましたお祝い

Groupsは、スポーツ団体や趣味の団体などの情報共有ができるサイトですサッカーボーリング
現在は参加グループ一覧、お知らせ、打合せ項目、メンバー一覧、予定登録機能が利用できますPC
利用画面
個人開発サイトですので、ご利用していただく皆様にご意見をいただき、機能を改善したり追加したりできればと考えております。
全ての機能を無料でご利用いただけますので、ぜひご活用頂けますと幸いです爆  笑
 
※お問い合わせはサイト内の「お問い合わせ」からお願い致します。
※天気予報機能はテスト中機能で、停止予定です。