Prisma Playground: Prismaのためのインタラクティブな学習体験

新しい開発者をオンボーディングするためのより良い方法

開発環境の構築は摩擦を生む可能性がある

多くの開発ツールと同様に、Prismaはワークフローの探索を開始する際に専用の環境をセットアップすることをユーザーに要求します。Prismaを使用するには、Node.jsがインストールされており、接続可能なデータベースが必要です。

しかし、新しい開発者がPrismaの使用感を把握したい場合、Prisma Clientでデータベースクエリを送信する感覚を知るためだけに、ローカルのNode.jsプロジェクトをセットアップしたり、データベース全体を起動したりしたくない場合があるかもしれません。

Prisma PlaygroundでPrismaをすぐに試せます

そのため、私たちは将来のPrismaユーザーのオンボーディング体験をさらに簡単にするために、Devbookの皆さんと提携することを決定しました。本日、Prisma Playgroundの最初のバージョンをリリースできることを大変嬉しく思います🎉

Playgroundを使えば、ブラウザ内でPrismaをすぐに試すことができます。

まだPrismaを使っていない方は、ぜひPlaygroundを訪れて、データベースクエリを送信できるPrisma Client APIを探索し、Prisma Migrateがデータベーススキーマの進化にどのように役立つかを学んでください。

Prismaを試す

Prisma Playground: インタラクティブで分離されたサンドボックス環境

Prisma Playgroundを始める際には、Prisma Clientについて学ぶか、Prisma Migrateについて学ぶかを選択できます。

選択した内容に応じて、Prisma Clientでクエリを送信するためのインタラクティブエディタに進むか、Prisma Migrateのワークフローを教えるインタラクティブガイドに従うことになります。

Prisma Clientでデータベースクエリを送信する

Prisma Client APIエクスプローラーでは、Prisma Clientでデータベースクエリを送信する方法を探索できます。データベースでのデータの読み書きのために事前に設定された様々なクエリから選択したり、トランザクションや生のSQLクエリのようなより高度なクエリパターンを学ぶことができます。

エクスプローラーには多数の事前設定されたクエリがありますが、自由にクエリを好きなように調整し、結果の変化を観察することができます。

ヒント: 次に何をタイプすれば良いかわからない場合は、エディタでCTRL+SPACEを押してオートコンプリート機能を使用してください。

利便性のため、Prisma Client APIエクスプローラーには初期サンプルデータと固定スキーマが付属しており、「実行」ボタンの隣にあるprisma/schema.prismaタブをクリックして表示できます。

Prisma Migrateのワークフローを学ぶ

Prisma Migrateについては、Playgroundがインタラクティブなガイドを提供しており、テーブルの作成、列名の変更、または多対多のリレーションシップの定義など、Prisma Migrateがサポートする様々なマイグレーションワークフローについて学ぶことができます。

ご意見をお聞かせください

ぜひPlaygroundをお試しいただき、ご意見をお聞かせください！将来のアプリケーションやPlaygroundが役立つ他の分野について多くのアイデアがありますが、皆様がどのようなものを見たいと思っているか、大変興味があります！

各ガイドの最後にあるフィードバックボックスでご意見をお聞かせください。