ChatGPTアプリで表を出力させる - Markdown Text for Android JetpackCompose

ChatGPT は Markdown 出力することができますよね。

それを Jetpack Compose で表示させましょう。

ChatGPTアプリで表を出力させる - Markdown Text for Android JetpackCompose

すごく分かりやすいですね。



以下のライブラリを使いました。

👉 jeziellago/compose-markdown: Markdown Text for Android Jetpack Compose 📋. hatena-bookmark

利用記述はシンプルに作成されています。


@Composable  
fun ComplexExampleContent() {  
  MarkdownText(
    modifier = Modifier.padding(8.dp),
    markdown = markdown,
    textAlign = TextAlign.Center,
    fontSize = 12.sp,
    color = LocalContentColor.current,
    maxLines = 3,
    fontResource = R.font.montserrat_medium,
    style = MaterialTheme.typography.overline,
  )  
}

続いて、Markdown で Mermaid や Planet UML で図を出力もできそうです。

ちなみに、このライブラリは、さらに以下のライブラリたちに順に依存しています。

👉 Markwon/app-sample at master · noties/Markwon hatena-bookmark
👉 CommonMark hatena-bookmark



OpenAI ChatGPT の API_KEY を取得する方法

アカウント作成している方は取得できます。

以下のリンクにアクセスしてコピーです。

👉 Account API Keys - OpenAI API hatena-bookmark

OpenAI ChatGPT の API_KEY を取得する

あとは必要とする入力欄にペーストすればOKです。



ChatGPT の「表」をターミナルで表示する方法

ターミナルでコマンドラインで実行している人はこうなります。


サザエさんの登場人物を表で説明して

ChatGPT の「表」をターミナルで表示する方法

見づらいです。

Markdown がテキストとしてそのまま表示されていますね。

 

■ Markdown CLI「Glow」を使う

👉 charmbracelet/glow: Render markdown on the CLI, with pizzazz! 💅🏻 hatena-bookmark

以下のように使います。

echo "[Glow](https://github.com/charmbracelet/glow)"

Markdown 文字列を標準出力としてパイプで渡すと変換して表示してくれます。

ChatGPTの出力処理部分に追加して実行すると、

ChatGPT の「表」をターミナルで表示する方法

見やすい形で表示されました!

しかし、「デヴィ夫人」てサザエさんに出たん?


iPhone/Mac ショートカット app で ChatGPT で音声入出力

まずは、sh で書いてAPIのリクエストとレスポンス内容を確認。



👉 API Reference - OpenAI API hatena-bookmark

それを、ios/macOS で共有できる ショートカット app に書き換える。

ついでに、iPhone/Mac で使える音声入出力処理を追加。

意外とシンプル。

iPhone/Mac ショートカット app で ChatGPT で音声入出力



ショートカットでも JSON を簡単にやり取りできるのが驚き。

Mac でも音声入出力は稼働できる。

あと、iPhone の入力音声をスクリーンレコードで同時に録音したいです。

 

■ 公開しました!

OPENAI_API_KEY があれば無料でつかえます。


👉 OpenAI Chat Completion hatena-bookmark

ダウンロードしたら、あなたの OPENAI_API_KEY を入力すればOK。

OPENAI_API_KEY の取得の方法は以下から。


iPhone で ChatGPT をホーム画面アイコンから秒で使う方法

「API KEY」とか不要です。

まず、https://chat.openai.com/chat を Safari で開いてログインして、画面下中央にあるボタンを押します。

iPhone で ChatGPT をホーム画面アイコンから秒で使う方法

「ホーム画面に追加」をタップします。

iPhone で ChatGPT をホーム画面アイコンから秒で使う方法

ホーム画面にアイコンが作成されて設定完了です。

iPhone で ChatGPT をホーム画面アイコンから秒で使う方法

いつでも、タップすると秒で会話できますね!

iPhone で ChatGPT をホーム画面アイコンから秒で使う方法

いちいちAPIをショートカットApp経由で叩くより簡単ですね!