｢星のや｣が脱デジタル宿泊を進める社会的背景
日本の社会全体で「デジタル依存」が進んでいるように見える。メディア環境研究所が実施した「メディア定点調査2019」によれば、「携帯電話／スマートフォン」の1日当たりの接触時間は、ほぼ毎年増え続け、今年は117.6分となり、はじめて100分を超えた昨年（103.1分）を上回った。 また、モバイルに特化した調査研究機関であるMMD研究所が2019年8月に実施した調査では、スマホに「かなり依存している」と回答した「スマホ依存症」の人の割合が、最も多い30代で29.8％、全世代平均でも21.2％に達した。 こうした背景から、デジタル依存・ネット依存治療の専門外来なども増えてきているようだが、今回注目したのは、旅の中で「脱デジタル」を図ろうというプランやツアーだ。星野リゾートが展開する旅館ブランド「星のや」で提供されている宿泊プラン「脱デジタル滞在」を中心に取材した。 ゲームにログインしたい衝動が抑
格安SIMの通信速度計測｜mobile by keisoku.io
直近24時間の通信速度 1時間ごと（お昼は15分ごと）に格安SIM（MVNO）・サブブランドの通信速度を計測し、比較を行っています。
【JavaScript】デバイスの傾きでページをスクロールさせる［Interdimensional］の使い方。
株式会社オンズ 開発ブログ 【JavaScript】デバイスの傾きでページをスクロールさせる［Interdimensional］の使い方。 主にモバイル端末に対応した、デバイスの傾きでページをスクロールさせるJavaScriptのライブラリ［Interdimensional］を紹介します。 以下のリンク先より実装サンプルをテストできます。 iPhoneやiPad等、加速度センサー（モーションセンサーまたはジャイロセンサー）の機能が使えるデバイスでアクセスしてください。 左下のアイコンをタップして、アイコンが赤い状態になると［Interdimensional］の機能が有効化されます。 この状態でデバイスを傾けると、角度に応じてページがスクロールします。 ［Interdimensional］：実装サンプル お試しいただいたとおり、デバイス自体の「傾き」を検知してスムーズにページがスクロールしま
世界スマートフォン出荷台数、Q3も減少--中国やサムスンが影響 - CNET Japan
第3四半期の世界スマートフォン出荷台数が、前年比で8％減少し、3億6000万台となったという。市場調査企業Strategy Analyticsが米国時間11月1日に明らかにした。スマートフォン出荷台数は、4四半期連続の減少となる。 Strategy Analyticsのディレクターを務めるLinda Sui氏によると、「スマートフォン市場は事実上後退期にある」という。「スマートフォン業界は通信キャリアの購入補助金の大幅な減少、買い替えサイクルの長期化、複数地域での在庫増加、刺激的なハードウェア設計のイノベーションの欠如を受け入れるのに苦労している」（Sui氏） IDCも米国時間11月2日、第3四半期の数字を発表したが、Strategy Analyticsの数字と概ね一致している。IDCは第3四半期の落ち込みの主な要因として、世界最大のスマートフォン市場である中国とサムスンを挙げた。IDCは
PhotoSwipe
What’s new in v5Code quality and rewrite in ES6The script is now distributed as an ES module and does not require a build step to use. The documentation is also updated and now includes more examples. Simpler initialization and dynamic import supportPhotoSwipe now supports dynamic import and does not block page rendering. <script type="module"> import Lightbox from './photoswipe-lightbox.esm.js';
iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
Essential Phone | Free Yourself. Unlocked, Premium Android smartphone.
In October, we introduced Project GEM, a new mobile experience that our hardware, software and cloud teams have been building and testing for the past few years. Our vision was to invent a mobile computing paradigm that more seamlessly integrated with people’s lifestyle needs. Despite our best efforts, we’ve now taken Gem as far as we can and regrettably have no clear path to deliver it to custome
WordPressをマジメにAMP（Accelerated Mobile Pages）対応させた話 #AMPlify | PSYENCE:MEDIA
WordPressをマジメにAMP（Accelerated Mobile Pages）対応させた話 #AMPlify ku-suke 2016.10.06 474 6616395150 こんにちは、2016年中途入社のku-sukeです。現在はkidslyという保育園むけサービスのプロダクトオーナーを担当しています。今回は個人的にも注目しているAMP（Accelerated Mobile Pages）をこのテックブログに実装した話を書きたいと思います。特に、WordPressプラグインを入れるだけの簡易対応ではなく、フッターまわりやデザインの調整などをまじめに対応させたので、企業をはじめメディア運営をWordPressで運用されている方のお役に立てば幸いです。 事業サイドがAMPに乗っかるか考える事 - ku-sukeのブログ AMPとは？ AMPとはAccelerated Mobile
-webkit-text-size-adjust: none を絶対に設定してはいけない理由
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
JavaScriptユーザエージェント判別・判定
Updated 2015.11.24 / Published 2015.04.02 新しいFirefox OSやWindows Phoneを含めた2015年現在のユーザエージェントを判定し分岐処理を行う手順をご紹介します。OSや機種毎の処理を行っていくには、もはや無理がありますので、タブレットかスマートフォンかを判別することのみにフィーチャーしています。 ユーザエージェント情報に依存して、分岐処理を行うと、常に付きまとう悩みの種が新しいOSの登場です。今年もすでにauからFirefox OSを搭載したスマートフォンであるFx0が新たに登場し、次いで日本国内でもWindows Phoneが発売されることが決まっており、ユーザエージェント情報に依存して処理を行っている部分は相次いで見直しを迫られることになりますので、以下、ご参考に活用いただければと思います。 var _ua = (functi
モバイルフレンドリー対応_GoogleとAppleの推奨フォントは？ | ブログ | SINAP - 株式会社シナップ
こんにちは、内藤です。 モバイルフレンドリー対応の連載、第2回目です。今回は、GoogleとAppleの推奨するフォントについて調べたので、それをお伝えしたいと思います！ とはいえ、ウェブ制作をされている方ならご存知の方は多いと思いますので、今回はさらっとおさらいしていただければと思います。 <SINAP モバイルフレンドリー対応 連載> 第1回：「スマホで読まれる文章とは？」 第2回：「GoogleとAppleの推奨フォントは？」 第3回：「スマホサイトで指定すべき最適なフォントサイズとは？」 第4回：「スマホサイトの「続きを読む」は必要か？」 第5回：「スマホで読まれる文字数は？」 第6回：「記事をページ分割するメリット・デメリット」 それでは第2回、いってみましょう。 フォントの設計にある程度の正解は存在する ウェブは誰のものでもないので、良くも悪くも「このルールに従って作りなさい」
ユーザーエージェントを使ってPCとモバイルで処理や表示を分けるPHPのコード
アクセスされたユーザーエージェントで判定し、PCとモバイルで処理や表示を分けるPHPのコードのメモです。 preg_match のところで指定されているユーザーエージェントがモバイル端末とみなされます。場合によってここへユーザーエージェントを追加、又は削除して下さい。詳しいユーザーエージェントはこちらの”userAgent一覧/ユーザーエージェント一覧 ”サイトに詳しく書かれていました。 携帯とスマートフォンなどもっと細かく分けたい場合は以下の参考サイトにもっと細かくわけたコードがのっています。今回のコードも全体的に参考にさせて頂きました。 <?php function mobile_judg () { // ↑任意の関数名 mobile_judg をつくる $ua = $_SERVER['HTTP_USER_AGENT']; // ↑ユーザーエージェント取得 if (preg_match
Web サイトのスマートフォン最適化: UA 判別篇
iPhone 買いました。iPhone 4。はじめてのスマートフォンですよ。 で、この機会にこのサイトのスマートフォン最適化を図ろうと考えたわけです。今までなにもしてなかったので。しかし恥ずかしながらスマートフォン向けのサイトを作った経験がなかったので、どこから手をつけたものかわからない。そこで、とりあえず参考になりそうなネタを探そうと「wordpress iphone 最適化」あたりでググってみたところ (このサイトは WordPress で作ってます)、どうも WPtouch iPhone Theme というプラグインが人気らしい。このプラグインは有効にするだけで WordPress サイトをスマートフォン向けに最適化してくれる便利なもので、採用してるサイトもよく見かけます。 でもプラグインをそのまま導入したんじゃ面白くない。やっぱテーマは自分でいじりたいし。となると、とりあえず知りた
アドビ、企業のWeb担当者への意識調査結果で発注と予算は半数以上が「変わらない」 | Web担当者Forum
アドビは、企業のWeb担当者を対象にした意識調査の結果を5月22日発表した。Web開発者やデザイナーに対してどのように考えているか知り、Web制作案件の受注につなげることが狙いとなる。今後のWeb制作の発注と予算に関し、半数以上が「変わらない」とし、30％以上は「増える」「やや増える」と答えた。案件では「Webサイトのモバイル対応」が最多だった。発注先を選ぶ際の基準では、初回と2回目以降ではやや異なった。 調査は、企業のWebサイト制作や運営に関わり、Web制作・デザインを発注したことがある全国の22歳以上を対象に、インターネットで3月に実施した。サンプル数は515。Web制作の発注量、予算は「変わらない」がどちらも55.0％と最も多く、「増える」はそれぞれ10.3％、6.0％、「やや増える」が25.8％、24.5％だった。予算が「増える」「やや増える」企業の増加額は、20～30％増が半数
「深津貴之氏に学ぶ、スマホUI/UX講座 〜iOS7についての考察とfladdictデザイン論〜」に参加してきました。 | DevelopersIO
「デザイン = かっこ良くすること」だとは限らない。 デザインとは? 設計 複雑な問題を整理して解決すること わりとエンジニアリングに近い 文章を書く練習をすれば読みやすい文章を掛けるようになるのと同様に、勉強すれば人を困惑させないデザインは作れる。 ヒューマンインターフェースの原則 インターフェース = 接点、境界面、接触面、接合面、仲立ち、橋渡し ヒューマンインターフェース = 人とモノをつなぐもの ヒューマンインターフェースの原則 = アプリがユーザーとコミュニケーションをする時の原則 1.必然性のあるビジュアル 機能と外見が調和しているか？ TPOにあわせた格好をさせる ユーザーとコミュニケーションを取る ドレスコードみたいなもの(例:ゲーム:楽しく、ツール:信頼性ありそうな) 機能に最適な外見を与えることで... 使い方がつたわる。 とっつきやすくなる 2.一貫性 アプリ全体でル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - matthewhudson/current-device: The easiest way to write conditional CSS and/or JavaScript based on device operating system (iOS, Android, Blackberry, Windows, Firefox OS, MeeGo), orientation (Portrait vs. Landscape), and type (Tablet vs. Mobile).
GitHub - smali-kazmi/detect-mobile-browser: It is a very simple & small javascript lib to detect all major modern mobile browsers in both backend & frontend
GitHub - kaimallea/isMobile: A simple JS library that detects mobile devices.
@ui-animations · Ui General Blog
Screenfly
