Name: クロード3.5のファーストルック【2024年6月更新 (First Look at Claude 3.5 [June 2024 update])
Uploaded: 2024-06-24T14:10:02.000Z
Duration: 12 min 18 s

to 不定詞

A little coding challenge that it was able to accomplish in almost no time.

ちょっとしたコーディングの挑戦だったが、ほとんど時間をかけずに達成することができた。

過去形

I mean, I'm really impressed, and it only took two prompts.

つまり、私は本当に感動しているんだ。

I had to correct it, you know, that first one.

Apparently, Claude is the game to beat in town.

どうやら、クロードはこの街で勝てるゲームらしい。

As of yesterday, June 20th, 2024, Claude's models, their new model Sonnet, is outperforming in most instances all the other big players in the AI LLM game.

昨日、2024年6月20日の時点で、クロードのモデル、彼らの新しいモデル、ソネットは、AI LLMゲームにおける他のすべてのビッグプレーヤーをほとんどのケースで凌駕している。

Now, if you're an ordinary person like me, a lot of that is just jargon that I don't know what it means.

さて、私のような一般人であれば、その多くは単なる専門用語で意味がわからない。

Let's get digging a little bit, though, and do something kind of basic, kind of not.

少し掘り下げて、基本的なことをやってみよう。

私たちは1ページのウェブサイトを作るつもりです。

Now, let me highlight a few things from Claude, first and foremost.

さて、クロードからいくつか強調しておきたいことがある。

A、ここのインターフェイスは気に入っている。

This is basic stuff if you're using the and it gives you a response up here, just like ChatGPT, Copilot, MetaAI, anything that you've been using or have seen used or even heard talked about.

ChatGPT、Copilot、MetaAIなど、あなたが使っている、あるいは使っているのを見たことがある、あるいは話題になっているのを聞いたことがあるものなら何でもそうです。

This is what we're talking about when we say LLMs.

It's large language models that we can talk to like a little chat, and it responds to us mostly intelligently.

これは大きな言語モデルで、ちょっとしたチャットのように話しかけることができ、ほとんど知的に応答してくれる。

Now, what I want to do today is look at a few of the nitty-gritties.

さて、今日私がしたいことは、細かいことをいくつか見ていくことだ。

We could just stay right here and prompt Claude 3.5, and I am on the free version.

ここでクロード3.5のプロンプトを出せばいいんだ。

私はそれを指摘するかもしれない。

しかし、私はもう数歩踏み込みたい。

So on Anthropic's page, you can find out more information on their model, what it does, how it does it, all that stuff.

だから、Anthropicのページでは、彼らのモデル、それが何をするのか、どのようにするのか、そういったことについての詳細情報を見ることができる。

It's got links to papers and research and pricing and API access.

論文や研究、価格、APIアクセスへのリンクがある。

Speaking of API access, let's dig into the documentation a little bit.

APIアクセスといえば、ドキュメントを少し掘り下げてみよう。

So if you go a little deeper and you look into the documentation here, there's all sorts of stuff that you can get into.

だから、もう少し深く掘り下げて、ここのドキュメントを調べれば、いろいろなことがわかるよ。

What we're going to do is check out this right here.

これからすることは、これをチェックすることだ。

This is a prompt library, which is fantastic to do exactly what it says.

これはプロンプト・ライブラリーであり、その言葉通りの素晴らしいものだ。

インスピレーションの源となるプロンプトの例をご覧ください。

If you've ever been using AI and just kind of curious about what you can actually do, other than have it reply to you in the form of a poem or other such pretty useless things, this is a good starting point.

もしあなたがAIを使ったことがあり、実際に何ができるのかちょっと興味があるのなら、詩のような形であなたに返信させるとか、そういうかなり役に立たないこと以外に、これは良い出発点だ。

We're going to go there in just a second to get our website prompt, in fact.

私たちのウェブサイトのプロンプトが表示されるまで、ほんの少しお待ちください。

Two other things to point out, though, there's an intro section here that you can explore the capabilities and development flow if you are on the technical side of things and interested in using this for development.

もう2つ指摘しておきたいことがあるが、ここにはイントロセクションがあり、技術的な面でこれを開発に使うことに興味があれば、機能や開発の流れを調べることができる。

And in a future video, I plan on going through this quick start.

今後のビデオでは、このクイックスタートについて説明する予定だ。

And this is actually getting what's called an API key and doing this from your computer, from the terminal, from the command line, and actually prompting instead of typing on their website, prompting the AI model.

そしてこれは、APIキーと呼ばれるものを取得し、あなたのコンピューターから、ターミナルから、コマンドラインから、実際に彼らのウェブサイトに入力する代わりにプロンプトを表示し、AIモデルにプロンプトを表示する。

Now, that's way ahead of where we are today, but just a tease of what's to come and what you can do with this LLM.

しかし、このLLMで何ができるのか、何が起こるのか、ほんの一例です。

Let's go back over here to our prompt library, though.

プロンプト・ライブラリーに戻ろう。

So they have all kinds of prompts, some of them witty and clever.

そのため、あらゆる種類のプロンプトが用意されており、中にはウィットに富んだ賢いものもある。

Spreadsheet Sourcer is a good example of that.

Spreadsheet Sourcerはその良い例だ。

実際、どれもウィットに富んでいて賢い。

私たちのためにカテゴリーを用意してくれている。

