検索キーワード: 「Flutter」


【必読】スマホアプリ開発の次なる一手はFlutter!

スマートフォンアプリケーションの開発は、現代のテクノロジー業界でますます重要性を増しています。しかし、エンジニアとしての経験が乏しい場合、何から学んで良いか迷うこともあるでしょう。特に、どのプラットフォームやツールを選ぶべきかは慎重に検討すべきポイントです。本記事では、スマホアプリ開発における強力な選択肢である「Flutter(フラッター)」に焦点を当てて、その特徴やメリットについて詳しく探っていきましょう。

学習・スキル

Flutterを使ってみよう その1(環境構築)

Flutterとは、Googleが開発してマルチプラットフォームの開発フレームワークで複数のアプリを同じソースで開発できる仕組みです。とりあえず、使ってみようということで今回の目的は、環境構築から進めます。環境・MacOS Ventura 13.6.3・Xcode 15.1※今回はiOS環境開発への環境構築のみ実行

CocoaPods自体のアップデートでのトラブル備忘録

Flutterの環境構築の関連ツールのインストール状態を確認で、インストールしてあるCocoaPodsのバージョンが古かったため、アップデートしたときのトラブルの備忘録として記載します。最近は、OSS利用時、SPMで管理できるようになってきているので、CocoaPods更新は、おざなりになりがちの方、このケースにヒットするかもしれません。同じ現象で悩まれる方の参考になればと思います。◆環境  ・Macbook Pro 2023(チップ Apple M2 Max)  ・MacOS Ventura 13.6.3  ・Xcode 15.1  ・CocoaPods → 以前、別ユーザで古いバージョンをインストール済(v1.8.4)

Flutterを使ってみよう その2(サンプルの実行)

前回の環境構築の記事の続きです。今回は、サンプルプロジェクトを作成し、簡単な動作確認をします。◆環境  ・MacOS Ventura 13.6.3  ・Xcode 15.1  ・VSCode 1.85.1  ・iPhoneX (iOS16.5.1)

製造・コーディング(PG/フロントエンド)

Flutterを使ってみよう その3(開発前準備)

前回のサンプル実行の記事の続きです。今回は、サンプルプロジェクトから開発のために何を抑えておけばよいか知識を深めていきましょう。環境 ・MacOS Ventura 13.6.3 ・Xcode 15.1 ・VSCode 1.85.1 ・Flutter 3.16.5 ・Dart 3.2.3

製造・コーディング(PG/フロントエンド)

Flutterを使ってみよう その4

前回の開発前準備の記事の続きです。今回は、様々なWidgetを使い、画面構成の知識を深めていきましょう。※用例で比較説明したほうがわかりよいため、SwiftUIの用例で比較したいため、SwiftUIで開発したことがあることが前提の記事です環境 ・MacOS Ventura 13.6.3 ・Xcode 15.1 ・VSCode 1.85.1 ・Flutter 3.16.5 ・Dart 3.2.3

製造・コーディング(PG/フロントエンド)

Flutterを使ってみよう その5(画面遷移等の制御)

前回の記事の続きです。今回は、画面遷移等の制御周りの知識を深めていきましょう。※ 用例で比較説明したほうがわかりよいため、SwiftUIの用例で比較したいため、SwiftUIで開発したことがあることが前提の記事です環境 ・MacOS Ventura 13.6.3 ・Xcode 15.1 ・VSCode 1.85.1 ・Flutter 3.16.5 ・Dart 3.2.3

製造・コーディング(PG/フロントエンド)

Flutterを使ってみよう その6(画像表示 他)

前回の記事の続きです。今回は、今まで触れていない実装方法の知識を深めていきましょう。環境 ・MacOS Ventura 13.6.3 ・Xcode 15.1 ・VSCode 1.85.1 ・Flutter 3.16.5 ・Dart 3.2.3

製造・コーディング(PG/フロントエンド)

Flutterを使ってみよう その7(レイアウト方法①)

前回までには詳しく触れてませんが、Flutterにおけるレイアウト方法の知識を深めていきましょう。Flutterでは、レイアウトを制御するウィジェットを利用して、並びに、組み合わせて、画面レイアウトを形成していきます。まずは、基本的なサイズ調整や表示位置のレイアウトを制御するウィジェットを理解することを目的とします。環境 ・MacOS Ventura 13.6.3 ・Xcode 15.1 ・VSCode 1.85.1 ・Flutter 3.16.5 ・Dart 3.2.3

製造・コーディング(PG/フロントエンド)

Flutterを使ってみよう その8(レイアウト方法②)

前回の続きで他のレイアウトについて、触れていきたいと思います。環境 ・MacOS Ventura 13.6.3 ・Xcode 15.1 ・VSCode 1.85.1 ・Flutter 3.16.5 ・Dart 3.2.3

製造・コーディング(PG/フロントエンド)

Flutterを使ってみよう その9(レイアウト方法③)

前回の続きで複数の子ウィジェットをレイアウトする場合の説明とそれらを使った例などに触れていきたい思います。以前までに触れてきた下記のウィジェットも複数の子ウィジェットをレイアウトするウィジェットです。 ・Row :水平整列時に使うウィジェット ・Column :垂直整列時に使うウィジェット ・ListView :リスト表示時に使うウィジェット ・GridView :グリッド表示時に使うウィジェット以降は、その他でも有用なレイアウトウィジェットについて触れておきたいと思います。

製造・コーディング(PG/フロントエンド)

Flutterを使ってみよう その10(入力操作①)

今回は、ボタンやテキスト入力やらの入力操作が必要なウィジェットの実装方法の知識を深めていきたいと思います。環境 ・MacOS Ventura 13.6.3 ・Xcode 15.1 ・VSCode 1.85.1 ・Flutter 3.16.5 ・Dart 3.2.3

製造・コーディング(PG/フロントエンド)

関連タグ

カテゴリ別人気記事

もっと見る
テレワーク関連人気記事

週間人気記事

もっと見る