useSWRInfiniteを使うとページング(無限スクロール)の処理がシンプルに書けて気持ちいい！

2021/05/21 6 users SWR 無限スクロール 処理 気持ち わたし

はじめに こんにちは、最近SWRを使いこなすのが楽しくなってきた今日この頃の、からまげです。 SWRでページング(無限スクロール)する際、useSWRInfiniteを使うと驚くほどシンプルにコードが書けることがわかり、共有したくてこの記事を書いています。 この記事が、誰かのお役に立てれば幸いです。 わたしは、「Focus Caf... 続きを読む

【趣味の工作】AWS CLIに自前Web APIへのアクセス機能を追加する ｜ Developers.IO

2018/02/14 20 users API Developers.IO AWS CLI 工作 趣味

ども、大瀧です。 AWS CLI は、AWSをオペレーションするために欠かせないコマンドラインツールです。AWSのAPIを呼び出す公式かつオープンソースのツールであることはもちろん、 リクエストのフィルタ/クエリ抽出 、ページングや ウェイター などいろいろ補助的な仕組みがあるので、CLIフレームワークという側面もあるかなと最近思っています。 そこで今回は 自前のWeb APIの呼び出し機能をノン... 続きを読む

データの編集やソート、ページングにも対応した軽量なデータグリッドを実装するスクリプト・「jsGrid」 - かちびと.net

2015/05/25 28 users データグリッド ソート チュートリアル Tips リソース

データの編集やソート、ページングにも対応した軽量なデータグリッドを実装するスクリプト・「jsGrid」 Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介 Kudos for About This Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはh... 続きを読む

Yakst - Linuxで、どのプロセスがページングを発生させているか調べる方法は？

2014/07/24 116 users スワップ Yakst 物理メモリ 現象 Linux

質問に対するストレートな回答は、調べるのは不可能、だ。どうしてそうなのかを説明してから、君の知りたいであろう情報を含んでいるであろう、5つの関連する質問に答えよう。 Linuxのような、モダンなOSにおいては、スワップはシステム全体における現象だ。ある1つのプロセスがスワップに関する責任を持っているわけではない。システムがスワップしているかどうかは、メモリプレッシャの機能による。物理メモリを大量に... 続きを読む

はてなブックマークの「お気に入り」機能の不具合を修正しました - はてなブックマーク開発ブログ

2014/03/18 63 users はてなブックマーク はてなブックマーク開発ブログ 機能 現行

2014-03-18 はてなブックマークの「お気に入り」機能の不具合を修正しました 2014年3月12日に本ブログでお知らせした、はてなブックマークの「お気に入り」機能の不具合を、2014年3月18日20時ごろに修正しました。 新ユーザーページ（現在ベータ版として提供）で利用しているお気に入り取得エンジンを、現行のユーザーページおよびスマートフォン版に導入する際の実装ミスにより、ページングが途中で... 続きを読む

HTML/CSS/JavaScriptのUIライブラリを集めた『UI Component Library』 | IDEA*IDEA

2013/08/29 82 users IDEA CSS UIライブラリ HTML メニュー

ちとメモ的にエントリーしておきます。HTML/CSS/JSのUIライブラリ集ですね。まだ数は少ないですが、カテゴリーごとにまとまっていていい感じです。 ↑ 例えばページング。 ↑ メニュー。 ↑ 詳細情報も充実しています。 まだあまり充実していないのがあれですが、知っておいてもいいかもですな。 » UIBox – Curated HTML, CSS, JS UI Component Library 続きを読む

スクロールするだけでコンテンツを読み込むプラグイン「jQuery.autopager」 | PLUS

2012/09/05 129 users plus プラグイン コンテンツ スクロール 下部

よく見かけるページングの処理で、下の方にスクロールすると自動的に次ページを読み込ませる処理をかんたんに実現してくれるjQuery.autopagerが便利でした。jQueryプラグインです。 導入がかんたんで分かりやすく、オプションも必要最低限のものがバッチリ揃っています。例えば、スクロールで下部までいったら自動的に次コンテンツを表示させるか、それともボタンをクリックして読み込むか、読み込み後にコ... 続きを読む

Android 4.1(Jelly Bean)の新機能 | コムギドットネット

2012/06/27 35 users コムギドットネット Jelly Bean スム スクロール

Google IO 2012基調講演にて遂に Android 4.1 (Jelly Bean)が発表されました。 早速 Jelly Bean の新機能について見てみましょう。 Android 4.1は、フレームレートを60fpsに保つ為VSYNCのタイミングを Androidフレームワークによって制御しています。 トリプルバッファリングを行うことで、スクロールやページング、アニメーションまでがスム... 続きを読む

CSS3で作られたユーザーインターフェイスキット「CSS3 UI Kit」 | DesignDevelop

2012/03/31 28 users DesignDevelop ユーザーインターフェイス 円形

