タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

Inkに関するoinumeのブックマーク (1)

  • React Ink によるリッチ CLI (ClaudeCodeの裏側のアレ)

    (この記事の AI 成分は 5 割ぐらいです) claude-code や gemini-cli を触った人なら、やたらリッチな CLI のインターフェースが一体どうなってるか疑問に思ったはずです。 これは ink というライブラリで実装されています。実体は React のカスタムレンダラーで、React の差分レンダリングで CLI を構築することができます。 中では yoga というレイアウトエンジンが使われており、これは React Native でも使われているもので、 Web で display: flex を使ったときと同じレイアウト計算モデルになります。 つまり、 ReactReactNative の知識で CLI (TUI) の アスキーアートの UI を作ってるわけですね。 実際に作ってみた例 React Ink の可能性を探るべく、ターミナルで動くゲームを実装して

    React Ink によるリッチ CLI (ClaudeCodeの裏側のアレ)
  • 1