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,719

受講生

590

受講レビュー

343

回答

4.9

講座評価

9

講座

カリキュラム

全体

18件 ∙ (2時間 3分)

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

受講レビュー

全体

2件

4.0

2件の受講レビュー

  • 개발하는 분석가님의 프로필 이미지
    개발하는 분석가

    受講レビュー 15

    平均評価 4.7

    4

    100% 受講後に作成

    강의 컨텐츠나 전달력은 우수하다고 생각합니다. 그런데 저처럼 처음 Flutter를 배우는 입장에서는 왜 이런 식으로 코딩을 하는지에 대한 설명이 부족한 느낌입니다.

    • 강병진
      知識共有者

      좋은 피드백 감사합니다! "왜 이런식으로" 라는 부분은 프로젝트 구조를 잡는 부분을 말씀하시는걸까요? 조금 더 자세하게 피드백을 주실 수 있다면 다음 강의를 촬영하는데 많은 도움이 될 것 같습니다!

    • 이를 테면 '4.5 ListView.separated()를 활용한 채팅 리스트 구현' 에서 추상화를 한다고 하면서 'chat_message.dart 파일을 만들고 코드를 옮기고 임포트를 해주는데... 코드를 기능별로 구분하기 위해서인지 속도도 빠르고 이해가 잘 돼지 않았습니다. 제 기준으로 섹션3까지는 이해하는게 어렵지 않았는데, 섹션4부터는 설명이 부족하고 진행 속도가 빠르게 느껴졌습니다.

    • 강병진
      知識共有者

      설명이 빨라지면서 이해하기 어려우셨을 수도 있을 것 같네요. 주신 피드백은 잘 반영해보겠습니다. 감사합니다!

  • 이원석님의 프로필 이미지
    이원석

    受講レビュー 10

    平均評価 4.2

    4

    33% 受講後に作成

    ¥3,515

    jasonkangの他の講座

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

    似ている講座

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