Kazulog | Gruffly describes topics related to entrepreneurship, development, and IT

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

[Interview AI] Changing from Bootstrap to shadcn UI: Fast and Lightweight UI

shadcn UI is a collection of lightweight UI components optimised for React applications, enabling improved performance and design flexibility Integration with Tailwind CSS allows customisable UI development shadcn/ui is based on Tailwind CSS. Tailwind CSS must also be installed and configured as it is based on Tailwind CSS.

EntrepreneurInterview AI

Setup automatic deployment to Firebase Hosting using GitHub Actions

GitHub Actions can be used to streamline manual deployment tasks and enable automated deployment to Firebase Hosting. This article provides concrete step-by-step instructions from setting up a Firebase project to building GitHub Actions

2024.10.08 2024.10.10

EntrepreneurInterview AI

[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

[Interview AI] Stripe Payment Implementation: From test environment to monthly billing implementation using GCP and MongoDB

This article details the steps for implementing Stripe payments in Interview AI. First, obtain a Stripe test API key and set up a monthly plan. Next, prepare the back-end with GCP and MongoDB, and finally check the payment functionality in a test environment.

EntrepreneurInterview AI

[MongoDB] Deploying MongoDB Atlas in a Production Environment: From Cluster Creation to Connection with Cloud Run

MongoDB Atlasを使用して、本番環境でのデータベースホスティングからCloud Runでのバックエンド接続設定を行った。クラスタ作成の手順、接続URIの安全な設定方法、Secret Managerを使ったシークレット管理、MongoDB Compassを用いたデータベースの確認方法までを記載。

2024.10.07 2024.10.08

[ESP32 custom board] Result of investigating the cause of board defects by measuring voltage with an oscilloscope.

When wiring voltage is to be measured, the wiring on the board is often covered with resist (insulation layer), so voltage cannot be measured by applying a probe over the wiring as it is, so lightly scratch the area to be measured with a cutter to expose the copper foil part before measuring the voltage.

Development/Designelectronic circuit

[Mia] Want PR but not enough inventory? Reality of tightrope walking encountered in hardware

We have made a major update to Mia's functionality and we want to do a big PR campaign, but we have been plagued by a shortage problem and we have been keenly aware of the need for stock control and the psychological difficulty of PR, so we have described the stock problem. On reflection, ‘we should have moved on to the next order in a situation where we had plenty of stock’.

EntrepreneurMia

[ESP32] Modified circuit with power supply noise countermeasures to avoid surface mounting errors.

The MAX98357 itself needs to be connected to pins 25, 26 and 22 of the ESP32 WROOM 32E. keep the I2S signals (BCLK, LRCLK and DIN) as close as possible to pins 25 and 26 of the ESP32, as keeping the wires short reduces the risk of signal degradation and cross-talk. Attempt to optimise decoupling capacitors in the circuitry around the power supply to reduce power supply noise.

built-in(C++)Development/Designelectronic circuitEntrepreneurMia

[ESP32] Investigation of the cause of cracked speaker sound and no playback due to wiring error (magnifying glass and oscilloscope)

When the IC package of the Class D amplifier was changed from TQFN to WLP, 4 out of 25 were defective in the speaker area as follows. Investigate the cause of sound crackling and audio not being played back. Verify if the sound crackling is resolved by first lowering the volume in the application. Next, using a magnifying glass, visually check for wiring defects.

built-in(C++)Development/Designelectronic circuitEntrepreneurMia

[Stock issue] What if a part is out of stock when I place my order? Using JLCPCB’s pre-order.

In order to deal with out-of-stock issues like this one when they decide to order, JLCPCB allows pre-ordering, which means that the parts can be ordered before the PCB assembly is ordered and kept in stock at JLCPCB until the PCBA service is required. These pre-ordered parts are sent together with the PCB (and surface mount if you have also asked for surface mount), rather than separately from the PCB and only the parts are sent to you.

Development/Designelectronic circuitEntrepreneurMia

1 2 3 … 16