タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
はじめに こんにちは、最近SWRを使いこなすのが楽しくなってきた今日この頃の、からまげです。 SWRでページング(無限スクロール)する際、useSWRInfiniteを使うと驚くほどシンプルにコードが書けることがわかり、共有したくてこの記事を書いています。 この記事が、誰かのお役に立てれば幸いです。 わたしは、「Focus Cafe」を個人開発しています。 「みんなでポモドーロテクニックを使ってもくもく集中する」 Webサービスです。 Focus Cafeでは、SWRを使って、データフェッチや状態管理を行っています。 SWRは、React Hooks用のデータフェッチライブラリです。 ページング(無限スクロール)とは ページングとは、データの一覧をページ単位でオフセットとリミットを扱うAPIからデータ取得するような処理のことです。 ページング処理は、状態管理もあいまって複雑になりがちで、エ
こんにちは。新規サービス開発部の中村です。普段は「たべドリ」アプリの開発をしています。「たべドリ」は料理の学習アプリです。詳細はこちらの記事をご覧ください。本記事では UICollectionView でページングスクロールを実装する方法について解説します。 概要 上記画像が今回解説する iOS アプリのUIです。左右のコンテンツが少し見えているカルーセルUIで、以下の要件を満たすものです。 先頭にヘッダーを表示する セルが水平方向にページングスクロールする 色々な実装方法があると思いますが、今回はヘッダーがあるため複数の異なる幅のViewを表示させながら、ページングスクロールを実現する方法を解説します。実装のポイントは以下の２点です。 UICollectionViewFlowLayoutのサブクラスを作成しtargetContentOffset(forProposedContentOff
私と2つのページング物語
皆さんはページングについてどんな印象をお持ちでしょうか？ 好き・嫌い以外にも「興味ない」「めんどくさいやつ」などいろんな感情があると思います。人間だもの。仕方ないことです。 いざページングを実装してみると、次のページ、前のページ、ページ番号のリンクといったページャ、次のページ・前のページが存在するかどうかのチェック、定められた件数ごとの情報取得など、意外と世話のかかるやつという一面が見えてきます。 ページングと出会ったのは私がまだ入社して間もない駆け出しエンジニアだった頃で、履歴の一覧画面を管理ツールに実装する案件がきっかけでした。 普段ページングに着目することはあまりないと思いますが、1ページあたりの件数は、一般的なユーザー向けのアプリよりも、管理ツールの方が多くなるでしょう。ユーザー向けアプリでは体験(UX)を重視するのに対し、管理ツールでは一画面あたりの情報量を重視するからです。 初
よくある UI のひとつにページング UI があります。ユーザーが画面を開いたら Web API にページ番号(またはカーソル)を渡してデータの配列を取得して画面に表示します。ユーザーが「次のページ」「前のページ」または特定のページ番号へ移動するボタンをクリックすると、新しいページ番号で再度 Web API にリクエストを送信し、新しいデータの配列を画面表示します。 React18 の useTransition を使用することでこのページング UI の体験を良くすることができるので紹介します。 前置き サンプルアプリはスタイリングのために Chakra UI を使用していますが、本題ではないのでコンポーネントの説明はしません。雰囲気で読めると思います。 サンプルアプリ仕様 GitHub API を使用して facebook/react リポジトリの issues 一覧を表示します。
[Flutter]BottomNavigationBarを使った下タブのナビゲーションメニューでの画面遷移、ページングを試す | DevelopersIO
Flutter で画面下部にナビゲーションメニューを配置する時は BottomNavigationBar という Widget を使用できます。基本的な Widget の使い方は覚えて状態管理のスタンダードを軽く学んだので実際にアプリを作り始めたのですがその際に使用した BottomNavigationBar について記事を書きたいと思います。 BottomNavigationBar の基本 1 例として 空の Container から一つずつ進めて作ってみます。以下のコードは Container を返しているだけのコードです。 import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { static const String _t
![[Flutter]BottomNavigationBarを使った下タブのナビゲーションメニューでの画面遷移、ページングを試す | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/12b9241adb95f448735d29037460ff45a577f6ab/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2020%2F02%2Fflutter.png)
お題 以前、以下の記事でRelayスタイルのお試し実装をした。 GraphQLにおけるRelayスタイルによるページング実装（前編：バックエンド） GraphQLにおけるRelayスタイルによるページング実装（後編：フロントエンド） ただ、「前後ページへの移動」と「任意の項目での昇順・降順並べ替え」という要件の組み合わせが想像以上の実装の煩雑さを生み、かなり消化不良だった。 今回、使用するRDBをPostgreSQL前提とするアーキテクチャ上の縛りを入れることで、バックエンド側の実装を（前回よりは）簡略化できないか試してみた。 今回のサンプル実装で使った言語やライブラリ等 なお、これら個々の言語やライブラリ等についての説明はしません。 フロントエンド 前回のフロントエンドの記事と同じ。 Vue.js Nuxt.js TypeScript Nuxt TypeScript Vuetify Ap
NT カーネルのページング基礎 - Qiita
はじめに 少し前に、ネタと時間がありそうだったので、勢いで 12/24 のアドベント カレンダーに登録してしまいました。その記事の準備のため、Windows のページ テーブル周りの動きを調べていたところ分量が増えてきたので、アドベント カレンダーの記事を分けることにしました。どうせ Windows カテゴリ人気ないし。貸し切り状態ですわ。 第一回目の記事は、ページングについてです。何を今更、って感じですかね。OS 小学校の一年生ぐらいで習う内容かもしれませんが、私の頭と指のリハビリにお付き合いください。最近文章を書いていないので筆が進まないんですよ。 環境は以下の通りです。Windows 10 のバージョン表記はどうするのが正しいんですかね。 OS: Windows 10, version 20H2 + KB4594440 (OS Build: 19042.631) Debugger:
リライブシャツすごすぎワロタｗｗｗｗｗｗ【リライブシャツを買ってみたらガチだった。】 リライブシャツ 着るだけで「身体機能をサポートする」怪しいシャツがガチだった。 YouTubeやSNSでバズってた「リライブ...
こんにちは、クラシルAndroidエンジニアの@MeilCliです。近々、クラシル内のレシピ保存機能においてクラシルショートとレシピカードも保存できるようにするという変更が入ります。それの開発に際して、ページングのあるAPIにおいて更新されうるコンテンツをどう表示していくかを開発チーム内で話し合い、理想と思うものを実装したのでそれの共有を行います 当記事は前後編の前編にあたり、どう表示していくかの考え方についてご説明します 更新されうるコンテンツの理想的なUX まず、どういうことが問題になっているのか説明します ユーザーが保存タブを開いたときの表示、つまり自分が保存しているレシピ一覧についてですが、保存タブからそのレシピの詳細画面を開き保存を解除したとします。この時点で保存タブを開いていたときから保存しているレシピ一覧が変わっていることになります。そして保存タブに戻ってきた時の表示はどのよ
この記事は翻訳されたものです： この記事はIntroduction to Pagingをコミュニティの手により翻訳したものです。そのため、翻訳が完全・最新でなかったり、原文にない誤りを含んでいる可能性があります。問題があればこのissue上で報告してください！ 翻訳者： @swnakamura 及び @JohnTitor. この記事ではページングを紹介します。これは、私達のオペレーティングシステムにも使う、とても一般的なメモリ管理方式です。なぜメモリの分離が必要なのか、セグメンテーションがどういう仕組みなのか、仮想メモリとは何なのか、ページングがいかにしてメモリ断片化 (フラグメンテーション) の問題を解決するのかを説明します。また、x86_64アーキテクチャにおける、マルチレベルページテーブルのレイアウトについても説明します。 このブログの内容は GitHub 上で公開・開発されています
誰も教えてくれない AMD64 と Intel64 の違い (ページング編) - 借り初めのひみつきち
Intel64 は AMD64 を参考に実装したので、９割以上のアプリケーションにおいて概ね互換性があります。 一方、船頭多くしてなんとやら、両社の政治的な思惑などが絡んで意図的に非互換になっている部分があったり、細部の互換性をとることができていない部分があったりします。 AMD64 と Intel64 の代表的な差異は色々なところでまとめられているのですぐ見つけることができますが、中には一般に知られていない差異もあります。 以前 EFER.LMA の差異を発見したことがありましたが、今回新しい差異を発見したのでここにまとめます。 neriring.hatenablog.jp 事件編 myos は、現代では Intel64 PC の方が手に入りやすいので Intel64 機で開発されてきました。 そして、ある程度動くようになってきたので家にあった唯一の AMD64 機でも動作確認をすること
AWS CLI on dockerで標準出力ページングや環境変数引き渡しで悩まないためのalias設定 - Qiita
.zshrcとか.bashrcなどに書いておく内容 長くなってしまいました。 変数評価のところをもうすこしきれいに書きたいのですが、動いているので一旦お披露目します。 (改行ないと見苦しいんですが、環境差異ありそうなので修正しました) AWS_PAGER=cat alias aws='docker run --rm -ti -v ~/.aws:/root/.aws -v $(pwd):/aws -v ~/.ssh:/root/ssh $(for _e in AWS_PAGER AWS_ACCESS_KEY_ID AWS_CA_BUNDLE AWS_CONFIG_FILE AWS_DEFAULT_OUTPUT AWS_DEFAULT_REGION AWS_PROFILE AWS_ROLE_SESSION_NAME AWS_SECRET_ACCESS_KEY AWS_SESSION_TOKEN
ページング（Paging）とは、コンソールなどで、画面の大きさに合わせて1画面分でスクロールを止め、キー入力などを使って、表示をさせるものだ。Windowsには、MS-DOS時代からのコマンドとしてmore.comがある。こうしたプログラムを「ページャー（Pager）」ともいう。 しかし、このmore.comは、日本語表示はシフトJISしか対応しておらず、UTF-8エンコードやPowerShell標準のUnicodeエンコード（UTF-16 LE）にも対応していない。このため、渡される文字エンコードによっては文字化けしてしまう。2024年にもなって、文字化けとはなんとも情けない話だ。そこで、この問題を考えてみることにした。 cmd.exeとmore.comの関係 MS-DOS時代からあるmore.comは、「C:\Windows\System32\more.com」が実体である。拡張子がc
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
useSWRInfiniteを使うとページング(無限スクロール)の処理がシンプルに書けて気持ちいい！
UICollectionViewでページングスクロールを実装する - クックパッド開発者ブログ
【React】useTransition でページング UI のユーザー体験を向上させる - Qiita
GraphQLにおけるRelayスタイルによるページング実装再考(Window関数使用版) - Qiita
Nuxt.js + TypeScriptでQueryを用いたページング処理の実装を行う
Power Automate DesktopでWebサイトからページングしながらデータを取得する。 | てじらぼ
理想のページングを実装する 前編 - dely Tech Blog
ページング入門 | Writing an OS in Rust
今更more.comを使うのか!? Windowsでのページングを考える (1/2)
Windowsの仮想メモリはページングファイルのサイズを自動的に管理する設定の場合どれくらいまでディスクを消費するか？ | puti se blog
zenn.dev/deepcraft
zenn.dev/kyuki
ameblo.jp/bu4649
secretplace.co.jp
ponycanstyle.com
3newskininaru.com