Adalo Resources
Sign Up for Adalo
Adalo Resources (日本語)
Adalo Resources (日本語)
  • 🚀はじめに
  • 🎨デザイン
    • アプリのデザイン
      • 定義と用語
      • アプリの作成
      • 画面サイズ切り替えツールの使い方
      • セクションを使った構築
      • アライメントツール
      • レイアウトタブの使い方
        • スクリーンサイズの可視性
        • スクロール中の固定
        • 共有レイアウト設定
        • カスタムレイアウト設定
      • コンポーネントのグループ化
      • レスポンシブナビゲーション
        • レスポンシブサイドナビゲーション
          • サイドナビゲーション
          • タイトル
          • メニューのスタイル
          • メニュー項目
          • ボトムボタン
          • プロフィールセクション
        • レスポンシブトップナビゲーション
          • ナビゲーションバー
          • タイトル
          • メニュー項目
          • 追加ナビゲーション
          • プロフィール画像
      • レスポンシブデザインのベストプラクティス
      • パフォーマンス向上のコツ
    • ブランド
      • カラー
      • フォント
    • コンポーネントの状態を作成
    • アプリのプレビュー
    • デザインのバージョン
    • 追加のデザインリソース
    • レガシーアプリケーションの移行
    • レガシービルダー
      • コンポーネントコンテナの作成
      • コンポーネントの配置
      • コンポーネントの配置とグループ化
      • アプリのプレビュー(レガシービルダー)
  • 🎬アクション
    • アクションの基本
    • リンク
    • データ変更
    • 通知
      • アプリで通知許可をリクエストする
      • プッシュ通知をトリガーする
      • 通知のテスト
      • 通知のトラブルシューティング
        • Androidで通知が動作しない
        • iOSで通知が動作しない
        • PWAで通知が動作しない
    • 条件付きアクション
    • アクセス権限
    • アプリ認証
  • 🛠️画面とコンポーネント
    • 画面
    • コンポーネントの基本
    • マジックテキスト
      • ログインユーザーと現在のユーザー
      • 日付と数値のフォーマット方法
      • 合計、カウント、平均、最小値と最大値
    • カスタム数式の作成方法
      • 複雑な計算
    • 条件とフィルタリング
      • Adaloでのフィルタリング
      • Adaloでの条件使用
    • コンポーネントの可視性変更
    • ナビゲーション
    • リスト
      • リストの並べ替えとフィルタリング
      • カスタムリストの作成
      • リストのリスト
    • ボタン
    • トグル
    • テキスト入力
    • フォーム
    • テーブルコンポーネント
    • ビデオコンポーネント
    • ウェブビューコンポーネント
      • ウェブビューのトラブルシューティング
        • AdaloアプリでウェブビューURLが読み込まれない
        • ネイティブアプリでウェブビューがクラッシュする
    • マーケットプレースコンポーネント
      • マーケットプレースからコンポーネントを追加する方法
      • アプリ内購入のデジタル購入
      • Googleでサインイン
      • Appleでサインイン
      • 地図
      • 棒グラフと折れ線グラフ
      • 円グラフ
      • Google Admob
        • Admobのトラブルシューティング
          • ネイティブアプリで広告が表示されない
      • カレンダー
      • 進行状況バー
      • 星評価
      • ストップウォッチ
      • スライダー
      • Lottieファイル
      • YouTube
      • オーディオプレーヤー
        • オーディオプレーヤーのトラブルシューティング
          • Appleアプリ拒否:UIBackgroundModesキー
      • デッキスワイパー
      • マークダウンレンダラー
      • 署名
      • Stripe
        • Stripe決済
        • Stripeサブスクリプション
        • Stripe Connectマーケットプレース
          • Stripe ConnectのためのStripeアカウント設定
          • アプリにStripeアカウントを接続するための許可
          • Stripe Connect
          • Stripe Marketplace支払い
        • Stripeテストモードの設定
        • Stripeカスタムアクション
          • Stripeサブスクリプションデータを取得する
          • Stripe顧客データをメールアドレスで取得する
        • レガシーStripeコンポーネント(廃止予定)
          • Marketplace支払い
            • Stripe ConnectのためのStripeアカウント設定
            • アプリにStripeアカウントを接続するための許可
            • 消費者支払いを商人のアカウントに設定する
          • ワンタイムカード支払い
          • サブスクリプション支払い
  • 🧱機能テンプレート
    • クラスの閲覧、購入、管理
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • カテゴリリストスクリーン
      • クラスリストスクリーン
      • クラス詳細スクリーン
      • 購入スクリーン
      • おめでとうスクリーン
      • 管理者クリニックスクリーン
      • 管理者取引スクリーン
      • 管理者クリニック作成&編集スクリーン
    • イベントの閲覧、購入、管理
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • クラスを閲覧する
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • カテゴリリストスクリーン
      • クラスリストスクリーン
      • クラス詳細スクリーン
    • クラス管理ダッシュボード
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 管理者クリニックスクリーン
      • 管理者取引スクリーン
      • 管理者クリニック作成&編集スクリーン
    • ユーザーチャット
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 会話リストスクリーン
      • チャットスクリーン
      • 新規チャットモーダルスクリーン
    • フォーラム
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • グループメッセージング
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • メッセージングスクリーン
      • メッセージ編集モーダル画面&チャンネル編集モーダル画面
      • メッセージ検索スクリーン&チャンネルスクリーン
    • アカウント設定
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • アカウント設定スクリーン
      • 成功モーダル画面&アカウント削除確認画面
    • 予約設定
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • コーチスクリーン
      • 時間帯スクリーン
      • 予約スクリーン
      • コーチ管理画面
      • セッション編集画面
    • タスク割り当て
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 私のタスク画面、チームタスク画面、完了画面
      • タスク詳細画面
      • タスク編集画面
    • 同意して署名
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 利用規約画面
      • 同意&署名モーダル画面
      • 署名管理画面
    • アナウンスと通知
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 通知画面
      • 全員通知&個別通知画面
    • ユーザープロフィール&アカウント設定
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • セットアップステップ1画面
      • セットアップステップ2画面
      • 私のプロフィール画面
      • 追加のスクリーン
    • ユーザー閲覧
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • メンバーとプロフィール画面
    • 日付閲覧
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 時間帯&ワークアウト画面
    • ホームリスト閲覧
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • リスト画面
      • リスト詳細画面
      • モーダル画像ギャラリー画面
    • 画像カルーセル
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • スクリーン
    • 画像ギャラリーモーダル
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • ユーザー管理ダッシュボード
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • ワークアウト割り当て
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • ソーシャルメディアフィード
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • ショッピングカート付きストア
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • 在庫管理
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • ビデオギャラリーとアップロード
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • レストラン注文
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
  • 🗃️データベース
    • データベースプロパティタイプ
    • リレーションシップ
      • 一対多と多対一
      • 多対多
    • ユーザーコレクション
    • コレクション権限
    • CSVファイルからのレコードインポート
    • コレクションをCSVファイルとしてダウンロード
    • 位置情報
      • Google APIキーの取得
      • Google API使用量の見積もり
      • 位置情報プロパティタイプ
      • フォームおよび入力での位置情報
      • 位置情報マジックテキストとフォーマット
      • ユーザーの位置情報取得
      • 緯度、経度、特別な数式
      • 位置情報の比較
      • 位置情報機能のトラブルシューティング
  • 🪄設定
    • アプリのコピーとクローン
      • アプリをコピー/削除する方法
      • アプリをクローンする方法とクローン可能にする方法
  • 🚀パフォーマンス
  • ✍️アプリの公開
    • Webへの公開
      • Adaloサブドメインへの公開
      • カスタムドメインへの公開
      • ドメイン設定のトラブルシューティング
        • カスタムドメインが安全でない
        • ドメインが検証できない
        • エラー:見つかりません
    • Google Playストアへの公開
      • Google開発者アカウントの作成
      • Firebaseプロジェクトの作成
      • Androidアプリの登録と構成ファイルのダウンロード
      • プライベートキーの生成とダウンロード
      • ビルドファイルの取得
      • Google Playリスティングの作成
      • ビルドファイルをGoogle Playリスティングにアップロード
      • リスティングの最終化とアプリのリリース
      • Androidリリースのトラブルシューティング
        • データセーフティ問題でGoogle Playがアプリを拒否
        • エラー:Androidアプリが誤ったキーで署名されています。
        • エラー:バージョンコード「xxx」がすでに使用されています。別のバージョンコードを試してください。
        • エラー:パッケージ名はすでにGoogle Playに存在します。
        • エラー:有効なアプリバンドルをアップロードしてください。
        • エラー:既存のユーザーは新しいアプリバンドルにアップグレードできません。
    • Apple App Storeへの公開
      • Apple Developerアカウントの作成
      • Apple Developerアカウントの年間支払い設定
      • Apple Bundle IDの作成
      • Adalo「アプリ固有のパスワード」を作成
      • Adaloでビルドを開始
      • App Store Connectチームにユーザーを追加
      • TestFlightにユーザーを追加
      • App Store用スクリーンショットの作成
      • プライバシーとアプリ追跡透明性
      • iOSのトラブルシューティング
        • ビルドエラー:証明書の最大数に達しました
        • ビルドエラー:このサービスのキーの最大数にすでに達しています
        • ビルドエラー:配信証明書が期限切れです
        • ビルドエラー:アセット検証に失敗しました - 無効なApp Storeアイコン
        • アプリ拒否:iOSビルドにパーミッションテキストを追加
        • アプリ提出中の警告:ITMS-90899
        • iOSビルドがTestFlightに表示されない
    • Web(レガシーアプリ)の公開
    • APKのアップロード(レガシー)
    • 公開に関するFAQ
    • トラブルシューティング
      • ビルドがキューでスタック
  • ▶️ビデオ
    • はじめに
    • 完全なウォークスルー
    • データの扱い
    • データベースの設計
    • カスタムリスト
    • コンポーネントの可視性の変更
    • フォーム
    • 注文と支払い
    • 数学とカスタム数式
    • チャット
  • 👩‍🏫チュートリアル
    • キーボードショートカットの使い方
    • ビデオやオーディオ(YouTube、Vimeo、SoundCloud)の埋め込み方法
    • データベースをアプリ間で共有する方法
    • 空の状態を作成する方法
    • 検索バーの作成方法
    • ユーザーがフィルタリングできるリストを作成する方法
    • モーダル/ポップアップウィンドウの作成方法
    • 「お気に入り」ボタンの作成方法(レガシービルダー)
    • アプリバーに画像を追加する方法
    • スケジュールされたプッシュ通知を送信する方法
    • Google Maps、Apple Maps、またはWazeを使用してAdaloアプリ内で地図ナビゲーションを開始する方法
    • Google Static Maps APIを使ってAdaloアプリで地図のプレビューを生成する方法
    • 特別リンク:メール、テキスト(SMS)、および電話
    • フォームにドロップダウンメニューを追加する方法
    • ショッピングカートを設定し支払いを行う方法
    • ユーザー用のパブリックプロフィール画面を設定する方法
    • ユーザーが他のユーザーをフォローできるようにする方法
    • フォームが自動的にリレーションシップを設定する方法
    • アプリにチャットを追加する方法
    • 複数サイドアプリを作成する方法
    • イベント用に「カレンダーに追加」ボタンを追加する方法
    • ドメインをルートアドレスに転送する方法
    • 一時的なユーザーアバターを作成する方法
  • 🧩統合
    • Adalo API
      • コレクションAPI
      • API経由でプッシュ通知を送信する
    • Xano
      • Xanoワークスペースの設定
      • XanoをAdaloアプリに接続する
      • ユーザー登録、ログイン、認証
      • XanoデータベースでGoogleサインイン
      • その他のコレクション
      • AdaloとXanoのデータタイプの扱い
      • Xanoでのレコードのカウント
      • リストとページネーション
      • Xanoレスポンス
      • Xanoのコツとトリック
      • トラブルシューティング
    • レコードIDの取得
    • カスタムアクション
      • ✨ChatGPTでアプリをパワーアップ
    • 外部コレクションのAPIとの統合
      • 外部コレクションのマジックテキスト
    • Airtable
      • Airtableへの接続
      • プロパティの追加/削除
      • 画像の表示
      • リストとの連携
        • リスト内の画像
        • Airtableリストのフィルタリング
        • リスト内のマジックテキスト
        • リスト項目数の制限
        • Airtableリストの並べ替え
      • フォームとの連携
        • Airtableのドロップダウンフィールドと検証
      • 添付ファイル、画像、Airtableリレーションシップフィールドとの連携
      • リレーションシップとAirtableコレクション
      • デバッグ
    • DreamFactory
    • Zapier
    • Make(旧Integromat)
      • AdaloのレコードからPDFを作成
      • Adaloアプリで新規ユーザー登録時にSlackに通知
      • 新規登録時に確認メールを送信
      • 新規登録時に確認SMSを送信
      • AdaloからGoogle Driveにファイルを送信
      • Google Driveフォルダから新規ファイルをAdaloコレクションに送信
      • Google Visionを使って画像をOCR処理し、その結果をAdaloレコードに保存
    • IAPHUB
    • Mixpanel
    • Adalo APIのトラブルシューティング
      • リスト内のリストが読み込まれない
      • エラーコード
  • ⚙️Adaloアカウント
    • アカウント
      • メールとパスワードの更新
      • 開発者モードの有効化
    • チームメンバー
      • Adaloアプリにチームメンバーを追加
    • アプリ
    • 利用状況と請求
      • 請求、請求書、支払い
      • アプリアクションダッシュボード
    • ドメイン
      • SSLのリセット
  • ❓FAQ
    • 一般的な質問
    • Adaloでできること
    • Adaloの料金:FAQ
    • Adaloアカウント:FAQ
    • Adaloサブスクリプションの追加オプション
    • Adaloフリーランサーとの作業
    • Adaloエキスパート
    • Adaloアフィリエイトプログラム
    • Adalo料金:レガシーアカウント
  • 🤔トラブルシューティング
  • 📚追加リソース
    • Adaloアプリアカデミー
      • アプリ紹介
      • 戦略とビジネス
      • デザイン
      • 作成
      • ローンチと反復
      • フリーランサーとエージェンシー
      • すべてのコース
    • アプリ開発コスト計算機
    • Adaloエキスパートの採用
    • Adaloフォーラム
  • 📖用語集
