{"id":82130,"date":"2026-02-25T16:30:00","date_gmt":"2026-02-25T07:30:00","guid":{"rendered":"https:\/\/www.creationline.com\/tech-blog\/?p=82130"},"modified":"2026-02-25T15:41:39","modified_gmt":"2026-02-25T06:41:39","slug":"%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%82%a8%e3%83%b3%e3%83%89%e5%88%9d%e5%bf%83%e8%80%85%e3%81%af%e3%80%81ai%e3%81%a7%e3%82%a2%e3%83%97%e3%83%aa%e7%88%86%e9%80%9f%e9%96%8b%e7%99%ba%e3%81%a7%e3%81%8d","status":"publish","type":"post","link":"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130","title":{"rendered":"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f"},"content":{"rendered":"\n

\u30a4\u30f3\u30d5\u30e9+\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u3001\u500b\u4eba\u7684\u306a\u30a2\u30d7\u30ea\u304c\u6b32\u3057\u304f\u306a\u308b<\/h1>\n\n\n\n

\u79c1\u7684\u306a\u8a71\u306a\u306e\u3067\u3059\u304c\u3001\u8fd1\u3005\u5f15\u8d8a\u3057\u3092\u4e88\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n

\u5f15\u8d8a\u3057\u3063\u3066\u3001\u3044\u308d\u3044\u308d\u5927\u5909\u3067\u3059\u3088\u306d\u3002\u3044\u308d\u3044\u308d\u306a\u4f4f\u6240\u5909\u66f4\u3084\u3089\u624b\u7d9a\u304d\u3082\u305f\u304f\u3055\u3093\u3002<\/p>\n\n\n\n

\u305d\u3057\u3066\u3001\u65b0\u3057\u3044\u9593\u53d6\u308a\u306b\u5408\u308f\u305b\u3066\u3069\u306e\u3088\u3046\u306b\u5bb6\u5177\u3092\u914d\u7f6e\u3059\u308b\u304b\u3002\u3002\u3002\u3053\u3053\u304c\u3059\u3054\u304f\u8ff7\u3044\u307e\u3059\u3002<\/p>\n\n\n\n

\u9593\u53d6\u308a\u56f3\u3084\u4e0d\u52d5\u7523\u5c4b\u3055\u3093\u306b\u805e\u3044\u305f\u308a\u3001\u5b9f\u5bf8\u3092\u56f3\u3063\u305f\u308a\u3057\u3066\u9593\u53d6\u308a\u56f3\u306b\u66f8\u304d\u8fbc\u307f\u3001\u7e2e\u5c3a\u3092\u6c17\u306b\u3057\u306a\u304c\u3089<\/p>\n\n\n\n

\u300c\u3053\u3053\u306b\u304a\u3051\u308b\u304b\u306a\uff1f\u300d\u300c\u3053\u3063\u3061\u306e\u9699\u9593\u3092\u3053\u306e\u5bb6\u5177\u3067\u3001\u3001\u3001\u300d<\/p>\n\n\n\n

\u307e\u305f\u3001\u65b0\u3057\u3044\u5bb6\u5177\u306e\u8cfc\u5165\u3092\u691c\u8a0e\u3057\u305f\u308a\u3057\u307e\u3059\u3088\u306d\uff1f<\/p>\n\n\n\n

\u6b63\u76f4\u3001\u7e2e\u5c3a\u3082\u9762\u5012\u3060\u3057\u3001\u5bb6\u5177\u306e\u914d\u7f6e\u3082\u66f8\u304d\u8fbc\u3093\u3060\u3089\u6d88\u3059\u306e\u9762\u5012\u3001\u3001\u3001\u30a2\u30d7\u30ea\u3067\u4f55\u5ea6\u3082\u76f4\u305b\u305f\u308a\u3057\u305f\u3089\u4fbf\u5229\u3060\u306a\u3063\u3066\u601d\u3044\u307e\u305b\u3093\u304b\uff1f<\/p>\n\n\n\n

\u30b0\u30b0\u3063\u3066\u307f\u308b\u3068\u3001\uff13D\u3084\u9593\u53d6\u308a\u56f3\u4f5c\u6210\u30c4\u30fc\u30eb\u306e\u6a5f\u80fd\u3067\u306a\u3044\u3053\u3068\u306f\u306a\u3055\u305d\u3046\u306a\u306e\u3067\u3059\u304c\u3001\u30b5\u30af\u30c3\u3068\u6c17\u8efd\u306b\u8a66\u305b\u308b\u3082\u306e\u304c\u306a\u3044\u3002\u3002\u3002\u3002\u305d\u3053\u3067\u601d\u3044\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

AI\u306b\u4f5c\u3089\u305b\u305f\u3089\u3069\u3046\u3060\u308d\u3046\uff1f<\/h3>\n\n\n\n

\u4ee5\u524d\u3001\u4ed5\u4e8b\u306b\u4f7f\u3048\u305d\u3046\u306a\u69cb\u6210\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3092\u4f5c\u3089\u305b\u305f<\/a>\u969b\u306b\u306f\u3001\u81ea\u5206\u306e\u7406\u89e3\u306e\u3042\u308b\u9818\u57df\u3092\u4f5c\u3089\u305b\u307e\u3057\u305f\u304c\u4eca\u56de\u306f\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e\u77e5\u8b58\u304c\u5fc5\u8981\u3060\u3068\u601d\u3044\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

\u305d\u3053\u3067\u3001\u4eca\u56de\u3082\u307e\u305f\u3001ChatGPT\u306b\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u66f8\u304f\u306e\u3092\u624b\u4f1d\u3063\u3066\u3082\u3089\u3044\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

\u300c\u30a2\u30d7\u30ea\u3092\u4f5c\u308a\u305f\u3044\u306e\u3067\u624b\u4f1d\u3063\u3066\uff01\u300d<\/h3>\n\n\n\n

\u307e\u305a\u306f\u3001\u3069\u306e\u3088\u3046\u306a\u30a2\u30d7\u30ea\u3092\u4f5c\u308a\u305f\u3044\u304b\u3092\u4f1d\u3048\u307e\u3059\u3002<\/p>\n\n\n\n

\n

\u9593\u53d6\u308a\u56f3\u306e\u753b\u50cf\u3092\u53d6\u308a\u8fbc\u3093\u3067\u3001\u5bb6\u5177\u306e\u30d1\u30e9\u30e1\u30fc\u30bf(\u30b5\u30a4\u30ba)\u3092\u5165\u529b\u3057\u3066\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u3066\u3001\u914d\u7f6e\u30a4\u30e1\u30fc\u30b8\u3092\u3067\u304d\u308b\u30a2\u30d7\u30ea\u3068\u304b\u4f5c\u308a\u305f\u3044\u3002 \u516c\u958b\u3068\u304b\u8003\u3048\u305a\u306b\u30ed\u30fc\u30ab\u30eb\u3067\u52d5\u3051\u3070\u3044\u3044\u3002<\/p>\n<\/blockquote>\n\n\n\n

\u3053\u306e\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u6700\u521d\u306b\u5165\u308c\u307e\u3057\u305f\u3002\u3053\u308c\u306b\u5bfe\u3057\u3066\u306e\u56de\u7b54\u306e\u8981\u7d04\u3067\u3059\u3002\u2193<\/p>\n\n\n\n

\n

\u30ed\u30fc\u30ab\u30eb\u524d\u63d0\u306a\u3089\u3001\u73fe\u5b9f\u7684\u306a\u4f5c\u308a\u65b9\u306f\u3060\u3044\u305f\u30443\u30eb\u30fc\u30c8<\/p>\n\n\n\n

    \n
  • \u30eb\u30fc\u30c8A\uff1a\u3044\u3061\u3070\u3093\u65e9\u3044\uff08\u30d6\u30e9\u30a6\u30b6\u3067\u52d5\u304f\u30ed\u30fc\u30ab\u30eb\u30a2\u30d7\u30ea\uff09<\/li>\n\n\n\n
  • \u30eb\u30fc\u30c8B\uff1a\u6700\u5c0f\u69cb\u6210\u3067\u7206\u901f\uff08Python\u3067\u30b5\u30af\u30c3\u3068\uff09<\/li>\n\n\n\n
  • \u30eb\u30fc\u30c8C\uff1a\u3061\u3083\u3093\u3068CAD\u5bc4\u308a\uff08\u5c06\u6765\u62e1\u5f35\u3057\u305f\u3044\u306a\u3089\uff09<\/li>\n<\/ul>\n\n\n\n

    \u307e\u305a\u6c7a\u3081\u308b\u3068\u8ff7\u3044\u304c\u6e1b\u308b\u300c\u30b3\u30a2\u4ed5\u69d8\u300d
    \u5177\u4f53\u7684\u306a\u5b9f\u88c5\u30a4\u30e1\u30fc\u30b8\uff08\u304a\u3059\u3059\u3081\u306fA\uff1aTauri + React + Konva\uff09
    \u3082\u3057\u300c\u753b\u50cf\u306e\u58c1\u7dda\u3092\u81ea\u52d5\u62bd\u51fa\u300d\u307e\u3067\u3084\u308a\u305f\u3044\u306a\u3089
    \u6700\u77ed\u306e\u63d0\u6848\uff08\u3042\u306a\u305f\u306e\u8981\u671b\u306b\u4e00\u756a\u5408\u3046\uff09
    \u2192 Tauri + React + Konva.js<\/strong> \u304c\u3001\u5de5\u6570\u3068\u4f7f\u3044\u52dd\u624b\u306e\u30d0\u30e9\u30f3\u30b9\u304c\u826f\u3044\u3002<\/p>\n<\/blockquote>\n\n\n\n

    \u6b21\u306b\u3001\u4e00\u65e6\u65b0\u3057\u3044\u60c5\u5831\u3092\u5165\u308c\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

    \n

    \u4e00\u5ea6\u5358\u7d14\u306b\u9593\u53d6\u308a\u56f3\u3092\u8aad\u3093\u3060\u3042\u3068\u306b\u3001\u81ea\u5206\u3067\u3042\u308b\u7a0b\u5ea6\u9577\u3055\u3092\u5165\u529b\u3059\u308b\u3053\u3068\u3067\u90e8\u5c4b\u306e\u5e83\u3055\u3092\u8a8d\u8b58\u3057\u3066\u3001\u5bb6\u5177\u3092\u914d\u7f6e\u3059\u308b\u969b\u306b\u3001\u5bb6\u5177\u306e\u30b5\u30a4\u30ba\u3068\u90e8\u5c4b\u306e\u30b5\u30a4\u30ba\u611f\u3092\u5408\u308f\u305b\u305f\u3044<\/p>\n<\/blockquote>\n\n\n\n

    \u30b5\u30a4\u30ba\u611f\u3092\u3069\u3046\u3084\u3063\u3066\u5224\u5b9a\u3059\u308b\u304b\u306e\u30a2\u30a4\u30c7\u30a3\u30a2\u3092\u8ffd\u52a0\u3057\u307e\u3057\u305f\u3002\u3059\u308b\u3068\u3001<\/p>\n\n\n\n

    \n

    \u65b9\u5f0f1\uff1a\u6700\u5c0f\u3067\u78ba\u5b9f\uff08\u304a\u3059\u3059\u3081\uff09\u300c2\u70b9\u30af\u30ea\u30c3\u30af\uff0b\u5b9f\u5bf8\u5165\u529b\u300d
    \u65b9\u5f0f2\uff1a\u90e8\u5c4b\u306e\u5e83\u3055\u3092\u201c\u8a8d\u8b58\u201d\u3057\u305f\u3044\u5834\u5408\uff08\u534a\u81ea\u52d5\uff09
    \u5bb6\u5177\u914d\u7f6e\u6642\u306b\u201c\u30b5\u30a4\u30ba\u611f\u3092\u5408\u308f\u305b\u308b\u201d\u305f\u3081\u306e\u5b9f\u88c5\u8981\u7d20
    \u73fe\u5b9f\u7684\u306a\u843d\u3068\u3057\u6240\uff08\u304a\u3059\u3059\u3081\u69cb\u6210\uff09<\/p>\n<\/blockquote>\n\n\n\n

    \u304c\u51fa\u3066\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

    \u3068\u3044\u3046\u3053\u3068\u3067\u3001\u3053\u3053\u304b\u3089\u5148\u306e\u65b9\u91dd\u3092\u5165\u529b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    \n

    \u958b\u767a\u306fCodex\u3067\u3084\u308b
    Codex\u306b\u6d41\u3059\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u4f5c\u6210\u3059\u308b
    \u5fc5\u8981\u306a\u5165\u529b\u304c\u8db3\u308a\u3066\u3044\u306a\u3044\u3088\u3046\u306a\u3089\u3001\u6559\u3048\u3066\u6b32\u3057\u3044
    \u52dd\u624b\u306a\u89e3\u91c8\u3067\u9032\u3081\u306a\u3044\u3067\u6b32\u3057\u3044\u306e\u3067\u3001\u6539\u3081\u3066\uff11\u554f\uff11\u7b54\u5f62\u5f0f\u3067\u78ba\u8a8d\uff0b\u8ffd\u52a0\u60c5\u5831\u3092\u6c42\u3081\u3066\u304f\u3060\u3055\u3044<\/p>\n<\/blockquote>\n\n\n\n

    \u3053\u306e\u30d7\u30ed\u30f3\u30d7\u30c8\u3067\u91cd\u8981\u306a\u306e\u304c\u3001\uff11\u554f\uff11\u7b54\u5f62\u5f0f\u3067\u78ba\u8a8d\uff0b\u8ffd\u52a0\u60c5\u5831\u3092\u6c42\u3081\u308b<\/strong>\u3053\u3068\u3067\u3059\u3002<\/p>\n\n\n\n

    \u3088\u304f\u3001AI\u304c\u52dd\u624b\u306b\u89e3\u91c8\u3057\u3066\u983c\u3082\u3057\u306a\u3044\u3053\u3068\u3092\u30ac\u30f3\u30ac\u30f3\u3084\u3063\u305f\u308a\u60c5\u5831\u904e\u591a\u3067\u4f55\u304c\u306a\u3093\u3060\u304b\u308f\u304b\u3089\u306a\u304f\u306a\u3063\u305f\u308a\u3057\u307e\u305b\u3093\u304b\uff1f<\/p>\n\n\n\n

    \u7279\u306b\u81ea\u5206\u306e\u5f97\u610f\u5206\u91ce\u3067\u306f\u306a\u3044\u3053\u3068\u306a\u3089\u5c1a\u66f4\u3067\u3059\u3002<\/p>\n\n\n\n

    \u306a\u306e\u3067\u3001\uff11\u554f\uff11\u7b54\u3067\u5c11\u3057\u3065\u3064\u78ba\u5b9f\u306b\u8981\u4ef6\u3092\u8a70\u3081\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

    \u4ee5\u4e0b\u306eAI\u304c\u3057\u3066\u304d\u305f\u8cea\u554f\u306e\u4f8b\u3092\u4e26\u3079\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

    \n
      \n
    • \u8cea\u554f1\uff08\u6700\u91cd\u8981\uff09
      \u3053\u306e\u30a2\u30d7\u30ea\u306f \u3069\u306e\u74b0\u5883\u3067\u30ed\u30fc\u30ab\u30eb\u5b9f\u884c<\/strong>\u3057\u305f\u3044\u3067\u3059\u304b\uff1f\n
        \n
      • \u30d6\u30e9\u30a6\u30b6\u3060\u3051<\/strong>\uff08\u30ed\u30fc\u30ab\u30ebHTML\/JS\u3002\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u4e0d\u8981\uff09<\/li>\n\n\n\n
      • \u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea<\/strong>\uff08Tauri \/ Electron \u3067Mac\/Win\u5411\u3051\uff09<\/li>\n\n\n\n
      • Python\u30a2\u30d7\u30ea<\/strong>\uff08Streamlit\u306a\u3069\u3092\u30ed\u30fc\u30ab\u30eb\u8d77\u52d5\uff09<\/li>\n<\/ul>\n<\/li>\n\n\n\n
      • \u8cea\u554f2\uff08\u6280\u8853\u9078\u5b9a\uff09
        \u3069\u3061\u3089\u3067\u884c\u304d\u305f\u3044\u3067\u3059\u304b\uff1f\n
          \n
        • Tauri<\/strong>\uff08\u8efd\u91cf\u30fb\u914d\u5e03\u30b5\u30a4\u30ba\u5c0f\u3055\u3081\u30fbRust\uff0bWeb\u30d5\u30ed\u30f3\u30c8\uff09<\/li>\n\n\n\n
        • Electron<\/strong>\uff08\u5b9f\u7e3e\u591a\u3044\u30fb\u5168\u90e8JS\u3067\u5b8c\u7d50\u3057\u3084\u3059\u3044\u30fb\u914d\u5e03\u30b5\u30a4\u30ba\u5927\u304d\u3081\uff09<\/li>\n<\/ul>\n<\/li>\n\n\n\n
        • \u8cea\u554f3\uff08\u30d5\u30ed\u30f3\u30c8\u306e\u67a0\u7d44\u307f\uff09
          Tauri\u306eUI\u5074\u306f\u4f55\u3067\u4f5c\u308b\u306e\u304c\u826f\u3044\uff1f\n
            \n
          • React + TypeScript<\/strong><\/li>\n\n\n\n
          • Vue + TypeScript<\/strong><\/li>\n\n\n\n
          • Svelte + TypeScript<\/strong><\/li>\n\n\n\n
          • \u7d20\u306eHTML\/JS\uff08\u6700\u5c0f\uff09<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/blockquote>\n\n\n\n

            \u3053\u3093\u306a\u5b9f\u554f\u304c\u5168\u90e8\u306716\u554f\u3002\u5168\u90e8\u306b\u7b54\u305f\u4e0a\u3067\u3001Codex\u306b\u6d41\u3059\u30d7\u30ed\u30f3\u30d7\u30c8\u304c\u751f\u6210\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

            \n

            \u3042\u306a\u305f\u306fTauri + React + TypeScript\u3067\u30ed\u30fc\u30ab\u30eb\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea(Mac\/Windows)\u3092\u5b9f\u88c5\u3059\u308b\u30a8\u30f3\u30b8\u30cb\u30a2\u3067\u3059\u3002
            \u76ee\u7684\u306f\u300c\u9593\u53d6\u308a\u56f3\u753b\u50cf\u3092\u4e0b\u6577\u304d\u306b\u3001\u5b9f\u5bf8\u30b9\u30b1\u30fc\u30eb\u306b\u5408\u308f\u305b\u305f\u5bb6\u5177\uff08\u77e9\u5f62\uff09\u3092\u4f5c\u6210\u30fb\u914d\u7f6e\u3067\u304d\u308b\u30a2\u30d7\u30ea\u300d\u306eMVP\u3092\u4f5c\u308b\u3053\u3068\u3067\u3059\u3002
            \u5916\u90e8\u516c\u958b\u306f\u4e0d\u8981\u3001\u30ed\u30fc\u30ab\u30eb\u3067\u52d5\u3051\u3070\u826f\u3044\u3067\u3059\u3002<\/p>\n\n\n\n

            \u6280\u8853\u30b9\u30bf\u30c3\u30af\uff08\u78ba\u5b9a\u30fb\u5909\u66f4\u4e0d\u53ef\uff09<\/h1>\n\n\n\n
              \n
            • Tauri\uff08\u5b89\u5b9a\u7248\uff09<\/li>\n\n\n\n
            • \u30d5\u30ed\u30f3\u30c8: React + TypeScript + Vite<\/li>\n\n\n\n
            • \u63cf\u753b: Konva.js + react-konva<\/li>\n\n\n\n
            • \u72b6\u614b\u7ba1\u7406: \u4efb\u610f\uff08Zustand\u63a8\u5968\u3060\u304c\u81ea\u7531\uff09<\/li>\n\n\n\n
            • Undo \/ Redo: \u5b9f\u88c5\u5fc5\u9808\uff08\u5bb6\u5177\u64cd\u4f5c\u306e\u307f\uff09<\/li>\n<\/ul>\n\n\n\n

              \u6a5f\u80fd\u8981\u4ef6\uff08MVP\u30fb\u78ba\u5b9a\uff09<\/h1>\n\n\n\n

              1. \u9593\u53d6\u308a\u56f3\u753b\u50cf\u306e\u8aad\u307f\u8fbc\u307f<\/h2>\n\n\n\n
                \n
              • png \/ jpg \u3092\u9078\u629e\u3057\u3066\u8aad\u307f\u8fbc\u3080\u3002<\/li>\n\n\n\n
              • \u30ad\u30e3\u30f3\u30d0\u30b9\u306e\u80cc\u666f\u3068\u3057\u3066\u8868\u793a\u3059\u308b\u3002<\/li>\n\n\n\n
              • \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4fdd\u5b58\u6642\u3001\u753b\u50cf\u306fJSON\u3068\u540c\u3058\u30d5\u30a9\u30eb\u30c0\u306b\u30b3\u30d4\u30fc\u3057\u3001\u76f8\u5bfe\u30d1\u30b9<\/strong>\u3067\u7ba1\u7406\u3059\u308b\u3002<\/li>\n<\/ul>\n\n\n\n

                2. \u30b9\u30b1\u30fc\u30eb\u8a2d\u5b9a\uff08\u5fc5\u9808\uff09<\/h2>\n\n\n\n
                  \n
                • \u30b9\u30b1\u30fc\u30eb\u8a2d\u5b9a\u30e2\u30fc\u30c9\u3092\u7528\u610f\u3002<\/li>\n\n\n\n
                • \u30e6\u30fc\u30b6\u30fc\u304c\u753b\u50cf\u4e0a\u30672\u70b9\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u57fa\u6e96\u8ddd\u96e2\u3092\u6307\u5b9a\u3002<\/li>\n\n\n\n
                • \u5b9f\u5bf8\u9577\u3055\u3092 mm \u5358\u4f4d\u3067\u5165\u529b\u3002<\/li>\n\n\n\n
                • px \/ mm \u30b9\u30b1\u30fc\u30eb\u3092\u7b97\u51fa\u3057\u3066\u4fdd\u6301\u3059\u308b\u3002<\/li>\n\n\n\n
                • \u30b9\u30b1\u30fc\u30eb\u306f\u518d\u8a2d\u5b9a\u53ef\u80fd<\/strong>\u3068\u3057\u3001\u518d\u8a2d\u5b9a\u6642\u306f\u65e2\u5b58\u5bb6\u5177\u306e\u8868\u793a\u30b5\u30a4\u30ba\u304c\u3059\u3079\u3066\u8ffd\u5f93\u3059\u308b\u3002<\/li>\n\n\n\n
                • \u30b9\u30b1\u30fc\u30eb\u672a\u8a2d\u5b9a\u6642\u306f\u5bb6\u5177\u8ffd\u52a0\u3092\u7981\u6b62\u307e\u305f\u306f\u8b66\u544a\u8868\u793a\u3059\u308b\u3002<\/li>\n<\/ul>\n\n\n\n

                  3. \u5bb6\u5177\u30aa\u30d6\u30b8\u30a7\u30af\u30c8<\/h2>\n\n\n\n
                    \n
                  • \u5bb6\u5177\u306f\u77e9\u5f62\u3067\u8868\u73fe\u3059\u308b\u3002<\/li>\n\n\n\n
                  • \u5bb6\u5177\u30d7\u30ea\u30bb\u30c3\u30c8\uff08\u4f8b: \u30d9\u30c3\u30c9\u3001\u673a\u3001\u30bd\u30d5\u30a1\uff09\u3092\u7528\u610f\u3057\u3001\u30b5\u30a4\u30ba\u7de8\u96c6\u53ef\u80fd\u306b\u3059\u308b\u3002<\/li>\n\n\n\n
                  • \u5bb6\u5177\u5c5e\u6027:<\/li>\n\n\n\n
                  • id<\/li>\n\n\n\n
                  • name<\/li>\n\n\n\n
                  • presetType<\/li>\n\n\n\n
                  • widthMm<\/li>\n\n\n\n
                  • depthMm<\/li>\n\n\n\n
                  • xPx<\/li>\n\n\n\n
                  • yPx<\/li>\n\n\n\n
                  • rotationDeg\uff08\u81ea\u7531\u56de\u8ee2<\/strong>\uff09<\/li>\n\n\n\n
                  • \u64cd\u4f5c:<\/li>\n\n\n\n
                  • \u30c9\u30e9\u30c3\u30b0\u3067\u79fb\u52d5<\/li>\n\n\n\n
                  • \u56de\u8ee2\u64cd\u4f5c\uff08UI\u30dc\u30bf\u30f3\u307e\u305f\u306f\u89d2\u5ea6\u5165\u529b\uff09<\/li>\n\n\n\n
                  • \u885d\u7a81\u5224\u5b9a\u3001\u58c1\u5224\u5b9a\u3001\u90e8\u5c4b\u5224\u5b9a\u306f\u5b9f\u88c5\u3057\u306a\u3044<\/strong>\u3002<\/li>\n<\/ul>\n\n\n\n

                    4. \u30b0\u30ea\u30c3\u30c9\u8868\u793a<\/h2>\n\n\n\n
                      \n
                    • \u5b9f\u5bf8\u30d9\u30fc\u30b9\u306e\u30b0\u30ea\u30c3\u30c9\uff08mm\u57fa\u6e96\uff09\u3092\u8868\u793a\u3067\u304d\u308b\u3002<\/li>\n\n\n\n
                    • \u30b0\u30ea\u30c3\u30c9ON \/ OFF\u5207\u66ff\u3002<\/li>\n\n\n\n
                    • \u30b0\u30ea\u30c3\u30c9\u9593\u9694\uff08\u4f8b: 50 \/ 100 \/ 200 mm\uff09\u3092\u9078\u629e\u53ef\u80fd\u3002<\/li>\n\n\n\n
                    • \u30b9\u30ca\u30c3\u30d7\u6a5f\u80fd\u306f\u5b9f\u88c5\u3057\u306a\u3044\u3002<\/li>\n<\/ul>\n\n\n\n

                      5. Undo \/ Redo<\/h2>\n\n\n\n
                        \n
                      • \u5bfe\u8c61: \u5bb6\u5177\u306e\u8ffd\u52a0 \/ \u524a\u9664 \/ \u79fb\u52d5 \/ \u56de\u8ee2 \/ \u30b5\u30a4\u30ba\u5909\u66f4\u3002<\/li>\n\n\n\n
                      • \u30b9\u30b1\u30fc\u30eb\u8a2d\u5b9a\u3084\u753b\u50cf\u8aad\u307f\u8fbc\u307f\u306f\u5bfe\u8c61\u5916\u3002<\/li>\n\n\n\n
                      • \u30dc\u30bf\u30f3UI\u3067\u64cd\u4f5c\u53ef\u80fd\u306b\u3059\u308b\u3002<\/li>\n<\/ul>\n\n\n\n

                        6. \u4fdd\u5b58 \/ \u8aad\u307f\u8fbc\u307f<\/h2>\n\n\n\n
                          \n
                        • \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092 JSON \u3068\u3057\u3066\u4fdd\u5b58 \/ \u8aad\u307f\u8fbc\u307f\u3002<\/li>\n\n\n\n
                        • JSON\u5185\u5bb9\uff08\u6700\u4f4e\u9650\uff09:<\/li>\n\n\n\n
                        • backgroundImage: \u76f8\u5bfe\u30d1\u30b9<\/li>\n\n\n\n
                        • scalePxPerMm<\/li>\n\n\n\n
                        • items: \u5bb6\u5177\u914d\u5217\uff08id, name, presetType, widthMm, depthMm, xPx, yPx, rotationDeg\uff09<\/li>\n<\/ul>\n\n\n\n

                          7. \u66f8\u304d\u51fa\u3057<\/h2>\n\n\n\n
                            \n
                          • \u73fe\u5728\u306e\u72b6\u614b\u3092 PNG \u3068 JSON \u306e\u4e21\u65b9\u3067\u66f8\u304d\u51fa\u3059\u3002<\/li>\n\n\n\n
                          • PNG\u306b\u306f\u80cc\u666f\u753b\u50cf\u30fb\u5bb6\u5177\u30fb\u30b0\u30ea\u30c3\u30c9\uff08ON\u6642\uff09\u3092\u542b\u3081\u308b\u3002<\/li>\n<\/ul>\n\n\n\n

                            \u53b3\u5b88\u4e8b\u9805<\/h1>\n\n\n\n
                              \n
                            • \u8981\u4ef6\u306b\u306a\u3044\u6a5f\u80fd\u3092\u52dd\u624b\u306b\u5b9f\u88c5\u3057\u306a\u3044\u3002<\/li>\n\n\n\n
                            • \u5224\u65ad\u304c\u5206\u304b\u308c\u308b\u90e8\u5206\u306f\u5b9f\u88c5\u524d\u306b\u8cea\u554f\u3059\u308b\u3002<\/li>\n\n\n\n
                            • MVP\u3068\u3057\u3066\u52d5\u304f\u3053\u3068\u3092\u6700\u512a\u5148\u3059\u308b\u3002<\/li>\n<\/ul>\n\n\n\n

                              \u5b9f\u88c5\u65b9\u91dd<\/h1>\n\n\n\n
                                \n
                              • Tauri\u521d\u671f\u5316 \u2192 React UI\u69cb\u7bc9 \u2192 Konva Stage\/Layer\u69cb\u6210\u3002<\/li>\n\n\n\n
                              • \u5bb6\u5177\u30b5\u30a4\u30ba\u306f\u5e38\u306b mm \u2192 px \u5909\u63db\u3067\u63cf\u753b\u3059\u308b\u3002<\/li>\n\n\n\n
                              • Undo \/ Redo \u306f\u5bb6\u5177\u72b6\u614b\u306e\u5c65\u6b74\u7ba1\u7406\u3067\u5b9f\u88c5\u3059\u308b\u3002<\/li>\n\n\n\n
                              • \u30d5\u30a1\u30a4\u30eb\u64cd\u4f5c\u306f Tauri FS \/ dialog API \u3092\u4f7f\u7528\u3059\u308b\u3002<\/li>\n<\/ul>\n\n\n\n

                                \u6210\u679c\u7269<\/h1>\n\n\n\n
                                  \n
                                • \u5b9f\u884c\u624b\u9806\uff08dev \/ build\uff09\u3092\u542b\u3080 README\u3002<\/li>\n\n\n\n
                                • \u30ed\u30fc\u30ab\u30eb\u3067\u8d77\u52d5\u3057\u3066\u52d5\u4f5c\u78ba\u8a8d\u3067\u304d\u308b\u72b6\u614b\u3002<\/li>\n<\/ul>\n<\/blockquote>\n\n\n\n

                                  \u305d\u3057\u3066\u51fa\u6765\u4e0a\u304c\u3063\u305f\u30d7\u30ed\u30f3\u30d7\u30c8\u3092Codex\u306b\u6d41\u3057\u8fbc\u307f\u307e\u3059\u3002<\/p>\n\n\n\n

                                  \u305d\u3057\u3066\u51fa\u6765\u4e0a\u304c\u3063\u305f\u30b3\u30fc\u30c9\u985e\u304c\u3053\u3093\u306a\u611f\u3058\u3067\u3059\u3002<\/p>\n\n\n\n

                                  \"\"<\/figure>\n\n\n\n

                                  README\u3082\u4f5c\u3063\u3066\u3082\u3089\u3063\u3066\u308b\u306e\u3067\u3001\u4f7f\u3044\u65b9\u3082\u4e00\u76ee\u77ad\u7136\u3002<\/p>\n\n\n\n

                                  \u5b9f\u969b\u306b\u52d5\u304b\u3059\u3068\u3053\u3093\u306a\u611f\u3058\u3067\u3059\u3002<\/p>\n\n\n\n

                                  \"\"<\/figure>\n\n\n\n

                                  \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306a\u3093\u3066\u5168\u304f\u308f\u304b\u3063\u3066\u306a\u3044\u306e\u306b\u3001\u7c21\u5358\u306b\u30a2\u30d7\u30ea\u304c\u3067\u304d\u308b\u6642\u4ee3\u306b\u306a\u308a\u307e\u3057\u305f🥺<\/p>\n\n\n\n

                                  \u80cc\u666f\u753b\u50cf\u3067\u9593\u53d6\u308a\u56f3\u3092\u9078\u629e\u3057\u3001\u30b9\u30b1\u30fc\u30eb\u3092\u8a2d\u5b9a\u3001\u5bb6\u5177\u3092\u914d\u7f6e\u3057\u3066\u307f\u305f\u306e\u304c<\/p>\n\n\n\n

                                  \"\"<\/figure>\n\n\n\n

                                  \u3053\u3093\u306a\u611f\u3058\u3067\u3059\u3002<\/p>\n\n\n\n

                                  \u5b9f\u969b\u306b\u5f15\u3063\u8d8a\u3059\u524d\u306b\u3001\u65e2\u5b58\u306e\u5bb6\u5177\u306e\u914d\u7f6e\u30a4\u30e1\u30fc\u30b8\u3068\u8a2d\u7f6e\u3067\u304d\u308b\u7bc4\u56f2\u306e\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u304c\u7c21\u5358\u306b\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

                                  \u7c21\u6613\u30c4\u30fc\u30eb\u3067\u306f\u3042\u308a\u307e\u3059\u304c\u3001\u5341\u5206\u306b\u76ee\u7684\u306f\u9054\u6210\u3067\u304d\u308b\u30a2\u30d7\u30ea\u304c\u3067\u304d\u305f\u306e\u3067\u306f\u306a\u3044\u304b\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n

                                  \u9593\u53d6\u308a\u56f3\u306e\u306b\u9577\u3055\u304c\u66f8\u3044\u3066\u3042\u308b\u30bf\u30a4\u30d7\u3060\u3063\u305f\u306e\u3067\u30b9\u30b1\u30fc\u30eb\u8a2d\u5b9a\u306f\u7c21\u5358\u3067\u3057\u305f\u304c\u3001Web\u3067\u898b\u308b\u9593\u53d6\u308a\u56f3\u3067\u30b9\u30b1\u30fc\u30eb\u304c\u5206\u304b\u3089\u306a\u3051\u308c\u3070\u3069\u3053\u304b\u4e00\u7b87\u6240\u6e2c\u3063\u3066\u4ee3\u7528\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u308b\u306e\u3067\u3001\u5f15\u8d8a\u3057\u304c\u6c7a\u307e\u3063\u3066\u304b\u3089\u306a\u3089\u4f7f\u3048\u308b\u304b\u306a\u3068\u601d\u3063\u3066\u307e\u3059\u3002<\/p>\n\n\n\n

                                  \u307e\u3068\u3081<\/h2>\n\n\n\n

                                  \u306f\u3044\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u77e5\u8b58\u306f\u7686\u7121\u306e\u30a8\u30f3\u30b8\u30cb\u30a2\u3067\u3082\u3001\u5b9f\u8cea\uff11\u6642\u9593\u7a0b\u5ea6\u3067\u30a2\u30d7\u30ea\u304c\u3067\u304d\u3066\u3057\u307e\u3044\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

                                  \u8272\u3005\u8352\u524a\u308a\u306a\u90e8\u5206\u3082\u3042\u308a\u307e\u3059\u304c\u3001\u81ea\u5206\u3067\u4f7f\u3044\u305f\u3044\u7a0b\u5ea6\u306e\u30a2\u30d7\u30ea\u306a\u3089\u3053\u306e\u3088\u3046\u306a\u5f62\u3067\u30d7\u30ed\u30f3\u30d7\u30c8\u3092AI\u306b\u307e\u3068\u3081\u3055\u305b\u3066\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306b\u30b3\u30fc\u30c9\u3092\u66f8\u304b\u305b\u308b\u3053\u3068\u3067\u3001\u4ed5\u69d8\u3092\u8a70\u3081\u306a\u304c\u3089\u7c21\u5358\u306b\u4f5c\u6210\u3067\u304d\u308b\u3053\u3068\u304c\u3001\u308f\u304b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

                                  \u81ea\u5206\u304c\u6b32\u3057\u3044\u3082\u306e\u3092\u4f5c\u308b\u3002\u3053\u308c\u304c\u4e00\u756a\u697d\u3057\u304f\u5b66\u7fd2\u306b\u7e4b\u3052\u3066\u3044\u3051\u308b\u30b3\u30c4\u306a\u306e\u3067\u306f\u306a\u3044\u304b\u3068\u611f\u3058\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

                                  \u4eca\u5f8c\u3082\u3001\u81ea\u5206\u304c\u6b32\u3057\u3044\u3082\u306e\u3001\u3084\u308a\u305f\u3044\u3053\u3068\u3092AI\u3067\u5b9f\u73fe\u3067\u304d\u306a\u3044\u304b\u3001\u8272\u3005\u8a66\u884c\u932f\u8aa4\u3092\u3057\u306a\u304c\u3089\u3084\u3063\u305f\u7d50\u679c\u3092\u767a\u4fe1\u3057\u3066\u3044\u3051\u305f\u3089\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n

                                  <\/p>\n","protected":false},"excerpt":{"rendered":"

                                  \u30a4\u30f3\u30d5\u30e9+\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u3001\u500b\u4eba\u7684\u306a\u30a2\u30d7\u30ea\u304c\u6b32\u3057\u304f\u306a\u308b \u79c1\u7684\u306a\u8a71\u306a\u306e\u3067\u3059\u304c\u3001\u8fd1\u3005\u5f15\u8d8a\u3057\u3092\u4e88\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002 \u5f15\u8d8a\u3057\u3063\u3066\u3001\u3044\u308d\u3044\u308d\u5927\u5909\u3067\u3059\u3088\u306d\u3002\u3044\u308d\u3044\u308d\u306a\u4f4f\u6240\u5909\u66f4\u3084\u3089\u624b\u7d9a\u304d\u3082\u305f\u304f\u3055\u3093\u3002 \u305d\u3057\u3066\u3001\u65b0\u3057\u3044\u9593\u53d6\u308a\u306b\u5408\u308f\u305b\u3066\u3069 […]<\/p>\n","protected":false},"author":147,"featured_media":82662,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[779,985,817,933,769],"tags":[1027],"class_list":["post-82130","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-ai-driven-dev","category-chatgpt-ai","category-s-matsuo","category-frontend_development","tag-ai"],"acf":[],"yoast_head":"\n\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f - Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3<\/title>\n<meta name=\"description\" content=\"AI, AI\u99c6\u52d5\u958b\u767a(AIDD), ChatGPT\uff06AI, s-matsuo, \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a |\u30a4\u30f3\u30d5\u30e9+\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u3001\u500b\u4eba\u7684\u306a\u30a2\u30d7\u30ea\u304c\u6b32\u3057\u304f\u306a\u308b \u79c1\u7684\u306a\u8a71\u306a\u306e\u3067\u3059\u304c\u3001\u8fd1\u3005\u5f15\u8d8a\u3057\u3092\u4e88\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002 | Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f - Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3\" \/>\n<meta property=\"og:description\" content=\"AI, AI\u99c6\u52d5\u958b\u767a(AIDD), ChatGPT\uff06AI, s-matsuo, \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a |\u30a4\u30f3\u30d5\u30e9+\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u3001\u500b\u4eba\u7684\u306a\u30a2\u30d7\u30ea\u304c\u6b32\u3057\u304f\u306a\u308b \u79c1\u7684\u306a\u8a71\u306a\u306e\u3067\u3059\u304c\u3001\u8fd1\u3005\u5f15\u8d8a\u3057\u3092\u4e88\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002 | Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130\" \/>\n<meta property=\"og:site_name\" content=\"Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/creationline\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-25T07:30:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.creationline.com\/tech-blog\/cms_x3GWkuX\/wp-content\/uploads\/2026\/02\/7d2424d034ed8543b0c4f32a287bd233.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"s-matsuo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creationline\" \/>\n<meta name=\"twitter:site\" content=\"@creationline\" \/>\n<meta name=\"twitter:label1\" content=\"\u57f7\u7b46\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"s-matsuo\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"1\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/microservices\\\/frontend_development\\\/82130#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/microservices\\\/frontend_development\\\/82130\"},\"author\":{\"name\":\"s-matsuo\",\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/#\\\/schema\\\/person\\\/6363fd266c024a201a5f99b93820d7f9\"},\"headline\":\"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f\",\"datePublished\":\"2026-02-25T07:30:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/microservices\\\/frontend_development\\\/82130\"},\"wordCount\":128,\"image\":{\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/microservices\\\/frontend_development\\\/82130#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/cms_x3GWkuX\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/7d2424d034ed8543b0c4f32a287bd233.png\",\"keywords\":[\"AI\u99c6\u52d5\u958b\u767a\"],\"articleSection\":[\"AI\",\"AI\u99c6\u52d5\u958b\u767a(AIDD)\",\"ChatGPT\uff06AI\",\"s-matsuo\",\"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\"],\"inLanguage\":\"ja\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/microservices\\\/frontend_development\\\/82130\",\"url\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/microservices\\\/frontend_development\\\/82130\",\"name\":\"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f - Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/microservices\\\/frontend_development\\\/82130#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/microservices\\\/frontend_development\\\/82130#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/cms_x3GWkuX\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/7d2424d034ed8543b0c4f32a287bd233.png\",\"datePublished\":\"2026-02-25T07:30:00+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/#\\\/schema\\\/person\\\/6363fd266c024a201a5f99b93820d7f9\"},\"description\":\"AI, AI\u99c6\u52d5\u958b\u767a(AIDD), ChatGPT\uff06AI, s-matsuo, \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a |\u30a4\u30f3\u30d5\u30e9+\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u3001\u500b\u4eba\u7684\u306a\u30a2\u30d7\u30ea\u304c\u6b32\u3057\u304f\u306a\u308b \u79c1\u7684\u306a\u8a71\u306a\u306e\u3067\u3059\u304c\u3001\u8fd1\u3005\u5f15\u8d8a\u3057\u3092\u4e88\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002 | Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/microservices\\\/frontend_development\\\/82130#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/microservices\\\/frontend_development\\\/82130\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/microservices\\\/frontend_development\\\/82130#primaryimage\",\"url\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/cms_x3GWkuX\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/7d2424d034ed8543b0c4f32a287bd233.png\",\"contentUrl\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/cms_x3GWkuX\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/7d2424d034ed8543b0c4f32a287bd233.png\",\"width\":1536,\"height\":1024,\"caption\":\"ChatGPT\u3068Codex\u3067\u30a2\u30d7\u30ea\u958b\u767a\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/microservices\\\/frontend_development\\\/82130#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"HOME\",\"item\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ChatGPT\uff06AI\",\"item\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/chatgpt-ai\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"AI\",\"item\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/chatgpt-ai\\\/ai\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/#website\",\"url\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/\",\"name\":\"Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3\",\"description\":\"\u30a2\u30b8\u30e3\u30a4\u30eb\uff06DevOps\u3001\u30af\u30e9\u30a6\u30c9\u30cd\u30a4\u30c6\u30a3\u30d6\u3001AI\uff06LLM\u306e\u5148\u7aef\u6280\u8853\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/#\\\/schema\\\/person\\\/6363fd266c024a201a5f99b93820d7f9\",\"name\":\"s-matsuo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/cms_x3GWkuX\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/5189c1e5545795eea1e461c18586e4a9-230x230.png\",\"url\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/cms_x3GWkuX\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/5189c1e5545795eea1e461c18586e4a9-230x230.png\",\"contentUrl\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/cms_x3GWkuX\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/5189c1e5545795eea1e461c18586e4a9-230x230.png\",\"caption\":\"s-matsuo\"},\"url\":\"https:\\\/\\\/www.creationline.com\\\/tech-blog\\\/author\\\/s-matsuo\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f - Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3","description":"AI, AI\u99c6\u52d5\u958b\u767a(AIDD), ChatGPT\uff06AI, s-matsuo, \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a |\u30a4\u30f3\u30d5\u30e9+\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u3001\u500b\u4eba\u7684\u306a\u30a2\u30d7\u30ea\u304c\u6b32\u3057\u304f\u306a\u308b \u79c1\u7684\u306a\u8a71\u306a\u306e\u3067\u3059\u304c\u3001\u8fd1\u3005\u5f15\u8d8a\u3057\u3092\u4e88\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002 | Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130","og_locale":"ja_JP","og_type":"article","og_title":"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f - Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3","og_description":"AI, AI\u99c6\u52d5\u958b\u767a(AIDD), ChatGPT\uff06AI, s-matsuo, \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a |\u30a4\u30f3\u30d5\u30e9+\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u3001\u500b\u4eba\u7684\u306a\u30a2\u30d7\u30ea\u304c\u6b32\u3057\u304f\u306a\u308b \u79c1\u7684\u306a\u8a71\u306a\u306e\u3067\u3059\u304c\u3001\u8fd1\u3005\u5f15\u8d8a\u3057\u3092\u4e88\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002 | Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f","og_url":"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130","og_site_name":"Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3","article_publisher":"https:\/\/www.facebook.com\/creationline","article_published_time":"2026-02-25T07:30:00+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/www.creationline.com\/tech-blog\/cms_x3GWkuX\/wp-content\/uploads\/2026\/02\/7d2424d034ed8543b0c4f32a287bd233.png","type":"image\/png"}],"author":"s-matsuo","twitter_card":"summary_large_image","twitter_creator":"@creationline","twitter_site":"@creationline","twitter_misc":{"\u57f7\u7b46\u8005":"s-matsuo","\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"1\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130#article","isPartOf":{"@id":"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130"},"author":{"name":"s-matsuo","@id":"https:\/\/www.creationline.com\/tech-blog\/#\/schema\/person\/6363fd266c024a201a5f99b93820d7f9"},"headline":"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f","datePublished":"2026-02-25T07:30:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130"},"wordCount":128,"image":{"@id":"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130#primaryimage"},"thumbnailUrl":"https:\/\/www.creationline.com\/tech-blog\/cms_x3GWkuX\/wp-content\/uploads\/2026\/02\/7d2424d034ed8543b0c4f32a287bd233.png","keywords":["AI\u99c6\u52d5\u958b\u767a"],"articleSection":["AI","AI\u99c6\u52d5\u958b\u767a(AIDD)","ChatGPT\uff06AI","s-matsuo","\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a"],"inLanguage":"ja"},{"@type":"WebPage","@id":"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130","url":"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130","name":"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f - Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3","isPartOf":{"@id":"https:\/\/www.creationline.com\/tech-blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130#primaryimage"},"image":{"@id":"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130#primaryimage"},"thumbnailUrl":"https:\/\/www.creationline.com\/tech-blog\/cms_x3GWkuX\/wp-content\/uploads\/2026\/02\/7d2424d034ed8543b0c4f32a287bd233.png","datePublished":"2026-02-25T07:30:00+00:00","author":{"@id":"https:\/\/www.creationline.com\/tech-blog\/#\/schema\/person\/6363fd266c024a201a5f99b93820d7f9"},"description":"AI, AI\u99c6\u52d5\u958b\u767a(AIDD), ChatGPT\uff06AI, s-matsuo, \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a |\u30a4\u30f3\u30d5\u30e9+\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u3001\u500b\u4eba\u7684\u306a\u30a2\u30d7\u30ea\u304c\u6b32\u3057\u304f\u306a\u308b \u79c1\u7684\u306a\u8a71\u306a\u306e\u3067\u3059\u304c\u3001\u8fd1\u3005\u5f15\u8d8a\u3057\u3092\u4e88\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002 | Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f","breadcrumb":{"@id":"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130#primaryimage","url":"https:\/\/www.creationline.com\/tech-blog\/cms_x3GWkuX\/wp-content\/uploads\/2026\/02\/7d2424d034ed8543b0c4f32a287bd233.png","contentUrl":"https:\/\/www.creationline.com\/tech-blog\/cms_x3GWkuX\/wp-content\/uploads\/2026\/02\/7d2424d034ed8543b0c4f32a287bd233.png","width":1536,"height":1024,"caption":"ChatGPT\u3068Codex\u3067\u30a2\u30d7\u30ea\u958b\u767a"},{"@type":"BreadcrumbList","@id":"https:\/\/www.creationline.com\/tech-blog\/microservices\/frontend_development\/82130#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"HOME","item":"https:\/\/www.creationline.com\/tech-blog"},{"@type":"ListItem","position":2,"name":"ChatGPT\uff06AI","item":"https:\/\/www.creationline.com\/tech-blog\/chatgpt-ai"},{"@type":"ListItem","position":3,"name":"AI","item":"https:\/\/www.creationline.com\/tech-blog\/chatgpt-ai\/ai"},{"@type":"ListItem","position":4,"name":"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u521d\u5fc3\u8005\u306f\u3001AI\u3067\u30a2\u30d7\u30ea\u7206\u901f\u958b\u767a\u3067\u304d\u308b\u306e\u304b\uff1f"}]},{"@type":"WebSite","@id":"https:\/\/www.creationline.com\/tech-blog\/#website","url":"https:\/\/www.creationline.com\/tech-blog\/","name":"Tech Blog\uff5c\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u30e9\u30a4\u30f3","description":"\u30a2\u30b8\u30e3\u30a4\u30eb\uff06DevOps\u3001\u30af\u30e9\u30a6\u30c9\u30cd\u30a4\u30c6\u30a3\u30d6\u3001AI\uff06LLM\u306e\u5148\u7aef\u6280\u8853","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.creationline.com\/tech-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Person","@id":"https:\/\/www.creationline.com\/tech-blog\/#\/schema\/person\/6363fd266c024a201a5f99b93820d7f9","name":"s-matsuo","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.creationline.com\/tech-blog\/cms_x3GWkuX\/wp-content\/uploads\/2025\/10\/5189c1e5545795eea1e461c18586e4a9-230x230.png","url":"https:\/\/www.creationline.com\/tech-blog\/cms_x3GWkuX\/wp-content\/uploads\/2025\/10\/5189c1e5545795eea1e461c18586e4a9-230x230.png","contentUrl":"https:\/\/www.creationline.com\/tech-blog\/cms_x3GWkuX\/wp-content\/uploads\/2025\/10\/5189c1e5545795eea1e461c18586e4a9-230x230.png","caption":"s-matsuo"},"url":"https:\/\/www.creationline.com\/tech-blog\/author\/s-matsuo"}]}},"_links":{"self":[{"href":"https:\/\/www.creationline.com\/tech-blog\/wp-json\/wp\/v2\/posts\/82130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creationline.com\/tech-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creationline.com\/tech-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creationline.com\/tech-blog\/wp-json\/wp\/v2\/users\/147"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creationline.com\/tech-blog\/wp-json\/wp\/v2\/comments?post=82130"}],"version-history":[{"count":2,"href":"https:\/\/www.creationline.com\/tech-blog\/wp-json\/wp\/v2\/posts\/82130\/revisions"}],"predecessor-version":[{"id":82669,"href":"https:\/\/www.creationline.com\/tech-blog\/wp-json\/wp\/v2\/posts\/82130\/revisions\/82669"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creationline.com\/tech-blog\/wp-json\/wp\/v2\/media\/82662"}],"wp:attachment":[{"href":"https:\/\/www.creationline.com\/tech-blog\/wp-json\/wp\/v2\/media?parent=82130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creationline.com\/tech-blog\/wp-json\/wp\/v2\/categories?post=82130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creationline.com\/tech-blog\/wp-json\/wp\/v2\/tags?post=82130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}