ごあいさつ 初の投稿となるのでごあいさつ。 しいたけと申します。 一応開発経験として、高校1年～大学2年までUnity(C#)でゲームを制作。 後は特に何もしておらず、2～3年のブランクを抱えて入社。 思い出すことと新たな知識のキャッチアップに奔走する毎日… Source link

はじめに 本記事は、JISOUの課題として制作した「デジタル名刺アプリ」の紹介と実際に作ってみての感想記事です。「デジタル名刺アプリ」は、エンジニアとして名前や自己紹介はもちろん、好きな技術や自分のGitHubアカウントなどをブラウザ上で作成・共有できます。 簡単な自己紹介 Reactに触れて2, 3か月の初心者 というかフロントエンド周りの知識もほとんどなし 何か簡単でもいいのでアプリを作ってみたかった（…がなかなかできなかった） 自分と同じような初心者の方、Reactを使って実際にアプリを作ってみたい方、作ってみたいけどなかなか踏み出せない…という方はぜひ読んでいただけたらと思います アプリの概要 オンラインで名刺を共有・登録できる web アプリケーションです。ユーザーはスキルや SNS 情報を登録し、URL を通じて自身のプロフィールを他者に簡単に共有できます。 主な機能 ユーザー登録（名前、自己紹介、好きなスキル、GitHub/Qiita/X のリンク） 名刺ページの自動生成（共有用 URL あり） 名刺の ID 検索 作成した名刺情報の日時削除 実際の画面 使用技術 フロントエンド：React + Vite + Chakra UI バックエンド（BaaS）：Supabase 言語：TypeScript テスト：Jest × Testing Library デプロイ：GitHub Actions インフラ：Firebase Hosting supabase はオープンソースのBaaS(Backend as a Service）です。これがあればDB周りの構築や準備なしですぐにデータベースが利用できてフロントエンド側（アプリ開発）に集中できます。また、PostgreSQL をベースにしているので、RDBになじみのある人は使いやすいのではないでしょうか。 GitHub Actions は、GitHub上で動作する CI/CD（継続的インテグレーション／デリバリー）の自動化ツール です。今回はコードをGitHubに