Powered by GitBook
On this page
  • 1) コメントリストを設定し、リストをフィルタリングする
  • 2) コメントコンテンツを設定する
  • 3) ユーザー名をユーザーのリストとして設定する
  • 4) List of Users リストをフィルタリングする
  • 5) ユーザープロフィールページへのリンク設定
  • 6) ユーザー名の表示テキストの設定
  • 7) コメント詳細ページへのリンク設定
  • 8) コメント詳細ページでのコメント内容と作成日の設定
  • 9) 著者をユーザーのリストとして設定する
  • 10) ユーザーリストをフィルタリングする
  • 11) 著者のための Magic Text を設定する
  • 12) 著者をユーザープロフィールページにリンクする
  • 13) ユーザープロフィールページの設定

Was this helpful?

  1. チュートリアル

ユーザー用のパブリックプロフィール画面を設定する方法

このチュートリアルでは、ユーザープロフィールページの設定とリンク方法について説明します。以下の例では、コメントのリストからおよびコメントの詳細画面からこれを行う方法について説明しています。

Previousショッピングカートを設定し支払いを行う方法Nextユーザーが他のユーザーをフォローできるようにする方法

Last updated 3 months ago

Was this helpful?

多くのアプリには、ユーザーが他のユーザーのプロフィールを表示できる画面があります。通常、ユーザーがこの画面に移動する方法は、ユーザーのリストから、またはコメントを表示しているときに著者の名前をクリックするなど、さまざまな方法があります。

