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

Name: FlutterでWebサービスを開発する(1) - Responsive Web
Price: 66000 KRW
Rating: 5 (12 reviews)

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

（5.0）受講レビュー 12件

受講生 83名

難易度初級

受講期間 無制限

sailingit

실습 중심

flutter

클론코딩

크로스플랫폼

Flutter

dart

Responsive Web

AWS

실습 중심

flutter

클론코딩

크로스플랫폼

Flutter

dart

Responsive Web

AWS

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

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

Web中心のFlutter講義

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

低ライブラリ依存性

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

速い講義速度

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

講義を聞く方法

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

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

画面レイアウトの変化に応じてウィジェットを設定する方法
カスタムユーティリティとウィジェットがどのような役割を果たしているのか
国なら、このような状況でどのように構造をとり、Class/Widget を共通化するのか
さらに、私が直面している問題がある場合は、これを解決する方法

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初級
Flutter中級
Flutterに触れた開発者
FlutterでWebを開発したい開発者

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

Flutter
Dart

こんにちは
です。

受講生

受講レビュー

回答

5.0

講座評価

講座

안녕하세요

샐링잇(Sailing-it)대표 김진한입니다.

https://sailing-it.com/

Native App 개발자로 시작해 현재 '샐링잇(sailing-it)'이라는 회사를 운영하고 있습니다.
실무에서 Flutter App, Web을 사용하고 있습니다.
시장에서 Flutter의 긍정적인 반응을 몸소 체험하고 있습니다.
Offline 국비지원, 기업 Flutter 강사로 활동중입니다.
Flutter와 Native앱 개발 블로그를 운영중입니다.
https://jinhan38.com/

カリキュラム

全体

42件 ∙ (6時間 32分)

講座資料（こうぎしりょう）:

授業資料

セクション 1．イントロ

3件 ∙ (9分)

セクション 2．プロジェクトの作成と基本設定

4件 ∙ (32分)

4. フォルダ構造の作成
07:32
5. ビーマーパッケージの適用
09:37
6. 最初のビルド
02:51
7. style 設定
12:09

セクション 3．メニュー

5件 ∙ (45分)

8. Menu Widget(Web)の作成
10:09
9. CustomTextButtonによるボタンウィジェットの共通化
07:13
10. メニュータブの変更
07:17
11. Menu Widget(Tablet, Mobile) の作成
07:05
12. レスポンシブページ用のScreenLayoutBuilderクラス
14:01

セクション 4．Common widgets

4件 ∙ (41分)

セクション 5．お問い合わせ

11件 ∙ (2時間 4分)

セクション 6．採用

5件 ∙ (46分)

セクション 7．ポートフォリオ詳細

5件 ∙ (38分)

セクション 8．会社紹介

2件 ∙ (36分)

セクション 9．リリース

2件 ∙ (15分)

セクション 10．Next

1件 ∙ (1分)

講座掲載日:

最終更新日:

受講レビュー

全体

12件

5.0

12件の受講レビュー

hhw30036723
受講レビュー 1
∙
平均評価 5.0
5
31% 受講後に作成
Flutter web開発を試してみたくて受講しました。ティーストーリーを見て講義を申し込みましたが、涼しく短く叩いて行って陣道よく出ますね。
- sailingit
  知識共有者
  ありがとうございます。より良い講義を提供するよう努力します。
jingoworld
受講レビュー 2
∙
平均評価 5.0
5
100% 受講後に作成
ライブラリを自分で作ってみる部分がとても良かったです。おかげでコードに対する理解度も高まり、自分で作ってみる勇気もできますね。次の講義が楽しみです！
- sailingit
  知識共有者
  ありがとうございます。より良い講義を提供しよう！
jinhan383834
受講レビュー 1
∙
平均評価 5.0
5
31% 受講後に作成
Flutter Webに触れる講義がなかったのに良い機会になりました。従来考えていなかったことが分かって良かったし、Flutter Webに対する可能性も確認できました。講義進行方式も簡単明瞭にしてよかったです。
- sailingit
  知識共有者
  ありがとうございます。より良い講義を提供するよう努力します。
