강의

멘토링

커뮤니티

Programming

/

Web Development

FlutterでWebサービスを開発する(1) - Responsive Web

最高のクロスプラットフォームFlutter、 FlutterでWebを開発してください。

難易度 初級

受講期間 無制限

  • sailingit
Flutter
Flutter
dart
dart
Responsive Web
Responsive Web
AWS
AWS
Flutter
Flutter
dart
dart
Responsive Web
Responsive Web
AWS
AWS

学習した受講者のレビュー

学習した受講者のレビュー

5.0

5.0

Booin

31% 受講後に作成

Flutter web開発を試してみたくて受講しました。ティーストーリーを見て講義を申し込みましたが、涼しく短く叩いて行って陣道よく出ますね。

5.0

Jay

100% 受講後に作成

ライブラリを自分で作ってみる部分がとても良かったです。おかげでコードに対する理解度も高まり、自分で作ってみる勇気もできますね。次の講義が楽しみです!

5.0

IT runner

31% 受講後に作成

Flutter Webに触れる講義がなかったのに良い機会になりました。従来考えていなかったことが分かって良かったし、Flutter Webに対する可能性も確認できました。講義進行方式も簡単明瞭にしてよかったです。

受講後に得られること

  • Flutter Responsive Web

  • カスタムウィジェット

  • Flutter AWS デプロイ

  • スタイル設定

  • ScrollBehavior

  • KeyboardListener

  • DropdownButton

  • Dialog

  • Beamer

FlutterでWebを開発

最高のクロスプラットフォームFlutterで、AppだけでなくWebも開発が可能です。

1つのフレームワークと言語でアプリとWebを開発してください。

こんな方におすすめです

Flutterを扱った人

Flutterを一度でも扱った人は難しくないように従うことができます。

App開発者

App開発者もWeb開発に興味がありますが、使用言語とフレームワークが異なるため、新たに勉強する必要がありました。さて、FlutterでアプリとレスポンシブなWebを作成しましょう

Web開発が必要なサービス

すでにFlutter Appサービスを運形している状態でWebサービスが必要な場合は、新しいフレームワークを導入することなくFlutter一つですべて消化できます。

この講義の特徴

認識の変化

Flutterでも十分にWebを開発できるという認識変化が優先です。 1つのフレームワークでAppとWebを開発できるということは、開発者としての自信向上に加えてできる領域が大幅に広がることがあります。


Web中心のFlutter講義

従来の講義は、ほとんどがApp中心の講義でした。この講義は、Web開発に焦点を当てたFlutter講義です。


低ライブラリ依存性

ほとんどのものを直接コードで記述します。そのため、ライブラリの依存性が低く、バージョン変更に柔軟です。また、直接コードを書くので、Frameworkの理解度が高くなります。


速い講義速度

川の長さを減らし、速度は急速に進んだ。

このようなことを学びます。

  • Responsive Web


    レスポンシブウェブを開発する方法を学びます。 Webで発生するさまざまな画面サイズにどのように対応すればよいかを学ぶことができます。

  • ウィジェットの理解
    カスタムウィジェットを大量に使用するため、ウィジェットの理解度を高めることができます。

  • 構造設計


    Webを開発するときに必要な構造を設計する方法を学ぶことができます。

  • AWS S3 デプロイ


    AWSのS3にFlutterで作成されたウェブをデプロイできます。

  • スタイル設定


    適切なスタイル設定方法を学ぶことができます。 FrontEndでは、スタイルをどのように設定するかが常に悩みます。多くの方法の1つになることができるスタイルの設定方法を学ぶことができます。

講義を聞く方法

コードをすばやく追跡しながら講義を完了することをお勧めします。講義の呼吸が長くなったり、全体的な分量が多い場合には疲れることが多いです。だから、スピード感を維持する必要があります。全体のコースを終えた後、欠けている部分や詳細なものを勉強することをお勧めします。

もちろん注意するものはあります。速い速度を維持しますが、以下の項目に集中して講義を聞いてください。

  • 画面レイアウトの変化に応じてウィジェットを設定する方法


  • カスタムユーティリティとウィジェットがどのような役割を果たしているのか

  • 国なら、このような状況でどのように構造をとり、Class/Widget を共通化するのか

  • さらに、私が直面している問題がある場合は、これを解決する方法

受講後は

  • レスポンシブUIをどのようにするかを学ぶことができます。


  • Flutter frameworkとwidgetの理解度が高くなります。

  • FlutterでWebを開発し、AWSにデプロイすることができます。

  • 開発速度を向上させることができます。

  • 開発者1人がより多くのプラットフォームを扱うことができます。

講義シリーズ

  • この講義は単発で終わるものではありません。 1人の開発者がApp、Web、Infra、Serverまですべてを扱えるカリキュラムを準備しています。

  1. Flutter Responsive Web

  2. Flutter Web SEO

  3. Flutter API with State management

  4. Dart Server

  5. Flutter Real Project with Server

  6. Flutter Framework exploration


