モバイルファーストのウェブデザインがデスクトップに及ぼす悪影響

2024/02/06 287 users ウェブデザイン 余白 フォント ユーザビリティ上 デスクトップ

モバイルファーストのウェブデザインは、デスクトップで閲覧する際に重大なユーザビリティ上の問題を引き起こす。長いスクロールページにコンテンツが過度に分散され、余白が広がり、画像やフォントが拡大されるため、ユーザーが情報を把握し、理解することが難しくなるのである。 The Negative Impact of Mobile-First ... 続きを読む

レスポンシブ対応のレイアウトを実装する最新テクニックを解説、モバイルファーストとデスクトップファーストの現状 | コリス

2021/09/09 39 users コリス モバイ ビューポートサイズ レイアウト ワークフロー

モバイルファーストとデスクトップファーストの現状、それぞれのワークフローを解説し、今日のレスポンシブ対応のレイアウトを実装するより良いアプローチ方法について紹介します。 ビューポートサイズとは関係ないすべてのデバイスで共通の基本スタイルを優先的に記述する方法、メディアクエリを使用しない方法、モバイ... 続きを読む

Googleはモバイルファーストインデックスを新ドメインすべての標準に | TechCrunch Japan

2019/05/29 43 users モバイルファーストインデックス 標準 ウェブページ 意味

2018年末、Googleはモバイルファーストインデックスが、全検索結果に含まれるウェブページの半分以上に使われるようになったと述べた。この場合のモバイルファーストとは、ウェブサイトのモバイル版のほうのページについてインデックスを付けるという意味だ。そして米国時間5月28日、Googleは2019年7月1日以降、すべての... 続きを読む

ユーザビリティを考慮するためのタブレットファーストという考え方 – YATのblog

2018/09/28 42 users YAT タブレットサイズ ユーザビリティ Blog モバイル

近年スマートフォンでWebサイトを閲覧・利用する人が増え、制作現場ではモバイルのユーザビリティに着目したモバイルファーストが広く認知されました。 Webサイト制作ではレスポンシブウェブデザインが浸透しているため、スマートフォン向けのデザインをベースにタブレットサイズ、PCサイズにそれぞれ調整しながら最適化... 続きを読む

CSSやJavaScriptの新しい動き、フロントエンドのWeb制作の現状とこれから必要とされるテクニックや考え方 | コリス

2017/06/09 86 users コリス jQuery フレームワーク CSS モジュール単位

ここ1, 2年で、フロントエンドの制作事情は大きく変化してきました。 スマホの登場によりレスポンシブ対応からモバイルファースト・モバイルオンリーへ、HTMLは構造化され、CSSはモジュール単位で実装され、JavaScriptは多くのプロジェクトでjQueryではなく新しいライブラリやフレームワークが採用されるようになりました。 フロントエンドのWeb制作の現在の状況とこれから必要とされるテクニック... 続きを読む

【山田祥平のRe:config.sys】AIの時代にはクラウドにOSを委ねるのではなく、クラウドがOSになり、PCがおしゃれになる - PC Watch

2017/05/25 36 users Microso config.sys BUILD 山田祥平

日本マイクロソフト 代表取締役社長の平野拓也氏(左)と、Microsoft本社でTechnical Fellowを務めるアレックス・キップマン氏 　AIがトレンドワードのようになっている。MicrosoftはBuildでインテリジェントクラウド、インテリジェントエッジを強く打ち出し、GoogleはGoogle I/Oで、モバイルファーストからAIファーストへの路線変更をアピールする。Microso... 続きを読む

アップルはいまからAIでグーグルに勝てるのだろうか？［Google I/O 2017］ | BUSINESS INSIDER JAPAN

2017/05/18 12 users グーグル アップル ピチャイCEO 被写体 グーグルCEO

ピチャイCEOによる画像認識のデモ。画像の下を見ると、単なる「花」ではなく、認識した被写体の詳細候補が表示されている。 日本時間5月18日未明から、グーグルが本社隣で開発者向けイベント「Google I/O 2017」を開催している。昨年、親会社アルファベット社傘下のグーグルCEO、スンダー・ピチャイ氏が「モバイルファーストからAIファーストへ」と宣言を行っていたが、今年の基調講演はまさに「AIフ... 続きを読む

「次のモバイルファースト」がやってくる！UIと機能設計をIonic 2を使って学んでみよう | HTML5Experts.jp

2017/03/29 113 users レスポンシブデザイン 普及 モバイル 開発 スマートフォン

レスポンシブデザインが生まれたばかりの2009年には、はやくも「モバイルファースト」という言葉が使われ始めていました。 WebサイトはPCから見るものだったのは今や昔。今ではスマートフォンの普及により、多くのWebサイトではPCとモバイルからのアクセス数が逆転してるWebサイトも多く、「モバイルファースト」な開発も当たり前になりました。 しかし、2009年の「モバイルファースト」と、今の「モバイル... 続きを読む

乗り遅れるな！Googleが推奨するモバイルファーストインデックス（MFI）の注意点｜ferret [フェレット]

2017/03/22 54 users MFi Ferret フェレット インデックス 著者

