冒頭文
このページには、『ChatGPTで便利なBookmarkletの紹介』と『Chatlet Free版Bookmarklet講座』をまとめています。
『ChatGPTで便利なBookmarkletの紹介』『Chatlet Free版Bookmarklet講座』で紹介したBookmarkletの登録用のリンクなどを掲載しています。
『Chatlet Free版講座』では、第0回から第4回までで、ChatGPTの画面を少し便利にする小さな道具「Chatlet Free」を作っていきます。
JavaScript全般を広く覚えることよりも、Webページの中を観察し、コードが何をしているかを読み、AIへ「ここをこう直したい」と伝えられるようになることを目的にしています。
まず講座の到達点を試してみたい場合は、第4回の「Chatlet Free完成版」を登録してください。
記事を読みながら順番に試したい場合は、第0回、第1回、第3回、第4回の順に使ってください。
登録方法に迷った場合は、「Bookmarkletの登録方法」を参照してください。
登録前の注意
- ChatGPT向けBookmarkletは、PC版ChromeでChatGPTのWeb版を開いて使う想定です。他の環境でも使えることが多いと思いますが、検証が不十分です。
- Web小説サイト用Bookmarkletは、対象サイトの連載作品のページで使う想定です。
- Bookmarkletは、開いているページに対してJavaScriptを実行します。内容が分からないBookmarkletは、登録したり実行したりしないでください。
- ChatGPTや各Web小説サイトの画面構造が変わると、動かなくなる場合があります。教材では、そのような場合に自分で直すことが出来るような方法を学んでもらいます。
- スマホやタブレットは登録・実行手順が機種やブラウザで変わりやすいため、まずはPC版Chromeでの利用を推奨します。
掲載するBookmarklet
Chatlet Free版
用途:
ChatGPTの画面左下に小さな操作パネルを追加する完成版Bookmarklet。
固定ボタン、自由入力欄、最新10ターン表示ON/OFF、閉じるボタンをまとめて使える。
対象ページ: https://chatgpt.com/
ChatGPTのWeb版で、入力欄が表示されているチャット画面を対象にする。
- Chatlet_F ←このリンクをブックマークバーへドラッグ
-
- ワンライナーをダウンロード
第0回: ChatGPTへ「そのまま続けてください」と送る
用途:
ChatGPTの入力欄に「そのまま続けてください」と入れ、送信ボタンを押す短いBookmarklet。
第0回で、Bookmarkletを登録して実行する最初の体験として使う。
ChatGPTのWeb版で、入力欄が表示されているチャット画面を対象にする。他のページでは正しく動作しません。
- そのまま続けてください ←このリンクをブックマークバーへドラッグ
-
- ワンライナーをダウンロード
注意:
ChatGPTの入力欄や送信ボタンの仕様(HTMLの書式)が変わると動かなくなる場合がある。
動かない場合は、第2回とDevToolsヘルプで入力欄・送信ボタンの探し方を確認する。
第1回: Web小説サイト内を検索する
用途:
Web小説を読んでいる途中で、選択した人物名・地名・用語などを作品内検索しやすくするBookmarklet。
BookmarkletはChatGPT以外のページでも動く、という感覚をつかむために使う。
Google検索登録リンク
小説家になろうの作品内検索 Bookmarklet登録：
- 小説家になろうGoogle検索 ←このリンクをブックマークバーへドラッグ
-
- ワンライナーをダウンロード
カクヨムの作品内検索 Bookmarklet登録：
- カクヨムGoogle検索 ←このリンクをブックマークバーへドラッグ
-
- ワンライナーをダウンロード
DuckDuckGo検索登録リンク
小説家になろうの作品内検索 Bookmarklet登録：
- 小説家になろうDuckDuckGo検索 ←このリンクをブックマークバーへドラッグ
-
- ワンライナーをダウンロード
カクヨムの作品内検索 Bookmarklet登録：
- カクヨムDuckDuckGo検索 ←このリンクをブックマークバーへドラッグ
-
- ワンライナーをダウンロード
注意:
検索エンジン側の仕様や対象サイトのURL構造が変わると、期待どおりに検索できない場合がある。
作品ページ以外で実行すると、URLから作品IDを取り出せないことがある。
第3回: 最新10ターンだけ表示する
用途:
ChatGPTの長くなった会話で、古い会話ターンをCSSで非表示にし、最新10ターンだけを表示するBookmarklet。
もう一度実行すると、追加したCSSを外して元の表示に戻す。
対象ページ: https://chatgpt.com/
会話ターンが表示されているChatGPTのチャット画面を対象にする。
- 最新10ターン表示 ←このリンクをブックマークバーへドラッグ
-
- ワンライナーをダウンロード
注意:古い会話を削除するのではなく、JavascriptとCSSで見えない状態にするだけ。
ChatGPT側の会話ターン要素が変わると効かなくなる場合がある。
会話ターン要素の確認方法は、DevToolsヘルプを参照する。