スキップしてメイン コンテンツに移動

投稿

ラベル(web app)が付いた投稿を表示しています

Flutter - インストールからAzure Web Appに登録まで超々入門!

最近Flutterがいい! とかよく言われてるので触ってみました! 私の場合はFlutterを利用してモバイルとかPC用のWeb環境を作ろうと思いました。余裕があったらそのままモバイルアプリも作れるからいいなと思ってこれを選択しましたね。 ここではWindows環境でVSCodeを利用してAzureのサーバーレスのWeb Appを利用する書込みです。マイナー過ぎて本当に大変でした。AzureのWeb AppにはFlutterを基本でサポートしてないのでNode.jsを利用してアップすることになります。 では早速Flutter SDKをダウンロードしましょう。 https://flutter.dev/docs/get-started/install 私はWindowsを使ってるのでWindowsを選びました。最近モバイル開発環境でよくMacを使ってるユーザーが多いですが、Windowsはマイナーになって書込みがあまりありません。色々想像しながらやるしかありませんでした。 次はFlutterをいじるツールをインストールしないとですね。 https://code.visualstudio.com/download 私の場合はVSCodeをよく使うためVSCodeにしました。 特にAndroidとかiOS用開発はしないと思いましたがスマホの仮想マシンもVSCodeから起動できることを知りました! 次はFlutterをVSCodeに繋ぎこみ! ViewメニューからCommand Paletteを選択 上にカーソルが移動したらInstallをタイプ するとメニューが出てきてExtensions: Install Extensionsを選択 左にExtensionが出てきたらFlutterを検索 Dart CodeのFlutterを選択してください。FlutterのExtensionがいっぱい出てきて何が公式なのか分からなかったので色々やってみたらこれでした。 インストールが終わったらFlutterが正常にインストールされたか確認ができます。 同じくCommandPaletteを開いてもいいですが、私は下のTerminalからやってきました。 PS> flutter doctor そしたら何がいっぱい出てきてAndroid Studioがありませんとかの警告が出ました。An