話題でもありますがスマートフォンのtable(表)の見せ方って悩みますよね。これも今さらですがユーザーからの閲覧のほとんどがスマートフォンからです。アフィリエイトサイトを運営していると一番クリック率が高いのも商品の一覧表だったりします。それはもう、テキストを読むよりも先に「一覧表をクリック!」なんてことは日常茶飯事です。重要度の高いtableの効果的な表示方法を改めて考えてみました。※実装方法などに関するコードは参考リンクとして添えておりますできればこの記事はスマートフォンで閲覧して下さいスマホのtable(表)の種類width100%レスポンシブに対応させようとして場合、一番簡単なのがtableの幅をwidth="100%"としてしまうことだと思います。PCで閲覧する場合は問題ないのですが、スマートフォンだと見づらい。進撃の巨人から離れていたが、機会に恵まれ最近読み返す事に。これが思いっきりハマってしまった。16巻から読み返しをしたが巻を追うごとに面白くなる。読んでいてゾクゾクし切なくなりストーリーに引き込まれる。最初の頃とは違った面白さがある。お話やキャラクターのいきいきとした様子を、いつも噛みしめるように楽しみながら拝読しております。背景の描写の緻密さにもいつも感動してしまいます。土砂降りの雨でも効果音は書き込まれず、絵だけでそれとわかる。温度や湿度まで伝わって来るようです。四皇ビッグマム海賊団との激しいバトルが繰り広げられるホールケーキアイランド編が続く第88巻。物語の大きな柱となっているのはウェディングケーキを食べ損ね怒り心頭の中ナミたちを執拗に追うビッグ・マム、そのビッグ・マムに食べさせるウェディングケーキ作りを開始するサンジたち、ルフィvsカタクリ、この3つ。(引用)ギュッとなって見づらいですね。スクロールタイプそこで今、恐らく一番主流なのが「スクロール」タイプ。スマートフォンで閲覧するとスクロールバーが表示されて閲覧できる見せかたですね。進撃の巨人から離れていたが、機会に恵まれ最近読み返す事に。これが思いっきりハマってしまった。16巻から読み返しをしたが巻を追うごとに面白くなる。読んでいてゾクゾクし切なくなりストーリーに引き込まれる。最初の頃とは違った面白さがある。お話やキャラクターのいきいきとした様子を、いつも噛みしめるように楽しみながら拝読しております。背景の描写の緻密さにもいつも感動してしまいます。土砂降りの雨でも効果音は書き込まれず、絵だけでそれとわかる。温度や湿度まで伝わって来るようです。432四皇ビッグマム海賊団との激しいバトルが繰り広げられるホールケーキアイランド編が続く第88巻。物語の大きな柱となっているのはウェディングケーキを食べ損ね怒り心頭の中ナミたちを執拗に追うビッグ・マム、そのビッグ・マムに食べさせるウェディングケーキ作りを開始するサンジたち、ルフィvsカタクリ、この3つ。列を固定するposition:stickyを使用して列や行を固定させる方法もあります。進撃の巨人から離れていたが、機会に恵まれ最近読み返す事に。これが思いっきりハマってしまった。16巻から読み返しをしたが巻を追うごとに面白くなる。読んでいてゾクゾクし切なくなりストーリーに引き込まれる。最初の頃とは違った面白さがある。お話やキャラクターのいきいきとした様子を、いつも噛みしめるように楽しみながら拝読しております。背景の描写の緻密さにもいつも感動してしまいます。土砂降りの雨でも効果音は書き込まれず、絵だけでそれとわかる。温度や湿度まで伝わって来るようです。四皇ビッグマム海賊団との激しいバトルが繰り広げられるホールケーキアイランド編が続く第88巻。物語の大きな柱となっているのはウェディングケーキを食べ損ね怒り心頭の中ナミたちを執拗に追うビッグ・マム、そのビッグ・マムに食べさせるウェディングケーキ作りを開始するサンジたち、ルフィvsカタクリ、この3つ。Safari)スマホ最強のtable(表)は?ぶっちゃけ2列が一番見やすいいろいろ検証してみても、結局2列が一番見やすいし反応が良い。結局は縦スクロール閲覧の中で横スクロールってユーザーにとって不便だし、見づらいんですよね。スマートフォンの表は2列または3列でスクロール不要にした方が一番効果が高いです。価格:432可読性の高い2列の表ですが、いかんせん情報量が少ないというデメリットがあります。アフィリエイトのランキングの表などでは成分や価格より、「何が違うのか?」なんてこともしっかり書いておきたいところです。そこで、タブ式が一番良いのかなぁという結論に至っています。名称しばらく進撃の巨人から離れていたが、機会に恵まれ最近読み返す事に。これが思いっきりハマってしまった。16巻から読み返しをしたが巻を追うごとに面白くなる。読んでいてゾクゾクし切なくなりストーリーに引き込まれる。最初の頃とは違った面白さがある。(引用)お話やキャラクターのいきいきとした様子を、いつも噛みしめるように楽しみながら拝読しております。背景の描写の緻密さにもいつも感動してしまいます。土砂降りの雨でも効果音は書き込まれず、絵だけでそれとわかる。温度や湿度まで伝わって来るようです。(引用)四皇ビッグマム海賊団との激しいバトルが繰り広げられるホールケーキアイランド編が続く第88巻。物語の大きな柱となっているのはウェディングケーキを食べ損ね怒り心頭の中ナミたちを執拗に追うビッグ・マム、そのビッグ・マムに食べさせるウェディングケーキ作りを開始するサンジたち、ルフィvsカタクリ、この3つ。(引用)これなら必要最小限の情報を最初に見せておき、興味のあるユーザーもストレスなく補足を見ることができます。長い表だと戻る手間がありますが情報の可読性は非常に高いなと。ENJIタブ1には商品情報、タブ2にはランキングなど色々な使い方もできそうですね。コマーシャルというわけで本日公開のWING(AFFINGER5版)ver20181025にも実装致しました。コメントをキャンセルメールアドレスが公開されることはありません。「最悪の事態」から身を守るためにブロガーやアフィリエイターに伝えておきたいこと上は僕に届いた1通のメールです。昨日の記事が今年最後の予定だったのですが以下の記事で書こうと思ってた大切なことを思い出したので。お伝えしたい事は2点です。的な記事ですが、ちょいちょいやる事があるので備忘録的に。...STINGERをビジネスに~会社やお店のHP作成に頼もしい「ミカタ」を公開しましたこの度、STINGERシリーズに新しい仲間、「micata(ミカタ)」を公開しました。...Google先生の言うとおりWordPressを高速化して元に戻した。Google先生に僕のブログの現状を聞いてみたらあまりに酷かったのでちょっと本腰入れて対策しました。...もっと読むPREV知っておくと便利そうなWordPressプラグインNEXTユーザーの離脱を改善するシンプルな2つのアイデアENJIWEBビジネスやSEO、WordPressやブログに関することを中心として活動しています。STINGERやAFFINGERを制作しています。買って良かった便利グッズ【総まとめ】2017年買って良かったモノ悪かったモノ。面白かった映画、本など。