Flutter

📖 もうちょい詳しく

何が新しいの？

スマホアプリは、これまでiPhone向けとAndroid向けで別々に作るのがふつうでした。同じアプリでも二度作る手間がかかるわけです。Flutter（フラッター）は、Googleが提供するUIフレームワーク（画面まわりを作るための道具一式）で、1つのコードからiPhone・Android・Web・デスクトップ向けにまとめて出せるようにしたのが特徴です。

どうやって動いてるの？

Flutterでは、Dart（ダート）という言語で画面とその動きを書きます。そして書いたものを、それぞれの機器が動かせる形に変換して届けます。ボタンや文字といった見た目を、機器に元から入っている部品に頼らず、Flutterが自前の描画エンジンで一から描くのも特徴です。そのため、どの機器でも同じ見た目をそろえやすくなっています。

何ができるの？

買い物アプリやSNS、社内向けの業務アプリなど、画面を持つアプリを幅広く作れます。1つのコードを直せば複数の機器に反映できるので、作り直しや手直しの手間を減らせます。画面の変更をすぐ確認できる仕組みもあり、見た目を試しながら整える作業に向いています。

🌱 身近なたとえ

たい焼きの型で例えると、分かりやすいかもしれません。1つの型（コード）を用意しておけば、そこから同じ形のものを何枚も焼けますよね。Flutterも似ていて、1つのコードという型から、iPhone用・Android用といった複数の機器向けのアプリを取り出せます。しかも見た目を自前で描くので、どの機器でも形がそろいやすいわけです。

✅ まず覚えるポイント

• Googleが提供する、画面まわりを作るためのUIフレームワークです
• Dartという言語で書きます
• 1つのコードからiPhone・Android・Web・デスクトップに出せます
• 見た目を自前の描画エンジンで描き、機器ごとの差を抑えます
• 画面の変更をすぐ確認しながら作れます

🧭 よくある勘違い

Flutterは言語の名前なの？

混同されがちですが、Flutterはフレームワーク（道具一式）の名前です。実際にコードを書くときに使う言語はDartという別物です。「Dartで書いて、Flutterという道具で複数の機器向けに仕上げる」と分けて覚えると整理しやすいです。

1つのコードなら、どの機器でもまったく同じになるの？

土台は共有できますが、すべてが完全に同じになるとは限りません。機器ごとの細かな作法や、その機器だけの機能を使いたい場面では、個別の調整が必要になることもあります。共通部分を大きくまとめつつ、必要なところだけ作り分ける、という使い方が現実的です。

🧩 関連して覚えると楽な言葉

• React Native: 1つのコードで複数機器向けに作る、Flutterとよく比べられる仕組み
• クロスプラットフォーム: 1つのコードを複数の機器で動かす、という考え方そのもの
• モバイルアプリ: スマホやタブレットで動く、Flutterが作る対象のアプリ
• ネイティブアプリ: その機器向けに個別に作った、見た目や動きが機器になじむアプリ

🏁 ひとことでまとめ

Dartで書いた1つのコードを、複数の機器向けのアプリへ仕立て、見た目までそろえてくれる道具がFlutterです。