{"provider_url":"https://hatena.blog","author_url":"https://blog.hatena.ne.jp/ma2saka/","blog_url":"https://0xf.hatenablog.com/","categories":["\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0","\u6280\u8853"],"height":"190","provider_name":"Hatena Blog","blog_title":"0xf","published":"2025-07-14 23:00:17","image_url":null,"title":"ink\u3067React / CLI","url":"https://0xf.hatenablog.com/entry/2025/07/14/230017","description":"ink \u306f ClaudeCode \u306eCUI\u3092\u7d44\u307f\u7acb\u3066\u3066\u3044\u308bReact\u30d9\u30fc\u30b9\u306e\u4f55\u304b\u3067\u3059\u3002\u4f55\u304b\u3001\u3068\u3044\u3046\u306e\u306f\u3001\u306a\u3093\u3060\u308d\u3046...? \u3068\u601d\u3063\u3066\u3057\u307e\u3046\u304b\u3089\u3067\u3059\u306d\u3002\u3053\u308c\u306f\u306a\u3093\u306a\u3093\u3060\u308d\u3046\u3002\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af? github.com \u4ee5\u4e0b\u306e\u7c21\u5358\u306a\u8a08\u7b97\u6a5f\uff08\u8db3\u3057\u7b97\u3057\u304b\u3067\u304d\u306a\u3044\uff09\u306f\u3001\u307b\u307c Cursor\u306e\u4e00\u767a\u51fa\u3057\u306a\u3093\u3060\u3051\u3069\u3001\u3060\u3044\u305f\u3044\u96f0\u56f2\u6c17\u308f\u304b\u3063\u305f\u3002\u30c6\u30ad\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u9593\u306f Tab \u30ad\u30fc\u3067\u79fb\u52d5\u3067\u304d\u308b\u3057\u3001\u5024\u306e\u5909\u66f4\u306f\u3061\u3083\u3093\u3068\u8a08\u7b97\u7d50\u679c\u306b\u53cd\u6620\u3055\u308c\u308b\u3002ESC\u30ad\u30fc\u306e\u5165\u529b\u306a\u3069\u3082\u9069\u5207\u306b\u62fe\u3063\u3066\u3044\u308b\u3002\u3059\u3054\u3044\u3002 #!/usr/bin/env npx tsx import React, { useState } from 'react'; import\u2026","author_name":"ma2saka","version":"1.0","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2F0xf.hatenablog.com%2Fentry%2F2025%2F07%2F14%2F230017\" title=\"ink\u3067React / CLI - 0xf\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","width":"100%","type":"rich"}