More than 3 years have passed since last update.

kotlinを触った後にFlutterを触ってみて感じた感想

Last updated at 2021-08-29Posted at 2021-08-29

#初めに
　この記事では、Kotlinを触った僕がFlutterを使ってみた感想を紹介します。
なぜ、僕がこの記事を書こうと思ったかというと、初めにKotlinを触ったあとにFlutterに入門してそのアプリ開発の手軽さに驚いたからです。KotlinもFlutterもとても良い言語・フレームワークですが、KotlinとFlutterを比較し僕の経験・知っている範囲で僕個人の意見を紹介させていただきます。
　なお、記事の投稿に関しては初心者なので誤字脱字などあるかと思いますが、温かく見守ってください。＼(＾ー＾)／

##アプリレイアウトのやり易さ
単純なレイアウト　→　Kotlin
複雑なレイアウト　→　Flutter
　こんな感じ。
###・Kotlinのレイアウト
　Kotlinはxmlファイルにレイアウトを書いていきます。Android studioにはデザイン機能が付いており、xmlファイルをデザインモードで開ことで簡単にGUIからアプリデザインをすることができます。この機能では、簡単なデザインならほとんど完璧に作ることができます。

こんな画面。

赤い箱の中にいろんなWidgetがあり、それを白い画面の中にドラッグ＆ドロップしていくと簡単にデザインが作れます。xmlに切り替えるには青い箱の中のCodeを押します。

　xmlを直接編集してもデザインを作ることができますが、初心者には少し難しい気がします。決まったWidgetのタグがあり、それを正しく配置していくことでデザインします。

　ではどこに問題があるかというと、レイアウトのやり方をググル時です。ほとんどのサイトではxmlのコードを解説しており、デザインモードからのデザインができないことがあります。
　さらに、xmlタグの名前と赤い箱の中にあるWidgetの名前が対応していない時があります。（赤い箱の中には一見異なるWidgetでも実は同じxmlタグで、プロパティーだけ変えてあるものも多くあります。）
　さらにさらに、Widgetのリストの中に表示されていないものもあり、デザインモードがあっても結局あてにならず、コードから編集することもよくあります。

　一つだけのページのアプリであれば簡単にデザインすることができるため、簡単なアプリではKotlinがいいと思います。ただし、僕がサイドバー（横からニュッと出てくるバー）を作るときは、少し苦労しました。

###・Flutterのレイアウト
Flutterのレイアウトは直接コード内に書き込みます。

main.dart(レイアウトが書いてあるところのみ抜粋)


class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              'Qiita',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
    );
  }
}

　書いてみるとReactに似てるなと感じました。

　ここで、コードで書くならKotlinのxmlと同じじゃないかと気づいた人もいるかもしれません。ですがKotlinのxmlよりも分かりやすく簡潔に書くことができます。イメージでいうとReactのように処理とレイアウトを一緒に書いている感じですね。ただ、Widgetのスタイルも一緒に書き込むので、コードの改行が多くなり初めて見たときは少しコードが長いように感じるかもしれません。（中身は簡潔です。）
　なので、難しいレイアウトを書くときはFlutterが書きやすいと感じました。

##環境構築
　環境構築は完全にKotlinです。
理由→Android Studioをインストールするだけだから　以上
###一応　Flutterの環境構築
・Flutter SDKのダウンロード（Android studioのインストール前にやったほうが楽かな？）
・zipファイルの展開（Cドライブの直下とか）＆パスの登録＆再起動（パス登録を反映するため）
・Android Studioのインストール

環境構築では、KboyさんのYouTubeチャンネルに動画が上がっていますのでこれを参照してください。
僕も見ました

####Windows

####Mac

##学習のしやすさ
　これに関しては人によると思います。
Kotlin はAndroid 公式チュートリアルがあります。
コードラボの中は、いくつかの英語の動画が埋め込まれていてお姉さんたちが優しく解説してくれます。文章での解説は日本語で、Kotlinの基礎文法からAndroidアプリの開発まで順番に解説してくれます。
　しかし、KotlinがGoogleのAndroidアプリ開発推奨言語に指定されたのは2019年で最近のことなのでYouTubeで勉強するには日本語の情報が少し少なすぎるかもしれません。また、Androidのバージョンによっての違いも大きいため、Google先生で検索してやっと見つけた情報もAndroid Studioにコピペしてみたらエラー吐いてあてにならないこともよくあります。

　これに対し Flutter はKboyさんやFlutter道場さんなどのYouTubeチャンネルでたくさんの解説動画が上がっているため学習しやすいと思います。チュートリアルは英語だったかな？こちらも新しいフレームワークであるため日本語の情報は少ないと思います。ただしYouTubeに関してはたくさんの情報が上がっているため学習には困らないと思います。
　ただしFlutterが採用しているDartという言語のエラーを解決するには情報が少ないと感じました。エラーでググルとスタックオーバーフローで英語の情報が沢山出てきます。
Google先生で適当に翻訳すればいいと思います。

##言語・開発の安全性
　これはKotlinのほうが少し上回ると思います。
理由は、Androidアプリに関してはGoogle先生が推すKotlinが本家なので安心感はあります。
　また、Flutterは自前のレンダリング（画面描画システム）らしいので、ちょこちょこと不具合を耳にします。（最近は改善されてきています。）
　言語の基本的な安全性に関しては、Flutterの急速な進化によって同じくらいになりました。
・null安全
・推奨されてない部分を修正するコマンドの追加など

$ dart fix

もともとDartにはnull安全がついてなかったんですね～
null安全によってアプリのクラッシュ率がググっと下がります。こりゃ良いですね。

##クロスプラットフォーム開発
　100%　Flutter

そりゃそうだ。
それ用にGoogleが本気で開発してるんだからやっぱりそうだ。
KotlinにもKotlin Nativeがあるそうです（僕は知りません）。ですが、iPhoneになるとAPIが違うのでまるっきりコードも書き換えになるそうな．．．

Flutter　強し
##ネイティブ機能を利用した開発について
　Flutterを使用してネイティブAPIを使うのはとても簡単ですが中身をよく理解するためにはKotlinやswiftなどの学習が必要だと思います。
　例えば、Androidで位置情報にアクセスするのにはパーミッションを取得する必要があります。
AndroidManifest.xml という設定ファイルのようなものに権限の取得について書き込まなければなりません。↓

AndroidManifest.xml

    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <uses-permission android:name="android.permission.INTERNET" />

　もちろんそれはFlutterから行う時も例外ではありません。もともとネイティブ開発の経験がある人であれば分かるかもしれませんが、Flutterから入門した人がなんだかわからないファイルにあれこれ書き込むのも怖いと思います。
　ネイティブ機能についてしっかりと理解しておけばFlutterからの開発でもやることがだいたい予想がつきスムーズに開発できると思います。
　ちなみに、この前KboyさんのGithubを見てみましたが、しっかりとネイティブのコードも乗っけてありました。YouTubeで Flutterを爆推し しているKboyさんでもしっかりネイティブ経験しています。ネイティブを少し学習してからFlutterを学習する流れでも悪くないかもしれないですね。
　Flutterから入門しようとしているそこのあなた！　ネイティブの学習も悪くないですよ💛

kotlinを触った後にFlutterを触ってみて感じた感想

人気