Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

メモ検索画面

基本情報

項目内容
画面IDSCR-004
画面名メモ検索画面
URL/パス/search
認証要否要(ログイン済みユーザー)

画面概要

キーワードによるメモの全文検索機能を提供する画面。検索履歴とよく使うタグからの絞り込みにも対応し、目的のメモに素早くアクセスできる。

画面イメージ

初期状態(検索前)

メモ検索画面

検索結果あり

検索結果あり

検索結果なし

検索結果なし

画面要素一覧

ヘッダー部

要素ID要素名種別必須説明
btn_back戻るボタンアイコン-前画面(ホーム画面)へ戻る
page_title画面タイトルラベル-「検索」を表示

検索入力部

要素ID要素名種別必須説明
input_search検索入力欄テキスト-プレースホルダー「メモを検索…」
btn_clearクリアボタンアイコン-検索文字列をクリア(×アイコン)

検索履歴セクション(初期状態のみ表示)

要素ID要素名種別必須説明
section_history検索履歴セクション-セクションヘッダー「検索履歴」
history_item履歴項目リストアイテム-過去の検索キーワード(タップで再検索)
history_expand展開アイコンアイコン-履歴詳細へ遷移(>アイコン)

よく使うタグセクション(初期状態のみ表示)

要素ID要素名種別必須説明
section_tagsよく使うタグセクション-セクションヘッダー「よく使うタグ」
tag_chipタグチップチップ-タグバッジ(開発、コード、ミーティング等)

検索結果セクション(検索実行後に表示)

要素ID要素名種別必須説明
section_results検索結果セクション-「検索結果 (N件)」を表示
result_item検索結果項目リストアイテム-ヒットしたメモの一覧
result_titleメモタイトルラベル-メモのタイトル表示
result_tagsタグバッジ-メモに付与されたタグ
result_date更新日時ラベル-最終更新日時(YYYY-MM-DD HH:mm形式)
btn_result_menuメニューボタンアイコン-メモの編集・削除メニュー(︙)

検索結果なし表示

要素ID要素名種別必須説明
empty_state結果なしメッセージメッセージ-「該当するメモが見つかりませんでした」

画面遷移

遷移元

遷移元条件/アクション
ホーム画面検索ボタン押下

遷移先

遷移先条件/アクション
ホーム画面戻るボタン押下
メモ詳細画面検索結果のメモ項目タップ

API連携

メソッドエンドポイント用途
GET/api/memos/search?q=:keywordキーワードによるメモ全文検索
GET/api/search/history検索履歴取得
GET/api/tags?sort=usage&limit=10よく使うタグ取得(使用頻度順)

バリデーション

項目ルールエラーメッセージ例
検索文字列最低1文字以上入力が必要検索キーワードを入力してください
検索文字列最大100文字まで検索キーワードが長すぎます

状態

状態説明画像
初期状態検索履歴とよく使うタグを表示SCR-004_メモ検索画面.png
検索結果あり検索結果一覧を表示(件数付き)SCR-004_メモ検索画面_検索ヒットあり.png
検索結果なし「該当するメモが見つかりませんでした」を表示SCR-004_検索画面_検索ヒットなし.png

備考

  • ログイン済みユーザー専用画面
  • 検索はメモのタイトル・本文・タグを対象とした全文検索
  • 検索は入力完了後に自動実行(デバウンス処理あり)
  • 検索履歴は最新10件まで保持
  • タグチップタップ時は該当タグでフィルタリング検索を実行
  • 検索結果はスクロールによる無限ロード対応