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でページを遷移する際 […]

Next.jsの始め方

はじめに この記事の対象者 ・今からNext.jsを始める方 ・Next.js初心者の方 Node.jsとnpmのインストール まず、Node.jsをnpmのインストールが必要となります。これれがインストールされているこ […]

WordPressを使って自作テーマを作るための最低限の準備と方法

はじめに 本記事の対象者 ・Wordpress初心者 ・既存テーマではなく自作テーマを使用したい方 WordPressの既存テーマと自作テーマの違い まず既存テーマとはWordpressに元々備わっているテーマのことであ […]

生成AIを活用したヘアスタイルのシミュレーションアプリ「AI Hair Genie」をリリース

AI Hair Genieとは ヘアスタイルに特化した生成AI。 自然で超リアルなヘアスタイルのシミュレーションを行うことができます！ 実際に美容室に行かなくても、さっとその場でスタイルチェンジが楽しめます。 髪の毛のツ […]

Webサイト制作事例紹介

Yマーケティング株式会社様より、シングルページのWebサイト制作を担当させていただきました。 コンテンツ量が多くないので、大き目のタイポグラフィや画像、罫線などを用いて、シンプルだけど洗練された感じを出すようにしています […]

ネイティブアプリにGoogleMapを表示し任意の住所をMap上にプロットする方法(iOS)

はじめに 今回はネイティブアプリ上で指定の住所の場所をマップ上で示してあげるといったよくある要件を実現させます。 静的なWebサイトでは決め打ちの住所に予めピンを指定した状態でコードの埋め込みができるため(会社住所など) […]