But I want to go to this website wizard, OK?

でも、このウェブサイトのウィザードに行きたいんだ。

And we've got here system prompts and user prompts.

ここにはシステム・プロンプトとユーザー・プロンプトがある。

Well, a system prompt is something that you're instructing the model, the AI model, to be.

システム・プロンプトとは、モデル（AIモデル）に指示するものだ。

So in this case, your task is to create a one-page website with these specifications and some general guidelines for what the system should be doing.

つまりこの場合、あなたの仕事は、これらの仕様と、システムが何をすべきかについての一般的なガイドラインを含む1ページのウェブサイトを作成することである。

This is very useful when you're using the API requests and not just the chat window.

これは、チャット・ウィンドウだけでなく、APIリクエストを使っている場合に非常に便利だ。

You can type this in the chat window also.

チャットウィンドウにも入力できます。

そして実際、両方やってみよう。

このシステム・プロンプトを見てみよう。

Let's go over here and say that and then shift return for a new line.

ここでそう言って、シフト・リターンで新しい行に戻ろう。

Please respond only with yes if you understand your role, OK?

自分の役割を理解している場合のみ、「はい」と答えてください。

And so it's going to take that The alternative to this is over here on the console.

その代わり、コンソールのこっちの方にある。

So this is kind of the developer version of all that.

つまり、これはその開発者バージョンのようなものだ。

ここでシステム・プロンプトに入ることができる。

And don't worry, there's links for all of this stuff in the description.

そして、心配しないで、説明の中にこれらすべてのリンクがある。

It's all found in different places on Anthropic's website.

それはすべて、Anthropicのウェブサイトのさまざまな場所に掲載されている。

I'm going to paste that system prompt in here.

そのシステム・プロンプトをここに貼り付けます。

When you first use the console, you can see that you actually have to have credits to do this.

コンソールを初めて使うとき、これを行うにはクレジットが必要であることがわかる。

Then they've got this one-page website for this learning platform called EduQuest.

そして、EduQuestという学習プラットフォームの1ページのウェブサイトがある。

So this is the prompt that they're using.

だから、これは彼らが使っているプロンプトなんだ。

And I've actually modified it over here in another window to fit our purposes.

このウィンドウは、私たちの目的に合うように、別のウィンドウで修正しました。

そして、私はそれを受け取るつもりだ。

I'm going to come back in here and I'm going to basically what we're saying is, hey, create this one-page website.

私はここに戻って、基本的に私たちが言っているのは、この1ページのウェブサイトを作りましょう、ということです。

Create a one-page website for an online learning platform.

オンライン学習プラットフォームの1ページのウェブサイトを作成する。

A fixed navigation bar with links to two categories.

2つのカテゴリーへのリンクを持つ固定ナビゲーションバー。

Actually, we're going to put my name in here because that's kind of the brand right now.

実は、私の名前をここに入れるつもりなんだ。それが今のブランドのようなものだからね。

So we've got a navigation bar with these two categories.

ナビゲーション・バーには、この2つのカテゴリーがあります。

ビデオの背景を持つヒーロー・セクション。

私たち自身で追加しなければならないかもしれない。

A dynamic tagline that changes between these statements.

これらのステートメントの間で変化するダイナミックなキャッチフレーズ。

A success story is basically a testimonial section.

サクセスストーリーは、基本的に証言欄である。

ニュースレターへのリンクを含むフッター。

よくある質問、プライバシーポリシー、お問い合わせ

And include filler placeholder content for the video background.

また、動画背景用のフィラー・プレースホルダー・コンテンツも含める。

For the course cards, because I've got that video, we'll see what it does with the video.

コースカードについては、ビデオを持っているので、ビデオで何をするか見てみよう。

そして、これを試してみよう。

And right out of the gate, you can see the speed that it's going here.

ゲートを出てすぐに、そのスピードがわかるだろう。

This is pretty fast compared to some stuff I've seen.

私が見てきたいくつかの作品と比べると、これはかなり速い。

Okay, so we got some problems in commenting there.

さて、そこでコメントする上でいくつか問題がある。

It looks like this whole thing is commented out, but we can change that ourselves.

全体がコメントアウトされているように見えるが、それは自分たちで変えられる。

The format is just showing it grayed out.

フォーマットがグレーアウトして表示されているだけだ。

コメントアウトされていない。

All right, so it's putting all the style in there.

よし、これですべてのスタイルが整った。

And yeah, this should be in a CSS file probably, but we're going to keep it in here.

これはCSSファイルに書くべきだろうが、ここではこのままにしておく。

You know, I didn't specify any colors, so we'll see what it comes up with in terms of colors.

色の指定はしていないから、どんな色が出てくるか見てみよう。

It looks like background being dark and color of font being white is what it's going for.

背景が暗く、フォントの色が白であることを狙っているように見える。

これはおそらくうまくいかないだろう。

我々はダウンする必要がある。

Now it's putting in the JavaScript for the taglines, setting the interval, rotate.

あとはキャッチフレーズのJavaScriptを入れて、間隔を設定し、回転させる。

つまり、これは多くのことをやっているんだ。

And then what we're going to do is go over here to we're going to load up an HTML file.

そして、HTMLファイルを読み込む。

字幕リスト動画再生

クロード3.5のファーストルック【2024年6月更新 (First Look at Claude 3.5 [June 2024 update])

stuff

access

basically

aesthetic