application(Flutter) React Native: Components, JSX, Props, State React Native is a framework for developing mobile apps in JavaScript (or TypeScript), enabling development of apps for both iOS and Android with a single code base (cross-platform development). 2025.01.01 2025.01.02 application(Flutter)Development/DesignWeb
Development/Design Difference between PDM microphones and I2S: Why does PDM require a decimation filter? A PDM microphone is a digital microphone that expresses audio signals as a density of pulses. The converted signal consists of “high-density ones and zeros” and includes high-frequency components that exceed the human audible range (20 Hz to 20 kHz). On the other hand, I2S microphones transmit voice data in PCM format 2025.01.02 Development/Designelectronic circuit
AI What is the difference between the O Series and GPT models, and what are the features of O3? On December 20 (local time), OpenAI of the US announced a new AI model, o3. It is said to have the ability to solve complex problems and perform well in a wide range of fields, including science, mathematics, and coding. o3 mini will be available around the end of January 2025, followed by o3. 2024.12.22 AIDevelopment/Design
Development/Design [GAS] How to post the content entered in a Google Form to a specific channel in Slack. Using GAS and the Slack API to set up automatic forwarding of submissions to Slack when submitting Google Forms; need to create a Slack app from the Slack API admin page to get the webhook URL. 2024.12.20 Development/Design
Development/Design [Mia] How to use Google Calendar API with Go: From Refresh Token to Event Acquisition The Google API does not allow direct use of refresh_token to access the API. Instead, you must use refresh_token to issue a temporary access_token and send a request to the API using this token. 2024.11.26 Development/DesignServer (Go/Rails)
application(Flutter) [Mia] Implementation of Google Calendar API access utilizing Auth Code and Refresh Token (Go and Flutter) To manage access to the Google Calendar API more securely and efficiently, instead of using access tokens directly on the app side, we have changed the mechanism to send an authentication code (Auth Code) to the backend, generate and store a refresh token, and use that refresh token to access the Changed to a mechanism to access Google Calendar API. 2024.11.25 application(Flutter)Development/DesignServer (Go/Rails)
application(Flutter) [Mia] How to access Google Calendar from the Flutter application and display the day’s appointments in the console. Thorough explanation of how to implement Google Calendar integration in Flutter apps, from setting up authentication flow using Google Sign-In, to acquiring events using Google Calendar API, setting scope, and detailed OAuth 2.0 procedures. 2024.11.21 application(Flutter)Development/Design
Development/Design How to resolve Dirty status of database migration in Golang This section summarises how to deal with a Dirty state of migration in server development using Golang and golang-migrate. a Dirty state means that the migration has been interrupted and the database is in an inconsistent state. The solution procedure is described below as a reminder. 2024.11.15 Development/DesignServer (Go/Rails)
Development/Design [ESP32] From development board to designing your own printed circuit board and making it into a product The cat-shaped talking robot Mia is developed on a home-made board using an ESP32 Wi-Fi Bluetooth module; this memorandum summarises the process from the initial development using an ESP32 development board to the creation of a home-made board and several changes for the product. 2024.04.28 2024.11.09 Development/Designelectronic circuit
Development/Design [React] Steps to introduce the i18n library and make your project multilingual. For developers aiming for multilingual support in React, this article details the steps to implement automatic language switching based on the user's browser settings using the i18n libraries react-i18next and i18next-browser-languagedetector. Step-by-step instructions on how to create a multilingual directory structure, build i18n configuration files, add language files, prepare components for translation, and implement a language selection drop-down in the navigation bar; also touches on how to rebuild dependencies in a Docker environment. 2024.11.02 Development/DesignWeb