1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

iPadでアプリ開発環境を構築する(Flutter編)

Posted at

最近のiPad(Air以上)はM1やM2チップが搭載され、ラップトップとの違いはメモリ容量くらいの差しかないのではないかと思います。そのため、iPadで十分アプリ開発が出来るのではないでしょうか。iPadなのでAndroidアプリ開発には不向きですが、ハイブリッドアプリやマルチプラットフォーム向けの言語であればiOS/Android両方に対して開発できます。

特にiPadであれば、自分用のPCがない学生の方でもチャレンジしやすいのではないでしょうか。今回はFlutter向けのアプリ開発環境を整えてみたので、方法を紹介します。

Zapp!をPWAとして配置する

ベストな方法としてはPWAの利用になります。iPadのSafariでZapp!にアクセスして、Webサイトをホーム画面に追加します。そうすると、アイコンもZapp!のものが表示されます。

image.png

立ち上げると、専用アプリのように開きます。

6764B240-9D19-48DB-BDF8-7D5EA02BB37E_1_105_c.jpeg

開発スタイル

Zapp!を使った場合、3ペイン表示がデフォルトになります。左からファイルツリー、エディタ、プレビューです。

6764B240-9D19-48DB-BDF8-7D5EA02BB37E_1_105_c.jpeg

ファイルツリーを閉じれば、プレビューを見ながらでも十分開発できそうです。

87087633-BD9A-40CA-8F3C-35A3C42C9EB6_1_102_o.jpeg

また、QRコードを読み込んで別なデバイスでプレビューを見ながら開発もできます。

E524ED24-B98C-4569-B991-95008015FEF1_1_102_o.jpeg

Zapp!はWebに対応したライブラリを自由にインストールして利用できます。逆に、iOSやAndroidネイティブにしか対応していないものは利用できません。

ビルドはなし

Zapp!にはビルド機能はありません。Zipファイルとしてダウンロードできるのみです。

DartPadを使った方法

DartPadもDart開発ができるWeb IDEになります。ただし、任意のライブラリはインストールできませんので、Zapp!の方が自由度は高いでしょう。

まとめ

今回はiPadでのFlutterアプリ開発にチャレンジしました。ビルド環境はありませんが、Webにも対応したFlutterアプリであればZapp!で十分に開発できるでしょう。iPadで手軽にスマートフォンアプリ開発にチャレンジしてみたい方は参考にしてください。

ニフクラ mobile backendはFlutter用にSDKを提供しており(コミュニティSDKであり、公式サポートは受けられません)、Flutter/Dartアプリで利用可能です。ぜひお試しください!

1
1
1

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?