Zenn
😃

Pieces というAIを使ったコードスニペット管理アプリが良さげ

2023/10/22に公開
AI
アプリ
スニペット
tech

コードスニペットのアプリを探していたところPiecesというアプリを見つけたので共有します。
画面イメージ

公式サイト

https://pieces.app/

無料のアプリです。
これから、Proプランとか出るようですが公式のYouTubeとかを見ても「完全無料」とのことです。
まだほやほやのアプリのようです。

英語のアプリで、Mac、Windows、Linuxのアプリです。

プラグインで、Chrome拡張機能やVSCodeの拡張機能、その他Obsidianの拡張機能とか色々があります。
セキュアな利用も可能なようです。

説明のYouTube

非公式のものですかね
https://www.youtube.com/watch?v=cv-6bAeYsOY

機能

機能は

  • コードスニペットを保存（テキストと、スクリーンショットの画像で保存できる）
  • コードスニペットのタイトルとか説明とかソース元とかは自動で保存してくれる
  • コードスニペットの共有
  • AIでボタン一つで、コードスニペットの内容を調べられる
  • AIでボタン一つで、コードスニペットの正当性を調べられる
  • コードスニペットの関連リンクを見れる
    その他色々

イメージとしては、自分でコードスニペットを積み立てて、自分独自のコードスニペットの検索プラットフォームを作るような感じのようです。

使用方法

  1. 公式サイトからダウンロードします
    https://docs.pieces.app/installation-getting-started/macos
    とか
    ダウンロード方法は上記サイトに書いてあります。
    Pieces.appとPeices OS.appがあるので重いかもしれません。

  2. Chrome拡張機能やVSCodeの拡張機能をインストールする
    https://docs.pieces.app/extensions-plugins/chrome
    https://docs.pieces.app/extensions-plugins/vscode

  3. コードを保存
    chromeとかで
    コードにカーソルを当てると

    「Copy and Save」するかや「Asc Copilot」で内容の説明を聞くか出てくれます。

「Ask Copilot」をすると
サイドバーでコードの説明が出てくれます。
私は英語は読めませんが、メッセージをクリックしたりすると、メッセージ内容をコピペするアイコンが出てくれます

「Copy and Save」をするとコードスニペットが追加されます

「Context Preview」の横3本線アイコンをクリックすると
日本語が文字化けしてますが、コードスニペットの内容、関連リンクなどが表示されます

「Lanch Copilot」を押すとAIに色々聞くことができます。

スクリーンショットからスニペットを作ることも可能です

まとめ

もうちょっと、スニペットを使いこなして、また記事を書きたいです。
今後のアプリの展開を楽しみにしてます。
よかったら使ってみてください。おすすめです。

Discussion