juwonjeon8528672
受講レビュー 2
∙
平均評価 5.0
修正済み
5
98% 受講後に作成
アプリ開発者として就活中ですが、Webも作ってみたいと思っていたところ、FlutterでWeb開発する講座を見つけてすぐに購入しました！！ Android開発者として就活中なので、Android StudioとKotlin、Flutterに慣れているのですが、慣れている言語でWeb開発ができるというのがとても大きなメリットに感じました。まだ完走はできていませんが、週末の間に完走して個人ポートフォリオをWebサイトで作ってみようと思います。私はすでに開発を少しはやったことがある状態なので、進度を速く進めていくような感じの講座が私にはとても良かったです。そしてショートカットキーを使うスキル、実務で実際にどのようにコードを書くのか、こういった過程を映像で短くでも一緒に学べる感じだったのがより良かったと思います。良い講座を提供していただき本当にありがとうございます。次の講座もとても期待しています！！！！
- sailingit
  知識共有者
  ありがとうございます:) 次回の講義はもっと一生懸命準備します!
jungsik
受講レビュー 43
∙
平均評価 5.0
修正済み
5
100% 受講後に作成
flutterいいですね。続編の講義を待っています。お疲れさまでした。
- sailingit
  知識共有者
  お役に立てて大変嬉しいです。ありがとうございます😊

￥8,149

似ている講座

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

Bootstrap を活用したレスポンシブ Web 制作 [基本概念編] ブートキャンプ

youngcodikimssam

デバイスに応じてレイアウトが変更されるレスポンシブなWebページを作成するために、Bootstrapを活用する方法について解説した講義です（改訂版）。

초급

Bootstrap, Responsive Web, Web Design

Bootstrap を活用したレスポンシブ Web 制作 [基本概念編] ブートキャンプ

youngcodikimssam

簡単に学び、ポートフォリオにするレスポンシブWeb！ #雪花水

lizb

簡単に作るレスポンシブWebワーキングポートフォリオ！

초급

HTML/CSS, Responsive Web, Clone Coding

簡単に学び、ポートフォリオにするレスポンシブWeb！ #雪花水

lizb

XD UIデザイン+ Clone CodingインタラクティブレスポンシブWebポートフォリオ！

lizb

実務でやろう！スクロールに対応するレスポンシブWebポートフォリオ＃最高のエンジニアリング

초급

Responsive Web, Interactive Web, XD

XD UIデザイン+ Clone CodingインタラクティブレスポンシブWebポートフォリオ！

lizb

レスポンシブウェブサイトポートフォリオ (App Official Landing Website)

codingworks

レスポンシブウェブサイトポートフォリオ（App Official Landing）の制作過程はHTML+CSS+JQUERYパブリッシングで、レスポンシブウェブサイト全体の製作過程を通じてパブリッシング中級実力に行く基本基をしっかりして実戦パブリッシングのノウハウを持つようになります。特に、ウェブサイト全体の制作過程を十分な説明と実践作業で経験し、個人ポートフォリオウェブサイトの制作に自信を持つようになります。必要に応じて使用する必要があるジェイクエリプラグインで、Scroll Reveal AnimationとSlickスライダの使い方を学びます。レスポンシブ制作方式は、従来方式のfloatとpositionを利用したレスポンシブレイアウト制作方式で製作します。しかし、ある特定の要素ではFlexを使用する部分もあります。

초급

HTML/CSS, jQuery, Responsive Web

レスポンシブウェブサイトポートフォリオ (App Official Landing Website)

codingworks

Bootstrapを活用したレスポンシブWeb制作[実践編]ブートキャンプ

youngcodikimssam

Bootstrap(BOOTSTRAP)を活用したレスポンシブWebページ作成[2024年改訂版]の実際の制作授業として、デバイスに応じてレイアウトが変わるレスポンシブWebの実務ページをBootstrap4を活用して直接制作してみます。

초급

Bootstrap, Responsive Web, Web Design

Bootstrapを活用したレスポンシブWeb制作[実践編]ブートキャンプ

youngcodikimssam

