LoginSignup
1
1

More than 5 years have passed since last update.

Flutterにふれてみる

Last updated at Posted at 2018-08-09

image.png

Flutterとは

  • クロスプラットフォームでアプリ開発するフレームワーク
  • 言語はDart
  • Googleが開発してるOSS
  • Material DesignのUIライブラリが豊富
  • Hot Reloadなどの開発環境が整ってる

setup

自分の環境はMacなので、事前にXcodeは入れとく

$ git clone https://github.com/flutter/flutter.git
$ export PATH=`pwd`/flutter/bin:$PATH # 必要であれば.bashrcとかに書いとく

$ flutter doctor # 依存関係やらいい感じにしてくれるらしい(困ったらこれ叩くとアドバイスくれるっぽい)
# 色々やれとのこと
$ brew install --HEAD libimobiledevice
$ brew install ideviceinstaller
$ brew install ios-deploy
$ brew install cocoapods
$ pod setup

try

$ flutter create flutter_sample && cd flutter_sample
$ open -a Simulator
$ flutter run # コードの変更はターミナル上でrを押すと反映される

動いた!
スクリーンショット 2018-08-09 18.38.10.png

other

  • VSCodeとか使うともっといい感じにHot Reloadできる
    https://qiita.com/ozaki25/items/e765cc90cd6ace675e69
  • フォーマッターもある flutter format <filename>(IntellijとVSCodeならプラグインがやってくれる)
  • エディタのサポートが手厚く、閉じタグの後にこんな感じでフォロー( // AppBar)が入る
    スクリーンショット 2018-08-11 23.43.35.png
1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1