Prompts Ideas | Widget
AllパッケージFirebaseデザインTipsOther
widgetの表示非表示切り替え

あなたはFlutterのリードエンジニアです。
widgetの表示・非表示を実装するコードを書いてください。
追加が必要なパッケージはバージョンとpubspec.yamlへ追加するコードも教えてください。

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
- このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

より具体的にやりたいことを書くと回答の質が向上します。
パッケージ一覧提示

あなたはFlutterのリードエンジニアです。
widgetの表示・非表示を実装する時に使えるパッケージのURLと特徴を複数教えてください。

ChatGPTの学習時期の関係で最新のパッケージについては教えてくれない可能性があります。
アクションシートの実装

あなたはFlutterのリードエンジニアです。
ActionSheetを実装するコードを書いてください。
追加が必要なパッケージはバージョンとpubspec.yamlへ追加するコードも教えてください。

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
- このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

# 要件 のセクションを追加し箇条書きで詳細要件を書くとよりコードが期待通りになります。
WidgetTree提示でのコード生成

あなたはFlutterのリードエンジニアです。
以下の全体要件、画像要件をもとにコードを書いてください。
追加が必要なパッケージはバージョンとpubspec.yamlへ追加するコードも教えてください。

# 全体要件
- スクロールできること
- 作成する画面のclass名はrequirementsText03 と画面ごとにファイルを分けてください

# 画面要件
## AppBar
- 背景色:#4169e1
- 左寄りに戻るボタン
- 中央に「マイページ」を記入
- 右寄りに設定アイコン(クリックするとSettingPageへ遷移)

## body
- 左寄せ ""経歴"" を配置
- 左寄せに ""経歴テキスト経歴テキスト”を配置
- 左寄せ ""プロフィール"" を配置
- 左寄せに ""プロフィールテキストプロフィールテキストプロフィールテキスト”を配置

## bottom
- 候補者、チャット、マイページ、設定のアイコンを配置
- クリックすると各ページへ遷移できること
- iconの色は#4169e1とすること
- マイページが選択されている状態であること

# 制約条件
- Flutterのバージョンは2.2.0とすること
- null safetyに対応すること

# その他
このタスクで最高の結果を出すために、追加の情報が必要な場合は、質問してください

要件を詳細に書けば書くほどより期待通りのコードを生成してくれます。
WidgetTree穴埋め

あなたはFlutterのリードエンジニアです。
以下のwidgetツリーのコードを制約条件をもとに書いてください
追加が必要なパッケージはバージョンとpubspec.yamlへ追加するコードも教えてください

# widgetツリー
```
Scaffold(
body:Column(
// 左寄せに「氏名」とのテキストを配置。
// デザイン:bold, fontsize:16, #4169e1
,
Row(
// 10文字まで入力できるテキストフォームを配置
// 値をfirstNameTextControllerに格納する
// hintText:名字
,
// 10文字まで入力できるテキストフォームを配置
// 値をlastNameTextControllerに格納する
// hintText:名前
)
,
// 左寄せに「プロフィールを入力してください」とのテキストを配置
// デザイン:bold, fontsize:16, #4169e1
,
// 100文字、3行まで入力できるテキストフォームを配置
// 値をbodyTextControllerに格納する
,
// 画面の一番下、中央に「登録する」ボタン配置
//デザイン:#4169e1
),
),
```

# 制約条件
- Flutterのバージョンは2.2.0とすること
- class名はWidgetTree00とすること
- null safetyに対応すること

# その他
このタスクで最高の結果を出すために、追加の情報が必要な場合は、質問してください。

要件を書けば書くほど正確なコードになります。意図しない配置になった場合は要件を追加ないしはコードの修正をお願いしてください。
WidgetTree穴埋め

あなたはFlutterのリードエンジニアです。
FlutterでMyPage()へ画面遷移するコードを書きたいです。
以下のコードと制約条件を元にコードを書いてください。

# コード
```
Column(
 children: [
   TextField(
     controller: _controller,
   ),
// ここにMyPage()へ遷移するコードを追加したい
     child: Text('Submit'),
   ),
 ],
)
```


# 制約条件
- Flutterのバージョン:2.2.0

コードを追加したい箇所に具体的なwidget名を追加できます。制約条件には、アーキテクチャ、状態管理を入れることができますがriverpodは苦手です。
widgetのコード生成

あなたはFlutterのリードエンジニアです。
ドラムロールを実装するコードを書いてください。
追加が必要なパッケージはバージョンとpubspec.yamlへ追加するコードも教えてください。

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
- このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

# 要件 のセクションを追加し箇条書きで詳細要件を書くとよりコードが期待通りになります。
widgetのコード生成

あなたはFlutterのリードエンジニアです。
サイドメニューを実装するコードを書いてください。
追加が必要なパッケージはバージョンとpubspec.yamlへ追加するコードも教えてください。

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
- このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

# 要件 のセクションを追加し箇条書きで詳細要件を書くとよりコードが期待通りになります。
選択可能なテキストの表示

あなたはFlutterのリードエンジニアです。
選択可能なテキストを表示するコードを書いてください。
追加が必要なパッケージはバージョンとpubspec.yamlへ追加するコードも教えてください。

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
- このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

# 要件 のセクションを追加し箇条書きで詳細要件を書くとよりコードが期待通りになります。
デザインされたwidgetのコード生成

あなたはFlutterのリードエンジニアです。
iOS風のDatePickerを作成するコードを教えてください。

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
- このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。  