UIUX ポートフォリオ Part.3 - レスポンシブ Web ポートフォリオ

lizb

計画 - デザイン - 実装プロセスの3番目のプロセス - レスポンシブWebポートフォリオテンプレートの作成

초급

Responsive Web, JavaScript, jQuery

UIUX ポートフォリオ Part.3 - レスポンシブ Web ポートフォリオ

lizb

ピュアなHTML/CSS/JSのみを活用したレスポンシブウェブ制作【実践編】ブートキャンプ

youngcodikimssam

Bootstrapを使わずに、純粋なhtml/css/jsのみを活用して、デバイス別に多様なレイアウトを実装できるレスポンシブウェブページ作成[2024年最新版]授業の実践制作授業です。

초급

HTML/CSS, Responsive Web, Interactive Web

ピュアなHTML/CSS/JSのみを活用したレスポンシブウェブ制作【実践編】ブートキャンプ

youngcodikimssam

AWS SAA-C03 資格短期集中対策 - たった163問で2週間で合格する方法

jscode

AWS SAA-C03 (AWS Certified Solutions Architect - Associate) 資格に、たった163問で2週間で合格できる短期集中講座を作ってみました！

초급

AWS, devops, infrastructure

AWS SAA-C03 資格短期集中対策 - たった163問で2週間で合格する方法

jscode

Golangによるバックエンドの開発と環境の構築

July

Golangを通じてCRUDをどのように構成するかはもちろん、フロントエンドとコラボレーションする際に利用可能なPostMan活用法やRepository管理と環境構築まで！実際の実務で必要な知識を込めました。

초급

Go, crud, postman-mocks

Golangによるバックエンドの開発と環境の構築

July

非開発者が4週間で収益化サービスを作る：AIバイブコーディングウェブ + アプリ ALL IN ONE

dingcodingco

コーディング知識不要！あなたのアイデアをたった4週間で実際の収益に変えてみませんか。 AIと最新ツールを活用して、ウェブサイトとアプリを同時に作成し、すぐにサービスまで連携します。

입문

Flutter, Next.js, cursor

非開発者が4週間で収益化サービスを作る：AIバイブコーディングウェブ + アプリ ALL IN ONE

dingcodingco

Amazon AWS入門

Masocampus

第4次産業革命を導く大勢、クラウドコンピューティング！ Amazon AWS入門講義で誰でも簡単にクラウドコンピューティングを始めましょう。

초급

AWS, WordPress

Amazon AWS入門

Masocampus

本当！ウェブサイト制作！ Step by Step！（「クルアラモード」_反応型ウェブ制作）

jyoung

本当！ウェブサイト制作 Step By Step!クルアラモード（https://crewalamode.com/）メインページをそのまま製作してみる過程です。サイトに盛り込まれているカラフルなインタラクティブウェブをそのまま製作、実装してみる過程で、複雑なレイアウトも簡単かつ迅速に制作する実務コアノウハウをそのままお知らせします。

초급

Responsive Web, jQuery, HTML/CSS

本当！ウェブサイト制作！ Step by Step！（「クルアラモード」_反応型ウェブ制作）

jyoung

Inflearn クローンコーディング Part 1: Next.jsとNestJSで始める実戦プロジェクト

lopun

🔥 講座登録から動画アップロードまで、知識共有者機能をそのまま実装してみる実戦フルスタック講座です。Next.js 15とNestJSを活用して講座作成、カリキュラム構成、サムネイルおよび動画アップロード、詳細紹介作成まで実際のInflearnフローに沿って作りながら、Prismaモデリング、JWT認証、S3 + CloudFrontアップロード、Swagger API設計など実務に近い経験を積むことができます。

중급이상

AWS, Docker, Next.js

Inflearn クローンコーディング Part 1: Next.jsとNestJSで始める実戦プロジェクト

lopun

Spring BootとAWSでバックエンドサービスを一通り完成させる

apiece

Spring Boot、MySQL、Docker、AWS EC2、RDSでバックエンドサービスの一連のサイクルを完成させます。アプリケーションのデプロイを通じて達成感を得て、API開発時に現場でサーバー開発者が直面する問題とその解決法を扱います。

