【For Beginner】Setting Up Flutter Environment on Mac (iOS/Android App Development, Programming)
HTML-код
- Опубликовано: 21 авг 2024
- Flutter Official Documentation
flutter.dev/do...
■Table of Contents
1:47 Access to Flutter Official Documentation
3:03 Downloading Flutter SDK
3:20 Setting the Path
8:50 Downloading Android Studio
11:01 Adding Flutter Plugin to Android Studio
11:54 Creating a Project with Flutter
14:54 Downloading Android Emulator
16:05 Additional Setup in Android Studio
17:00 Building in Android Emulator
18:01 Downloading Xcode
19:23 Launching iOS Simulator
Additional Information
The iOS simulator is downloaded at the time of downloading Xcode
Also, if you can't set the path, there is a high possibility that your terminal is not bash but zsh, so please refer to this video!
Method to set the path in zsh, not bash
• 【MacのFlutter環境構築】bashし...
■Join to Flutter University, click here
flutteruniv.com
■For inquiries
/ kboy_silvergym
#Flutter #AppDevelopment #Programming
パス通せない方はターミナルがbashじゃなくてzshの可能性が高いのでこちらの動画参考にしてみてください!
bashじゃなくてzshでパスを通す方法
ruclips.net/video/N8hY1WK8g5c/видео.html
プログラミング独学3年目の51歳。朝6時から3時間半かけて今環境構築成功‼︎ウレシー!
この動画がなかったら、この感動はありませんでした。ありがとうございます。
■KBOYのアプリ開発サロン
入会はこちらから
kboy-salon.com
■目次
1:47 Flutter公式ドキュメントへアクセス
3:03 Flutter SDKダウンロード
3:20 パスを通す
8:50 Android Studioのダウンロード
11:01 Android StudioにFlutterプラグインを入れる
11:54 Flutterでプロジェクトを作ってみる
14:54 Androidエミュレータのダウンロード
16:05 Android Studioの追加セットアップ
17:00 Androidエミュレータにビルド
18:01 Xcodeのダウンロード
19:23 iOSシミュレータの起動
目次は、概要欄に書いてもらえるとスライドバーに反映されるので有り難いです。
今年flutterやろうと思っていた自分にとって神チャンネル😍
16:48あたりのチェックボックス、私の場合元々チェックが入っていたのですが、そのままデバッグすると、エラーになりました。チェックを一度外して、もう一度チェック入れると解決しましたので、一応。
この手の動画と独学で頑張ってみます!
細かくて丁寧な解説、ありがとうございます。
動画だとわかりみ深~い~😆💕✨
Flutterに興味があり、最近この動画を見つけましたが、Android Studioの設定画面などが1年で大きく変わっていますね。そのせいかビルドしてもエラーが出てアプリ起動せず。汗
中国の友人に中国の若者の多くが、Macを使っていると聞き意外でした。日本のマスコミが、中国は独自のOSを作っているやHuaweiはAndroidを採用しているのでAndroidが人気だと過剰に報道しているのでiosの需要は少ないと思っていました。
iosとAndroidに対応できるFlutterは中国でも有利だと感じました。
このch素晴らしいです。勉強させて頂きます。ただ、windowsの方が自分的には楽なんですがflutter開発の環境を考えたときMacばかりで開発環境構築でつまずきます。この動画もちょっと萎えました。もちろん、windowsにflutter環境は入ってますが・・・。
今、Macで開発するメリットを教えて欲しいです。昔は、ソフトは高いしおしゃれなデザイナーとかPCを良く知らない人が持つイメージでしたw。
私もiOSにてネイティブ開発するためにMac持ってますけどキーボードがプチプチした変なタッチ感だし、マウスは持ちづらくクリックしづらくて、肝心な時に電池がなくなって発狂します。24時間操作してるような自分には、メカニカルキーボードと握りやすいマウスで開発したいのに、Macはこれで使え!感が半端なくて、型にハメられて自分らしさを表現出来ない飾りマシンという感じ。とは言え、iPhoneとの相性抜群で統一感あるしコード類が少なくて済むのはMacは良いですけどね。
macOSをCatalinaにアップデートしたら「bash」から「zsh(ジィーシェル)」に変更されてるらしく、、「.bash_profile」がなかった、、公式に少し書いてるけど、、困った。何とか頑張って構築はできたんだけここで苦労する人多いかも、、。kさん詳しく解説願いますw
了解です!
自分もそこで詰まりましたが、解決しました。この動画でbash_profileに書き込んだ内容そのままをvim ~/.zshrcしてzshrcというファイルに書き込めばいいと思います。(kboyさんではありませんが、一つの参考になればと思いコメントさせていただきました。)
あとsource ~/.bash_profileまたはsource ~/.zshrc_profileでPATHを反映させるっていうのもたまに必要だったりします!
初めはブラウザで出来る Flutterおすすめしてます!
bon-programming.hatenablog.com/
Flutterの未来を信じ少しでも役に立てればとFlutterブログはじめました。
Kboy教授今後ともよろしくお願いします。
わかりやすい動画です!!全部ダウンロードしたり設定したりしたら、どのくらいMacの容量使いますか?容量開けてからの方がいいですよね?
DLが必要な部分だけまとめました。
これを全部DLしてから方が、動画を見ながらスムーズに環境構築できるかと
03:20
09:25
18:27 (鬼長い)
動画の通りに進めるとDL時間が長すぎて
うっかり悟りを開きそうになります
開きました。
入りました。よろしくお願いします❗️
flutter大学を見て、macでAndroid Studio 4.0.1を使い始めました! しかし、AVD Managerからシミュレーションを起動すると、Unable to locate adbと表示されてしまいます。Android SDK Platformはインストール済みです。ただ何度インストールしなおしても、platform-toolsのフォルダ内にadb.exeがありません。それが表示の原因でしょうか?もしそうなら対処法はございますか?
同じ状況です。解決しました?
M1マックAndroidエミュレーター動作しないので別にダウンロードする必要がありました!
なんとかできましたが大変笑
スペックが低いのでビルドに時間が掛かるって事が良く分かりました…
Android studioでデバッグする時にフリーズしたのかと思うくらい遅かった…
動画では早送りしてますが、僕のPcでも早くて30秒はかかりますよw
MacBook Airを買ったばかりなのでやれるとこまで頑張ってみます。動画楽しみにしてます。
@@flutteruniv こんにちは。
MacBook Pro (15-inch, 2016)2.6 GHz クアッドコアIntel Core i716 GB 2133 MHz LPDDR3でデバッグしたところ
3時間位経っても下記の状態なのですがかかる時間としてはこんなもんですか?
Launching lib/main.dart on AOSP on IA Emulator in debug mode...
Running Gradle task 'assembleDebug'...
✓ Built build/app/outputs/apk/debug/app-debug.apk.
Installing build/app/outputs/apk/app.apk...
p.s.サロン昨晩申し込みさせてもらいました。楽しみにしています。
一回停止させてもう一度デバッグしたら正常に立ち上がりました。お騒がせしました。
flutterで電卓アプリ作るやつとか初心者オススメの動画ruclips.net/video/r0WkZLXGmj4/видео.html
神〜!
めっちゃ分かりやすいですし、このあとが楽しみです。
今はAndroidアプリ開発を勉強してますが
今のアプリが終わったらすぐにやってみます!!
非常にわかりやすいです。
2021の人間なので、お門違いかもしれないですが・・・。
Android studio4.2以降からインターフェースが大幅に変わったようで、もし可能なら新しいバージョンのAndroid studioの環境設定とかご用意してもらえればすごく嬉しい・・・。
無理なら大丈夫です・・・・
良ければWindows版の解説もよろしくお願いします!!
僕windows持ってないので動画では無理そうです!サロンで困ってる方には調査に協力するなどのサポートをします!
KBOYのFlutter大学 ありがとうございます!
参考にさせていただきます!
17:02action出来ないです。
unable to locate adb。
mac book air を使ってパスを通そうと思ったのですが、ターミナルがKボーイさんが出しているようにコマンドがうまく反映されないですが、どうしたら良いでしょうか?・・・早いところ環境構築してKさんのサロン通ってじぶんのアプリをリリースしたいのでお願いします!
目下の目標として、MacOSX用アプリで作りたいものがあります。
もし、プログラミング未経験者が
アプリ開発言語を学びたいと考えた時、
一番最初にflutterをやるよりも
swiftで1度iOSアプリ開発を自分で勉強してから取り組む方が効率的でしょうか…?
それともflutterから取り組むのでも勉強のしやすさでは問題ないでしょうか…?
そうは思わない旨を凡才プログラマーの動画で語っています
KBOYのFlutter大学 見逃していたようで失礼いたしましたぁぁ…!!!!見放さないでくださいいいい!!!!!!
LinuxでのFlutter環境構築も解説して頂ければ有り難いです。もしかして、出来ない?
すみません。LinuxでのFlutter環境構築は出来ますね。RUclipsで英語での説明があり、視聴しました。
ブラックサンダーマークこと
ホットリロードボタンが
押せなくて眠れそうもないです。
Open ios simulatorを選択した後 デバックを選択しても No Connected Devices Foundとなってしまうのですが同じようなかたいませんか??
やってみること
- flutter doctorコマンドで異常ないか確認
- 困ったらパソコンごと再起動
KBOYのFlutter大学 ありがとうございます!何が原因か少しずつわかってきました👍
KBOYのFlutter大学 出来ました! アドバイスありがとうございます😭
動画ありがとうございます 質問なんですが、Android SDKが見当たらない場合はどうすればよろしいのでしょうか?
xcodeを入れてAndroid studioで ios Simulatorを開こうとしても開けないです
同じことが起きました😭
Mac のpc のスペックはどのくらいあればいいですか?
メモリ16GB以上!
こんばんは。わかりやすい動画ありがとうございます。動画見ながらやってみたのですが、Which flutterをいれたら、flutter not found って出てきて、その続きが出来ないのですがどうすればいいですか。
パスを通すことに失敗しています。他のコメント欄とかを参考に何がおかしいか考察してみてください!
@@flutteruniv 返信ありがとうございます。コメント欄を見たら、パスを通せました!
17:15 のデバッグがfailedになる...
その直前のAndroid settingでチェック入れた後のacsept とかが出来てなかったようです。ちゃんと起動できました
よかったよかった
Renao Renao 助かりました、ありがとうございます
17:10のエミレータ?がずっと
「Loading.....」
になっているのですが
どなたか原因がわかる方ご教授頂きたいです。
自分も同じ「loading...」で行き詰まっています。
エミュレーター は起動していますが、andoroid studioとの
連携が上手く出来ていないです。コマンドでflutter doctorを調べてみたところ
Xcodeがインストールされていない、とアンドロイドライセンスが受け入れられていないとの事でした、解決方法分かる方がいましたら教えて頂きたいです。
@@yutamori4326
解決できましたか?
同じ状態です
私も同様のエラーにかなり悩まされましたが、flutterのバージョンが1.17.4だとなるらしいです。
ターミナルで「flutter version 1.17.3」を行いバージョンを下げることでとりあえず実行できるようになりました。
もう解決されているかもしれませんが、一応返信させてもらいました。
github.com/flutter/flutter-intellij/issues/3892
エミュレーター選択の場所がずっとloadingになって進まない……
オンライサロン入ろうと思ったのですが、料金が、、最初に入った人との2000円差は正直辛いです、、涙。再度調整お願いしますw
すでに入ってしまった方もいるので、しばらくはこの値段で行きます!動画は無料で公開するので独学もありですよ!
やっと最初に入ってるデモアプリにたどり着いたけど、プラスボタン押しても、増えない。。。これって大丈夫ですか??
runボタンや、resume programボタンではうまく行きますが、デバッグボタンでは、プラスボタンを押しても数字は増えません
18:06
6:40 のコマンド入力後、~しか表示されません・・・
追記 flutter is not found となってしまいました。
キモチェーーーーーーーーー
※名前変えました。Kboy2世になれるよう頑張ります。
キモチェ
速攻でPCネームを藤川 慶に変えてきますヽ(´Д`;)ノ
Engilish pleaseee
記載会社のカードではないために拒否。入会できず・・・残念^^;
JCBですか?
@@flutteruniv はい、そうですね^^
近いうち対応できるかもですが、、、。スタート時にできなくてすみません🙏準備不足でした‥。
@@flutteruniv いいえいいえ^^; 引き続きflutter動画をたのしみにしてます!内容も目的もわかりやすく、おいて行かれない感じで理解できるので、とてもありがたいです。興味をもって動画を観てます!応援してます!
パスが通らない
コメント欄にヒントが