coiai Logo

【実況】Flutter Apple Silicon mac でハローワールドまで

この記事はとりあえず公式ドキュメントに従って実行するまでを実況しています。またしても私はインターネットデブリを作る。(公式ドキュメントを読もう!)

https://codelabs.developers.google.com/codelabs/flutter-codelab-first?hl=ja#2

環境

  • Apple Silicon M1 MacBook Air
  • 16Gb
  • Sequoia 15.0
  • Xcode Version 16.0 (16A242d)

2024/10/10時点での実行確認

手順

Flutter 環境構築

公式ドキュメントからGet Started のページに移動します。

このページを参考にしました。

プラットフォームごとにインストールの手順を解説してくれています。
https://docs.flutter.dev/get-started/install

一応 iOS を選択した。()

rosetta 2 を使うっぽいのでインストール。

softwarupdate --install--rosetta

これを読んでる人は大丈夫そうですが……。

エミュレータ用にXcode, コーディング用にVSCode はインストールしておきましょう。

VScodeのプラグインはhttps://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter こちらが公式で推薦されていたのでインストールしておきましょう。

上記のFlutter用の拡張機能のインストールを確認したら。

VSCodeを使ってFlutterをInstallします。

次にコマンドパレット[cmd + shift + P]を開いて [Flutter]と入力します。

選択肢にある[Fluttter: New Project]を選択します。

SDKがインストールされていない場合は右下にポップアップが出てくるので[Download SDK]を押しましょう。

どこにSDKをインストールするかを選択できるので、ルートの下にdevelopment フォルダを用意するのがいいでしょう。 ~/development/ フォルダを選択したら[clone Flutter]を押します。

最初のアプリを作る

コマンドパレットを開いて flutter: new project をします。プロジェクトは好きなディレクトリを選択します。Project Name は first_flutter_app にしました。

とりあえず素のまま実行してみる(高いとんかつも最初の一口はそのまま食べろと言われる)

F5 キーを押すと実行できます。

カウンターアプリが立ち上がった!! 良さげ〜

投稿日: 2024年10月10日
カテゴリ: Flutter
タグ: Android, iOS, プログラミング
coiai

coiai

この記事もおすすめ

ポッドキャストを取った後Auditionですべきこと

ポッドキャストを取った後Auditionですべきこと

この記事はポッドキャストなどの音声コンテンツを取った後にAuditionで編集する方法について解説しています。 環境 やること 基本的に以下の4つの工程をすると、かなりクオリティアップにつながります! ノイズリダクション 無音部分を選択します。開始地点をi, 終わりをo キーを押すと選択できます。選択できたらエフェクト→ノイズリダクション/リストア→ノイズプリントをキャプチャを押します。 続いて、全体を選択します。cmd, a で全選択になります。エフェクト→ノイズリダクション/リストア→ノイズリダクションを選択します。 以下のようなパネルが表示されうので、ノイズのみをきたりして、削減ちを調整して、良い感じになったら適応ボタンを押します。 シングルバンドコンプレッサ 左のパネルのエフェクトトラックから▶️ボタンを押し、振幅と圧縮→シングルバンドコンプレッッサを選択します。 選択すると下記のようなパネルが開きます。それぞれ、 といった意味があります。設定値は下記画像のようにしています。 設定がめんどくさい場合はプリセットからラジオレベラーを選択してください。 EQ(声をクリアにする) パラメトリックイコライザーを使用します。エフェクト→フィルターとイコライザ→パラメトリックイコライザーを選択します。 私の場合は下記のように設定しています。 無音カット エフェクト→診断→無音をカットをすると左パネルに診断が表示されます。 効果を無音を削除、プリセットをポッドキャストにするとちょうどよくなると思います。設定したら、スキャンボタンを教えて、全て削除で無音がカットされます。 かなりカットされてしまうので、短いCM等に使うのはありかなという感じです。 参考 Adobe 無音カット https://helpx.adobe.com/jp/audition/using/strip-silence.html

この記事を書いた会社

株式会社coiaiは、「想像できることを美しく実現」を掲げ、XR・Web・アプリ・システム開発およびDX支援を行う会社です。 創業2022年、東京都練馬区に本社を置き、要件のヒアリングからPoC(概念実証)、本番運用まで一貫して伴走します。 まずはお気軽にご相談ください。

商号株式会社 coiai創業2022年1月設立2025年1月23日資本金1,500,000円(設立時点)本社所在地東京都練馬区関町北 3-6-9代表者代表取締役 竹村 啓佑 / 代表取締役 服部 陽良

主なご相談内容

会社概要・役員紹介を見る

詳しい会社情報は会社概要ページでご覧いただけます。

資料請求・無料相談

導入要件のヒアリングからPoC、本番運用まで伴走します。まずはお気軽にご相談ください。

お問い合わせの前に 個人情報保護方針 をご確認ください。