基本的な操作とナビゲーション

画面構成の概要

Memoreruの画面は、以下の主要な要素で構成されています：

┌────────────────────────────────────────┐
│  ナビゲーションバー（ヘッダー）         │
├─────┬──────────────────────────────────┤
│     │                                  │
│  サ │   メインコンテンツエリア          │
│  イ │                                  │
│  ド │                                  │
│  バ │                                  │
│  ー │                                  │
│     │                                  │
└─────┴──────────────────────────────────┘

ナビゲーションバー（ヘッダー）

画面上部の黒いバーがナビゲーションバーです。

左側の要素

Memoreruロゴ: クリックするとトップページ（ダッシュボード）に移動
メニューアイコン: モバイル版でサイドバーを開閉するボタン

中央の要素

検索ボックス: コンテンツを検索するための入力フィールド
- キーワードを入力して検索
- 検索結果ページに移動

右側の要素

作成ボタン（+ アイコン）: 新しいコンテンツを作成
- クリックすると、コンテンツタイプ選択メニューが表示されます
- ページ、テーブル、フォルダ、スライド等を選択
通知アイコン（ベルマーク）: 通知の確認
- いいね、コメント、フォローなどの通知
- 未読の通知がある場合、赤い丸が表示されます
ユーザーアイコン: アカウントメニュー
- クリックするとドロップダウンメニューが表示されます
- マイページ、設定、ログアウトなど

サイドバー

画面左側のサイドバーは、主要なページへの移動リンクが配置されています。

サイドバーの項目

サイドバーには、コンテンツを公開範囲別に整理した4つのセクションがあります：

Bookmarks（ブックマーク）: お気に入りに登録したコンテンツ
Public（公開）: インターネットに公開されているコンテンツ
Team（チーム）: チームメンバーと共有しているコンテンツ
Private（プライベート）: 自分だけが見られるコンテンツ

各セクションは展開・折りたたみが可能で、中のコンテンツ一覧を表示できます。

ヘッダーからアクセスできる機能

マイページ: ユーザーアイコン > マイページ
設定: ユーザーアイコン > 設定
検索: 検索ボックス

サイドバーの展開・折りたたみ

デスクトップ版: サイドバー上部のアイコンで展開・折りたたみ可能
モバイル版: ヘッダーのメニューアイコンでサイドバーを開閉

メインコンテンツエリア

画面中央の広いエリアがメインコンテンツエリアです。

表示されるコンテンツ

選択したページによって、メインコンテンツエリアに表示される内容が変わります：

トップページ: ダッシュボード、タイムライン
検索ページ: 検索フィルタ、検索結果一覧
コンテンツ詳細: ページ本文、テーブルデータなど
編集画面: コンテンツの作成・編集フォーム

パンくずナビゲーション

一部のページでは、画面上部にパンくずナビゲーションが表示されます。

パンくずナビゲーションとは

現在のページの階層構造を示すナビゲーションです。

表示例:

ホーム > コンテンツ管理 > テーブル > 商品管理

使い方

各項目はクリック可能なリンクになっています
クリックすると、その階層のページに移動できます
階層をさかのぼるときに便利です

トップページ（ダッシュボード）

ログイン後に最初に表示される画面が**トップページ（ダッシュボード）**です。

トップページの構成

ヘッダーセクション
- 検索ボックス: コンテンツを検索
- クイックアクションボタン: 新しいコンテンツを作成
統計情報（今後追加予定）
- 作成したコンテンツ数
- 最近のアクティビティ
- コミュニティ統計
最近のコンテンツ
- 最近作成・更新したコンテンツ
- 最近閲覧したコンテンツ
タイムライン（今後追加予定）
- フォローしているユーザーの最新アクティビティ
- コミュニティの新着コンテンツ

検索ページ

検索ページでは、コンテンツを検索・フィルタリングできます。

検索ページへのアクセス

ヘッダーの検索ボックスで検索を実行
サイドバーの「検索」リンクをクリック
/search に直接アクセス

検索ページの構成

検索バー
- キーワード入力フィールド
- 検索ボタン
フィルタパネル
- コンテンツタイプフィルタ（ページ、テーブル等）
- 公開範囲フィルタ（PRIVATE、PUBLIC等）
- カテゴリフィルタ
- タグフィルタ
ソートオプション
- 作成日時
- 更新日時
- 関連度
検索結果一覧
- マッチしたコンテンツがカード形式で表示されます
- 各カードには、タイトル、説明、コンテンツタイプ、作成日時などが表示されます

マイページ

マイページでは、自分のコンテンツやアクティビティを管理できます。

マイページへのアクセス

サイドバーの「マイページ」リンクをクリック
ヘッダーのユーザーアイコン > 「マイページ」を選択
/mypage に直接アクセス

マイページの構成

プロフィールセクション
- アバター画像
- ディスプレイネーム
- 自己紹介文
- プロフィール編集ボタン
タブメニュー
- マイコンテンツ: 自分が作成したコンテンツ一覧
- ブックマーク: お気に入りに登録したコンテンツ一覧
コンテンツ一覧
- フィルタ・ソート機能
- カード表示またはリスト表示

コンテンツの作成

新しいコンテンツを作成する方法は、複数あります。

方法1: ヘッダーの作成ボタン

ヘッダー右側の「+ アイコン」をクリック
ドロップダウンメニューからコンテンツタイプを選択
- ページ
- テーブル
- スライド
- ビュー
- グラフ
- ダッシュボード
作成画面に移動します

方法2: ダイレクトURL

各コンテンツタイプの作成ページに直接アクセスできます：

ページ: /contents/create/page
テーブル: /contents/create/table
スライド: /contents/create/slide
ビュー: /contents/create/view
グラフ: /contents/create/graph
ダッシュボード: /contents/create/dashboard

注: フォルダはサイドバーから直接作成・管理します。

コンテンツの閲覧と編集

コンテンツの閲覧

検索またはマイページからアクセス
- 検索結果やマイページのコンテンツ一覧から、閲覧したいコンテンツをクリック
詳細ページ
- コンテンツの詳細が表示されます
- ページ: 本文が表示
- テーブル: テーブルデータが表示
- スライド: スライド表示

コンテンツの編集

編集ボタンをクリック
- コンテンツ詳細ページの「編集」ボタンをクリック
編集画面
- コンテンツを編集できます
- 編集後、「保存」ボタンをクリックして変更を保存

レスポンシブデザイン

Memoreruは、デバイスに応じて最適な表示に切り替わります。

デスクトップ版（PC）

サイドバーが常時表示
広いメインコンテンツエリア
すべての機能にアクセス可能

タブレット版

サイドバーは折りたたみ可能
タッチ操作に最適化
主要機能は利用可能

モバイル版（スマートフォン）

サイドバーはメニューアイコンで開閉
コンパクトな表示
タッチ操作に最適化
主要機能は利用可能

キーボードショートカット

現在利用できるショートカット：

Ctrl + S (Cmd + S): 編集内容を保存（エディタ内）
Esc: モーダルやメニューを閉じる

今後追加予定のショートカット：

Ctrl + K (Cmd + K): 検索ボックスにフォーカス
Ctrl + N (Cmd + N): 新しいコンテンツを作成

AIチャットサポート

画面右下に表示されるチャットアイコンから、AIサポートにいつでも質問できます。

使い方

画面右下のチャットアイコンをクリック
質問を入力して送信
AIが回答を返します

活用例

「テーブルの作成方法を教えて」
「カラムのデータ型を変更したい」
「ブックマークはどこで確認できる？」