メイン コンテンツにスキップ false 検索検索をクリア検索を終了Google アプリメインメニュー
メイン コンテンツにスキップ false 検索検索をクリア検索を終了Google アプリメインメニュー
はじめに Thetaの360°画像にぼかしを入れるWebアプリSphereBlur.comを冬休みに作った際に、Web App Manifestを登録することで、このWebアプリを簡単にインストール(ホーム画面に追加)できるようにした。このWebアプリはService Workerを使ってオフラインでも動くようにしているので、ホーム画面から起動し、ネイティブアプリと同等の体験を提供できる。もちろん、Manifestを使っていない通常のページでも、メニュー画面から「ホーム画面に追加」を選ぶことで同様のことはできるが、下の動画のように、下から出てくるAppインストールバナーのボタンを一回タップするだけ登録できるのは利便性が高い。 Appインストールバナーの出し方 Google Developersのこの記事によるとAppインストールバナーを出すには下記の条件を満たす必要がある。 Web App
We have the ability to easily make immersive fullscreen websites and applications, but like anything on the web there are a couple of ways to do it. This is especially important now that more browsers are supporting an "installed web app" experience which launch fullscreen. Getting your app or site fullscreen #There are several ways that a user or developer can get a web app fullscreen. Request th
<!-- WebAppモード --> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <!-- アイコン --> <link rel="shortcut icon" sizes="196x196" href="icon-196x196.png"> <link rel="apple-touch-icon" href="apple-touch-icon.png" /> //フルスクリーン navigator.standalone = navigator.standalone || (screen.height-document.documentElement.clientHeight<40)
Android ChromeでService Workerが使えるようになり、徐々に盛り上がりを見せそろそろ使ってみても良いんじゃ・・・という匂いも感じ始めています。 ブラウザプッシュでの通知やキャッシュなどの機能にService Workerの注目が集まりがちですが、これらの実装はかなり複雑でやっかいです。 その中でも一番実装が簡単なService Worker(?)がホーム画面に追加の機能です。 この機能はService WorkerのJSは1文字書く必要がないので、Service Workerの実装を始める前にやっておくのも良いと思います。 実際に実装してみると、下からにゅるっと出てきます 条件 HTTPS接続(または localhost) Android Chrome 42以上 が必要です。SSLは https://letsencrypt.org/ で無料で入れられるので入れましょ
サイト名は Pushdog です。かわいいドメイン取れました。 https://push.dog ※ 2/4 文字の表記を、全て大文字の PUSHDOG から Pushdog に変更しました Pushdog について PushdogはWebプッシュ通知でサイトの更新を受け取ることができるWebアンテナサービスです。 Webプッシュ通知というエッジな技術を使っているため、今のところ Chrome と Firefox にしか対応していません。Chromeを使っているのであれば、追加でソフトウェアをインストールしなくても、普通のアプリのプッシュ通知と同じように受け取ることが出来ます。 ※1 2/12 Firefox 44 に対応しました! Firefox 44 のWebプッシュ通知に対応しました - Pushdog 開発ブログ ※2 PC版Chromeの場合、機能制限によりプッシュ通知を受け取れ
米Google社は2015年4月1日、ChromeブラウザーやChrome OS向けのソフトウエア「ARC Welder」を公開した。ARC Welderは、ChromeブラウザーやChrome OS上でAndroidアプリを動作させるためのプラグイン。動かないアプリも多いが、正常に動作したアプリは快適に使えた。 オープンソースのコミュニティーによって多くのLinux用フリーソフトが開発されているが、日本語環境ではうまく使えないというものも少なくない。一方、スマートフォンアプリなら日本人に向けた便利なものが数多く開発されている。 米Google社が2015年4月1日に公開した「ARC Welder」は、便利なAndroidアプリをChromeブラウザーやChrome OS上で動作させるためのソフトだ。ChromeブラウザーはLinuxやWindows、Mac向けに提供されており、そのブラウ
3 月 13 日、Chrome Beta のブログポストが出ました。Android 版 Chrome でプッシュ通知が使えるようになったのが個人的なハイライトです。 「確かにプッシュ通知は便利かもね〜」と思ったあなた、驚きが足りません。のけぞるべきです。小躍りするべきです。 理由を説明します。 ユーザーエンゲージメントが変わる # あなたのウェブサイトのビジネスモデルが広告モデルにしろ課金モデルにしろ、ユーザーが繰り返し訪れてくれることは大前提です。通常のウェブサイトやサービスは、そのための策を練ります。そのきっかけをサービス側から能動的に与えることで、ユーザーが戻ってきて、ビジネスは回ります。しかし、そのきっかけを与える方法は、非常に限定されていると言わざるを得ません。 インターネットが普及し始めた当初から伝統的に利用されているのがメール、数年前から利用されているのがソーシャルメディア、
Google、ChromeアプリをiOS/Androidアプリに変換するツールと方法を公開。Apache Cordova、Node.jsなどを連係 WebブラウザであるGoogleのChromeに対応したアプリケーション「Chrome Apps」を、iOSやAndroidに対応し、単独でオフラインでも動作するモバイルアプリケーションへ変換する方法が、The Chromium Blogにポストされたエントリ「Run Chrome Apps on mobile using Apache Cordova」で公開されています。 Chrome AppsはHTML/CSS/JavaScriptで開発するアプリケーションであり、ChromeのAPIを用いてオフライン動作や認証など、Webアプリケーションよりも高度な動作が可能になっています。 このChrome Appsをモバイルアプリケーションへ変換でき
スマートフォンやタブレットが主流になりつつあるが、それらモバイルデバイスでWebのデバッグするのは楽ではない。User Agent文字列を変更してモバイルデバイス上のブラウザの振りをしたMacやPCのブラウザからデバッグする方法もあるが、モバイルデバイスのブラウザの機能がMacやPCと同一ではなく、モバイル特有の状況もあるため、モバイルデバイスそのものを使った状態でデバッグしなければいけないことも多い。 そのような際に使われるのがリモートデバッグだ。 Mac/PCとAndroidの両方にブラウザを提供している主流ブラウザとしてはChrome、Firefox、Operaがあるが、このリモートデバッグ機能はこの3種のブラウザすべてに備わっている。また、ブラウザ開発元ではないが、Adobeもリモートデバッグ機能を提供している。すでに使っている人も多いと思うし、それぞれ多くの情報が提供されているの
Chromeの拡張で意外にも今までなかったガラケーサイトを表示させるやつ。 先日Twitterでも発言した通り、ついに発見しました。 Web屋さんならもちろん、そうでない人にも超簡単にガラケーサイトやスマフォサイトを表示させられるようになるので、 是非とも1度お試しいただければと思います。 以前こんな記事を書きました。 ChromeでiPhoneみたいにWebページを閲覧する方法 この方法だとスマフォサイトは見れるようになるのですが、UserAgent(ってやつがあるのですが)を設定してもなぜかちゃんと動かなかった。 FirefoxにはUserAgentSwitcher(以下UASと略します)など、ガラケーサイトを表示させる便利なアドオンがいくつかあったのです。 でもわざわざFirefoxを立ち上げて、UAS立ち上げってって・・・ Firefoxって起動遅いし重いしストレスが半端じゃなかっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く