Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

Flutterで作るLLMチャットボット (feat. Gemini)

Flutterが初めてですか? Flutter Contributorが最初から一つずつご紹介します! Geminiを活用したAIプロジェクトでFlutter開発を始めてみましょう

  • jasonkang
ai활용
3시간 만에 완강할 수 있는 강의 ⏰
Flutter
Chatbot
gemini
AI

こんなことが学べます

  • Flutter Widgetの種類と使用方法

  • Flutter Geminiを活用したAIチャットボット実装

Flutter Contributorと一緒に学ぶFlutter入門

Flutterが初めてですか?Flutter Contributorと一緒にFlutterの基礎を学び、実戦プロジェクトで
Geminiを活用したAIチャットボットを作ってみましょう!

こんな方におすすめです

モバイルアプリ開発!
Flutterで始めたい方

基本的なWidgetから
実際のアプリ開発まで、
モバイルアプリ開発の全過程
体験することができます。

実際のサービスを作りながら
Flutterを学びたい方

AIチャットボットを直接実装しながら
実務で必要な
API連携、状態管理、
UI/UX設計能力を
身につけることができます

Flutterの基礎から
しっかりと固めたい方

Widgetの基本概念から
Custom Widgetまで、
Flutterの核心原理を
実習と共に体系的に
学習できます

受講後には

  • Widget Treeを理解し、効率的なUI設計が可能になります

    • 状況に適した適切なWidgetの選択と活用ができます

    • 再利用可能なCustom Widgetの制作が可能です

  • 実戦開発経験


    • 実際に動作するAIチャットボットアプリをポートフォリオとして作ることができます


このような内容を学びます

Flutter Widgetとは?

このセクションでは、Flutterアプリ開発の核心であるWidgetについて学びます。
Text、Button、Containerなどの基本的なWidgetから始まり、Layout Widgetまで、実際のサンプルコードと共にFlutterの基礎をしっかりと
固めます。

Geminiを活用したAI開発経験

Flutter Widgetを活用して実際に動作するAIチャットボットアプリを開発します。Custom Widget制作からAPI連携まで、実務で必要な開発スキルを身につけます。

この講義を作った人

何かご質問はありますか?

Q. Flutterでアプリを作りたいのですが、どこから始めればいいのかわかりません

基礎から実戦まで体系的なカリキュラムで着実に学ぶことができます

Q. 就職・転職のためのポートフォリオが必要です

トレンディなAIチャットボットアプリで差別化されたポートフォリオを作ることができます

Q. Flutterの数多くのWidgetをいつ使うべきか迷ってしまいます

実務経験に基づいて状況に合ったWidget選択法を学ぶことができます

受講前の参考事項

実習環境

  • 講義はMacOS環境でWeb開発を中心に進行されます

    • XCodeを活用しないため、Flutterがインストールされていれば、LinuxやWindows環境でも
      講義を受講していただけます

    • ただし、オペレーティングシステムによるエラーはデバッグが困難です。

学習資料

  • ソースコード:GitHub

  • Notionドキュメント:Notion

  • Figmaデザイン: Figma

前提知識および注意事項

  • Dart

    • Dartは他のプログラミング言語と文法が似ているので、比較的簡単に習得できると思います

    • Dartが障壁だと感じられる方は、無料公開された講義をご覧になってから受講するかどうかを決めてください

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Flutterが気になる開発者

  • モバイルアプリでサイドプロジェクトをしたい開発者

前提知識、
必要でしょうか?

  • Dart

こんにちは
です。

11,749

受講生

593

受講レビュー

344

回答

4.9

講座評価

9

講座

カリキュラム

全体

18件 ∙ (2時間 3分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

2件

4.0

2件の受講レビュー

  • mindcompass님의 프로필 이미지
    mindcompass

    受講レビュー 15

    平均評価 4.7

    4

    100% 受講後に作成

    I think the lecture content and delivery are excellent. However, from the perspective of someone like me who is learning Flutter for the first time, I feel that there is a lack of explanation as to why we code in this way.

    • jasonkang
      知識共有者

      Thank you for the positive feedback! Regarding the "why this way" part, are you referring to the section on establishing the project structure? If you could provide more detailed feedback, it would be a great help in filming the next lecture!

    • For example, in "4.5 Implementing a Chat List Using ListView.separated()," it abstracts by "creating a chat_message.dart file, moving the code, and importing it...". I didn't understand well whether this was to separate the code by function, or if it was for speed. Based on my understanding, up to Section 3 was not difficult to understand, but from Section 4 onwards, the explanations felt insufficient and the pace felt fast.

    • jasonkang
      知識共有者

      I may have been explaining too fast, making it hard to understand. I'll make sure to reflect the feedback you gave me. Thank you!

  • leews1410님의 프로필 이미지
    leews1410

    受講レビュー 10

    平均評価 4.2

    4

    33% 受講後に作成

    ¥3,534

    jasonkangの他の講座

    知識共有者の他の講座を見てみましょう!

    似ている講座

    同じ分野の他の講座を見てみましょう!