CSS3は現在広く利用されているCSS 2を拡張したもので、従来のCSSでは表現が難しかったドロップ車道や、角丸など、画像に頼らずに、表現ができ、新しい表現の可能です。今日紹介するのはCSS3で作られたユーザーインターフェイスキット「CSS3 UI Kit」です。 サーチボタン、角丸ボタン、完全な円形のボタン、プルダウン、ページングなどなどユーザーインターフェイスの基本となるパーツがセットになって... 続きを読む

CoreTextを使った軽量TextView - LCCoreText | Cocoaの日々情報局

2012/01/18 26 users Cocoa CoreText GitHub 縦書き ライブラリ

CoreTextを使った軽量TextView - LCCoreText Published on 2012年1月18日水曜日 Leave your thoughts » Tweet novi_さん開発のライブラリ。段組み・縦書き・カスタムビュー等に対応。 novi/LTCoreText - GitHub できること（引用） それなりに軽量 ページング 段組み 縦置き/縦書き (iOS 4.3以降)... 続きを読む

長ーいテーブルも瞬時にページング処理してしまうjQueryプラグイン「Table Pagination」:phpspot開発日誌

2011/11/07 282 users 瞬時 phpspot開発日誌 jQueryプラグイン 一瞬

長ーいテーブルも瞬時にページング処理してしまうjQueryプラグイン「Table Pagination」 2011年11月07日- NeoAlchemy Table Pagination 長ーいテーブルも瞬時にページング処理してしまうjQueryプラグイン「Table Pagination」 縦に長かったりするとテーブルは読みにくかったりしますが、このプラグインで初期化してしまえば一瞬でページ分け... 続きを読む

改良 : PHPでのページング処理のサンプル。 | zaru blog

2011/06/28 19 users ページング処理 PHP 改良 サンプル ログファイル

ページング…？ PHPでのページング処理のサンプル。「とりあえず9JP」で、紹介されていたPHPのページング処理を見たら、対象のログファイルを全て読み込んで、そこから必要なデータを出力していたので、軽いファイルの時はまだしも、ちょっとファイルサイズが大きくなったら厳しいと思ったので、片手間に改良してみました。 改良版 PHPでのページング処理のサンプル。で作られたソースを極力変えずに、必要な部分の... 続きを読む

PHPでのページング処理のサンプル。 - とりあえず9JP

2011/06/27 79 users ページング処理 PHP サンプル 9JP スカイプ

先日、某人とスカイプでお話してて、ページングの話になったんだよね。 んで、思った事なのだけれど、入出力処理を覚えたあとに躓きそうなのがページングかもーって事で、手軽にページング処理するサンプル～。 とても微妙な事をしているので、データ量が多い場合には微妙な気がするけれど、数千件程度のデータなら別にこれでも良いんじゃないかな～と。 ページング対象の全レコードを配列に落としたものと、1ページに表示する... 続きを読む

使えるUIパターンのPSDをまとめた「70 Free PSD Web UI Elements For Designers」 | Web活メモ帳

2011/05/27 40 users psd Photoshop スライダー Free PSD 素材

UIを作成するのは非常に時間がかかりますよね。時間を節約しながらクオリティを保ちたいときに使える素材がまとめられていたのでエントリーです。 PhotoShopで使えるUIデータが70点まとめられた「70 Free PSD Web UI Elements For Designers」をご紹介。 Web UI Element Pack ボタンやチェックボックス、ローディングバー、スライダー、ページング... 続きを読む

テーブルを使ったいろいろなjQueryプラグイン26個まとめ | Web活メモ帳

2011/05/17 525 users テーブル Web活メモ帳 クロスブラウザ jQuery グラフ

料金表や一覧を表示する際に欠かせないテーブルコーディングで、検索や並び替え、ページング、グラフ表示など色々なものがあったので、探しやすいようにjQueryプラグインをまとめてみました！ jQuery Visualize HTML5とjQueryを使ってテーブルの値をグラフで表示する事が出来ます。 jquery.csv2table.js エクセルなどで作ったCSVファイルを読み込み、クロスブラウザな... 続きを読む

Google App Engineでランキングやページングを実現する - $koherent->diary

2010/04/25 257 users GAE diary 点数 App Engine上 データ

昨日一昨日、Google App Engine (GAE)に関する日本最大の勉強会（だと思う）appengine ja night #7 (ajn7)が行われました。その中で『ランキング問題』が話題に上がりました。『ランキング問題』とは、何十万件もの点数のデータがあるときに、App Engine上で、「◯点は何位です」と高速に求めることは難しい、という問題です。（◯ページ目を表示、というページング... 続きを読む

テーブルに実装できるjQueryプラグインいろいろ | DesignWalker

2009/09/15 620 users DesignWalker jQuery リサイズ ソート 機能

スペックやデータ、料金表などを表示するためには、テーブルコーディングは欠かせませんね。 テーブルにjQueryのプラグインを実装すると、ソートやページングなどなど、様々な機能を追加する事ができます。 今回は、テーブルに実装できるjQueryプラグインいろいろとまとめてみました。 Flexigrid – Web 2.0 Javscript Grid for jQuery カラムのリサイズやソート、ペ... 続きを読む