ferret編集メンバーが不定期で更新します。 Webマーケティング界隈の最新ニュースからすぐ使えるノウハウまで、わかりやすく紹介します！ >> 著者詳細はこちら 昨年 Google が発表した「モバイルファースト インデックス （MFI：Mobile First Indexing）」が、ついに今年実装されます。実装時期は未定ですが、導入することは確実に決まっており、注目を集めています。 MFIが... 続きを読む

モバイルファーストへ！WordPressテーマ「LIQUID PRESS」大型アップデート！ | Ocadweb

2017/03/13 23 users WordPressテンプレート Ocadweb 大型アップ

モバイルファーストへ！WordPressテーマ「LIQUID PRESS」大型アップデート！ TOP Web モバイルファーストへ！WordPressテーマ「LIQUID PRESS」大型アップデート！ 以前より紹介しているWordPressテンプレート「LIQUID PRESS」が提供1周年を記念して、大型アップデートされました。 もちろん、今までも機能改善などのアップデートはされていましたが、... 続きを読む

モバイルオンリー、グリッドの使い方の変化、ボタンに使われるアニメーションなど、Web制作者が備えておきたい現状とトレンドを解説 | コリス

2017/02/16 70 users コリス 人工知能 レイアウト ローディング時 グリッド

モバイルファーストからモバイルオンリーへ、レイアウトのグリッドやローディング時のアニメーション、ボタンに使われるアニメーションも少しずつ変化し、人工知能によるデザインなど、Web業界は着実に進化しています。 Webデザイン、そしてグラフィックデザインで今起きている現状と知っておきたいトレンドを紹介します。 2016年は「モバイルファースト」の年でした。そして、2017年はついに「モバイルオンリー」... 続きを読む

「モバイルファーストからモバイルオンリーへ」2017年のWebを大胆予測 - WPJ

2017/01/25 39 users WPJ 大胆予測 issue reproduced web

2017年のWebはどう変わる？ Web開発者歴20年を超えるコンサルタント／テクノロジーライターであるCraigが、2016年を振り返りながら予測します。「モバイルファーストからモバイルオンリーへ」2017年のWebを大胆予測 2017/01/25 Craig Buckler Articles in this issue reproduced from SitePoint Copyright ©... 続きを読む

モバイルファーストのレスポンシブテーマ「510」を公開しました - ゴトーのブログ

2016/12/07 36 users CSS ゴドー 動作 ベース テーマストア

2016 - 12 - 07 モバイルファーストのレスポンシブテーマ「510」を公開しました プログラミング Theme510 広告 はてなブログのテーマ「510」を公開したので、その紹介を行います。 「510」はこのブログに使われているCSSをベースにしたものです。 どのような動作をしているのかは、テーマストアのデモページか、このブログを見てもらえればと思います。 特徴 改良元 デザイン PC ... 続きを読む

モバイルファーストがすべてではない！私の考察をちょっと語ってみる

2016/12/07 13 users 考察 モバ 違和感 すべて Google

モバイルファーストについてのツイートを見かけたので私なりの考察をご紹介。「モバイルファーストをメインとしていく。」といったツイートなのですが、おそらく先日のGoogleのモバイルとPCの検索インデックス分離に関する情報からくるものでしょう。そこに私はジワっと違和感を感じてしまったのです。モバイルファーストについてのツイートを見かけたので私なりの考察を記事にしてみる事にします。 このツイートは「モバ... 続きを読む

AIファーストに近づいた、米メディア「Quartz」 | ビジュアルシンキング

2016/12/05 978 users Quartz ビジュアルシンキング 標語 ピチャイCEO 指針

GoogleのピチャイCEOは「モバイルファースト」から「AIファースト」に標語を変えました。 メディアはこれまで、プラットフォーム、デバイスの変化に振り回されてきました。その法則で言うと、AIファーストはGoogleらプラットフォームが言うだけではなく、メディア側にとっても重要な指針となります。 この新しい流れに対して、早くから動いているメディアがQuartzです。2012年に老舗メディアグルー... 続きを読む

Googleは「モバイルファーストからAIファーストへ」。その理由は、いずれデバイスという概念は消え去り、インテリジェントなアシスタントになるから － Publickey

2016/05/02 458 users Publickey Alphabet Pichai デバイス

Googleは昨年8月に「Alphabet」とその傘下企業群という形に組織構造を変更したため、今年の手紙はGoogle CEOとなったSundar Pichai氏が本文を書いています。 この手紙ではGoogleの今後の方向性が明確に示されています。それは機械学習やAI（人工知能）への傾倒です。 Googleは創業当初からこの分野へ積極的に投資しリードしてきた存在ですが、今年の手紙の中でPichai... 続きを読む

ダニー・サリバン氏による、アミット・シンガル氏へのインタビュー。”モバイルファースト”な生活を送ることで、気づいたこと。 | SEO Japan

2016/01/18 18 users インタビュ ダニー・サリバン氏 モバイルデバイス 生活 全て