これを実現するためには、プロフィール画面にリンクする各リンクは、「現在のユーザー」に関するデータを送信する必要があります。これは、ユーザーのリストからのリンクである必要があります。しかし、コメントの著者など、1人のユーザーからリンクする場合はどうなるのでしょうか?

以下のチュートリアルでは、フォーラムでトピックを選択し、特定のトピックのコメントリストを表示し、個々のコメントの詳細を表示できるアプリを紹介します。コメントリストとコメントの詳細画面の両方に、コメントの著者がリストされており、クリックするとプロフィール画面にリンクされます。

1) コメントリストを設定し、リストをフィルタリングする

  1. コンポーネント追加ボタンを選択します。

  2. リスト ドロップダウンを選択します。

  3. カスタムリスト を選択します。

  4. コンポーネントを画面に配置します。

  5. カスタムリストを選択した状態で、コメントのリストであることを指定します。

  6. コメントのリストを選択した状態で、別のフィルタを追加 を選択します。

  7. カスタムフィルタ の下で、列を選択 を選択し、Current Comment > Forum > Name に設定します。

  8. デフォルト値の is equal to を保持します。

  9. フィルタの最後の値で、Empty と表示されている箇所で、ドロップダウンを選択し、Current Forum > Name に設定します。

2) コメントコンテンツを設定する

  1. さきほど設定したコメントリストを選択します。

  2. 左のツールバーで コンポーネント セクションを展開します。

  3. 現在 タイトル として設定されているテキストフィールドを選択します。

  4. 左のツールバーには Text が Title として2回表示されます。マウスで上の部分にホバーして、鉛筆/編集アイコンを選択します。

  5. 空の名前フィールドを選択し、Comment Content に名前を変更します。

  6. Done を選択します。

  7. Title と表示されている下のテキストフィールドを選択します。

  8. テキスト Title を削除します。

  9. Magic Text ボタンを選択します。

  10. Current Comment > Content に設定します。