초급

AWS, MySQL, Docker

Spring BootとAWSでバックエンドサービスを一通り完成させる

apiece

フロントエンドエンジニアのためのバックエンド 101 (NestJS, TypeORM)

lopun

最も速くバックエンドを始められるNestJS！複数の実践プロジェクトを通して、バックエンドフレームワークであるNestJSとTypeORM、そしてサーバー開発者なら必ず知っておくべき必須の理論知識までを短期集中で学びます。

초급

NestJS, TypeORM, PostgreSQL

フロントエンドエンジニアのためのバックエンド 101 (NestJS, TypeORM)

lopun

Inflearn クローンコーディング Part 2: 受講から配布まで、本物の Inflearn 完成させる

lopun

🔥 講義受講から決済、デプロイまで、受講生が経験する全過程をそのまま実装してみる実践フルスタック講義です。講義探索、詳細ページ、受講申込、動画視聴、受講レビュー・質問、カート・実決済、続きを見る、Docker + AWSデプロイまで、すべて自分で作り、実サービスに近いユーザーフローと構造設計を学び、高度なフルスタック経験を完成させます。

중급이상

AWS, Docker, Next.js

Inflearn クローンコーディング Part 2: 受講から配布まで、本物の Inflearn 完成させる

lopun

初めてのFlutter(フラッター) 基礎から実践まで [フルスタック Part4] (簡単で堅牢に段階別に多様なプロジェクトまで)

funcoding

本講座は、dartプログラミングの基礎からFlutterの基本及び中級機能、さらにはバックエンドであるFirebaseを連動させ、実際のプロジェクトまで！Flutterを段階的に習得できる完成度の高い講座です。

초급

Flutter, Firebase, firestore

初めてのFlutter(フラッター) 基礎から実践まで [フルスタック Part4] (簡単で堅牢に段階別に多様なプロジェクトまで)

funcoding

SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

ehtjd339667

ReactフロントエンドとSpringBootバックエンドをAWSクラウドに直接デプロイするポートフォリオ中心の講座！素早く自分のポートフォリオにフロント、バックエンドプロジェクトをデプロイしたい方に役立つ講座です！デプロイに必要な知識を、サーバー設定からDocker、Domain接続、Nginx、HTTPS適用まで段階別に短期間で実習できるようになります！

초급

React, Java, AWS

SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

ehtjd339667

簡単に学ぶAWS + Terraform基礎

zdpk

AWSとTerraformの基礎的な使用方法を同時に学習できます。実習を通じて慣れることができます。

입문

Network, AWS, Computer Architecture

簡単に学ぶAWS + Terraform基礎

zdpk

基礎から実務まできちんと学ぶFigma UIデザインクラス

bolduxlab

基礎から実務まで、Figma一つで完結するUIデザインオールインワンクラス! オートレイアウト・コンポーネントの核心機能から、レスポンシブデザイン、効率的なハンドオフ、コラボレーションまで実務スキルを完璧にマスターします。今すぐ始めて、あなたのデザイン力をワンランクアップグレードしましょう!

입문

Web Design, Prototyping, Figma

基礎から実務まできちんと学ぶFigma UIデザインクラス

bolduxlab

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

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

5.0

受講後に得られること

FlutterでWebを開発

こんな方におすすめです

この講義の特徴

認識の変化

Web中心のFlutter講義

低ライブラリ依存性

速い講義速度

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

講義を聞く方法

受講後は

講義シリーズ

Flutter SEOについて

受講前の注意

練習環境

選手の知識と注意事項

こんな方に
おすすめです

こんにちは
です。

カリキュラム

受講レビュー

似ている講座

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

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

5.0

受講後に得られること

FlutterでWebを開発

こんな方におすすめです

この講義の特徴

認識の変化

Web中心のFlutter講義

低ライブラリ依存性

速い講義速度

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

講義を聞く方法

受講後は

講義シリーズ

Flutter SEOについて

受講前の注意

練習環境

選手の知識と注意事項

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

似ている講座

こんな方に
おすすめです

こんにちは
です。