アプリ(Flutter) 【Flutter】ユーザー作成フレーズをシームレスにロードする無限スクロールの実装方法 状態管理を拡張し、フレーズのリストに加えて isLoading や hasMore を含むクラス (UserPhraseState) を使用することで、UI 側でフレーズのリストが空かどうか、データがロード中かどうか、さらにデータが存在するかどうかを正しく判断できるようになり、無限スクロールできるようになった。 2024.10.10 アプリ(Flutter)開発・デザイン
アプリ(Flutter) 【Flutter】ffmpeg_kit_flutter_audioを使って、m4aをmp3に変換する方法 ffmpeg_kit_flutter_audio パッケージを使用して、m4aをmp3に変換する方針に変更。このパッケージは、外部ライブラリを使用して幅広い形式に対応しており、mp3形式への変換に必要な lame ライブラリが含まれている。 2024.08.13 アプリ(Flutter)開発・デザイン
アプリ(Flutter) 【Flutter】flutter_soundを用いた音声録音再生、アップロード機能の実装 flutter_sound, file_pickerパッケージを利用して、flutterアプリでユーザーが音声録音再生、音声ファイルアップロードできるようにする。flutter_soundパッケージを使って音声録音機能を利用するには、XCodeでマイクへのアクセス許可をリクエストする必要がある。 2024.08.03 2024.08.13 アプリ(Flutter)開発・デザイン
アプリ(Flutter) 【Android】Flutterにおけるbuild.gradleの役割と設定方法 Flutterでは、Dartで記述されたコードがネイティブアプリケーションにコンパイルされる際、Android部分のビルド管理にGradleが使用される。Gradle Wrapperを使用することで、Gradleのインストールなしにプロジェクトのビルドが可能になる。 2024.03.03 2024.08.05 アプリ(Flutter)開発・デザイン
Others 【Flutter】Androidでweb viewでGoogleフォーム開いた時のJavaScript無効エラー対応法 はじめに 様々な方言を話す、おしゃべり猫型ロボット「ミーア」を開発中。 先日、こちらで、「アプリに、不具合・エラー問い合わせのGoogleフォームを設置」に関する記事を記載した。 ところが、ご利用のユーザーから下記お問い合わせがきた。 「ア... 2024.08.05 Othersアプリ(Flutter)開発・デザイン
アプリ(Flutter) 【Flutter】アプリをAndroid実機で実行するセットアップ 今回は、FlutterアプリをAndroid実機でビルドする手順を記載。まず、FlutterアプリをビルドするAndroid実機を開発用デバイスとして認識させる必要がある。Android Studioを使ってAndroid SDKをセットアップし、FlutterプラグインとJavaをインストールする。 2024.08.05 アプリ(Flutter)開発・デザイン
アプリ(Flutter) 【flutter_sound × Go】音声ファイルをAPI経由でAWS S3にアップロード 今回は、アプリでflutter_soundパッケージで録音した音声ファイルをAPI通信でアプリからサーバー(AWS S3)にアップロードする部分を実装したいと思う。アップロードされた音声ファイルのS3パスをデータベース内のフレーズに関連付け、voice_pathフィールドを更新する。 2024.08.04 アプリ(Flutter)サーバー(Go)開発・デザイン
開発・デザイン 【Flutter×FCM】Push通知を実装:テスト送信まで(iOS/Android) Firebase Cloud Messaging(FCM)を用いたプッシュ通知のプロセスは、下記3ステップで構成される。サーバーからのメッセージ送信→FCMによる配信処理→アプリによる受信と表示。iOSの場合は、APNs認証キー(p8ファイル)が必要。 2024.05.03 2024.07.22 開発・デザイン
アプリ(Flutter) 【WordPress × FCM】Webサイトに掲載する新着お知らせを、アプリに送信する方法 WordPressで作成しているミーアのHPのお知らせカテゴリに、お知らせを掲載して、新規にお知らせが追加されたら、アプリにプッシュ通知するとともに、そのプッシュ通知をクリックしたらお知らせ一覧の画面に遷移するようにしたい。つまり、お知らせに関しては、HPに掲載で一元管理としたい。 2024.07.12 アプリ(Flutter)開発・デザイン
アプリ(Flutter) 【ESP32】Deep SleepモードとTimer Wake Up機能の実装 はじめに 方言を話すおしゃべり猫型ロボット『ミーア』を開発中。 ベータ版をリリースした後、実際に使っていただいた複数のユーザから 「ミーアの目のディスプレイを自動でオフにする機能が欲しい」 との要望が来たので、今回は本機能の実装を記載。 詳... 2024.07.06 アプリ(Flutter)組み込み(C++ / ESP32)開発・デザイン電子回路