見出し画像

【Cursor入門1】AIと一緒にシステム開発「Cursor」始めよう!|動画紹介

皆さん、こんにちは!

YouTubeチャンネル「Tech千一夜」では、1ヶ月ほど前から、AI搭載コードエディター「Cursor」の使い方を紹介する動画シリーズを公開しています。
#Tech千一夜のCursor入門シリーズ

今回の記事では、Cursorシリーズ第1回の【Cursor入門1】AIと一緒にシステム開発「Cursor(カーソル)」始めよう!という動画を紹介していきます。
プログラミングを始めたい方や、Cursorの使い方を覚えたい方はぜひご覧ください!
詳しい内容が気になった方は、動画本編をチェック🎬
シリーズの動画をまとめて見たい方はこちらから✅

それで行ってみましょう!


プログラミング動画を始めた理由

実は、これまでTech千一夜ではプログラミングに関する動画はあまり公開してきませんでした。
どうしても内容が難しくなり、視聴者数が減ってしまうのではないかという懸念があったからです。
しかし、日々目まぐるしく進化するAI 技術に触れる中で、AI によるシステム開発は今後ますます重要になっていくと思い、ついにプログラミング動画を制作することを決意しました!
できるだけわかりやすい内容になるように頑張りますので、皆さんも私たちと一緒にCursorを勉強してみましょう!

AI エディター「Cursor」とは?

Cursor は比較的新しいエディターで、AI の力を借りてコードを書いたり、修正したりすることができます
第1回の動画では、Cursor の基本的な使い方を実際の画面操作を交えながら解説していきます!

Cursorの使い方〜実践〜

第1回の動画では、Cursorの基本的な使い方を実際の画面操作を交えながら解説しています。
具体的には、以下の内容を扱っています。

Cursorのインストールと日本語化

Cursorを使うにはまずインストールと初期設定が必要です。
動画ではダウンロードからインストール、日本語化までの手順を説明しています!
日本語化の設定方法や表示されない場合の対処法など、実用的な情報も解説しています。

ダウンロード
日本語化

チャット機能を使ったAIとの対話によるコード生成

Cursorの準備ができたら、まずはAIとチャットでお話ししてみましょう!
チャット機能を使えば、AIに自然言語でコード生成や修正を依頼することができます。
例えば、「楽しいページにしてください」と指示するだけで、AIがHTMLコードを生成してくれます。

AIがコードを書いてくれる
書いてくれたコードを実際に動かす

HTMLプレビュー機能を使ったウェブページの確認

プログラミングをする際に、プレビューを見ながらできると便利ですよね。
Cursorでは、拡張機能を使ってプレビューを表示することができます!
さらに画面分割機能を使えばもっと便利に!
エディター上で作成したウェブページをリアルタイムに確認できるので、作業がスムーズに進みます。

プレビューを表示する拡張機能
画面分割してプレビューを表示

AI によるコード修正

コードを書いたものの「なんだか違う!」という場合は、AIに頼んで修正してもらいましょう。
動画では、AIにコードの修正を依頼する様子も実践しながら紹介しています。

修正内容をAIに依頼
赤い部分が修正前・緑の部分が修正後

AIでシステム開発はどう変わるのか?

従来のシステム開発では、ニーズのヒアリング、フィードバックの取得、プログラミングなど、多くの工程でテキストデータを使用します。
AIはテキスト生成を得意としているため、これらの工程を効率化できる可能性があります!
例えば今回の動画では、チャット機能を使ってAIに「楽しいページにしてください」と指示するだけで、AIがHTMLコードを生成してくれる様子を紹介しています。
これは、AIがシステム開発を大きく変える可能性を示す一例と言えるでしょう。

まとめ : Cursorでより効率的・楽しく開発!

AI搭載コードエディター「Cursor」は、システム開発を効率化し、より楽しくする可能性を秘めたツールです。
動画ではCursorの基本的な使い方をわかりやすく解説していますので、ぜひ視聴してその魅力を体感してみてください!
🎬動画を見てみる
📌YouTubeを覗いてみる

そして、Tech千一夜では今後もCursorを使ったシステム開発について、少しずつ解説していく予定です。
ぜひチャンネル登録して、続編もお待ちください!

➡️次回はこちら


いいなと思ったら応援しよう!