3) ユーザー名をユーザーのリストとして設定する

  1. コメントリストを選択します。

  2. 左のツールバーで コンポーネント セクションを展開します。

  3. 現在 サブタイトル として設定されているテキストフィールドを選択します。

  4. テキストフィールドをグループに変更します。

    * コンポーネントをクリックすると新しい画面が開くアクションを持たせます。*

    - MAC OS では、画面上のコンポーネントを選択して、[CMD] + [G] を押すことで実行できます。 - Windows では、画面上のコンポーネントを選択して、[CTRL] + [G] を押すことで実行できます。

  5. グループを選択した状態で、オーバーフローメニューを選択します。

  6. リストを作成 を選択します。

  7. 左のツールバーには、List というタイトルが表示されます。タイトルは Group # となります(設定したグループの数によって異なります)。マウスでホバーして、鉛筆/編集アイコンを選択します。

  8. Name フィールドを選択し、List of Users に名前を変更します。

  9. 完了 を選択します。

  10. 左側のツールバーに これは何のリストですか? が表示されます。ドロップダウンを選択します。

  11. Users を選択します。

4) List of Users リストをフィルタリングする

  1. List of users リストを選択します。

  2. 別のフィルターを追加 を選択します。

  3. カスタムフィルター の下で、列を選択 を選択し、Email に設定します。

  4. デフォルト値の is equal to を保持します。

  5. フィルターの最後の値について、Empty と表示されている箇所で、ドロップダウンを選択し、Current Comment > User > Email に設定します。

