格安スマホと「緊急地震速報」「防災情報」「Jアラート(ミサイル発射情報)」(2017年版)
本記事は2017年9月時点の情報です。最新の情報をまとめ直していますので、以下の記事をご参照ください。 「格安スマホ」MVNOと緊急速報・災害時伝言板 (2018年度版まとめ) 本記事執筆時はほとんどのSIMフリースマートフォンで地震・津波以外の警報に対応していませんでしたが、2018年9月時点では多くのSIMフリースマートフォンがその他の警報にも対応するようになりました。 2017年8月30日～9月5日は「防災週間」として、様々な防災に関する行事や取り組みが行われます。このブログでも過去に防災週間に合わせて何度かスマートフォン向けの「緊急速報」について取り上げてきましたが、毎回新たに判明した情報を記事にしていたため、情報が分散していました。今回の記事では、過去に確認した情報を含め、2017年9月時点で分かっていることを改めてまとめ直してみました。前半は主に「格安スマホ」の利用者向けの説明
もう逃げない。HTMLのviewportをちゃんと理解する
<meta name="viewport" content="width=device-width,initial-scale=1"> と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返す
スマホでレシートを撮影するだけ、あとは全自動で家計簿が完成する「Dr.Wallet」の使い倒し方＆活用法
購入品目のカテゴリ分けや月ごとの収支比較、過去の購買履歴のチェックなどがスマートフォンのカメラでレシートを撮影するだけで完成する無料の万能家計簿アプリが「Dr.Wallet(ドクターウォレット)」です。実際にドクターウォレットを使うとどれくらい簡単に家計簿がつけられるのかを実際にガッツリ使い倒して確かめてみました。 人気無料レシート家計簿アプリDr.Wallet｜エクセルより簡単 https://www.drwallet.jp/ ◆いろんなレシートをデータ化してみた ドクターウォレットを使って家計簿をつける際に必要なのは、レシートとドクターウォレットをインストールしたスマートフォンの2つ。 レシートのデータ化にはまずアプリを起動して、ホーム画面の左下に表示されている「レシート撮影」をタップ。 スマートフォンのカメラでレシートを撮影する際は、明るい場所でスマートフォンとレシートを平行に保ち、
【UI/UX改善】CVRを向上させるスマホサイトのポイント10選 | LISKUL
「PCやサイトのスマホ版を作ったけど、思うように成果が上がらない・・・」「どうすれば成果の上がるスマートフォンサイトを作れるのだろうか・・・」とお悩みのweb担当者の皆様へ。 その答えは、「UI/UXの改善」にあります。 多くの企業がスマホサイトで成功していない原因としてありがちなのが「PCサイトを安易にスマホサイト風に変換しているだけ」というパターンです。 そのため、スマホとPCの違いを考慮して、スマートフォンでのユーザー行動を意識したUI/UXに改善するだけでも、CVRは簡単かつ速攻でアップするんです！ そこで、今回はCVRを向上させるためのスマホサイトのUI/UXを改善するためのチェックポイントをご紹介いたします。ぜひ皆様のWebサイトの改善にお役立てください！ サイトUIを改善するための分析手法を知りたい方は、こちらの資料を手元に置いてみてみてください。 ※本記事は2014年7月8
たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
スマートフォンサイトのコーディング Tips あれこれ | バシャログ。
ゴールデンウィークはゴールデンに過ごせそうにない Latin です。 今回はスマートフォンサイトのコーディング周りでのあれこれをまとめてみます。 先日の macky の記事、「スマホサイトの矢印付きメニューをCSSのみで実装する。」もあわせてご覧ください。 viewport 系の設定 描画サイズをデバイスの横幅に合わせる、拡大縮小を不可に これが一番よく見る形式でしょうか？ <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 文字サイズの自動調整をオフにする 各スマホブラウザでは、横向きにすると text-size-adjust の処理が走り、自動で文字サイズを最適化（拡大）する機能があります。 読
世界で一番稼いでいるのはパズドラとLINE！App Annieによる2013年のアプリ市場9つのトレンド-D2CRアプリセミナー | アプリマーケティング研究所
2/27に東京（汐留）で開催された、D2CRさん主催のセミナー「有名ゲームのプロデューサーが語る！ 2014年度スマフォゲームはこうなる！こうする！ 」に参加してきました。 本記事ではこちらのセミナーに登壇された、AppAnnieさんの講演で参考になったポイントをまとめたいと思います。 2013年度のアプリ市場動向サマリー-App Annie Index- ・米国、韓国、日本はアプリストア収益におけるリーダー国だが、BRIC諸国及び他の5地域がダウンロードや収益の成長においては、それら上位国のペースを上回っている。 ・世界中のゲーム愛好者が急速に3DS やVitaよりもiPhoneあるいはAndroidを好むようになってきている。iOSアプリストア、Google Playの双方ともに、ゲームアプリからの大きな収益増を経験し、2013年には史上初めて携帯型ゲーム端末を大きく上回った。 ・フリ
ライバルを出し抜け！スマートフォンサイト制作でコンバージョン率を上げる7つのポイント｜MarTechLab（マーテックラボ）
LPO研究所所長の鎌田です。 今回は「スマートフォンサイトでコンバージョン率を上げるための重要ポイント」をお伝えします。 レスポンシブデザインだの、HTML5だのといった技術的な話は一切しません。あくまで「コンバージョンに直結するスマートフォンサイト制作の考え方、施策」についてお伝えします。 時代はスマートフォンだ、マルチデバイスだと騒がれてはいるものの、実際のところ、Web上でスマートフォンからのコンバージョン獲得を意識して対策できている会社はまだ多くありません。今のうちにしっかりと対策をすれば、PCでは激戦区のジャンルであっても、スマートフォンサイトで出し抜ける可能性は大いにあります。 それでは早速いってみましょう。 目次 スマホユーザビリティは右手親指を意識しろ スマホサイトは読み込み速度を重視しろ リスティングもスマホ向けに最適化しろ スマホサイトではオファーを下げろ スマホではス
スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
スマートフォンサイト制作 よくあるトラブルと 解決方法・回避方法
Xamarin で Prism を使いたい！ ～「正式対応」 まで待てない人のための Prism 利用 Tips～Tatsuji Kuroyanagi
Viewport [iPhone生活]
*device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ（サイズ） HTMLに設置したコンテンツのサイズ ドキュメント（サイズ） 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ
これからはスマホ対策ではなく、スマホ・ファーストになるという話
最近、「Webでの集客が最近とても厳しくなった」というお問い合わせとか、メルマガのご質問を結構いただくのだが、共通して言えることがございまして、それは「スマホ対応してない」というのが明らかな原因のケースがよくある。 PCでの表示だけでスマホに適正化されてない場合、そしてトップがやたらごちゃごちゃしている場合、トップページだけ見てそのままページ遷移をせず(ほかのページを見ないで)に帰ってしまう人が多いんだろう。特に飲食店やサービスなど野外から見ることが多かったり、顧客の層がPCよりスマホが圧倒的多数だったり(年齢的に若かったり)するのに、これに対策してないサイトは致命的なアクセス低下や、問い合わせ数の激減を招いている場合が多くある。 このブログはとりあえずスマホ対応しているテーマだが、上位階層は対応してません。というか顧客のサイト制作で手一杯で自分のなんてやってる暇が無いんです(言い訳)。い
iOS・Androidのハイライト表示の指定について。
今回は iOS・Androidのハイライト表示の設定について 紹介します。 （以下 iOS→iOSのMobile Safari、Android→Androidの標準ブラウザ） リンクをタッチした時に出る(iOSでは)影だったり、(Androidでは)枠。 その色が設定出来るんです。 今回はCSS３を使った方法とjsを使った方法を紹介したいと思います。 iOS・Androidのハイライト表示の設定について まず初めに。 今回CSS３とjsを使う方法を紹介しますが、iOSとAndroid同じ記述で同じ動きをするものはｊｓを使用するもの、のみになります。 CSS３を使用する方法では、iOSとAndroid別々の方法を紹介しています。 それでは。 CSS３を使ったハイライト表示の指定 まず、CSS３でハイライト表示の設定をするにはこの記述をします。 -webkit-tap-highlight-co
スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices
We built screensiz.es to help you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from a variety of sources. For a better understanding of Pixel Density, check out this great post by Teehan+Lax. Our “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzz
日本のスマホサイトは2年間でこんなに変わった (1/4)
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.softbank.jp/mobile/products/list/simple-sumaho2/
https://www.softbank.jp/mobile/products/list/204sh/
Prott - Prototyping tool for Web iOS Android apps
KLab
