Download to read offline
![< 1 ... 41 42 43 44
[45]](https://image.slidesharecdn.com/pagernight1ltuzulla-140705091821-phpapp01/75/Pager-Anti-Pattern-Joke-54-2048.jpg)
Pager Anti Pattern（Joke）
- 1. ページャーアンチパター ン » これは見た目のお話です。 » アンチパターンといいつつ、ケチをつけるだけのてい どひくい奴です »真に受けるな » 当方主に管理画面などで年間多数のページャーを（略
- 2.
- 3.
- 4.
- 5. 自己紹介 » uzulla » PHPerです »「YAPC PHP」でググって出るトークを応援下さい
- 6. に角「次へ」を出すペ ージャー » ❌次がないのに！！！ » ❌次のページがあるか見てない »❌突然の404 » ✅実装コストが低くてオトク
- 7. 「○件中」 » ❌実装コストが高い » ❌どうでもいい過去ログをしれっとパージできない »❌がんばった結果、「1000件ある」ってかいて４ペー ジくらいしかないようなサイトもある（Googleと か） » ✅絶対的な数字なので、検索結果とかなら指標になる
- 8.
- 9.
- 10. ページャーの「数字」が よくわからない » みんな大好きFC2動画 » 900件とかあるのに数字が４まで » »「こいつ…増えるぞ！？」 »
- 11.
- 12.
- 13.
- 14. １ページ目なのに、「一 番最初に」や「前へ」が あるページャー » ✅実装が楽 » ダサイだけで（個人的には）あってもよい »（後述するが）座標がずれにくいのもよい » ❌細かいお客様からはクレーム
- 15. 「次へ」ボタンがじわじ わ座標がかわる ページャ ー » ❌「12 3 4 5 」が「10 11 12 13 14」 →「＞」がずれる » ❌気付かずに20pageくらい飛ばす » ❌できるだけマウスを動かしたくない
- 16.
- 17. < 1 23 4 5 6 7 8 9 10 11 12> な どと「全部の数字を出 す」ページャー » ❌爆発する
- 18. < 1 23 4 5 6 7 8 9 10 11 12> な どと「全部の数字を出 す」ページャー2 » とりあえずデザイナーさんが考えがち » 金のない管理画面でありがち » ✅「割り切れば」飛びやすいのも事実
- 19. < ... 99100 101 102 103 ... > な どと前後を省略するペー ジャー » » 意義が個人的には正直 、３Pトバシづつ読むとか？ » 元が全部の数字を出すデザインで、爆発したときに誤 魔化（ry という人も多いのではないでしょうか）
- 20. 「前へもどる」という表 記 » 丁寧に書いているのだろうが、微妙 » コンテキストによって「前」が変わる »javascript:history.back()のことか？？？って なる » ただし、「アロー」がコモンセンスかわからん
- 21.
- 22. プルダウンページャー2 » ✅現在のページ数を表示するUIを兼ねられる » ✅案外ジャンプ性は高い »❌ページ数がふえるとやっぱり爆死 » iPhoneでは（ry
- 23. 入力欄式ページャー » » ❌別途送信ボタンが必要でダサイ » ❌マウスしか使えない人が死ぬ »実装がはてしなく楽 » ❌突然の404 » ❌全角を入れるお客様からクレーム
- 24. （余談）プルダウンで何 件調整するやつ » 便利な筈だが、恐ろしく使いづらい所にあったりする » （最初のデザインになくて、雑につけたされたり） »デフォルトが致命的にすくない件数つらい » 変更をおぼえてくれない（Cookieとかで…） » 10 50 100 件の秘伝のタレ感 » キャッシュ効率悪くて死ぬ
- 25. おーとぺーじゃじゃいず （インフィニットスクロ ール）（継ぎ足しロー ド） » 今風オシャレなのは大体これ » 「ページャーなんていらなかったんや！！」 »次を調べなくて良いので楽(失敗したらしれっと死ね ばよい）
- 26. おーとぺーじゃじゃいず （インフィニットスクロ ール）（継ぎ足しロー ド）２ » サーバ側は多少無駄が増える » １Pが長すぎて死ぬ »「0件」と、「終わった」ことをユーザーにしめすUI は必要に
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33. ショートカット » めっちゃ便利 » gmail,livedoor reader » なんだけど、Vim系プラグインと衝突して死ぬ
- 34. （モバイルの）フリック » 延々やっていると指がもげる » フリックミスするたびにイライラする »フリック失敗でもなんらか反応が必要（ずれるとか） » 不安定な片手持ちだとタップのほうが良い
- 35. （モバイルの）タップ » 「次へ」できる領域が見えないので、山勘で押すしか ない。 » ハイコンテキスト »おそろしくタップしづらい所にあるボタン
- 36. Bootstrapページャー » (デザインの話です） » 多すぎ！！！ »過去にはFlickrページャー » ^q^
- 37. 変則ページャー例 はてダ » » 次へのボタンと継ぎ足しロードがセットに！！ »すごい高機能だぜ！！ » 特に文句ないんですけど、これなんでこうなった？
- 38. 変則ページャー（トゥ＊ ャッター） » 継ぎ足しロードとページャーが抱き合わせでオト ク！！ » » ??? »!?!? » これは本当に分かりづらいし、誰得？？？
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49. 「次へ」の座標がずれな いページャー » » 左右もそうだが、上下も重要 » 次へと進むのにマウスをうごかさなくてすむ »会場ご提供のPixiv様！！ » （一部界隈のご意見）「ファーストビューしかみられ ないから悪！！！！」
- 50.
- 51. 最近のブラウザは 30MbyteくらいのJSONなら 余裕 » 一部の特殊用途 » 事前に全件ロード »「次へ」ボタンの連打ビリティが上がり、UX(？)向 上 » 投稿が発生しても、リロードするまで「ズレ」ない
- 52.
- 53. ページャーなんていらな かったんや » Ficia（というものがありました） » よくできた無限スクロール »要素のサイズが計算できないと難しい
- 54. < 1 ...41 42 43 44 [45]