「iモード」とは何だったのか その本質と功績、iPhoneに駆逐された理由
NTTドコモは11月30日、iモード公式サイトのサービスを終了した。ある意味で日本の2000年代を支えた存在の終了であり、1つの時代の終わりともいえる。 一方で、「iモードとはどういう意味を持った存在であるか」については、少々誤解も多いように思う。iモードの全てが日本独自で悪いものではなかったし、現在の目で見て無価値なものではない。 iモードがなぜ盛り上がり、そしてスマホの勃興とともに消えていったのかは、業界構造を含めた理解が必要になる。 そしてそのことは「ガラケー」と呼ばれるフィーチャーフォンが、本当はどういうものだったのかを考え直すきっかけともなる。 今回は改めて、「iモードとは何だったのか」を考えてみたい。 この記事について この記事は、毎週月曜日に配信されているメールマガジン『小寺・西田の「マンデーランチビュッフェ」』から、一部を転載したものです。今回の記事は2021年12月6日に
画像による Layout Shift が無くなる Web がやって来る - mizdra's blog
はじめに Web では古来より <img> タグを用いて画像を読み込んでいました. しかし <img> タグにはアスペクト比に関する情報を埋め込むための属性が用意されていません. そのため, ブラウザが画像をネットワークから fetch して読み込みが完了するまで, レスポンシブな img 要素の寸法を決定できず, ページにガタツキ (Layout Shift) が生じる問題がありました. この問題を解決するため以前より, アスペクト比を埋め込むための新たな属性の導入が提案されていました. しかし最近議論に動きがあり, 既存の属性を利用する方法が提案され, ブラウザに実装され始めています. ここでは問題の背景, 提案と議論の変遷, そして開発者が取るべき対応について紹介します. はじめに img タグと Layout Shift intrinsicsize 属性 intrinsicsize
Yahoo! JAPANトップで見るウェブデザインの歴史
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog デザイン特集5本目、最後の記事です。 こんにちは、ブランドマネジメント室デザイナーの上田絵理です。 サービスロゴやアイコンの作成や管理、けんさくとえんじんというキャラクターの担当をしています。 私が入社した1999年当時は社員が100人くらいで、全員の顔が覚えられるくらいだったのですが、入社してから20年たった今、社員数は6500人超*1...！ インターネット環境とデバイスの変化とともに進化してきたYahoo! JAPANのトップページを、デスクトップ風のビジュアルで表現してみました。移り変わるウェブデザインの歴史をお楽しみください。 1996年 アメリカのYahoo!のデザインを踏襲 1996年4月に国内初の検索サイトYah
効果的なフォームをデザインする：構造、入力、ラベルおよびアクション | POSTD
画像の出典：form-ux-tips あなたのアプリやサイトを利用する人々にはある一定の目的があります。そしてその目的を達成するために フォームに 記入しなくてはならないことがよくあります。Webやアプリにおいてフォームは、ユーザにとって未だに最も重要な 種類の操作 であるからです。事実、フォームは目的を達成するまでの 過程における最後のステップ と見なされることも多いのです。 フォームは目的達成の手段にすぎません。迅速に混乱なく、ユーザがフォーム入力を完了させられるようにするべきです。 この記事では、ユーザビリティテスト、フィールドテスト、視線計測（アイトラッキング）、そしてユーザからの実際の不満の声に基づく実用的なガイドラインを紹介します。 フォームの構成要素 一般的にフォームは以下の5つの要素から構成されます。 構造 。フィールドの順番、ページの外観、各フィールドとの論理的な関連付け
モバイル フレンドリー アップデートを開始します
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
Google が言う 「モバイルフレンドリー」 とは？ モバイルフレンドリーテストツールで色々試してみた
Google が言う 「モバイルフレンドリー」 とは？ モバイルフレンドリーテストツールで色々試してみた Google がモバイル検索の順位決定時に 「モバイルフレンドリー」 かどうかを重要なシグナルとして利用すると発表したことに関連して、そもそも Google は何を根拠に 「モバイルフレンドリー」 かどうかを判断しているのか、という点について調べてみました。 先週ですが、Google が Official Google Webmaster Central Blog で、2015年 4月 21日 （米国時間） から、モバイル検索の順位決定時に、その Web サイトが 「モバイルフレンドリー」 かどうかを重要なシグナルとして利用すると発表しました。 Finding more mobile-friendly search results ： Official Google Webmaster
地方自治体公式サイトのスマートフォン対応 - Nothing ventured, nothing gained.
日曜日のHTML5 Conference 2015でも披露したデータだが、日本の地方自治体公式サイトのスマートフォン対応状況を公開する。本当は人口や世代別人口だとかスマートフォン普及率だとかとの相関も見てみたかったのだが、それは折を見てまた。 スマートフォンの対応の有無はviewportの使用の有無で判断した。リダイレクトしてスマートフォン対応のページに飛ぶ場合はカウントされるが、別ページで「スマートフォン用のページはこちら」などのようなリンクから別アクションで飛ばなければいけない場合はカウントされない。 全国に市区町村は1,741あるが、それらを都道府県別に集約し、地図に埋め込んだ図がこれだ。都道府県自体の公式サイトは含めていない。 生データは以下のようになる。 都道府県 スマートフォン対応比率 1 北海道 25.00% 2 青森県 7.50% 3 岩手県 12.12% 4 宮城県 11
Google、PageSpeed Insightsのユーザーエクスペリエンス診断機能を正式公開
[対象: 中〜上級] Googleが提供するPageSpeed Insights（ページスピード・インサイト）ツールを使うとサイトの表示速度を診断できます。 スピード診断に加えて、モバイルサイトのユーザーエクスペリエンスを診断する機能を昨年12月からベータ版として試験的に提供していました。 このユーザーエクスペリエンス診断機能を正式に導入したことをGoogleは公式アナウンスしました。 モバイルサイトのユーザーエクスペリエンスを診断 PageSpeed Insightsでは、モバイルサイトにおける次の5項目に関するユーザーエクスペリエンスを評価点付きで診断できます。 viewport の設定 コンテンツのサイズを表示域に合わせる 判読可能なフォント サイズの使用 タップ ターゲットのサイズを適切に調整する プラグインを使用しない 修正が必要な項目に関しては問題点の詳細を提示します。 ちなみ
Etsy: レスポンシブなHTMLメールをつくる - ワザノバ | wazanova
http://codeascraft.com/2014/03/13/responsive-emails-that-really-work/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約4時間前 HTMLメールは、 AndroidのGmailはインラインCSSしかサポートしてない。<style>タグは効かず、media queryは使えず、外部のスタイルシートに頼れない。 Gmail.comはHTMLのサポートが限定されている。HTML5のものを含めてサポートされてないタグが多く、classやIDなどの属性が使えない。インラインCSSのみ使え、<style>タグもかなり制限されている。 iOS / Mac OS Xのメールアプリは、media queryや多くのCSSが利用できる。 という状況なので、レスポン
ソフトバンクのゲートウェイ型SSLの脆弱性を振り返る
WEB & NETWORK SSL/TLSより引用 わざわざSSLの場合にもゲートウェイを割り込ませている目的としては、ケータイID（UID）を付与することと、絵文字の変換があるようです。 ※注意:EZwebにもゲートウェイ型のSSLがあります（仕様）がProxyサーバーのホスト名が見えているわけではないので、今回報告するような問題はありません。 ゲートウェイ型SSLの問題点 ゲートウェイ型SSLが廃止されるきっかけは、高木浩光氏と、ソフトバンクモバイル取締役専務執行役員CTOの宮川潤一氏のtwitter上のやりとりであると言われています。この内容は、Togetterにまとめられています。これを読むと、ゲートウェイ方式のSSLでは、httpとhttpsでドメインが異なるため、Cookieを引き継ぐことができないことが問題として説明されています。現場のニーズとしてこの問題は大きいと思うのです
SoftBankガラケーの致命的な脆弱性がようやく解消 - 高木浩光＠自宅の日記
■ SoftBankガラケーの致命的な脆弱性がようやく解消 ソフトバンクモバイルのガラケーWebブラウザで、https:接続する際の仕様に変更があった。昨年10月に予告が発表され、元々は2月に実施される予定だったのが、6月30日に延期されていたもの。これまで、https:サイトへのリンクのすべてが https://secure.softbank.ne.jp/ 経由に書き換えられる仕様だったが、この機能が廃止された。 ソフトバンクモバイル、携帯サイトの仕様変更で注意喚起, ITmedia, 2011年6月30日 Yahoo! ケータイ、2011年2月に仕様変更 ユーザーとサイト開発者に注意喚起, ITmedia, 2010年10月15日 MOBILE CREATION - WEB & NETWORK SSL/TLS, ソフトバンクモバイル これは、昨年6月に、ソフトバンクモバイル宮川CTOに
デジタルネイティブじゃない1989年生まれのわたしの話 - インターネットもぐもぐ
この年に東欧革命が起こって冷戦が終わったので、世界史、特にヨーロッパ史では、この1989年以後が「現代」と見なされている[1]。 東欧革命は、2年後にソビエト連邦崩壊をもたらした。 ―1989年 - Wikipedia 1989年は、元号が平成に変わって、消費税3%が導入されて、中国では天安門事件が起きて、東西ドイツを隔てるベルリンの壁は崩壊して、事実上冷戦が集結した年、みたいだ。覚えてるわけがないのだけど。 ソ連が崩壊するのは２年後の1991年。東西冷戦も社会主義国家も教科書のなかの存在で、物心ついたときには隣の国はソビエト連邦ではなくロシア連邦でした。 資本主義が世界の共通ルールだってことが考えるまでもない事実で、アメリカに対する過剰なあこがれも（たぶん、上の世代と比べたら）なかった。 というより、そもそもあまり海外に目が向かなかった。中国や韓国の存在も、意識した覚えすらない。 「アメ
携帯XHTMLでの入力モードのまとめと、ちょっとしたハマりどころについて - 絶品ゆどうふのタレ
先日の勉強会での発表内容に関して、ke-tai.orgさんのところで入力モードについて突っ込まれたので、せっかくだし書きかけの記事をきちんとまとめてみることにしました。 元々、wideの%MobileStudyで入力モードの話が出た際、意外と情報が間違って知られていたりすることが多いようだったので、特にはまりやすいあたりを中心に、入力モード指定についてざっくりと書いておこうと思って、まとめたかけでそのまま放置していたｗものがあったんですが、それがベースです。 そんなわけで、記憶頼りが中心であんまり検証しないで書いてるので、間違いが含まれてたらごめんなさい。 では本題。 入力モードとは まず、入力モード指定って何のことかという話からすると、みんな携帯をいじる時に「全角かな」とか「数字」とか「英小文字」とかいろいろ端末の文字入力を切り替えると思うんですが、あれのことです。 サイトを作る時にin
W3C、携帯サイト検証ツール「mobileOK Checker」公開
World Wide Web Consortium（W3C）は、携帯機器向けWebサイトを検証できるツール「W3C mobileOK Checker」のα版を公開した。 「W3C mobileOK Checker」は、より多くの機器から携帯サイトを閲覧できるよう、コンテンツ制作を支援する目的で提供される。検証は、「W3C mobileOK Basic Tests 1.0」の勧告候補に基づいて検証されるが、その内容は2006年6月に発表された技術指針「Mobile Web Best Practices 1.0」をベースにしている。「W3C mobileOK Checker」はWebサービスとして公開されており、URLを入力する形になっている。テストを行なう際には対象となるページをWebサーバー上に掲載し、URLを指定すると、タグの記述などが検証される。 W3Cでは、今回公開した「W3C mo
ケータイシミュレータなんて使ってないで Moxy 使えばいいのに - tokuhirom's blog.
http://codezine.jp/a/article/aid/1352.aspx この記事よんでマトモにうけとる人がいるといけないので一言いっておくと、ぶっちゃけケータイシミュレータは出来がよくありません。シミュレータ使うぐらいなら実装時から実機使った方がマシです。そもそもキャリヤ側にしてみればシミュレータを作りこんでも儲からないのでやる気がないんじゃないかと邪推しています。実際には Firefox+UserAgentSwitcher+ModifyHeaders+i絵文字 という組み合わせがよく使われてるんじゃないかと思いますね。まー i絵文字 は docomo の絵文字のみの対応な上に、ソフトによっては相性が悪かったりする気もしてあんまり好きじゃないんですけどねwそして、今時 HDML はほとんどのケースでサポートする必要がありません。HDML な端末は 2002 年ぐらいまでなの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
http://atnd.org/events/51602