5) ユーザープロフィールページへのリンク設定

  1. List of Users リストを選択し、左側のツールバーで リスト セクションを展開します。

  2. 下にスクロールして Click Actions セクションまで移動し、+ ADD ACTION を選択します。

  3. マウスを Link の上に置いて、リンクを貼りたいページを展開します。

  4. ユーザー名をリンクさせたいページを選択します。この例では、リンクさせたいページは View User Profile と呼ばれています。

  5. 完了 を選択します。

6) ユーザー名の表示テキストの設定

  1. List of Users リストを選択し、左側のツールバーで Components セクションを展開します。

  2. 現在 Subtitle として設定されているテキストフィールドを選択します。

  3. 左側のツールバーには Text が2回 Subtitle と表示されます。上の方の Subtitle の上にマウスを置いて、鉛筆/編集アイコンを選択します。

  4. 名前フィールドを選択し、Full Name に名前を変更します。

  5. 完了 を選択します。

  6. Subtitle と表示されているテキストフィールドを選択します。

  7. テキスト Subtitle. を削除します。

  8. Magic Text ボタンを選択します。

  9. Current Comment > User > Full Name に設定します。

7) コメント詳細ページへのリンク設定

この手順では、ユーザーのコメントの詳細を表示するページを設定する方法を示しています。コメント詳細ページを設定する場合は、この手順が必要です。コメント詳細ページを設定しない場合は、ステップ8にスキップできます。

  1. Comments リストを選択します。

  2. 左側のツールバーで Components セクションを展開します。

  3. Comment Content として設定されているテキストフィールドを選択します。

  4. + ADD ACTION を選択します。

  5. マウスを Link の上に置いて、リンクを貼りたいページを展開します。

  6. コメントの内容をリンクさせたいページを選択します。この例では、リンクさせたいページは Comment Details と呼ばれています。

  7. 完了 を選択します。

8) コメント詳細ページでのコメント内容と作成日の設定

このセクションでは、コメントからリンクされたデータを使用してコメント詳細ページのテキストフィールドを設定する方法について説明します。画面に表示されているフィールドは、フォントサイズと色が変更された標準テキストフィールドです。

  1. コンポーネント追加ボタンを選択します。

  2. Text を選択します。

  3. テキストを画面に配置します。

  4. 左側のツールバーで、Enter Text. と書かれた灰色のボックスにカーソルを置きます。

  5. テキストを削除します。

  6. Magic Text ボタンを選択します。

  7. Current Comment. の上にマウスを重ねます。

  8. Created Date. を選択します。

  9. コンポーネント追加ボタンを選択します。

  10. Text を選択します。

  11. テキストを画面に配置します。

  12. Enter Text. と書かれた灰色のボックスにカーソルを置きます。

  13. テキストを削除します。

  14. Magic Text ボタンを選択します。

  15. Current Comment. の上にマウスを重ねます。

  16. Content. を選択します。

