Skip to content

Instantly share code, notes, and snippets.

@atsushifx
Last active April 13, 2023 03:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save atsushifx/bb166096ac58ecefd47b7994cb3a5bb3 to your computer and use it in GitHub Desktop.
Save atsushifx/bb166096ac58ecefd47b7994cb3a5bb3 to your computer and use it in GitHub Desktop.
zenn用記事、ChatGPTによるレビューによるブラッシュアップ
---
title: "Spike: Blog: プロンプトを改良して、こんどこそ Genie AIに公開できるレベルの記事を書かせる (リベンジ編)"
emoji: "👟"
type: "idea"
topics: [ "Spike", "zenn", "VS Code", "GenieAI", "ChatGPT" ]
published: false
---
## はじめに
自分は文章を書き始めるのが遅いです。というのも、最初の書き出しの文章がなかなか思いつかないからなんですね。
`Genie AI`を使えば、記事の大まかな形がすぐにできるし文章作成のスピードアップにつながります。
というわけで、[前回](spike-genieai-autowrite-blog)の記事になったわけですが。
プロンプトが曖昧だったためか公開できそうな記事がまったく書けませんでした。
今回は、プロンプトを改良して公開できるレベルの記事を書くことに挑戦してみました。
題して、「プロンプトを改良して、こんどこそ Genie AI に公開できるレベルの記事を書かせる (リベンジ編)」です。
## Genie AI とは
Genie AI は`Visual Studio Code`(以下、`VS Code`)の拡張機能で、VS Code から"[ChatGPT](https://chat.openai.com)"を呼びだすフロントエンドのツールです。
Genie AI は左側の Genie AI ペーン、または編集中の本文を ChatGPT に入力し、その答えを返します。Genie AI を使うと、コードの補完、作成したコードの要約、選択したコードの最適化などが行えます。
また、左側の Genie AI ペーンを使うと、普通の質問も行えます。今回は、この機能を利用してブログの記事を執筆します。
## Genie AI でブログを書く
### Genie AIにブログを書かせるためのプロンプト
Genie AI を使用すると、プログラマーは、プロンプトを入力するだけで、文章を書く作業を効率的に行なうことができます。
この記事では、次のプロンプトを使用しました。
``` Genie AI: 記事執筆用プロンプト
あなたは、roleで示されたブロガーです。textで示された見出しに従ってブログ記事の一節を書いてください。
remarkにしたがいWeb上の情報も参照して、間違いのない文章を書いてください
```
### Editor Viewを使って、直接ブログを書く
Genie AI は、通常`Conversation View`を使います。`Conversation View`では、ChatGPT が出す答えは左側の Genie AI ペーンに表示されます。
Genie AI の機能の 1つ、Editor View を使うと、ChatGPT の答えを編集中のテキストに直接入力します。この機能のおかげで、Genie AI が作成した文章を別のファイルに出力する手間が省けます。
Editor View を使うことで、文章を書く作業が効率的になり、より質の高い文章を作成できます。VS Code を使っているなら、是非 Genie AI の Editor View を使ってみてください。
### この記事もGenie AIで書いています
リベンジ編というからには、実際に記事を書いて公開する必要があります。というわけで、この記事は実際に`Genie AI`を使って書いてみました。
正確には、まず、Genie AI で初稿を書き、読みづらいところなどを書き直して第二稿を書きました。
その後は、ChatGPT にレビュー・校閲をしてもらって完成度を高めています。
## おわりに
`Genie AI`に入力するプロンプトを工夫することで、かなり質の高い文章を書いてくれるようになりました。
とくに、"[日本語で解説!Best practices for prompt engineering with OpenAI API](https://zenn.dev/milo/articles/c8a29d4a434bc3)"での`"""`で区切るテクニックのおかげで、文章の質が確実にレベルアップしました。
みなさんもプロンプトや題材を工夫して、読みやすく質の高い記事を書いてみるといいでしょう。
それでは、Hapapy Hacking!
## 参考資料
### Webサイト
- [ChatGPT - Genie AI](https://marketplace.visualstudio.com/items?itemName=genieai.chatgpt-vscode)
- [Visual Studio Code](https://code.visualstudio.com/)
- [Chat GPT](https://chatgpt.org/)
### ブログ記事など
- [日本語で解説!Best practices for prompt engineering with OpenAI API](https://zenn.dev/milo/articles/c8a29d4a434bc3)
g/)
- [【GPT】プロンプトエンジニアリング手法まとめ](https://qiita.com/sonesuke/items/24ac25322ae43b5651bc)
---
title: "Spike: Blog: プロンプトを改良して、Genie AIに公開できるレベルの記事を書かせる"
emoji: "👟"
type: "idea"
topics: [ "Spike", "zenn", "VS Code", "GenieAI", "ChatGPT" ]
published: false
---
## はじめに
近年、新しい技術が登場するたびに、プログラマーはより効率的な開発を行なうためのさまざまなツールを使用するようになってきました。その中でも、Visual Studio Code(以下 VS Code)というテキストエディタが注目されています。VS Code を使用することで、開発者はより多くの作業を行なうことが可能ですが、最近では、VS Code の拡張機能を利用して、さらなる生産性を高めることができるようになりました。その 1つとして、Genie AI というツールがあります。Genie AI は、ChatGPT を使用して、プログラマーがブログ記事を書くのを手助けするためのツールです。本記事では、Genie AI を使用してブログ記事を書く方法を紹介します。
## Genie AI とは
Genie AI は VS Code で"[ChatGPT](https://chat.openai.com)"の機能を使うためのツールです。Chat GPT はプロンプトにしたがって、さまざまな質問の答えを出力します。Genie AI は、ChatGPT の機能を利用してコードを補完する、コードの説明する、コードを最適化するといったプログラムの質を高める機能を提供しています。
また、左側の Genie AI ペーンを使うと、普通の質問も行えます。今回は、この機能を利用してブログの記事を執筆します。
## Genie AI でブログを書く
Genie AI を使用すると、プログラマーは、プロンプトを入力するだけで、文章を書く作業を効率的に行なうことができます。
この記事では、次のプロンプトを使用しました。
``` Genie AI: 記事執筆用プロンプト
```
### Editor Viewを使って、直接ブログを書く
Visual Studio Code(以下、VS Code)の拡張機能である Genie AI を使うと、ChatGPT(Generative Pre-trained Transformer)を使ったプロンプトが表示されます。通常の`Conversation View`では、ChatGPT が出す答えは左側の Genie AI ペーンに表示されます。
Genie AI の機能の 1つ、Editor View を使うと、ChatGPT が作成した文章を直接、編集中のテキストに入力します。この機能のおかげで、文章を書く作業をスムーズに行えます。。
Editor View を使うことで、文章を書く作業が効率的になり、より質の高い文章を作成できます。VS Code を使っているなら、是非 Genie AI の Editor View を使ってみてください。
### この記事もGenie AIで書いています
本記事は Genie AI を使用して書かれています。そのままでは、リンクの間違い、同じような文章の繰り返し、プロンプトの文章そのままで説明になっていない、などの問題があるため使えません。
各章ごとにプロンプトを指定してもっとはっきりした説明にする、Genie AI の文章をもとに自分なりの文章で書き直す、などの手直しをすればることで実際の記事として公開できます。
## おわりに
`Genie AI`に入力するプロンプトを工夫することで、かなり質の高い文章を書いてくれるようになりました。
とくに、"[日本語で解説!Best practices for prompt engineering with OpenAI API](https://zenn.dev/milo/articles/c8a29d4a434bc3)"での`"""`で区切るテクニックのおかげで、文章の質が確実にレベルアップしました。
みなさんもプロンプトや題材を工夫して、読みやすく質の高い記事を書いてみるといいでしょう。
それでは、Hapapy Hacking!
## 参考資料
### Webサイト
- [ChatGPT - Genie AI](https://marketplace.visualstudio.com/items?itemName=genieai.chatgpt-vscode)
- [Visual Studio Code](https://code.visualstudio.com/)
- [Chat GPT](https://chatgpt.org/)
### ブログ記事など
- [日本語で解説!Best practices for prompt engineering with OpenAI API](https://zenn.dev/milo/articles/c8a29d4a434bc3)
g/)
- [【GPT】プロンプトエンジニアリング手法まとめ](https://qiita.com/sonesuke/items/24ac25322ae43b5651bc)
---
title: "Spike: Blog: Genie AIのプロンプトを改良して、こんどこそちゃんとした記事を書く"
emoji: "👟"
type: "idea"
topics: [ "Spike", "zenn", "VS Code", "GenieAI", "ChatGPT" ]
published: false
---
## はじめに
近年、新しい技術が登場するたびに、プログラマーはより効率的な開発を行なうためのさまざまなツールを使用するようになってきました。その中でも、Visual Studio Code(以下 VS Code)というテキストエディタが注目されています。VS Code を使用することで、開発者はより多くの作業を行なうことが可能ですが、最近では、VS Code の拡張機能を利用して、さらなる生産性を高めることができるようになりました。その 1つとして、Genie AI というツールがあります。Genie AI は、ChatGPT を使用して、プログラマーがブログ記事を書くのを手助けするためのツールです。本記事では、Genie AI を使用してブログ記事を書く方法を紹介します。
## Genie AI とは
Genie AI は VS Code で"[ChatGPT](https://chat.openai.com)"の機能を使うためのツールです。Chat GPT はプロンプトにしたがって、さまざまな質問の答えを出力します。Genie AI は、ChatGPT の機能を利用してコードを補完する、コードの説明する、コードを最適化するといったプログラムの質を高める機能を提供しています。
また、左側の Genie AI ペーンを使うと、普通の質問も行えます。今回は、この機能を利用してブログの記事を執筆します。
## Genie AI でブログを書く
Genie AI を使用すると、プログラマーは、プロンプトを入力するだけで、文章を書く作業を効率的に行なうことができます。
この記事では、次のプロンプトを使用しました。
``` Genie AI: 記事執筆用プロンプトあなたは、roleで示されたブロガーです。textで示された見出しに従ってブログ記事の一節を書いてください。
remarkにしたがいWeb上の情報も参照して、間違いのない文章を書いてください
論理的、段階的に考えて出力した文章を5回レビュー、推敲して、より質の高い記事にしてください
作成した文章は、マークダウン形式で出してください
role: """
- 一流のハッカーで技術ブロガー
- アルファブロガー
remark: """
Genie AI: Visual Studio CodeでChat GPTのチャットをするための拡張機能
Editor View: チャットの文章を編集中のテキストに入力する機能
text:"""
---
title: "Spike: Blog: Genie AIのプロンプトを改良して、こんどこそちゃんとした記事を書く"
emoji: "👟"
type: "idea"
topics: [ "Spike", "zenn", "VS Code", "GenieAI", "ChatGPT" ]
published: false
---
## はじめに
## Genie AI でブログを書く
## おわりに
```
```
### Editor Viewを使って、直接ブログを書く
Visual Studio Code(以下、VS Code)の拡張機能である Genie AI を使うと、ChatGPT(Generative Pre-trained Transformer)を使ったプロンプトが表示されます。通常の`Conversation View`では、ChatGPT が出す答えは左側の Genie AI ペーンに表示されます。
Genie AI の機能の 1つ、Editor View を使うと、ChatGPT が作成した文章を直接、編集中のテキストに入力します。この機能のおかげで、文章を書く作業をスムーズに行えます。。
Editor View を使うことで、文章を書く作業が効率的になり、より質の高い文章を作成できます。VS Code を使っているなら、是非 Genie AI の Editor View を使ってみてください。
### この記事もGenie AIで書いています
実際に、本記事は Genie AI を使用して書かれています。そのままでは、同じ文章の繰り返しなどがあって使えませんが、各章ごとにプロンプトを指定する、Genie AI の文章をもとに、自分なりの文章で書き直すなどの手直しをすることで実際に記事に使える文章になります。
## おわりに
`Genie AI`に入力するプロンプトを工夫することで、かなり質の高い文章を書いてくれるようになりました。
とくに、"[日本語で解説!Best practices for prompt engineering with OpenAI API](https://zenn.dev/milo/articles/c8a29d4a434bc3)"での`"""`で区切るテクニックのおかげで、文章の質が確実にレベルアップしました。
みなさんもプロンプトや題材を工夫して、読みやすく質の高い記事を書いてみるといいでしょう。
それでは、Hapapy Hacking!
## 参考資料
### Webサイト
- [ChatGPT - Genie AI](https://marketplace.visualstudio.com/items?itemName=genieai.chatgpt-vscode)
- [Visual Studio Code](https://code.visualstudio.com/)
- [Chat GPT](https://chatgpt.org/)
### ブログ記事など
- [日本語で解説!Best practices for prompt engineering with OpenAI API](https://zenn.dev/milo/articles/c8a29d4a434bc3)"
g/)
- [【GPT】プロンプトエンジニアリング手法まとめ](https://qiita.com/sonesuke/items/24ac25322ae43b5651bc)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment