iPhoneサファリで、WEBサイトをアプリっぽく見せる - Qiita
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> イメージ： minimal-uiを指定しない場合(この場合でも画面をスクロールすればアドレスバーが小さく＆フッタが消えはする) minimal-uiを指定した場合(常にアドレスバーが小さく＆フッタが消える) 実際のページはこちら(iPhoneで開いてみてください) minimal-uiを指定しない場合：http://hkusu.github.io/iOS_viewport_demo/index1.html minimal-uiを指定した場合：http://hkusu.github.io/iOS_viewport_demo/index2.html 方法② 端末のホ
iOSでウェブサイトをフルスクリーン表示させる | mawatari.jp
iOSでウェブサイトをフルスクリーン表示させる方法をメモしておきます。言葉で説明するより、画面を見てもらうのが早いと思います。 iPhoneのSafariで、ウェブサイトを閲覧すると、通常は、上図左のような画面になりますが、上図右のような画面表示にするための方法です。Safariのアドレスバーや、ナビゲーションバーが表示されませんので、使える場面は限られますが、以下のような使い方ができるのではないでしょうか。 Google Maps等のFull JavaScriptのWebアプリを広いスクリーンで表示するいわゆるハイブリッドアプリ（ネイティブアプリ中身がHTML）を作る過程での簡易確認制御ボタンもHTMLで作って、Webアプリだけど、ネイティブアプリっぽく見せる1. と 3. は、ほぼ同義ですね。既に存在しているWebアプリを広い画面で使うか、自分で作るかの違いです。 Google Map
【iOS】サイトを「ウェブアプリケーション・フルスクリーンモード」で表示させる方法。
デバイスは最新のiPhone6を使用。アプリはデフォルトの「Safari」で、左の画像は普通に表示させたもの。そして右側が、今回紹介する「ウェブアプリケーション・フルスクリーンモード」でサイトを表示させたものです。 これは以前［iOS 7.1］のときだけ限定的に使えた「minimal-ui」の進化版で、「フルスクリーンモード」または「ウェブアプリモード」とも呼ばれる表示機能です。 この機能を有効化する方法は簡単で、ウェブサイトの <head>〜</head> 内に以下のコードを挿入するだけで実装できます。 <meta name="apple-mobile-web-app-capable" content="yes"> 「ウェブアプリケーション」と冠するだけあって、ウェブサイトがアプリのように表示されるのでカッコいいですよね。 余分なステータスバーやメニューバー、ツールバーが非表示になるので
iOS 8 に Apple の HTML5 への愛を見た « 株式会社ゼノフィ
先週アップルが発表した iOs 8 のリリースに、私たちは非常に興奮しております。iOS 8 の正式リリースを手にして数日しか経っていませんが、いち早く世界中の Web 開発者コミュニティに最新のアップルのリリースについて徹底的にお伝えしたいと思っています。もちろん数週間、数ヶ月後にはここではカバーできなかった項目が発覚するのは承知ですが、既に分かっていることを少しでも共有できたらと思っています。 この記事は、今後iOS 8 がアップルのデバイスのベースラインとなることを見越して、HTML5 の現状を技術解析したものです。去年 iOS 7 にも似たようなレビュー記事を Web 開発者のために書きましたので、気になるかたはそちらもご覧ください。 iOS 8 の新機能は HTML5 開発を進めます 今回のアップグレードで加えられた機能について見ていきましょう。 Source: caniuse.
iOS 8 Mobile Safari の変更点を予測してみました - latest log
iOS 8 Mobile Safari の変更点を WebKit Changeset から予想してみました。 主な変更は、 HTML5 API Blob URL ( new URL("http://example.com").hostname -> "example.com" ) IndexedDB CSS -webkit-filter with SVGFilter CSS JIT 古い仕様に基づく CSS Variables が削除されました HTML <img srcset> <audio autoplay> <iframe seamless> に関わるコードが削除されました <input type="file"> に関わるコードが削除されました <style scoped> に関わるコードが削除されました Shadow DOM に関わるコードが削除されました DOM Events W
iOS7におけるMobile Safariの主な変更点
iOS7上のSafariがどのように変化したかについて、Maximiliano Firtman氏（@firt）がブログで詳細に解説しています。 この記事では、同氏のブログから、Web制作者／開発者にとって重要と思われる情報を引用して、Web技術者にとっても大きな影響を持つこのアップデートについて紹介していきたいと思います。 元記事は非常に長大、かつ詳細なため、全てのポイントを紹介することはとてもできません。素晴らしい記事ですので、関心のある人は、ぜひ元記事を参照してください。 ちなみに、最初にガッカリさせることになってしまいますが、@firt氏によれば、「1.0以降最もバグの多いバージョンだ」（this is the buggiest Safari version since 1.0）だそうです… UIが大幅に変更、フルスクリーン（に近いサイズ）がデフォルトに Webブラウジングをしている
iPhone5 と iOS6 での HTML5開発についてあれこれ - webとかmacとかやってみようか R
本日、iOS6がリリースされましたね。明日は iPhone5 の発売日。Mobile Safari も大幅にアップデートされて、Web開発者にとって非常に気になります。 iPhone 5 and iOS 6 for HTML5 developers, a big step forward: web inspector, new APIs and more で素晴らしいまとめがありましたので、簡単に紹介したいと思います。 iPhone5 新しい画面サイズ 新しい 4インチ画面になり、解像度は WDVGA (Wide Double VGA) 640×1136px になりました。横幅はこれまでと変わりませんが、高さが 176px 増えました。 新しいシミュレーター Xcode4が新しくなり、iOS6のシミュレータが出ました。Mac AppStore からダウンロードできます。 何をすべきか 画面
ke-tai.org > Blog Archive > ブックレビュー:iPhone ＆ Android スマートフォンサイト制作の教科書
ブックレビュー:iPhone ＆ Android スマートフォンサイト制作の教科書 Tweet 2011/11/2 水曜日 matsui Posted in ブックレビュー | 1 Comment » 著者の一人である石本氏からご献本いただきました。ありがとうございます。 レビューを書かせて戴きたいと思います。 → Amazon iPhone & Android スマートフォンサイト制作の教科書 [amazon.co.jp] 本書「iPhone & Android スマートフォンサイト制作の教科書」は、スマートフォンサイトのデザインや制作についてのノウハウを解説した入門書です。 著者は、こもりまさあき氏、谷拓樹氏、石本光司氏、いちがみトモロヲ氏、4名の共著という形になっています。 目次は次の通りです。 序章 スマートフォン向けサイト制作をはじめる前に 第1章 スマートフォン制作のための基礎
DeNAが明かすHTML5でのソーシャルゲームの作り方【本日のスライド】 / GameBusiness.jp
スマートフォンにてソーシャルゲームを作ろうとすると、HTML5を中心にブラウザで動作するもの、もしくはネイティブアプリでの提供ということになります。モバゲータウンやグリーはその両方をサポートしています。ネイティブアプリの作り方は既に文献も多数なのですが、HTML5となるとまだ十分とは言えません。この資料は必見です。 「HTML5@iPhoneゲーム開発」はディー・エヌ・エーのスマートフォン開発グループの岸弘倫氏が「DeNA Technology Seminar #3」での講演用に作成したものになります。同社では北米のMiniNation向けにiPhone『Pirate Nation』(海賊トレジャー)をHTML、CSS、JavaScriptで開発して提供していて、そのノウハウを凝縮したものです。 『Pirate Nation』は冒頭の括りで分けるとブラウザで動作するアプリということにな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
notes from côme
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて