วีดีโอ

コメントありがとうございます。 こちらの動画では、Expoのバージョンは50を使っています。 当時の最新バージョンになります。 ちなみに、Expo52でもNativeWindは使えますよ。 以下のリポジトリは、今後公開する動画で使うものですが、Expo52にNativeWind　v4を導入後、動作確認まで行なっています。 github.com/arafipro/clerk-auth-sp-app こちらのドキュメント通りに進めれば、適応されるのでもう一度お試しください www.nativewind.dev/getting-started/expo-router

@arafipro 返信いただきありがとうございます。 そうなんですね。 もう一度やってみます。 とても参考になります！

たまたま、Expo52にNativewindをインストールしていたので、タイムリーでした。 そう言っていただけると、こちらも励みになります。 これからもよろしくお願いいたします。

コメントありがとうございます デプロイに関して、以下の動画18分37秒からご覧ください よろしくお願いいたします th-cam.com/video/EadIZK96lsE/w-d-xo.html

コメントありがとうございます デプロイに関して、以下の動画18分37秒からご覧ください よろしくお願いいたします th-cam.com/video/EadIZK96lsE/w-d-xo.html

こちらこそ、ご覧いただきありがとうございます！ これからも、よろしくお願いします

コメントありがとうございます エラーの原因は、すでにテーブルが作成されているためではないかと思われます。 プロジェクト内に.wranglerディレクトリがあると思いますので、 それを一旦削除して、もう一度npx wrangler d1 migrations apply user-prisma-api --localを実行してみてください。

@@arafipro 返信ありがとうございます。 一度削除してから再度実行してみましたが、同じ状況となっています。

申し訳ありませんが、もう一度、.wranglerディレクトリを削除して以下の手順を実行してみてください。 注意していただきたいのは、最初のコマンドで作成されたsqlファイルを2番目のコマンドの最後のファイルと同じか確認していただくことです。 違っていたら、作成されたファイル名に変更して実行してください。 1. npx wrangler d1 migrations create user-prisma-api create_user_table 2. npx prisma migrate diff --from-empty --to-schema-datamodel ./prisma/schema.prisma --script > prisma/migrations/0001_create_user_table.sql 3. wrangler d1 migrations apply user-prisma-api --local

@@arafipro ご回答ありがとうございます。 全て確認して再度実行してみましたが、同じエラーが出力されてしまいます。

私のPCで試したのですが、再現できませんでした。 もしよければ、以下のリポジトリとご自身のコードを見比べてみてください。 github.com/arafipro/user-prisma-api-yt

コメントありがとうございます。 私も以前、ご質問いただいたことを試そうとしたのですが、できずに諦めました。 ただ、.dev.varsから参照する代わりに、export DATABASE_ID="xxxxx"をターミナルで実行すると、手動で環境変数を設定できます。 こちらであれば、wrangler.tomlでDATABASE_IDを読み込むことができます。 ぜひ、お試しください。

@@arafipro 回答ありがとうございます！ 教えて頂きました内容で一度、試してみます 他の動画も参考にさせて頂いてます。 これからも応援しております！

いえいえ、どういたしまして♪ いつか、質問していただいたことが解決できれば、動画にしたいと思っています。 応援ありがとうございます！ こちらこそ、これからもよろしくお願いいたします。

コメントありがとうございます おっしゃる通りで、vercelの場合、商用利用すると絶対課金しなければいけません でも、cloudflare pages & workerであれば、商用利用前提でも無料から始められます よって、気軽にWebアプリをリリースできますよ

Thank you for watching! I have a new job, so I won't be able to upload videos often, but thank you for your patience!

コメントありがとうございます！！ お役に立てて、幸いです

コメントありがとうございます どんな動画が皆さんのお役にたてるのか 私も考えていたので、ありがたいです いずれ、まとめ動画もあげようと思いますので 今しばらくお待ちください

ありがとうございます！！ お役に立てて、幸いです。

コメントありがとうございます。 npx prisma generateを使わない代わりに、以下の手順で行なっています。 1. npx wrangler d1 migrations create prisma-demo-db create_user_tableを実行して、0001_create_user_table.sqlを作成 2. schema.prismaにテーブルスキーマを作成 3. npx prisma migrate diff --from-empty --to-schema-datamodel ./prisma/schema.prisma --script > migrations/0001_create_user_table.sqlを実行して、schema.prismaで作成したテーブルスキーマの差分を0001_create_user_table.sql反映させる npx prisma generateを使えば、schema.prismaのテーブルスキーマを使って、マイグレーションファイル（上記で言えば、0001_create_user_table.sql）が作成されます。 上記のように、いったんマイグレーションファイルを作成して、差分を反映させるような、遠回りしなくてもできそうですね。 コメントいただいたおかげで、私も改めて勉強になりました。

最高の褒め言葉、ありがとうございます！！

コメントありがとうございます。 ご質問の拡張機能ですが、advanced-new-fileという拡張機能を使っています。 URLのリンクを貼っておきますので、よかったら、使ってみて下さい。 marketplace.visualstudio.com/items?itemName=patbenatar.advanced-new-file

コメントありがとうございます ご質問にお答えします 結論から言うと、2つ理由があります 1つ目は単にキャッチアップできていないからです Dockerfileやdocker-compose.ymlの作り方が難しくて 以前、使おうとしましたが諦めました ただ、今ならChatGPTやClaudeを使えば解決できそうですね 2つ目は言い訳ですが、必要性を感じないからです 使いこなせるに越したことはありませんが 現時点では、優先順位が低いと考えています @bubumoment86さんはDockerはお使いですか？

@@arafipro まず、チーム開発、もしくはその可能性がある、または他者とのプロジェクトの共有があるなら必須だと思います。 Dockerがあることによって、各開発者の環境を確実に揃えられるのですから、その恩恵は強いと思います。 また、デザイナー寄りの方など、チームの技術レベルが揃っていない場合でも、誰でも簡単に環境を構築できます。 もちろん、PCを新調した際の環境構築の手間もなくなります。 ただ、このチャンネルはフルスタックが趣旨でしょうから、この点はあまり重要ではないのかもしれませんね。 次にNodeのバージョン問題です。 Macなどに直にNodeをインストールしてしまうと、プロジェクトが増えていくことで、固定バージョンのNodeでしか動かないものが出てきます。 つまり、Nodeをアップデートすることで、古いプロジェクトが動かせなくなる(対応コストがかかる)ということです。 Nodeパッケージは依存関係がものすごく強いので、その結末は避けられません。 特にMacを新しいものに新調した時に困ります。 それを解決するために、VoltaなどのNode管理ツールでごまかすのですが、根本解決はしません。 また、Node以外にも、Pythonなどのバージョンなど、使用しているPCに開発環境が依存してしまう問題は避けられません。 それを解決するのが開発環境におけるDockerの利点だと思っています。 Docker導入時は難しく思われるかもしれませんが、Dockerfileとdocker-compose.ymlさえあれば、誰でも簡単に構築できるのがDockerです。 この用途では、本番環境ではなく、開発環境での利用に限定できるのですから、ぶっちゃけ、だれかの既存テンプレートをコピーして使うだけでもいいと思います。 偉そうに長々と書いてしまいましたが、逆にそのあたりの問題を別の方法で解決されていらっしゃるのでしたら、逆に伺えたら嬉しいです。

@@arafipro もしかしたら、そちらでは見えているのかもしれませんが、長文を書くとTH-cam側で非表示にされがちですね。。。