# 要件 のセクションを追加し箇条書きで詳細要件を書くとよりコードが期待通りになります。
widgetのコード生成

あなたはFlutterのリードエンジニアです。
AlertDialogを表示するサンプルコードを書いてください。

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
- このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。  

# 要件 のセクションを追加し箇条書きで詳細要件を書くとよりコードが期待通りになります。
widget比較

あなたはFlutterのリードエンジニアです。
InkwellとGestureDetectorの違いを教えてください。

他のwidgetでも違いを提示してくれます。
widgetのコード生成

あなたは、Flutterのリードエンジニアです。
要件、制約条件をもとにBottomNaviBarのサンプルコードを書いてください。

# 要件
- 要素:ホーム、検索、マイページ
- 選択時の色:#4169e1
- 未選択時の色:#a9a9a9

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

#要件 に遷移先の画面名を入れることが可能です。 「グラスモーフィズムを用いた...」の箇所は、サーバーパンク、ヴェイパーウェイブ、ニュートロ、などのデザイン名称に変えることもできます。
widgetのコード生成

あなたは、Flutterのリードエンジニアです。
要件、制約条件をもとにチェックボックスのコードを書いてください。

# 要件
- 未選択時の色:#a9a9a9
- 選択時の色 : #4169e1


# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

# 要件に色や表示するアイコンなどを追加することでそれに合わせてコードを生成してくれます。
widgetのコード生成

あなたは、Flutterのリードエンジニアです。
要件、制約条件をもとにボタンのコードを書いてください。

# 要件
- ボタンテキスト : 登録はこちら
- Color : #4169e1


# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

# 要件に文字の色などを箇条書きで追加することでそれに合わせてコードを生成してくれます。
widgetのコード生成

あなたは、Flutterのリードエンジニアです。
要件、制約条件をもとにテキストのコードを書いてください。

# 要件
- text : ""Flutter Prompts""
- fontSize : 18
- Color: #4169e1
- fontWeight: bold

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

# 要件に最大行数や文字の色などを箇条書きで追加することでそれに合わせてコードを生成してくれます。
widgetのコード生成

あなたは、Flutterのリードエンジニアです。
制約条件をもとにテキストフォームのコードを書いてください。

# 要件
- 最大文字数:20文字
- hintText : テキストを入力してください
- 値は、textController に格納してください

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

「値は、textController に格納してください」値を格納する変数名を指定可能です。
デザインされたwidgetのコード生成

あなたは、Flutterのリードエンジニアです。
サイバーパンク風の最高デザインのbottomNaviBarのコードを要件、制約条件をもとに書いてください。

# 要件
- 要素:ホーム、検索、マイページ

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。
- class名はCustomBottomNavigationBar03としてください

# その他
このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

「グラスモーフィズムを用いた...」の箇所は、サーバーパンク、ヴェイパーウェイブ、ニュートロ、などのデザイン名称に変えることもできます。
デザインされたwidgetのコード生成

あなたは、Flutterのリードエンジニアです。
ニューモーフィズムを用いた、最高のデザインのボタンのコードを要件、制約条件をもとに書いてください。

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

「グラスモーフィズムを用いた...」の箇所は、サーバーパンク、ヴェイパーウェイブ、ニュートロ、などのデザイン名称に変えることもできます。
デザインされたwidgetのコード生成

あなたは、Flutterのリードエンジニアです。
ニューモーフィズムを用いた、最高のデザインのテキストフォームのコードを制約条件をもとに書いてください。

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

「グラスモーフィズムを用いた...」の箇所は、サーバーパンク、ヴェイパーウェイブ、ニュートロ、などのデザイン名称に変えることもできます。
デザインされたwidgetのコード生成

あなたは、Flutterのリードエンジニアです。
グラスモーフィズムを用いた、最高のデザインのチェックボックスのコードを制約条件をもとに書いてください。

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

「グラスモーフィズムを用いた...」の箇所は、サーバーパンク、ヴェイパーウェイブ、ニュートロ、などのデザイン名称に変えることもできます。
デザインされたwidgetのコード生成

あなたは、Flutterのリードエンジニアです。
ニューモーフィズムを用いた、最高のデザインのチェックボックスのコードを制約条件をもとに書いてください。

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

#制約条件に実装に使いたいパッケージを追加することも可能です。
webviewの実装

あなたはFlutterのリードエンジニアです。
webviewを実装するコードを書いてください。
追加が必要なパッケージはバージョンとpubspec.yamlへ追加するコードも教えてください。

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
- このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

# 要件 のセクションを追加し箇条書きで詳細要件を書くとよりコードが期待通りになります。
mailto リンクの実装

あなたはFlutterのリードエンジニアです。
mailtoリンクを実装するコードを書いてください。
追加が必要なパッケージはバージョンとpubspec.yamlへ追加するコードも教えてください。

# 制約条件
- Flutterのバージョンは2.2.0を使用してください。

# その他
- このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。

# 要件 のセクションを追加し箇条書きで詳細要件を書くとよりコードが期待通りになります。
💡注意事項
● GPTモデルは 2021年9月までにトレーニングされたモデルのため Flutterのバージョンは当時 Stable であった v2.5.0 以下を使用してください。
● 本サイトのプロンプトは Flutter バージョン v2.2.0 を使用してテストしています。
● ChatGPT plus の Dafalts モデルを使用しています。
最終更新:2023.02.28
Copyright ©︎ SNIFFOUT Inc. All Rights Reserved