Flutter SEOについて

多くのFlutter開発者は、Flutter WebはGoogleで検索できないことを知っています。私も以前はそう知っていました。しかし、これは間違った知識です。 Flutterで作成したWebもGoogleで検索になり、SEO最適化作業もできます。

Googleで「 Salingit 」または「 sailing-it 」を検索してください。 Flutterで作成した私の会社のホームページが検索されていることがわかります( https://sailing-it.com/)

もちろん、これには追加の作業が必要です。そのため、SEOパッケージ( https://pub.dev/packages/flutter_seo )を作成してpub.devにアップロードしました。現在、講義者Flutter Responsive Webの後に私が作ったパッケージを活用して、Googleで検索できるようにSEOを適用したFlutter Web SEO講義を進行する予定です。

受講前の注意

練習環境

  • Flutter Webを開発するので、WindowsとmacOSの両方が可能です。

  • 講義では、Flutter 3.22.2、Dart 3.4.3に進んだ。これより低いバージョンでも可能です。

選手の知識と注意事項

  • 基本的なダート言語の使い方とFlutterの使用経験があれば十分です。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Flutter初級

  • Flutter中級

  • Flutterに触れた開発者

  • FlutterでWebを開発したい開発者

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

  • Flutter

  • Dart

こんにちは
です。

83

受講生

12

受講レビュー

18

回答

5.0

講座評価

1

講座

こんにちは

Sailing-it(セーリングイット)代表のキム・ジンハンです。

https://sailing-it.com/

こんにちは、Sailing-it(セーリングイット)代表のキム・ジンハンです。https://sailing-it.com/

  • ネイティブアプリの開発者としてキャリアをスタートし、現在は「sailing-it(セーリングイット)」という会社を経営しています。

  • 実務でFlutter App、Webを使用しています。

    市場でFlutterに対する肯定的な反応を肌で感じています。

  • オフラインの国費支援教育や、企業向けのFlutter講師として活動しています。

  • FlutterとNativeアプリ開発のブログを運営しています。
    https://jinhan38.com/

カリキュラム

全体

42件 ∙ (6時間 32分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

12件

5.0

12件の受講レビュー

  • hhw30036723님의 프로필 이미지
    hhw30036723

    受講レビュー 1

    平均評価 5.0

    5

    31% 受講後に作成

    Flutter web開発を試してみたくて受講しました。ティーストーリーを見て講義を申し込みましたが、涼しく短く叩いて行って陣道よく出ますね。

    • sailingit
      知識共有者

      ありがとうございます。より良い講義を提供するよう努力します。

  • jingoworld님의 프로필 이미지
    jingoworld

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    ライブラリを自分で作ってみる部分がとても良かったです。おかげでコードに対する理解度も高まり、自分で作ってみる勇気もできますね。次の講義が楽しみです!

    • sailingit
      知識共有者

      ありがとうございます。より良い講義を提供しよう!

  • jinhan383834님의 프로필 이미지
    jinhan383834

    受講レビュー 1

    平均評価 5.0

    5

    31% 受講後に作成

    Flutter Webに触れる講義がなかったのに良い機会になりました。従来考えていなかったことが分かって良かったし、Flutter Webに対する可能性も確認できました。講義進行方式も簡単明瞭にしてよかったです。

    • sailingit
      知識共有者

      ありがとうございます。より良い講義を提供するよう努力します。

  • juwonjeon8528672님의 프로필 이미지
    juwonjeon8528672

    受講レビュー 2

    平均評価 5.0

    修正済み

    5

    98% 受講後に作成

    アプリ開発者として就活中ですが、Webも作ってみたいと思っていたところ、FlutterでWeb開発する講座を見つけてすぐに購入しました!! Android開発者として就活中なので、Android StudioとKotlin、Flutterに慣れているのですが、慣れている言語でWeb開発ができるというのがとても大きなメリットに感じました。 まだ完走はできていませんが、週末の間に完走して個人ポートフォリオをWebサイトで作ってみようと思います。 私はすでに開発を少しはやったことがある状態なので、進度を速く進めていくような感じの講座が私にはとても良かったです。そしてショートカットキーを使うスキル、実務で実際にどのようにコードを書くのか、こういった過程を映像で短くでも一緒に学べる感じだったのがより良かったと思います。良い講座を提供していただき本当にありがとうございます。次の講座もとても期待しています!!!!

    • sailingit
      知識共有者

      ありがとうございます:) 次回の講義はもっと一生懸命準備します!

  • jungsik님의 프로필 이미지
    jungsik

    受講レビュー 43

    平均評価 5.0

    修正済み

    5

    100% 受講後に作成

    flutterいいですね。 続編の講義を待っています。 お疲れさまでした。

    • sailingit
      知識共有者

      お役に立てて大変嬉しいです。ありがとうございます😊

¥8,206

似ている講座

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