おすすめのユーティリティが、スマホでも使えるように。
すべてのツールとプロジェクトに、高速・最適化された状態でひとつの場所からアクセスできます。
プライベート AI プロンプトライブラリ
ChatGPT、Midjourney、Claudeのプロンプトをプライベートに整理・タグ付け・保存。localStorageに保存される自分だけのプロンプトバンク。
ライブラリが空です
最初のプロンプトを作成して、プライベートAIリポジトリの構築を始めましょう。
このユーティリティをあなたのサイトに追加しませんか?
WordPress、Notion、またはご自身のサイト向けに、カラーとダークモードをカスタマイズできます。
よくある質問
プロンプトはどこに保存されますか?
プロンプトはブラウザのローカルストレージ(localStorage)にのみ保存されます。外部サーバーは使用しないため、データは100%プライベートです。
ブラウザのCookieや履歴を削除するとどうなりますか?
サイトデータやローカルストレージを削除すると、保存済みのプロンプトが失われます。ブラウザを頻繁にクリアする場合は、バックアップを取ることをお勧めします。
Midjourney、ChatGPT、DALL-Eにも使えますか?
はい、あらゆる種類のAI指示に対応しています。専用タグを作成してコマンドを整理し、お好みのAIツールへ簡単にコピーできます。
# プロンプトライブラリが必要な理由
ChatGPT、Claude、MidjourneyなどのAIツールを日常的に使っているなら、同じ指示を何度も書き直した経験があるはずです。プロンプトライブラリは、お気に入りのコマンドを書き直す手間をなくすための決定的な解決策です。# プロンプト整理のメリット
- 即時検索:数ヶ月前に使った特定の指示も、シンプルなテキスト検索でサッと見つけられます。
- タグ分類:プロンプトに「marketing」「programming」「copywriting」などのタグを付けてすばやくフィルタリング。
- ワンクリックコピー:全文をクリップボードにたった一度のクリックでコピーできます。
- 完全なプライバシー:すべてのデータはlocalStorage経由でブラウザにローカル保存されます。
# プロンプト内の変数
プロンプトに[変数名]という形式を使うと、動的に入力できるフィールドを作成できます。カードを開くと、定義した変数ごとに入力欄が表示され、値を入力した状態でプロンプトがコピーされます。そのままAIに貼り付けるだけで完了です。# プロンプトの共有
各プロンプトはURLで共有できます。共有ボタンを押すとリンクが生成され、そのリンクを開くとプロンプトの内容があらかじめ入力された作成フォームが表示されます。参考文献
- [1] Prompt Engineering Guide (DAIR.AI)
https://www.promptingguide.ai/
- [2] プロンプトエンジニアリングとは(Google Cloud)
https://cloud.google.com/discover/what-is-prompt-engineering
同じカテゴリのユーティリティ ウェブ開発
無料オンラインJSONフォーマッタ&バリデータ
JSONコードの整形、検証、修復を行う無料オンラインツール。JSONを美しく整形します。構文エラーを検出し、コードの可読性を向上させます。
無料オンラインSVGからCSSおよびData URIへの変換ツール
SVGアイコンやベクトルをCSSコード(背景またはマスク)や圧縮されたData URIに変換します。外部HTTPリクエストを排除し、ウェブサイトのパフォーマンスを最適化します。
アスペクト比計算ツール(ピクセル)。オンライン比率計算
グラフィックの歪みを防ぐために、正確な比率を維持したまま画像、ビデオ、Webデザインの新しい解像度を計算します。16:9、4:3、21:9、およびカスタム形式をサポートしています。
プレースホルダー画像ジェネレーター。ウェブモックアップを素早く作成
ウェブデザイン用のカスタムプレースホルダー画像を作成できます。解像度・背景色・テキストを自由に調整し、PNG・WebP・JPEGで即時エクスポート。
オンラインURLエンコーダー&デコーダー
あらゆるリンクの特殊文字を安全な形式(パーセントエンコーディング)に変換、または元の読み取り可能な状態に即座にローカルで復元します。
CSSの重複を削除するオンラインツール。スタイルシートを整理して最適化
重複したCSSコードを無料でクリーンアップできるツール。冗長なセレクターを統合し、カスケードを維持しながら、ブラウザ上でファイルサイズを即座に削減します。
CSSをインラインHTMLに変換するメール向けツール
スタイルシートやCSSクラスを、HTML内に直接埋め込まれたインラインスタイルへ自動変換します。ニュースレター、トランザクショナルメール、安定したWebレイアウトに最適です。
CSSセレクター詳細度チェッカー オンライン。セレクターの重みを可視化
CSSセレクターの詳細度と正確な重みを計算します。どのCSSルールがカスケードで勝つかを視覚的に確認でき、!importantの乱用を防ぐのに役立つツールです。
オンラインCronエクスプレッション・ジェネレーター:翻訳とビジュアライザー
LinuxのCronエクスプレッションを生成するための無料のビジュアルツールです。「* * * * *」を人間が理解できる言葉に翻訳し、次回の実行日時5件をリアルタイムで表示します。
キーボードコードビジュアライザー オンライン。KeyCode Inspector
キーボードの任意のキーの event.key、event.code、event.which、およびロケーションをリアルタイムで確認できる無料のオンラインツール。すぐに使えるJavaScriptコードスニペットを生成します。
LLMコスト計算ツール。AIモデルAPIの料金見積もり
LLM APIの呼び出しコストを無料で試算できるオンラインツールです。GPT-4o、Claude、Gemini、Llamaなどを、100万トークンあたりの実際の料金で比較できます。
音楽的タイポグラフィスケール。モジュラースケール計算機
音楽的比率に基づくモジュラースケールで、調和のとれた視覚的階層を作成できる無料オンラインツール。Webデザインにすぐ使えるCSS変数を生成します。
App Store向けモバイルモックアップジェネレーター。iPhoneとGoogle Pixel対応
App StoreとGoogle Play向けのプロフェッショナルなプレゼンテーションを作成。カスタム背景、パノラマレイアウト、高解像度一括エクスポートに対応したiPhoneとPixelのモックアップ。
オンライン・セキュリティ・ハッシュ・ジェネレーター
MD5、SHA-1、SHA-256、SHA-512ハッシュを瞬時に計算。開発者向けの無料、プライベート、超高速なセキュリティツールです。100%クライアントサイドで動作します。
オンライン・カラーコンバーター:RGB, HEX, HSL
RGB、HEX、HSL間ですぐに色を変換できます。補色ハーモニーの生成やWCAGコントラストの分析も可能。100%クライアントサイドでプライバシーも安心。
視覚的可読性チェッカー WCAG と APCA
APCAとWCAG 3.0であなたのデザインの実際のコントラストを確認しましょう。フォントの太さとサイズが可読性に与える影響を分析できます。単純な比率から知覚的な読みやすさまで対応。
SVGサニタイザー オンライン
FigmaやAdobe Illustrator、Inkscapeからエクスポートしたsvgを最適化してクリーンアップ。メタデータや不要な属性、空のグループを削除し、本番環境に対応したSVGを生成します。
Googleアナリティクス用UTMパラメータ生成器
デジタルマーケティングキャンペーン用の正確なトラッキングリンクを作成します。Googleアナリティクスやその他の分析ツールに最適化されています。
URLトラッキングクリーナー:UTM・FBCLID・GCLIDを削除
URLに含まれるトラッキングパラメータや広告パラメータを自動で除去します。クリーンなリンクを共有して、デジタルプライバシーをすぐに守りましょう。
オンラインSSL/TLS証明書インスペクタ PEMおよびCRTファイルを表示
SSL証明書ファイル(.pem、.crt、.der)をローカルで分析します。有効期限、発行者、サブジェクト、SHA-256フィンガープリントを確認できます。データはブラウザから出ません。
Security.txt ジェネレーター RFC 9116
プロフェッショナルな security.txt ファイルを作成して、脆弱性の報告を円滑にし、国際的なウェブセキュリティ標準に準拠しましょう。
データ時間計算機:ウェブ速度の影響
ユーザーが3G、4G、5G接続でウェブサイトの読み込みを待つ間に失う寿命を把握しましょう。サイトの重さがもたらす本当の影響を計算します。
Excel・CSVからHTMLテーブルへの変換コード生成ツール
ExcelやCSVのデータを、クリーンでセマンティックなHTMLテーブルに即座に変換します。開発者やコンテンツ作成者のための無料ツールです。