PWA 入門 〜iOS SafariでPWAを体験するまで〜 2019年7月更新 - Qiita
What's PWA ? Progressive Web Apps （プログレッシブ ウェブ アップス）の略 Googleが推進している、モバイルユーザーの体験（UX）向上を目的とするプロジェクト・技術のこと PWAは、わざわざApple StoreやGoogle Play Storeからインストールする必要はありません 不安定なネットワークでも迅速に起動し、関連性の高いプッシュ通知を送信することができます。 ホーム画面にアイコンを表示することができ、トップレベルの全画面表示で読み込むことができます。 ▼このように、Webサイトを直接ホームに追加することでアプリケーション化されます 導入事例 大手WEBサイトからで導入がはじまりつつあります コンバージョンアップにも効果的です Trivago https://www.trivago.com Twitter Lite https://mobi
[Web制作]iPhoneサイトで表示崩れが発生した時、実機とMacを繋いでWebインスペクタ機能でデバッグする方法
こんにちは、霙(@xxmiz0rexx)です。 スマートフォンサイトを制作している時、たまーに困ることがあります。 それは、実機でしか再現しない表示崩れ。 Macでみた時は大丈夫だったのに、何故かiPhoneでは謎の余白が…なんてことが先日もありまして、 解決のためにSafariのWebインスペクタ機能を使ってみましたので使い方をメモしたいと思います。 Webインスペクタ機能とは iPhoneで見ているページのソースをMacで見ながらデバッグできる機能です。 使うには双方へのちょっとした設定と、お互いをケーブルで繋ぐことが条件。 みんなだいすきGoogle Chromeの開発者ツールと同じようなものですね。 必要なもの 1.Mac 2.iPhone 3.ケーブル 次の章で使い方を書いていきたいと思います。 Webインスペクタ機能を利用する手順 1：iPhoneとMacをケーブルで繋ぐ まず
![[Web制作]iPhoneサイトで表示崩れが発生した時、実機とMacを繋いでWebインスペクタ機能でデバッグする方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/40f32f22625c07917861df73b24c82b03b4b6348/height=288;version=1;width=512/http%3A%2F%2Fwebimemo.com%2Fwp-content%2Fuploads%2Ff58a46be76400f23debbeacb9e1cc899.png)
iPhoneのSafariでソースコードを表示できるアプリ「View Source」が楽しすぎる！いつでもどこでもチェック！ | ゴリミー
電車の中で気になるウェブサイトを発見した時、「あのサイトの中身はどうなっているんだろう」「このデザインはどのように実装しているのだろう」と思ってもソースコードはパソコンがなければ確認できなかった。 そんな需要ないって？！あるの！ある、ある！ とあるiPhoneアプリの登場によってその「できない」が「できる」に変わった！その名も「View Source」。これを利用すればiPhoneのSafariからHTMLやCSS、Javascriptがサクッと確認できるのだ！凄すぎる！ 早速使ってみたので、紹介する！ iPhoneでもソースコードを見れるなんて…楽しすぎる！ 「View Source」がソースコードをただ適当に表示するだけのアプリだと思っていたら大間違い。iPhoneから確認する上では十分な機能が用意されている。 右上のメニューボタンを押すと以下のメニューが表示される。文字列の検索、ハイ
[iPhone] ウェブページのソースを表示するアプリ HTML Viewer をリリースしました！ | ラクイシロク
最近、iPhone で表示しているウェブページのソースを見る機会が多いので、そういうアプリを作ってみました。名前は直球で HTML Viewer と言います。iPhone のウェブページを作っている人におすすめです。 PC ブラウザのユーザーエージェント書き換えを使うよりも、iPhone の Safari で見ているナマの情報が見れるので、作った本人がとても助かっています。 HTML Viewer 1.0（￥100） カテゴリ: ユーティリティ 現在の価格: ￥100（サイズ: 0.2 MB） リリース日: 2013/06/06 ウェブページを開いてソースを見るだけのアプリ 使い方はとても簡単です。ソースを表示したいウェブページをアプリ内ブラウザで表示させます。上の検索バーには、アドレスを入力することができますし、単語を入力して Google 検索することもできます。 ウェブページを開い
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【おすすめ】Tailor – iPhoneのScreenshotを一枚の縦長画像につなげるアプリ！ | Will feel Tips