方言を話すおしゃべり猫型ロボット『ミーア』をリリースしました（こちらをクリック）

application(Flutter)

[Flutter] How to implement infinite scrolling to seamlessly load user-created phrases.

Extended state management, using a class (UserPhraseState) containing isLoading and hasMore in addition to the list of phrases, so that the UI can correctly determine if the list of phrases is empty, if data is loading, and if data even exists. The UI can now correctly determine if the list of phrases is empty, if data is being loaded, and if data exists, allowing for infinite scrolling.

application(Flutter)Development/Design

[Flutter] How to convert m4a to mp3 using ffmpeg_kit_flutter_audio

Change to a policy of converting m4a to mp3 using the ffmpeg_kit_flutter_audio package. This package supports a wide range of formats using external libraries and includes the lame library needed for conversion to mp3 format.

application(Flutter)Development/Design

[Flutter] How to make a modal display scrollable in WebView.

There is a user settings screen in the application, in which the Terms of Use and Plapori items are prepared, so that when this item is tapped, each content is displayed in WebView and can also be closed. This time, since a simple implementation is sufficient, webview_flutter is introduced.

2024.03.20 2024.08.05

application(Flutter)Development/Design

[Android] The role of build.gradle in Flutter and how to set it up

In Flutter, Gradle is used to manage the build of the Android part of the code written in Dart when it is compiled into a native application; the Gradle Wrapper makes it possible to build the project without installing Gradle Gradle Wrapper.

2024.03.03 2024.08.05

application(Flutter)Development/Design

[Flutter] Setup to run the application on an actual Android device.

This article describes the steps to build a Flutter application on an actual Android device. First, the actual Android device on which the Flutter app is to be built needs to be recognised as a development device: set up the Android SDK using Android Studio and install the Flutter plugin and Java.

application(Flutter)Development/Design

[Flutter] How to deal with JavaScript invalidity error when opening Google Forms in web view on Android.

Introduction. Developing "Mia," a talking cat-shaped robot that speaks in various dialects. A few days ago, we described...

application(Flutter)Development/DesignOthers

[flutter_sound × Go] Upload audio files to AWS S3 via API

In this case, we want to implement the part where the app uploads the voice files recorded with the flutter_sound package from the app to the server (AWS S3) via API communication. We will associate the S3 path of the uploaded audio file with a phrase in the database and update the voice_path field.

application(Flutter)Development/DesignServer (Go)

[Flutter] Implementation of voice recording playback and uploading functionality using flutter_sound.

Use the flutter_sound and file_picker packages to allow users to playback audio recordings and upload audio files in flutter apps To use the audio recording functionality with the flutter_sound package, you need to request access to the microphone in XCode. permission to access the microphone in XCode.

application(Flutter)Development/Design

[Development] Reflections on Developing a Large Function: Priorities for Function Development and Testing

Although we initially assumed that it would take about a month, we were able to finish the development in about half the time (currently waiting for PR review), which was good in itself, but I would like to describe my reflections (mindset and how efficient it is to proceed with the development) after developing a large function this time as a reminder. I would like to describe it as a reminder of the experience of developing a large feature this time (mindset and how to proceed efficiently with development).

application(Flutter)Development/DesignServer (Go)

[Scenario test tips] How to break it down into MECE and subdivide it moderately.

Notes and tips on writing scenario tests are described. What is required in writing scenario tests is the ability to strike a balance between breaking down the conditions into MECE but not over-dividing them. Scenario testing does not require direct description of the programming code.In other words, it can be described by non-engineers. It may be efficient for the PdM or UIUX person who created the mock-up, for example, to write the scenario test as it is.

application(Flutter)Development/DesignWeb

1 2