{"id":37,"date":"2026-01-02T22:40:49","date_gmt":"2026-01-02T13:40:49","guid":{"rendered":"https:\/\/blog.reinadesign.jp\/?p=37"},"modified":"2026-01-02T22:49:20","modified_gmt":"2026-01-02T13:49:20","slug":"rive%e3%81%a7%e7%b0%a1%e5%8d%98%e3%81%aa%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e4%bd%9c%e6%88%90%e3%81%97%e3%81%a6%e3%81%bf%e3%82%8b","status":"publish","type":"post","link":"https:\/\/blog.reinadesign.jp\/?p=37","title":{"rendered":"Rive\u3067\u7c21\u5358\u306a\u30dc\u30bf\u30f3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3057\u3066\u307f\u308b"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-1024x642.png\" alt=\"\" class=\"wp-image-38\" srcset=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-1024x642.png 1024w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-300x188.png 300w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-768x482.png 768w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-1536x963.png 1536w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-2048x1284.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u660e\u3051\u307e\u3057\u3066\u304a\u3081\u3067\u3068\u3046\u3054\u3056\u3044\u307e\u3059\uff01\ud83e\ude85<\/p>\n\n\n\n<p>\u524d\u5e74\u5ea6\u304b\u3089\u6c17\u306b\u306a\u3063\u3066\u3044\u305f<a href=\"https:\/\/rive.app\/login\/?redirect=https:\/\/editor.rive.app\">Rive<\/a>\u306b\u6311\u6226\u3057\u3066\u307f\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u7c21\u5358\u306a\u30dc\u30bf\u30f3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"502\" src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-1-1024x502.png\" alt=\"\" class=\"wp-image-39\" srcset=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-1-1024x502.png 1024w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-1-300x147.png 300w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-1-768x376.png 768w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-1-1536x753.png 1536w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-1-2048x1004.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>UI\u306fFigma\u3068\u4f3c\u305f\u3088\u3046\u306a\u611f\u3058\u3067\u3001\u76f4\u611f\u7684\u306b\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u305f\u3060\u300cAnimate\u300d\u30bf\u30d6\u304b\u3089\u8a2d\u5b9a\u3059\u308b\u3053\u3061\u3089\u306eUI\u304c\u898b\u6163\u308c\u306a\u3044\u3002\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"265\" src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-2-1024x265.png\" alt=\"\" class=\"wp-image-40\" srcset=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-2-1024x265.png 1024w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-2-300x78.png 300w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-2-768x199.png 768w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-2-1536x397.png 1536w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-2-2048x530.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Hover\u3055\u308c\u3066\u3044\u306a\u3044\u72b6\u614b\u3068Hover\u3055\u308c\u3066\u3044\u308b\u72b6\u614b\u306eTimeline\u3092\u4f5c\u6210\u3059\u308b<\/h2>\n\n\n\n<div class=\"wp-block-group is-row is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"392\" src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-3-1024x392.png\" alt=\"\" class=\"wp-image-41\" srcset=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-3-1024x392.png 1024w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-3-300x115.png 300w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-3-768x294.png 768w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-3.png 1258w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"464\" src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-4-1024x464.png\" alt=\"\" class=\"wp-image-42\" srcset=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-4-1024x464.png 1024w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-4-300x136.png 300w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-4-768x348.png 768w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-4.png 1236w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>AfterEffects\u306e\u3088\u3046\u306bScale\u5024\u3092\u3044\u3058\u3063\u3066\u30ad\u30fc\u30d5\u30ec\u30fc\u30e0\u3092\u6253\u3064\u65b9\u5f0f\u306e\u3088\u3046\u3067\u3059\u306d\u3001\u300cNot Hover\u300d\u306e\u72b6\u614b\u3068\u300cHover\u300d\u306e\u72b6\u614b\u3092\u4f5c\u6210\u3057\u3066\u304a\u304d\u307e\u3059\u3002AE\u3067\u8a00\u3046\u30b3\u30f3\u30dd\u30b8\u30b7\u30e7\u30f3\u30922\u3064\u4f5c\u3063\u305f\u72b6\u614b\uff1f<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">State Machine\u306b\u4f5c\u6210\u3057\u305fTime line\u3092\u8ffd\u52a0<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"334\" src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-5-1024x334.png\" alt=\"\" class=\"wp-image-43\" srcset=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-5-1024x334.png 1024w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-5-300x98.png 300w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-5-768x251.png 768w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-5-1536x501.png 1536w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-5.png 1900w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>State Machine\u306b\u79fb\u52d5\u3057\u3066\u5148\u307b\u3069\u4f5c\u6210\u3057\u305f\u300cNot Hover\u300d\u3068\u300cHover\u300d\u3092\u30c9\u30e9\u30c3\u30b0 in \u30c9\u30ed\u30c3\u30d7\u3067\u8ffd\u52a0\u3057\u3066\u3044\u304d\u307e\u3059\u3002\u3081\u3061\u3083\u304f\u3061\u3083\u76f4\u611f\u7684\uff01<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"377\" src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-6-1024x377.png\" alt=\"\" class=\"wp-image-44\" srcset=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-6-1024x377.png 1024w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-6-300x110.png 300w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-6-768x283.png 768w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-6-1536x565.png 1536w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-6.png 1636w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u8ffd\u52a0\u3057\u305f\u5f8cNot Hover\u72b6\u614b\u304b\u3089Hover\u3078\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3068\u72b6\u614b\u3092\u5909\u5316\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3088\u3046\u3067\u3059<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u306b\u6761\u4ef6\u3092\u8ffd\u52a0<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"860\" height=\"366\" src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-7.png\" alt=\"\" class=\"wp-image-45\" srcset=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-7.png 860w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-7-300x128.png 300w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-7-768x327.png 768w\" sizes=\"(max-width: 860px) 100vw, 860px\" \/><\/figure>\n\n\n\n<p>\u5909\u5316\u3055\u305b\u305f\u3044\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3057\u305f\u72b6\u614b\u3067\u300cInputs\u300d\u30bf\u30d6\u3092\u9078\u629e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u4eca\u56de\u306fHover\u3055\u305b\u305f\u3044\u306e\u3067Boolean\u3092\u9078\u629e<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"335\" src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-8-1024x335.png\" alt=\"\" class=\"wp-image-46\" srcset=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-8-1024x335.png 1024w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-8-300x98.png 300w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-8-768x251.png 768w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-8-1536x503.png 1536w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-8.png 1802w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3057\u6761\u4ef6\u3092\u4ed8\u4e0e\u3057\u307e\u3059<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-9-1024x488.png\" alt=\"\" class=\"wp-image-47\" srcset=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-9-1024x488.png 1024w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-9-300x143.png 300w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-9-768x366.png 768w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-9.png 1272w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1770\" style=\"aspect-ratio: 2866 \/ 1770;\" width=\"2866\" controls muted src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/\u753b\u9762\u53ce\u9332-2026-01-02-21.52.02.mov\"><\/video><\/figure>\n\n\n\n<p>Transition\u3092400ms\u306b\u8a2d\u5b9a\u3057\u3001Interpolation\u3092Cubic\u306b\u8a2d\u5b9a\u3057\u518d\u751f\u3057\u3066\u307f\u307e\u3057\u305f<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Listeners\u3092\u9078\u629e\u3057\u72b6\u614b\u306e\u6761\u4ef6\u3092\u8a2d\u5b9a<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1770\" style=\"aspect-ratio: 2866 \/ 1770;\" width=\"2866\" controls muted src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/\u753b\u9762\u53ce\u9332-2026-01-02-21.58.14.mov\"><\/video><\/figure>\n\n\n\n<p>Listeners\u3092\u8ffd\u52a0\u3057\u53f3\u306e\u30b5\u30a4\u30c9\u30e1\u30cb\u30e5\u30fc\u304b\u3089\u30bf\u30fc\u30b2\u30c3\u30c8\u3092\u300cButton\u300d\u306b\u8a2d\u5b9a\u3057\u3001Hover\u306e\u6642\u306fPointer Pointer Enter\u3092\u8a2d\u5b9a\u3057\u300cHover true\u300d\u306b\u306a\u308b\u3088\u3046\u306b\u3001Hover\u3057\u3066\u3044\u306a\u3044\u6642\u306fPointer Exit\u300cHover false\u300d\u306b\u8a2d\u5b9a\u3057\u518d\u751f\u3059\u308b\u3068Hover\u3057\u305f\u3068\u304d\u306f\u62e1\u5927\u3055\u308c\u96e2\u3059\u3068\u7e2e\u5c0f\u3059\u308b\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u304c\u3067\u304d\u307e\u3057\u305f\uff01<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Click\u306e\u30ec\u30a4\u30e4\u30fc\u3092\u8ffd\u52a0\u3059\u308b<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"282\" src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-11-1024x282.png\" alt=\"\" class=\"wp-image-51\" srcset=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-11-1024x282.png 1024w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-11-300x83.png 300w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-11-768x211.png 768w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-11-1536x423.png 1536w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-11-2048x564.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Click\u3068\u3044\u3046Time Line\u3092\u8ffd\u52a0\u3057Scale\u5024\u3092\u3044\u3058\u308a\u307e\u3059<\/p>\n\n\n\n<p>State Machine\u306e\u30ec\u30a4\u30e4\u30fc\u306bClick\u3068\u3044\u3046\u30ec\u30a4\u30e4\u30fc\u3092\u8ffd\u52a0\u3057\u307e\u3059<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"267\" src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-12-1024x267.png\" alt=\"\" class=\"wp-image-52\" srcset=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-12-1024x267.png 1024w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-12-300x78.png 300w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-12-768x201.png 768w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-12-1536x401.png 1536w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-12-2048x535.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u30ec\u30a4\u30e4\u30fc\u3092\u8ffd\u52a0\u3057Entry\u304b\u3089Click\u3078\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u3092\u4f38\u3070\u3059<\/p>\n\n\n\n<p>Inputs\u304b\u3089Trigger\u3092\u9078\u629e\u3057\u540d\u524d\u3092Click\u306b\u3057\u307e\u3059<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"942\" height=\"596\" src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-13.png\" alt=\"\" class=\"wp-image-53\" srcset=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-13.png 942w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-13-300x190.png 300w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-13-768x486.png 768w\" sizes=\"(max-width: 942px) 100vw, 942px\" \/><\/figure>\n\n\n\n<p>\u77e2\u5370\u306e\u72b6\u614b\u306b\u6761\u4ef6\u3092\u4ed8\u4e0e\u3057\u307e\u3059\uff0b\u304b\u3089if Click\u3092\u9078\u629e<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1770\" style=\"aspect-ratio: 2866 \/ 1770;\" width=\"2866\" controls src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/\u753b\u9762\u53ce\u9332-2026-01-02-22.23.53.mov\"><\/video><\/figure>\n\n\n\n<p>1\u3064\u3060\u3051\u3060\u3068\u6b62\u307e\u3063\u3066\u3057\u307e\u3046\u306e\u3067\u3001\u4f55\u5ea6\u3067\u3082\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089\u30af\u30ea\u30c3\u30af\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u304c\u6d41\u308c\u308b\u3088\u3046\u306b\u3082\u3046\u4e00\u3064Click\u3092\u8ffd\u52a0\u3057\u5404Click\u306b\u72b6\u614b\u3092\u4ed8\u4e0e\u3057\u3066\u3044\u304d\u307e\u3059<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"339\" src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-15-1024x339.png\" alt=\"\" class=\"wp-image-56\" srcset=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-15-1024x339.png 1024w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-15-300x99.png 300w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-15-768x254.png 768w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-15-1536x508.png 1536w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-15.png 1972w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Listeners\u306b\u306e\u30bf\u30fc\u30b2\u30c3\u30c8\u306bButton\u3092\u8a2d\u5b9a\u3057Click\u3092\u9078\u629e\u3057\u307e\u3059<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1770\" style=\"aspect-ratio: 2866 \/ 1770;\" width=\"2866\" controls muted src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/\u753b\u9762\u53ce\u9332-2026-01-02-22.30.09.mov\"><\/video><\/figure>\n\n\n\n<p>\u72b6\u614b\u3092\u8a2d\u5b9a\u3067\u304d\u305f\u306e\u3067\u3001Click\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u304c\u4f5c\u6210\u3067\u304d\u307e\u3057\u305f\uff01<\/p>\n\n\n\n<p>\u305f\u3060\u3053\u306e\u30ec\u30a4\u30e4\u30fc\u304c\u8907\u6570\u3042\u308b\u3068\u6700\u65b0\u306e\u30ec\u30a4\u30e4\u30fc\u304c\u512a\u5148\u3055\u308c\u3066\u3057\u307e\u3046\u3088\u3046\u3067\u3059\ud83d\udca7<\/p>\n\n\n\n<p>\u305d\u3046\u306a\u3089\u306a\u3044\u305f\u3081\u306b\u306fButton\u306e\u4e2d\u306b\u3042\u308b\u30ec\u30a4\u30e4\u30fc\u3092\u4e00\u5ea6\u30b0\u30eb\u30fc\u30d7\u5316\u3057Click\u306e\u4e2d\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3092\u30b3\u30d4\u30fc\u3057\u300cButton Click\u300d\u3092\u9078\u629e\u3057\u305f\u72b6\u614b\u3067\u30da\u30fc\u30b9\u30c8\u3059\u308b\u3053\u3068\u3067Button\u306b\u5bfe\u3057\u3066\u3067\u306f\u306a\u304fButton Click\u306b\u5bfe\u3057\u3066\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u304c\u5f53\u305f\u308b\u306e\u3067\u7af6\u5408\u3057\u306a\u3044\u3088\u3046\u3067\u3059\uff08\u65e2\u5b58\u306eButton\u306e\u65b9\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u306f\u524a\u9664\u3059\u308b\uff09<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"779\" src=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-16-1024x779.png\" alt=\"\" class=\"wp-image-58\" srcset=\"https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-16-1024x779.png 1024w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-16-300x228.png 300w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-16-768x584.png 768w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-16-1536x1169.png 1536w, https:\/\/blog.reinadesign.jp\/wp-content\/uploads\/2026\/01\/image-16-2048x1558.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081<\/h2>\n\n\n\n<p>\u4eca\u56de\u306f\u521d\u6b69\u306e\u521d\u6b69\u3068\u3057\u3066\u3001\u81ea\u5206\u304c\u7406\u89e3\u3059\u308b\u305f\u3081\u306b\u4f5c\u3063\u3066\u307f\u307e\u3057\u305f\uff01Figma\u306e\u3088\u3046\u306b\u76f4\u611f\u7684\u3067\u4f7f\u3048\u307e\u3059\u3057\u3001AE\u3092\u4f7f\u3063\u305f\u3053\u3068\u304c\u3042\u308b\u65b9\u306a\u3089\u3042\u308b\u7a0b\u5ea6\u308f\u304b\u308a\u3084\u3059\u3044UI\u306a\u306e\u304b\u306a\u3068\u601d\u3044\u307e\u3057\u305f<\/p>\n\n\n\n<p>Rive\u306f\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u304c\u65e9\u304f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3082\u82f1\u8a9e\u3070\u304b\u308a\u306a\u306e\u3067\u8ffd\u3063\u3066\u3044\u304f\u306e\u306f\u5927\u5909\u3067\u3059\u304c\u3001\u30de\u30a4\u30af\u30ed\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u3092\u30a2\u30d7\u30ea\u306b\u8ffd\u52a0\u3057\u3066\u3044\u304f\u306e\u306b\u6700\u9069\u306a\u30c4\u30fc\u30eb\u306e\u3088\u3046\u306a\u306e\u3067\u3001\u5c11\u3057\u305a\u3064\u899a\u3048\u3066\u30a2\u30d7\u30ea\u306b\u8ffd\u52a0\u3057\u3066\u3044\u304d\u305f\u3044\u306a\u30fc\u3068\u601d\u3063\u3066\u307e\u3059\uff01<\/p>\n\n\n\n<p>\u53c2\u8003\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"\u3010\u65e5\u672c\u521d!?\u3011Rive\u306e\u8d85\u8d85\u57fa\u672c\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u52d5\u753b\uff1a\u307e\u305a\u306f\u30b3\u30b3\u304b\u3089\u59cb\u3081\u307e\u3057\u3087\u3046\uff01\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/aOO6uGkCl7c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>\u660e\u3051\u307e\u3057\u3066\u304a\u3081\u3067\u3068\u3046\u3054\u3056\u3044\u307e\u3059\uff01\ud83e\ude85 \u524d\u5e74\u5ea6\u304b\u3089\u6c17\u306b\u306a\u3063\u3066\u3044\u305fRive\u306b\u6311\u6226\u3057\u3066\u307f\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002 \u7c21\u5358\u306a\u30dc\u30bf\u30f3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b UI\u306fFigma\u3068\u4f3c\u305f\u3088\u3046\u306a\u611f\u3058\u3067\u3001\u76f4\u611f\u7684\u306b\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002 \u305f\u3060 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":60,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","footnotes":""},"categories":[10],"tags":[5,6,8,9,7],"class_list":["post-37","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-10","tag-rive","tag-ui","tag-8","tag-9","tag-7"],"_links":{"self":[{"href":"https:\/\/blog.reinadesign.jp\/index.php?rest_route=\/wp\/v2\/posts\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.reinadesign.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.reinadesign.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.reinadesign.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.reinadesign.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37"}],"version-history":[{"count":1,"href":"https:\/\/blog.reinadesign.jp\/index.php?rest_route=\/wp\/v2\/posts\/37\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/blog.reinadesign.jp\/index.php?rest_route=\/wp\/v2\/posts\/37\/revisions\/59"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.reinadesign.jp\/index.php?rest_route=\/wp\/v2\/media\/60"}],"wp:attachment":[{"href":"https:\/\/blog.reinadesign.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.reinadesign.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=37"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.reinadesign.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}