バイブコーディングで爆速開発！2日間で画像生成アプリ『Picg』を作った全記録

本記事では、企画から技術選定、実装、そしてストア審査提出までの全工程を公開します。 背景：なぜ作ったのか？ 画像生成や動画生成をしたい時が度々あり、期待した結果の出力ができない時は別の生成AIを使ったりするが、クレジット […]

「声log」をリリースしました – 音声で残す、新しいコミュニケーションのカタチ –

声logとは？ 「書くのが苦手…」「手軽に日記を残したい！」 そんなあなたにピッタリ！ 声で気持ちを残す、新しい日記アプリ 文章を打ち込むのではなく、話した言葉をそのまま音声ファイルで記録していく日記アプリです。 そのと […]

Slack翻訳botをリリース。多言語の壁を超えて円滑なコミュニケーションを

言葉の壁をなくし、チームの生産性を最大化！ 社内での利用にとどまらずコラボレーションにより気軽に他社とのワーキングスペースを作成することができたりと、ビジネスにおけるコミュニケーションツールのスタンダートとなっているsl […]

AI時代におけるプログラミングの価値と未来の働き方

「プログラミング未経験でもエンジニアになれますか？」 この問いは、3年前の私なら「努力次第で可能」と答えていたでしょう。しかし、今は「AIを活用すれば、エンジニアでなくてもプログラムを作れる時代」と言えるようになりました […]

個人の生産性を爆上げするバーナーリストの概念を取り入れたタスク管理ツール

本記事の対象 日々のタスク管理において、次のような悩みを抱えている方へ――「やるべきことが山積みで、どこから手をつければよいのか分からない…」「タスクの担当割り振りや優先順位の設定、ガントチャートの作成といったプロジェク […]

Supabaseでedge functionsを定期実行する方法

はじめに 本記事の対象者 Supabaseを使ったアプリケーションにて定期的に自動実行する処理を追加したい方となります。 全体の流れ functionsを追加→sql editorでscheduleされた処理を追加 やる […]

Next.js Supabase TanstackでのCRUDについて

はじめに モダンな開発環境におけるCRAD操作一本作成するのはなかなか構成に迷ったり、各ライブラリ間の組み合わせに躓いたりすることもあるかと思います。 そこで、この記事では入門向けに掲題の技術スタックにおけるCRUD操作 […]

SupabaseAuthで使われるSMTPサーバーをbuilt-inからsend gridに変更する方法

はじめに supabaseを使ってサーバーレスのシステムを構築する場合、supabaseが提供する様々な機能を、開発段階中ならほぼほぼ無料で使うことができます。 Supabaseは、オープンソースのFirebaseの代替 […]

Next.jsのAppルーターにおけるレンダリング

はじめに この記事の対象者 ・Next.js初心者の方 ・Next.jsの環境が整っている方 レンダリングとコンポーネント Appルーターのレンダリングで重要となるのは「ページ」ではなく「コンポーネント」です。Next. […]

Next.jsのルーティングとページ移動

はじめに この記事の対象者 ・Next.js初心者 ・Next.jsの環境ができている方 Reactについて Reactは基本的に単一ページ上でのUI操作が行われるように設計されているため、Reactでページを遷移する際 […]