{"type":"rich","author_url":"https://blog.hatena.ne.jp/xlc/","published":"2026-03-17 01:11:03","blog_title":"koba::blog","description":"\u96fb\u8133\u9ebb\u5c06 \u306e \u724c\u8b5c\u30a8\u30c7\u30a3\u30bf \u3067\u306f\u300c\u724c\u753b\u50cf\u3068\u5165\u529b\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u5207\u308a\u66ff\u3048\u308b\u300dUI\u3092\u63a1\u7528\u3057\u3066\u3044\u307e\u3059\u3002\u901a\u5e38\u306f\u724c\u753b\u50cf\u3092\u8868\u793a\u3057\u3001\u30d5\u30a9\u30fc\u30ab\u30b9\u304c\u5f53\u305f\u308b\u3068\u5165\u529b\u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u5207\u308a\u66ff\u308f\u308a\u307e\u3059\u3002\u3053\u306e\u52d5\u304d\u3092\u5b9f\u73fe\u3057\u3066\u3044\u308b\u306e\u304c flipInput*1 \u3067\u3059\u3002\u5b50\u8981\u7d20 A\u3001B \u3092\u6301\u3064\u8981\u7d20 X \u306b flipInput \u3092\u9069\u7528\u3059\u308b\u3068\u3001 \u901a\u5e38\u306f A \u3092\u8868\u793a X \u304c\u30d5\u30a9\u30fc\u30ab\u30b9\u3055\u308c\u305f\u3068\u304d\u306f B \u3092\u8868\u793a \u3068\u52d5\u4f5c\u3059\u308b\u3088\u3046\u306b\u5909\u5316\u3057\u307e\u3059\u3002B \u306b\u5165\u529b\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u7f6e\u3051\u3070\u3001\u30d5\u30a9\u30fc\u30ab\u30b9\u3092\u5f53\u3066\u3066\u5165\u529b\u3057\u3001\u30d5\u30a9\u30fc\u30ab\u30b9\u3092\u5931\u3048\u3070\u5143\u306b\u623b\u308bUI\u3092\u5b9f\u73fe\u3067\u304d\u308b\u8a33\u3067\u3059\u3002 *1:flip \u306f\u300c\u3072\u3063\u304f\u308a\u8fd4\u308b\u300d\u3068\u3044\u3046\u610f\u5473\u3067\u3001\u3053\u306eUI\u306e\u52d5\u4f5c\u3059\u308b\u611f\u3058\u3092\u8868\u3057\u3066\u3044\u307e\u3059","provider_url":"https://hatena.blog","version":"1.0","width":"100%","blog_url":"https://blog.kobalab.net/","title":"\u96fb\u8133\u9ebb\u5c06UI \u301c flipInput","categories":["\u9ebb\u96c0","JavaScript"],"author_name":"xlc","provider_name":"Hatena Blog","height":"190","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/x/xlc/20260316/20260316192913.png","url":"https://blog.kobalab.net/entry/2026/03/17/011103","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kobalab.net%2Fentry%2F2026%2F03%2F17%2F011103\" title=\"\u96fb\u8133\u9ebb\u5c06UI \u301c flipInput - koba::blog\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>"}