目次
- 1. iOS / Web版Twitterの指定したページへのリンクをホーム画面に追加する
- 2. 初心者なりにスタックとキューの実用例、検索アルゴリズム (深さ検索優先アルゴリズム 、幅検索優先アルゴリズム)についてまとめてみた
- 3. 【Rails】jquery を使わずに javascript で flashメッセージをフェードアウトさせる
- 4. なぜ、Vue Composition APIを使うのか、理解する
- 5. npm(パッケージ管理ツール)の使い方
- 6. 新Edgeの拡張機能の作り方 (コンテキストメニュー編)
- 7. 【Nuxt/Rails】axiosとdevise_token_authを使ってPOSTした実装
- 8. JavascriptでiPhone風の電卓アプリを作ってみた
- 9. メッセージ送信の非同期化
- 10. Kinx ライブラリ - パーサ・コンビネータ(その1)
- 11. ScrollReveal.jsでええ感じのパララックス効果を実装する
- 12. Javascriptでモーダルウィンドウを生成する
- 13. 【JavaScript 】Node.jsとは
- 14. [Javascript]まちがえながらも感覚的に実装できるまで昇華していく[後編]
- 15. フリマアプリのカテゴリー実装のエラー解決
- 16. だから僕はVanilla JSを辞めた
- 17. 【Nuxt.js】Nuxt文法編:v-bind
- 18. 【javascript】ロックとキーをシミュレートする
- 19. [JS] もう少し厳密に URL からファイル名等を取得する正規表現
- 20. 【Vue】漫画の進捗管理ツール作ってみた
iOS / Web版Twitterの指定したページへのリンクをホーム画面に追加する
# TL;DR
Web版Twitterをホーム画面に追加する
-> PWAになり追加時のURLが反映されない別のページを経由して開けば解決
-> dataスキーム# data URI scheme
– dataスキーム
– 外部リソースと同じようにデータを読み込む方法
– アドレスバーに入力するiOSの「ホーム画面に追加」は後からURLを書き換えられない
-> 追加時用のTwitterを開かないパターンが必要
-> 端末がネットに繋がっているかで条件分岐(他にも方法はあると思う)“`
data:text/html,
“`# 実際の手順
1. 上記のdataスキームのURL部分を変更
2. オフラインの状態でブラウザのアドレスバーに入力
3. ホーム画面に追加# 問題点
ホーム画面に表示されるアイコンが真っ白なので複数追加すると分かりにくい↓↓↓
## ページに背景色を設定する
“`