ブログ
【Flutter】記事まとめ
こんにちは！本記事ではFlutterに関する記事を体形立ててまとめています。目次としてお使いください。 【全体図】 全ての記事を図でまとめています。(2022年2月22日現在）。 気になるものをみてください。Flutter初めてだよ！という方は、初めから読み進め...【2022年版初心者がiOSアプリ作ってみた】記事まとめ
こんにちは。iOSアプリ開発を勉強し始め、無事にApp StoreにAppを申請できるレベルまで達しました。 こちらでは、準備からApp storeへのアップロードまで、一通りの流れについて関連する記事をまとめていきます。 【アプリ開発の準備】 Xcodeのインストー...【Swift/Flutterエラー解決】NSLocalizedDescription=Your session has expired. Please log in.とエラーが表示された場合の対処法
こんにちは！本記事では、久しぶりに開発を行ったときなどに出てくるエラーについて解決方法をご紹介します。 エラー文は以下の通り。 Error Domain=DVTPortalServiceErrorDomain Code=1100 "Your session has expired. Please log in." UserInfo={payload...iPadやiPhoneでGoogle spreadsheetのapp scriptを使用する方法
本記事では、Google spreadsheetで、excelマクロと同等の役割を果たすapp script機能について、iPadなどタブレット端末でも操作する方法を説明します。 【Google spreadsheetとは？】 Google spreadsheetは、Googleが提供している表計算ソフトです。Excel...【Flutter】Xcodeでビルド中に”Framework not found Pods_Runner”と出た場合の解決方法
こんにちは！本記事では、Xcodeでビルドしている際に下記エラーが表示された場合の対処法について説明します。 Framework not found Pods_Runner Framework not found Pods_Runnerが出た場合は、Xcode>BuildPhases>Link Binary withLibraryからPods_...【Flutter】AppStoreにアプリをリリースする手順
こんにちは！本記事では、作成したアプリをAppStoreに公開するまでの方法を説明します。 【Apple Developer Programに参加する】 このページから、App Store Small Business Programに参加します。参加することで、App storeにアプリを登録できるようにな...【Flutter、Xcode】Bundle IDの調べ方
こんにちは！本記事では、Bundle IDの調べ方をまとめています。 【該当するプロジェクトのXcodeファイルを開く】 flutterから開く方法 flutterのプロジェクトから、ios>Runnerのディレクトリを右クリックし、Open In>Finderをクリックします。 Finde...【Xcode, flutter, swift】シミュレータのスクリーンショットを撮る方法
これまで知らなかったんですけど、、シミュレータのスクリーンショットは、ターミナルを使わなくても綺麗に撮れるんですね。。 【⌘+shift+4→スペース→option→シミュレータクリック】 下に、影ありと影なしの両方のスクリーンショットを貼っています。下部...【flutter】メール送信やurlを開く機能を実装する方法 ~url_launcher~
こんにちは！本記事では、flutterで作成したアプリからメールを起動したり、特定のリンクに飛んだりする方法について、url_launcherというパッケージを用いて説明します。 【パッケージのインストール】 今回はurl_launcherを使用します。 ターミナルで、f...【flutter】アプリにシェア機能を持たせる~Share~
こんにちは！ 本記事では、右の動画のように、シェアボタンを押すことでSNSなどにシェアする機能を呼び出す手順を説明します。 シェアする機能に必要なパッケージはShareというパッケージです。 【パッケージをインストール】 ターミナルで、flutter pub a...【flutter】スワイプでリストを削除する方法~Dismissible()を使う~
こんにちは！本記事では、左の動画のように、スワイプすると選択したリストが削除されるように実装する手順を説明します。 【Dismissibleウィジェットの埋め込み方例】 使い方としては、こんな感じです。oneListというリストの中に、文章が格納されている...【flutter】textやWidgetをスクロールする方法~SingleChilledView~
こんにちは！本記事では、スマホアプリで画面内をスクロールしたい時に使うWidget、SingleChilledViewについて説明します。 【SingleChilledViewとは？】 SingleChilledViewとは、Widgetの一つです。スクロールしたいWidgetをSingleChilledViewで覆うこと...【Flutter】アプリのアイコンを設定する方法
こんにちは！本記事では、flutterのパッケージ"flutter_launcher_icons"を用いて、アプリアイコン画像を設定する方法と手順を説明します。 【手順】 パッケージのインストール まずは、下記ページに従ってパッケージをインストールします。 https://pub.de...【Flutter】エミュレータ右上に出てくる「DEBUG」を非表示にする方法
MaterialApp()の内部で、下記のようにdebugShowCheckedModeBanner: falseを設定します。 実行すれば、Debugのバナーが消えているはずです。 void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildConte...【flutterエラー】”Cannot run with sound null safety, because the following dependencies don’t support null safety:”
上記記事のように表示される場合は、null safetyという新しいバージョンに必要な機能が実装されていない古いパッケージを使っていることが原因です。 【解決方法１: バージョンのアップデート】 flutter pub outdatedもしくはflutter updateをターミナルで...【flutter, Google colaboratory】Flutterで機械学習機能を備えたアプリを作ろう！手順まとめ
本記事では、flutterとGoogle colaboratoryを用いて、機械学習をモバイルアプリに実装する方法を説明します。 【1. 準備】 まず、flutterを初めて触る！という方は、flutterをPC内に導入する必要があります。下記記事をご覧ください。 https://www.mecheng...【Flutter】Firebaseを使ってデータを読み書きするチュートリアル・エラー解決法まとめ
Firebaseをflutterに入れる手順とその際に発生するエラーについてまとめています。 【前提条件】 Firebaseのアカウントが既に作成されていることを念頭に解説します。 【Firabaseでアプリの登録】 プロジェクトの追加 Firebaseのページにいき、プロジェク...【Flutter】Mac M1で”device emulator-5554 is offline”と出る場合
こんにちは！本記事では、下記のエラーが出た場合の対処法についてご紹介します。 Error connecting to the service protocol: failed to connect to http://127.0.0.1:1025/ device emulator-5554 is offline 【いつ起こるのか】 Android studioでAndroid...【Flutter】画像をアプリ内で使う方法
こんにちは！本記事では、画像をアプリ内で使う手順について説明します。大まかには、imagesフォルダ作成→pub spec.yamlに追記です。 【imagesフォルダ作成】 プロジェクト直下にimagesフォルダを作りましょう。プロジェクトを選択して右クリック>New&g...【Flutterエラー】”LoadError – dlopen…”
Mac M1でiOS用にpod updateをした際、下記のようなエラーが出ました。 LoadError - dlopen(/Library/Ruby/Gems/2.6.0/gems/ffi-1.15.5/lib/ffi_c.bundle, 0x0009): tried: '/Library/Ruby/Gems/2.6.0/gems/ffi-1.15.5/lib/ffi_c.bundle' (mach-o file, but...【Flutterエラー】”Execution failed for task ‘:geolocator_android:compileDebugJavaWithJavac’ in flutter”
flutterで古いバージョンのプロジェクトを実行しようとしたところ、タイトルのようなエラーが出てきました。 【解決方法】 compileSdkVersionを上げる app/build.gradleのcompileSdkVersionを,31もしくはflutter.compileSdkVersionにします。 android { co...【Flutter】TabBar()を下(bottomNavigationBar)に配置する方法
こんにちは！本記事ではTabBarでページ遷移する方法について、サンプルコードと一緒に説明していきます。 【作りたいもの】 左の動画のように、下にTabBarを設置し、それぞれのTabBarを押すと該当するページやウィジェットが開かれるようになります。 【サ...【Flutter】パッケージをインストール/アンインストールする方法について~コマンドと一緒に紹介
パッケージとは、Widgetをまとめたものです。目的に沿ったパッケージを導入することで完成されたWidgetを使って簡単に開発ができるため、手間が大幅に短縮されます。 本記事ではパッケージの探し方やインストール/アンインストール方法についてのコマンド...【Flutterエラー解決】”Could not find the correct Provider<> above this Widget.”の解決法
こんにちは！本記事では、Provider()を使用したときに出てくるエラーについて解決方法をご紹介します。 エラー文は以下の通り。 The following ProviderNotFoundException was thrown building MyApp(dirty):Error: Could not find the correct Provider&l...【bookmarker】Privacy policy
Last updated: February 28, 2022 This Privacy Policy describes Our policies and procedures on the collection,use and disclosure of Your information when You use the Service and tells Youabout Your privacy rights and how the law protects Y...【Flutter】”Module ‘flutter_inappwebview’ not found Xcode”と出た場合の対処方法
本記事では、以下のエラーについて解決方法をまとめました。 "Module 'flutter_inappwebview' not found Xcode" Flutterで作成したものをXcodeでArchiveしようとした際に出てきました。 【原因】 下記二つを試してみてください。 Pod installがされていな...【Flutter、Swift】GitHubって何？初心者向け解説
こんにちは！本記事では、GitHubの役割、GitとGitHubの違い、バージョンコントロールについて説明しています。 【GitHubの役割】 GitHubは以下二つのことができます。 オンライン上でのコードのバージョンコントロール世界中に自分が作ったコードのシェア...【Flutter】Flutterとは？Dartの違いは？簡潔に説明
こんにちは！本記事では、Flutterを初めて使う方やこれまでなんとなく使ってきた方向けに、Flutterについてまとめています。 【Flutterは、Googleが提供しているフレームワーク】 Flutterは、2018年12月からリリースされているGoogleが提供している無料の...【Flutter準備編】Flutter準備編の記事目次
このページでは、Flutterを始める準備に必要な記事をまとめています。この記事を一通りこなせば、Flutterの基礎を理解し、PCで開発を行う準備が完了します。 【Flutterの基礎知識】 そもそもFlutterとは？Dartとは？どんな特徴があるのか？についてまとめ...【Flutter】validation failed: Couldn’t parse property list because the input data was in an invalid format と出た場合の対処方法
InfoPlist.stringsで、文末のセミコロンを忘れてました。下図のようにセミコロンを打てばエラーが出なくなります。【Flutter】アプリを多言語対応にする手順
こんにちは！本記事では、端末の言語設定によってアプリの言語も変わる機能を実装する手順を説明します。ざっくりまとめると、多言語ライブラリ(flutter_localizations)を導入、対応したい言語分の言語対応ファイル作成、文字を変数で指定、していきます。...【Flutter】Android StudioとGitHubを連携する方法
こんにちは！本記事では、Android StudioでGitHubと連携する方法についてまとめます。 GitHubについて知りたい方、新規登録する方法は以下の記事を参考にしてください。 https://www.mechengjp.com/?p=1661 【GitHubでトークンを発行する】 まず、GitHubに...