2015年にも色々と動きがありましたが、その内の一つにモバイル関連の動きを挙げる方も多いと思います。（少なくとも、私はその内の一人です。）改めて確認する必要が無いほど、Googleはモバイル推しを継続していますが、アミット・シンガル氏は、ほぼ全ての検索をモバイルデバイスのみで行っているようです。1年以上、そうした生活を続けているとのことですが、その中で氏が感じたことをダニー・サリバン氏がインタビュ... 続きを読む

「モバイルファースト」から「モバイルオンリー」へ

2016/01/15 70 users モバイルオンリー Tweet 田中善一郎 普及 モバイル向け

記事 田中善一郎 2016年01月15日 16:06 「モバイルファースト」から「モバイルオンリー」へ Tweet 「モバイルファースト」は当たり前になってきた。そしてサービスによっては、さらに「モバイルオンリー」に絞る流れも出始めている。 　数年前まで、ほとんどの主要なインターネットサービスはPCサイト向けが中心であった。ところが爆発的なスマホの普及を受けて、モバイル向けから優先して開発し、その... 続きを読む

「え、ダメなの？」iPhone用などの無料MS Officeアプリをタダで仕事に使ってしまうと...... - Engadget Japanese

2015/12/02 68 users iPhone用 Engadget Japanese 標語

「え、ダメなの？」iPhone用などの無料MS Officeアプリをタダで仕事に使ってしまうと...... BY 笠原一輝(Kazuki Kasahara) @KazukiKasahara 2015年12月02日 11時00分 0 Microsoftはここ数年、"クラウドファースト、モバイルファースト"という標語を利用して、クラウドサービスの拡充、そしてモバイル、つまりはスマートフォンやタブレット... 続きを読む

ASCII.jp：“負け組”マイクロソフトは、何をしでかすかわからないチャレンジャーになった (1/2)｜マイクロソフト・トゥディ

2015/10/09 54 users 転換 CEO 米マイクロソフト 施策 Office製品

2014年2月に、米マイクロソフトのCEOにサティア・ナデラ氏が就任して以降、マイクロソフトが大きく変革したのは、自他ともに認めるところだろう。 「モバイルファースト、クラウドファースト」への転換 最大の変化は「モバイルファースト、クラウドファースト」の方針を掲げ、Windowsプラットフォームにこだわらない施策を相次いで打ち出してきた点だ。 たとえば、Office製品は、従来ならWindows向... 続きを読む

島田範正のIT徒然 » 社員に「モバイルファースト」を叩き込むNYタイムズの実験

2015/06/15 20 users NYタイムズ 島田範正 NYT ニューヨークタイムズ 実験

どんな実験かというと、明日15日から19日まで、ニューヨーク・マンハッタンにあるニューヨークタイムズ（NYT)本社ビル内のパソコンからNYTのホームページへの接続がブロックされ、見たければ、スマホかタブレットを使って、モバイル版のサイトに接続するしかない状態にするということです。 これは、12日に社員向けメールで突然、通知されました。 署名のArthurはサルツバーガー会長、MarkはトンプソンC... 続きを読む

モバイルファーストの時代、74％の消費者はパソコンを使って商品を購入している - THE BRIDGE（ザ・ブリッジ）

2015/06/11 29 users THE BRIDGE パソコン ザ・ブリッジ 時代 消費者

Skimlinksが15ヶ月分の商業関連コンテンツを調査した結果、全体の4分の3近い商品は、スマートフォンやタブレット端末からの購入ではなく、デスクトップパソコンやノートパソコンから購入していることが判明した。 ウェブデザイナーから大手検索エンジンのGoogleまでもがモバイル上でウェブサイトとオンライン体験を優先的に提供していながらも、もっとも重要なインタラクションはまだパソコン上で起こっている... 続きを読む

シンプルでクリーンなモバイルファーストのCSSフレームワーク・「Outline」 - かちびと.net

2015/05/26 27 users outline CSSフレームワーク net

Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介 Kudos for About This Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。 Kachibito.net is a community-based ... 続きを読む

特集：次期Visual Studioの全貌を探る：Visual Studio 2015の新機能をプレビュー版で見てみよう (1/5) - ＠IT

2014/12/08 62 users 全貌 マイクロソフト 連載目次 クラウドファースト 全体像

特集：次期Visual Studioの全貌を探る：Visual Studio 2015の新機能をプレビュー版で見てみよう (1/5) マイクロソフトが提唱するモバイルファースト、クラウドファーストな時代に向けてVisual Studioはどう変わるのか。プレビュー版を基にその全体像を探っていこう。 連載目次 Visual Studio 2015 Preview（以降、VS 2015 PV）が、11... 続きを読む

モバイルファーストからモバイルオンリー時代へのシフトとGoogle/Apple/Facebookのポジション - FutureInsight.info

2014/11/27 152 users Facebook Agile Cat ポジション Apple

2014-11-28 モバイルファーストからモバイルオンリー時代へのシフトとGoogle/Apple/Facebookのポジション Tweet ちょっと前の記事だが、以下の記事がおもしろかった。 クッキーは死んだ：そして Facebook／Google／Apple の広告が激変している | Agile Cat --- in the cloud これまでPCではWebブラウザのクッキー主体で行ってい... 続きを読む