9) 著者をユーザーのリストとして設定する

  1. 左側のツールバーで、コンポーネント追加ボタンを選択します。

  2. Text を選択します。

  3. テキストを画面に配置します。

  4. テキストフィールドをグループに変更します。

    * コンポーネントに新しい画面を開くアクションを持たせます。*

    - MAC OS では、画面上のコンポーネントを選択し、[CMD] + [G] を押すことで実行できます。 - Windows では、画面上のコンポーネントを選択し、[CTRL] + [G] を押すことで実行できます。

  5. グループを選択した状態で、オーバーフローメニューを選択します。

  6. Make List を選択します。

  7. 左側のツールバーに What is this a list of? が表示されますので、ドロップダウンを選択します。

  8. Users. を選択します。

10) ユーザーリストをフィルタリングする

  1. ステップ9で作成したユーザーリストを選択します。

  2. ADD ANOTHER FILTER. を選択します。

  3. Custom Filter の下で、Select Column を選択し、Email. に設定します。

  4. デフォルト値の is equal to を保持します。

  5. フィルターの最後の値で、Empty. と書かれている箇所を選択し、ドロップダウンから Current Comment > User > Email. に設定します。

11) 著者のための Magic Text を設定する

  1. ステップ9で作成したユーザーリストを選択します。

  2. 左側のツールバーで Components セクションを展開します。

  3. テキストコンポーネントを選択します。

  4. Text と書かれた灰色のボックスにカーソルを置き、Enter Text. と書かれたテキストを削除します。

  5. Magic Text ボタンを選択します。

  6. Current Comment. の上にマウスを重ねます。

  7. User. の上にマウスを重ねます。

  8. Full Name. を選択します。

12) 著者をユーザープロフィールページにリンクする

  1. ユーザーリストを選択します。

  2. 画面下部の Components Section をスクロールして展開します。

  3. テキストコンポーネントを選択します。

  4. Click Actions セクションまでスクロールし、+ ADD ACTION. を選択します。

  5. マウスを Link の上に重ねてページを展開します。

  6. ユーザー名をリンクさせたいページを選択します。この例では、リンクさせたいページは View User Profile と呼ばれています。

  7. Done. を選択します。

13) ユーザープロフィールページの設定

  1. アプリバーの画面タイトルを変更します

    1. アプリバーを選択します。

    2. 左側のツールバーで Title セクションを展開します。

    3. 灰色のテキストフィールドを選択してテキストを削除します。

  2. テキストの下にある灰色のボックスにカーソルを置き、Enter Text と表示されている場所にカーソルを合わせます。

  3. テキストを削除します。

  4. Magic Text ボタンを選択します。

  5. Current User の上にマウスを重ねます。

  6. Full Name を選択します。

  7. ユーザーの写真を追加します。

    1. コンポーネント追加ボタンを選択します。

    2. 画像を選択します。

    3. 画像を画面に追加します。

    4. 左側のツールバーで Edit Styles を選択します。

    5. 幅と高さが同じになるようにサイズを変更します。

    6. Rounding を 105 に設定します。

    7. 左側のツールバーで、画像ソースの下にあるドロップダウンを選択します。

  8. ユーザーの情報を画面に追加します。

    1. 左側のツールバーでコンポーネント追加ボタンを選択します。

    2. Text を選択します。

    3. テキストを画面に配置します。

    4. テキストの下にある灰色のボックスにカーソルを置き、Enter Text と表示されている場所にカーソルを合わせます。

    5. テキストを削除します。

    6. Magic Text ボタンを選択します。

    7. Current User の上にマウスを重ねます。

    8. Info を選択します。

異なる画面からユーザーを View User Profile 画面に移動させるリンクが2つ作成されました。Forum と Comment Details 画面のユーザーリストを使用して、Current User データを View User Profile 画面にリンクさせました。これにより、View User Profile Screen で同じデータからマジックテキストと画像を使用できるようになりました。

👩‍🏫