ご返信ありがとうございます。 すいません、長文を見られなくするような設定にはしていないのですが・・・。 管理画面でコメントを拝見しました。 Dockerを使いこなしていらっしゃいますね、すごいです！！ 私は、特に別の解決方法は持っていません・・・。 ご期待に添えなくて申し訳ありません。 NodeもBunもPythonも、PC上に直でインストールしています。 また、Node管理ツールすら使っていません。 正直、Dockerを使えこなせたらいいなとは思っています。 ただ、前回のコメントと重複しますが、学習コストが高いことがネックですね。 参考に、Dockerをどのように学習されましたか？ おすすめがあれば、教えていただけるとありがたいです。

@@arafipro Dockerは環境構築をするためのツールです。 Dcokerの使い方を覚えることと、環境構築について覚えることは、学習の方向が違います。 サーバーの環境を構築することは、構成管理またはプロビジョニングと呼ばれますが、私はDockerを使う前は、ansibleというツールを使って構成管理をしていました。 従って、私はDockerの使い方を覚えるだけで、Dockerに乗り換えることができました。 その点においては、あまり学習コストが高いと思ったことがありません。(私の使用範囲に限定されますが) ただ、そもそも構成管理の経験、造詣の深くない方は、Dockerの前にサーバーインフラから学習する必要があります。 その点が、Dockerの学習コストが高く感じる理由ではないでしょうか。 ご自身に足りないものを見極めて、どちらかに絞って学習することをおすすめします。 ただ、Cloudflareの環境構築をするのに、Dockerを極めるほど学習する必要もないので、 個人的には、あらかじめ用意されているテンプレートをそのまま使うだけでいいんじゃないかなと思います。 私はCloudflareにはまったく詳しくないので責任は持てませんが、おそらくCloudflare用のDocekerfileはどこかに用意されていると思いますよ。

ご覧いただきありがとうございます。 こちらこそ、お役に立ててうれしいです。

ご貴重なご意見ありがとうございます。 もしよろしければ どのあたりがめんどくさそうに感じられたのか 教えて頂けると幸いです。 よろしくお願いします。 また、ご指摘いただいてありがとうございます。 GitHubリポジトリがPublicになっていませんでした。 ソースがご覧いただける様になったので、よろしくお願いします。

@@arafipro 動画を一回みた限りですが、簡潔にする編集にはあまり気を使いたくないと感じました。 記憶に良く残っているのが、記号まで読み上げているところでしょうか。ナミカッコ、ドット、etc。 アクセシビリティ狙っていないなら、無くても良いかなって思います。 後はライブ解説でないのに、ライブコード並みに、一文一句カタカタ動画で流すのもんーって思いました。 超初心者向けかつ尺を稼ぐためだと言われたらそれまでですけど。

ご意見ありがとうございます。 フィードバックをいただけるのは非常に嬉しいです。 ナミカッコ、ドットなどの記号まで読み上げているところは 明言していませんがハンズオン風に初心者向けに作成しているので 現状のようになっています。 貴重なご意見、ありがとうございました。

Thank you for taking a look. We are glad we could be of service.

こちらこそ、ありがとうございます。 ぜひ、コメント欄をご活用ください。

いつもご覧いただき、ありがとうございます。 ご質問について、結論から言いますと、create-cloudflare-cliでは開発環境をNode.jsからBunに変えることができないからです。 またNode.jsからBunに変更した理由は、動画内でも説明しておりますがNode.jsよりBunの方が処理スピードが速いので開発環境が改善されるためです。 create-cloudflare-cliはプロジェクトを作成する方法のひとつであり、今回の方法でもCloudflare Workersのプロジェクトが作成できます。 今回の場合はcreate-cloudflare-cliの代わりに、bunx create honoを使っていると思ってください。 また、ご不明なことがあれば、遠慮なくコメントからお願いいたします。

@@arafipro よく理解できました！　ありがとうございます。

こちらこそ、ありがとうございます！ ご理解いただけて、よかったです。

応援、ありがとうございます！ とても励みになります！ 私も@naoya3350さんを応援しています！

I also like shadcn. I have used Astro itself, but I haven't used it together with shadcn yet.

Thank you