shadcn/ui x Clerk でイケてるログイン画面を実装
Zenn · 2023-08-05
はじめに shadcn/ui と Clerk を利用して、ログイン画面を実装します。 ログイン画面は以下を満たすものとします。 メールアドレスとパスワードでログインできる。 パスワードのリセットができる。 ソーシャルログインとして Google を利用できる。 メッセージ
はじめに shadcn/ui と Clerk を利用して、ログイン画面を実装します。 ログイン画面は以下を満たすものとします。 メールアドレスとパスワードでログインできる。 パスワードのリセットができる。 ソーシャルログインとして Google を利用できる。 メッセージ
はじめに RubyでAtCoderを解いていた時に見つけた~の面白い動作をメモしておきます。 コードゴルフくらいには役に立ちそうです。 本文 解いていたAtCoderの問題を要約すると下記のようなものです 標準入力から与えられた...
Environment PHP 8.2 Laravel 10.14 laravel sail Code Test準備 まずはテスト実行用のDBを用意。 環境変数の設定 .env.tsting ファイルを作成して以下の内容を設定。他の設定はそれぞれの環境に合わせ
おことわり JavaScript の非同期処理をようやく理解できた時の、僕の初心者目線をほぼそのまま綴っています。あくまでも僕の体感的解釈の話であり、実際の動作を説明したものではありません。正確さに欠ける表現があるかもしれません。 ...
Angular v16系現在、Angular CLIの ng new コマンドで生成されたプロジェクトのユニットテストは テスティングライブラリとしてJasmineを、テストランナーとしてKarmaを使用する。この構成をVitestに置き換えてみた。 実際に動作するサンプルコード
こんにちは！ プログラミング未経験文系出身、Elixirの国に迷い込んだ？！見習いアルケミストのaliceと申します。 今回はElixirDesktop + Phoenix1.7のスマホアプリをAndroidスマートフォン実機に転送し...
mkdir myapp && cd myapp こういう感じで作る。 まずはbackend。 ├── backend │ ├── app │ ├── bin │ ├── config │ ├── db...
EAV とは? EAV（Entity-Attribute-Value）は、属性と値の対応関係を表すテーブルです。EAVは、属性が動的かつ多様であるようなデータを効果的に保存する方法として使用されます。特に、属性の数や種類が固定されていない場合に有用です。ただし、EAVモデルは
Jetpack Compose の Text の API では overflow = TextOverflow.Ellipsis で末尾省略は可能ですが、真ん中省略の API はありません。 TextView では maxLines ...
個人開発でMy Snippetsというスニペット共有サービスを作りました。 https://my-snippets.com/ エンジニアの人たちがコード画像をtwitterで公開しているのをよく見かけるので、そういうzennやQiitaなどで記事にするほどでもない短いコードが一箇
この記事を2行で S3の署名付きURLと同じことが、Lambdaの関数URLにもできます Lambdaの署名付きURLを使えば、APIGatewayの29秒タイムアウトを超えてLambdaを実行できます 何が嬉しいの？ AI...
はじめに こんにちは、都内でソフトウェアエンジニアをしているYSasagoです。最近、弊社ではリモートワーク推奨になり、自宅でリモートワークすることが多くなりました。リモートワークの初期はデスクを用意するところから始まり、その準備に...
カスタムChatBotを作る ChatGPT全盛の時代に、何番煎じだ？という感じですが、とりあえずやってみたので手順を残しておきます。プロンプトエンジニアリングの観点ですと、いわゆるIn-Context LearningのRetrieval-Augmented Generat
はじめに この記事は『blessing software 夏のブログリレー企画』の最終日の記事です。 昨日は 鉄馬 さん@tekihei2317_ の個人開発アプリを Remix + Cloudflare D1 に移行してみたが公開されました。 今回参加してくださったエスツー
はじめに こんにちは、Ma5am1nです。 シラバス1は文字が多くて頭に入りにくいので、図など視覚的に入ってきやすそうな形式でまとめてみます。 ※あくまで私個人の解釈で作成したものです。内容が100%シラバスの通りであることは保証で...
<a href="https://gihyo.jp/book/2023/978-4-297-13495-2">https://gihyo.jp/book/2023/978-4-297-13495-2</a><br /> <p>Svelteの入門書</p>
SupabaseをLaravelから使う方法 Dさん：「いや〜、Laravelでアプリを開発する方法は色々ありますが、やっぱり一番興奮するのはマネージドなDBで高速日本語全文検索のPGroongaを使えた時ですね！」 Tさん：『間違いないね！』 サインアップ まずはsup
<a href="https://astro.build/blog/astro-2100/">https://astro.build/blog/astro-2100/</a><br /> <p>Astro 2.10リリース。 View Transition APIを使って指定した
<a href="https://deno.com/blog/v1.36">https://deno.com/blog/v1.36</a><br /> <p>Deno v1.36リリース。 <code class="language-plaintext highlighter-r
この記事の背景 現職では DDD を採用しており、色々な方と DDD についてお話しする機会があります。 その中で、特に初学者の方はアーキテクチャに対して「なぜこんなに面倒な事をするのか？」という印象を持たれているようでした。 そこ...