【マーケ】GA4でキーイベントをもとに、商品閲覧から購入までのファネルを作成する方法
Google Analytics for WooCommerceプラグインとGA4のファネルデータ探索を組み合わせて、商品の購入ファネルを作成する方法について記載。Google Analytics for WooCommerceプラグインの設定により、追加されたイベント名がキーイベントに自動で一覧表示される。
【ミーア】累計販売台数を購入経路も含めて時系列でGoogleスプレッドシートに表示
D2Cに関しては、WooCommerceをstripeと連携して売上管理をしている。Stripeにもwoocommerceにも注文データは残るが、Woocommerceの方には購入経路も「オリジン」という項目で表示されるので、今回はWooCommerceからのエクスポートを試みる。
【ミーア配送】10/1からの郵便料金改定に伴い、梱包を再度見直した結果…
従来の個装箱、外箱という包装を見直し、プラスチック包装＋宅配袋に切り替えることにした。新しい梱包は130グラムで送料は150g以内の390円になった。元の梱包の場合には660円だったので、配送料が約半分になったし、梱包時間も1/3くらいに短縮された！
【MongoDB】本番環境でのMongoDB Atlas導入：クラスタ作成からCloud Runでの接続まで
MongoDB Atlasを使用して、本番環境でのデータベースホスティングからCloud Runでのバックエンド接続設定を行った。クラスタ作成の手順、接続URIの安全な設定方法、Secret Managerを使ったシークレット管理、MongoDB Compassを用いたデータベースの確認方法までを記載。
【GitHub Actions】を使用したFirebase Hostingへの自動デプロイの設定
GitHub Actionsを活用することで、手動のデプロイ作業を効率化し、Firebase Hostingへの自動デプロイを実現可能。本記事では、Firebaseプロジェクトの設定からGitHub Actionsの構築まで、ステップごとに具体的な手順を記載
【インタビューAI】Stripe決済の実装：GCPとMongoDBを使ったテスト環境から月額課金導入まで
本記事では、「インタビューAI」におけるStripe決済の導入手順を詳しく解説。まず、Stripeのテスト用APIキーを取得し、月額プランを設定。次に、GCPとMongoDBでバックエンドを整え、最終的にテスト環境で決済機能を確認する
【インタビューAI】Bootstrapからshadcn UIへの変更：高速で軽量なUIの実現
shadcn UIは、Reactアプリケーションに最適化された軽量なUIコンポーネント集で、パフォーマンス向上と柔軟なデザインを実現できる。Tailwind CSSとの統合により、カスタマイズ可能なUI開発が可能。shadcn/uiはTailwind CSSをベースにしているため、Tailwind CSSもインストールして設定する必要がある。
【Flutter】ユーザー作成フレーズをシームレスにロードする無限スクロールの実装方法
状態管理を拡張し、フレーズのリストに加えて isLoading や hasMore を含むクラス (UserPhraseState) を使用することで、UI 側でフレーズのリストが空かどうか、データがロード中かどうか、さらにデータが存在するかどうかを正しく判断できるようになり、無限スクロールできるようになった。
【エンジニア採用】Wantedly募集文変更で3週間で30名の応募が来て3名採用できた話
既存の募集文の何を変更したか？１）タイトルの冒頭に、プログラミング言語を添えた。２）写真を会社のロゴから、人の写真に変更。３）雇用形態でフリーランスを選択。４）プロダクトメンバーとして自分の自己紹介と顔写真を掲載。５）具体的な業務内容・使用技術など詳しく記載
【ミーア】TiB SHOP展示後に行ったレイアウト改善を時系列で記載（9月）
ミーア本体だけではなくアプリも設置したりデジタルサイネージに動画を掲載したりするなどTiBSHOPでのレイアウト改善を行った結果、京都市長がミーアの京都弁をSNSに投稿され、野田聖子議員が白ミーアを購入されたのにはビックリした。