{"id":1528,"date":"2025-06-01T22:42:50","date_gmt":"2025-06-01T13:42:50","guid":{"rendered":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1528"},"modified":"2025-08-04T08:39:26","modified_gmt":"2025-08-03T23:39:26","slug":"ai%e3%81%a8%e4%bb%95%e4%ba%8b%e3%81%ae%e6%9c%aa%e6%9d%a5","status":"publish","type":"page","link":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1528","title":{"rendered":"AI\u3068\u4ed5\u4e8b\u306e\u672a\u6765"},"content":{"rendered":"\n<body class=\"antialiased\">\n\n<header class=\"bg-white\/80 backdrop-blur-md shadow-sm sticky top-0 z-50\">\n        <nav class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\n            <h1 class=\"text-xl font-bold text-gray-800\">AI\u3068\u4ed5\u4e8b\u306e\u672a\u6765<\/h1>\n            <div class=\"hidden md:flex space-x-8\">\n                <a href=\"#jobs\" class=\"nav-link text-gray-600 font-medium\">\u5f71\u97ff\u3092\u53d7\u3051\u308b\u8077\u7a2e<\/a>\n                <a href=\"#capabilities\" class=\"nav-link text-gray-600 font-medium\">AI\u306e\u80fd\u529b<\/a>\n                <a href=\"#transition\" class=\"nav-link text-gray-600 font-medium\">\u672a\u6765\u3078\u306e\u8ee2\u63db<\/a>\n                <a href=\"#conclusion\" class=\"nav-link text-gray-600 font-medium\">\u7d50\u8ad6<\/a>\n            <\/div>\n            <button id=\"mobile-menu-button\" class=\"md:hidden text-gray-700 focus:outline-none\">\n                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16m-7 6h7\"><\/path><\/svg>\n            <\/button>\n        <\/nav>\n        <div id=\"mobile-menu\" class=\"hidden md:hidden\">\n            <a href=\"#jobs\" class=\"block px-6 py-2 text-gray-600\">\u5f71\u97ff\u3092\u53d7\u3051\u308b\u8077\u7a2e<\/a>\n            <a href=\"#capabilities\" class=\"block px-6 py-2 text-gray-600\">AI\u306e\u80fd\u529b<\/a>\n            <a href=\"#transition\" class=\"block px-6 py-2 text-gray-600\">\u672a\u6765\u3078\u306e\u8ee2\u63db<\/a>\n            <a href=\"#conclusion\" class=\"block px-6 py-2 text-gray-600\">\u7d50\u8ad6<\/a>\n        <\/div>\n    <\/header>\n\n    <main class=\"container mx-auto px-6 py-12\">\n        <section id=\"hero\" class=\"text-center mb-20\">\n            <h2 class=\"text-4xl md:text-5xl font-extrabold mb-4 section-title\">\u751f\u6210AI\u304c\u5909\u9769\u3059\u308b\u52b4\u50cd\u5e02\u5834<\/h2>\n            <p class=\"max-w-3xl mx-auto text-lg text-gray-600\">\n                \u751f\u6210AI\u306f\u79c1\u305f\u3061\u306e\u50cd\u304d\u65b9\u3092\u6839\u672c\u304b\u3089\u5909\u3048\u3088\u3046\u3068\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30fb\u30ec\u30dd\u30fc\u30c8\u3067\u306f\u3001\u4eca\u5f8c10\u5e74\u3067\u5909\u5316\u306e\u6ce2\u306b\u76f4\u9762\u3059\u308b\u4ed5\u4e8b\u3001\u6c42\u3081\u3089\u308c\u308b\u65b0\u305f\u306a\u30b9\u30ad\u30eb\u3001\u305d\u3057\u3066\u79c1\u305f\u3061\u304c\u7bc9\u304f\u3079\u304d\u672a\u6765\u306e\u30ad\u30e3\u30ea\u30a2\u30d1\u30b9\u3092\u63a2\u308a\u307e\u3059\u3002\n            <\/p>\n        <\/section>\n\n        <section id=\"jobs\" class=\"mb-20 scroll-mt-20\">\n            <h3 class=\"text-3xl font-bold text-center mb-4 section-title\">\u5f71\u97ff\u3092\u53d7\u3051\u308b\u8077\u7a2e Top 7<\/h3>\n            <p class=\"max-w-3xl mx-auto text-center text-gray-600 mb-12\">\n                \u30ec\u30dd\u30fc\u30c8\u3067\u306f\u3001\u5b9a\u578b\u696d\u52d9\u3084\u30c7\u30fc\u30bf\u51e6\u7406\u304c\u4e2d\u5fc3\u3068\u306a\u308b\u8077\u7a2e\u304c\u3001\u751f\u6210AI\u306b\u3088\u308b\u4ee3\u66ff\u306e\u53ef\u80fd\u6027\u304c\u6700\u3082\u9ad8\u3044\u3068\u5206\u6790\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u4ee5\u4e0b\u306e\u30e9\u30f3\u30ad\u30f3\u30b0\u306f\u3001\u305d\u306e\u5f71\u97ff\u5ea6\u3092\u793a\u3057\u305f\u3082\u306e\u3067\u3059\u3002\u5404\u9805\u76ee\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u4ee3\u66ff\u7406\u7531\u3001\u696d\u52d9\u306e\u518d\u7de8\u4e88\u6e2c\u3001\u305d\u3057\u3066\u672a\u6765\u306e\u30ad\u30e3\u30ea\u30a2\u8ee2\u63db\u306b\u95a2\u3059\u308b\u8a73\u7d30\u306a\u5206\u6790\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n            <\/p>\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\" id=\"job-cards-container\">\n            <\/div>\n            <div class=\"mt-16\">\n                 <h4 class=\"text-2xl font-bold text-center mb-8 section-title\">\u4ee3\u66ff\u53ef\u80fd\u6027\u30e9\u30f3\u30ad\u30f3\u30b0<\/h4>\n                 <div class=\"chart-container bg-white p-4 rounded-lg shadow-lg\">\n                    <canvas id=\"jobsChart\"><\/canvas>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"capabilities\" class=\"mb-20 scroll-mt-20\">\n            <h3 class=\"text-3xl font-bold text-center mb-4 section-title\">AI\u306e\u80fd\u529b\uff1a\u5f97\u610f\u306a\u3053\u3068 vs \u82e6\u624b\u306a\u3053\u3068<\/h3>\n             <p class=\"max-w-3xl mx-auto text-center text-gray-600 mb-12\">\n                AI\u306b\u3088\u308b\u4ed5\u4e8b\u306e\u4ee3\u66ff\u3092\u7406\u89e3\u3059\u308b\u9375\u306f\u3001\u305d\u306e\u80fd\u529b\u306e\u7bc4\u56f2\u3092\u6b63\u78ba\u306b\u628a\u63e1\u3059\u308b\u3053\u3068\u306b\u3042\u308a\u307e\u3059\u3002AI\u306f\u9a5a\u7570\u7684\u306a\u52b9\u7387\u3067\u7279\u5b9a\u306e\u30bf\u30b9\u30af\u3092\u3053\u306a\u3059\u4e00\u65b9\u3001\u4eba\u9593\u306a\u3089\u3067\u306f\u306e\u80fd\u529b\u304c\u4e0d\u53ef\u6b20\u306a\u9818\u57df\u3082\u4f9d\u7136\u3068\u3057\u3066\u5b58\u5728\u3057\u307e\u3059\u3002\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001AI\u306e\u5f97\u610f\u5206\u91ce\u3068\u9650\u754c\u3092\u5bfe\u6bd4\u3057\u3001\u4eba\u9593\u304c\u4eca\u5f8c\u4fa1\u5024\u3092\u767a\u63ee\u3059\u3079\u304d\u9818\u57df\u3092\u6d6e\u304d\u5f6b\u308a\u306b\u3057\u307e\u3059\u3002\n            <\/p>\n            <div class=\"grid md:grid-cols-2 gap-10 max-w-5xl mx-auto\">\n                <div class=\"bg-white p-8 rounded-xl shadow-lg\">\n                    <h4 class=\"text-2xl font-bold mb-6 text-green-600 flex items-center\"><span class=\"mr-3 text-3xl\">\ud83d\udc4d<\/span> AI\u304c\u5f97\u610f\u3068\u3059\u308b\u696d\u52d9<\/h4>\n                    <ul class=\"space-y-4 text-gray-700\">\n                        <li class=\"flex items-start\"><span class=\"text-green-500 mr-3 mt-1\">\u25cf<\/span><div><strong>\u5b9a\u578b\u6027\u30fb\u53cd\u5fa9\u6027:<\/strong> \u30eb\u30fc\u30eb\u5316\u3055\u308c\u305f\u30c7\u30fc\u30bf\u5165\u529b\u3001\u6587\u66f8\u4f5c\u6210\u3001\u4ed5\u8a33\u306a\u3069\u3001\u7e70\u308a\u8fd4\u3057\u884c\u3046\u4f5c\u696d\u3092\u9ad8\u901f\u304b\u3064\u6b63\u78ba\u306b\u5b9f\u884c\u3057\u307e\u3059\u3002<\/div><\/li>\n                        <li class=\"flex items-start\"><span class=\"text-green-500 mr-3 mt-1\">\u25cf<\/span><div><strong>\u30c7\u30fc\u30bf\u51e6\u7406\u30fb\u5206\u6790:<\/strong> \u81a8\u5927\u306a\u30c7\u30fc\u30bf\u304b\u3089\u30d1\u30bf\u30fc\u30f3\u3092\u77ac\u6642\u306b\u898b\u3064\u3051\u51fa\u3057\u3001\u5e02\u5834\u8abf\u67fb\u3084\u8ca1\u52d9\u5206\u6790\u306a\u3069\u3092\u652f\u63f4\u3057\u307e\u3059\u3002<\/div><\/li>\n                        <li class=\"flex items-start\"><span class=\"text-green-500 mr-3 mt-1\">\u25cf<\/span><div><strong>\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210:<\/strong> \u30c6\u30ad\u30b9\u30c8\u3001\u753b\u50cf\u3001\u30b3\u30fc\u30c9\u306a\u3069\u3092\u81ea\u52d5\u751f\u6210\u3057\u3001\u8cc7\u6599\u4f5c\u6210\u3084\u5e83\u544a\u5236\u4f5c\u306e\u521d\u7a3f\u3092\u52b9\u7387\u5316\u3057\u307e\u3059\u3002<\/div><\/li>\n                        <li class=\"flex items-start\"><span class=\"text-green-500 mr-3 mt-1\">\u25cf<\/span><div><strong>\u6700\u9069\u5316\u30fb\u4e88\u6e2c:<\/strong> \u30c7\u30fc\u30bf\u306b\u57fa\u3065\u304d\u9700\u8981\u3092\u4e88\u6e2c\u3057\u305f\u308a\u3001\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u3092\u6700\u9069\u5316\u3057\u305f\u308a\u3059\u308b\u3053\u3068\u3067\u3001\u30d3\u30b8\u30cd\u30b9\u306e\u7cbe\u5ea6\u3092\u9ad8\u3081\u307e\u3059\u3002<\/div><\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"bg-white p-8 rounded-xl shadow-lg\">\n                    <h4 class=\"text-2xl font-bold mb-6 text-red-600 flex items-center\"><span class=\"mr-3 text-3xl\">\ud83d\udc4e<\/span> AI\u304c\u82e6\u624b\u3068\u3059\u308b\u696d\u52d9<\/h4>\n                    <ul class=\"space-y-4 text-gray-700\">\n                        <li class=\"flex items-start\"><span class=\"text-red-500 mr-3 mt-1\">\u25cf<\/span><div><strong>\u30bc\u30ed\u304b\u3089\u306e\u5275\u9020\u6027:<\/strong> \u5168\u304f\u65b0\u3057\u3044\u6982\u5ff5\u3084\u72ec\u5275\u7684\u306a\u30a2\u30a4\u30c7\u30a2\u3092\u3001\u4f55\u3082\u306a\u3044\u72b6\u614b\u304b\u3089\u751f\u307f\u51fa\u3059\u3053\u3068\u306f\u56f0\u96e3\u3067\u3059\u3002<\/div><\/li>\n                        <li class=\"flex items-start\"><span class=\"text-red-500 mr-3 mt-1\">\u25cf<\/span><div><strong>\u611f\u60c5\u7406\u89e3\u30fb\u5171\u611f:<\/strong> \u4eba\u9593\u306e\u8907\u96d1\u306a\u611f\u60c5\u306b\u5bc4\u308a\u6dfb\u3046\u3001\u6e29\u304b\u307f\u306e\u3042\u308b\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u306f\u4ee3\u66ff\u3067\u304d\u307e\u305b\u3093\u3002<\/div><\/li>\n                        <li class=\"flex items-start\"><span class=\"text-red-500 mr-3 mt-1\">\u25cf<\/span><div><strong>\u8907\u96d1\u306a\u975e\u5b9a\u578b\u5224\u65ad:<\/strong> \u4e88\u671f\u305b\u306c\u4e8b\u614b\u3078\u306e\u81e8\u6a5f\u5fdc\u5909\u306a\u5bfe\u5fdc\u3084\u3001\u502b\u7406\u7684\u30fb\u9053\u5fb3\u7684\u306a\u5224\u65ad\u306f\u4eba\u9593\u306e\u9818\u57df\u3067\u3059\u3002<\/div><\/li>\n                        <li class=\"flex items-start\"><span class=\"text-red-500 mr-3 mt-1\">\u25cf<\/span><div><strong>\u4eba\u9593\u7684\u306a\u4ea4\u6e09\u30fb\u95a2\u4fc2\u69cb\u7bc9:<\/strong> \u76f8\u624b\u306e\u610f\u56f3\u3092\u6c72\u307f\u53d6\u308a\u3001\u4fe1\u983c\u3092\u7bc9\u304d\u306a\u304c\u3089\u9032\u3081\u308b\u9ad8\u5ea6\u306a\u5bfe\u4eba\u30b9\u30ad\u30eb\u306f\u4e0d\u53ef\u6b20\u3067\u3059\u3002<\/div><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"transition\" class=\"mb-20 scroll-mt-20\">\n            <h3 class=\"text-3xl font-bold text-center mb-4 section-title\">\u672a\u6765\u3078\u306e\u8ee2\u63db\u6226\u7565<\/h3>\n             <p class=\"max-w-3xl mx-auto text-center text-gray-600 mb-12\">\n                \u52b4\u50cd\u5e02\u5834\u306e\u5909\u5316\u306f\u3001\u8105\u5a01\u3067\u3042\u308b\u3068\u540c\u6642\u306b\u3001\u65b0\u305f\u306a\u30ad\u30e3\u30ea\u30a2\u3092\u7bc9\u304f\u597d\u6a5f\u3067\u3082\u3042\u308a\u307e\u3059\u3002AI\u306b\u4ee3\u66ff\u3055\u308c\u306b\u304f\u3044\u30b9\u30ad\u30eb\u3092\u7fd2\u5f97\u3057\u3001\u751f\u307e\u308c\u3066\u304f\u308b\u65b0\u3057\u3044\u8077\u7a2e\u306b\u76ee\u3092\u5411\u3051\u308b\u3053\u3068\u304c\u3001\u672a\u6765\u3092\u751f\u304d\u629c\u304f\u9375\u3068\u306a\u308a\u307e\u3059\u3002\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u5177\u4f53\u7684\u306a\u8ee2\u63db\u6226\u7565\u3068\u3057\u3066\u300c\u6c42\u3081\u3089\u308c\u308b\u30b9\u30ad\u30eb\u300d\u300c\u65b0\u305f\u306a\u4ed5\u4e8b\u300d\u300c\u30ad\u30e3\u30ea\u30a2\u8ee2\u63db\u306e\u5177\u4f53\u4f8b\u300d\u3092\u30bf\u30d6\u3067\u5207\u308a\u66ff\u3048\u3066\u63a2\u6c42\u3067\u304d\u307e\u3059\u3002\n            <\/p>\n            <div class=\"max-w-6xl mx-auto\">\n                <div class=\"border-b border-gray-300 mb-8\">\n                    <nav class=\"flex -mb-px space-x-8\" id=\"transition-tabs\">\n                        <button class=\"tab-button whitespace-nowrap py-4 px-1 border-b-2 font-medium text-lg text-gray-500 border-transparent active\" data-tab=\"skills\">\u6c42\u3081\u3089\u308c\u308b\u30b9\u30ad\u30eb<\/button>\n                        <button class=\"tab-button whitespace-nowrap py-4 px-1 border-b-2 font-medium text-lg text-gray-500 border-transparent\" data-tab=\"new-jobs\">\u65b0\u305f\u306a\u4ed5\u4e8b<\/button>\n                        <button class=\"tab-button whitespace-nowrap py-4 px-1 border-b-2 font-medium text-lg text-gray-500 border-transparent\" data-tab=\"examples\">\u30ad\u30e3\u30ea\u30a2\u8ee2\u63db\u4f8b<\/button>\n                    <\/nav>\n                <\/div>\n\n                <div id=\"transition-content\">\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"conclusion\" class=\"max-w-4xl mx-auto scroll-mt-20\">\n            <h3 class=\"text-3xl font-bold text-center mb-4 section-title\">\u7d50\u8ad6\uff1aAI\u3068\u306e\u5354\u50cd\u6642\u4ee3\u3092\u751f\u304d\u629c\u304f\u305f\u3081\u306b<\/h3>\n            <div class=\"bg-white p-8 rounded-xl shadow-lg text-gray-700 space-y-4\">\n                <p>\u751f\u6210AI\u306f\u3001\u4eca\u5f8c10\u5e74\u3067\u52b4\u50cd\u5e02\u5834\u3092\u78ba\u5b9f\u306b\u3001\u305d\u3057\u3066\u4e0d\u53ef\u9006\u7684\u306b\u5909\u9769\u3057\u307e\u3059\u3002\u4e8b\u52d9\u8077\u3084\u30b3\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc\u3001\u4ea4\u901a\u3001\u8ca9\u58f2\u3068\u3044\u3063\u305f\u5b9a\u578b\u696d\u52d9\u304c\u591a\u3044\u8077\u7a2e\u306f\u3001AI\u306b\u3088\u308b\u4ee3\u66ff\u304c\u9032\u307f\u3001\u696d\u52d9\u306e\u5185\u88fd\u5316\u3084\u7d71\u5408\u30fb\u6d88\u6ec5\u304c\u9032\u3080\u3067\u3057\u3087\u3046\u3002<\/p>\n                <p>\u3057\u304b\u3057\u3001\u3053\u308c\u306f\u300c\u4ed5\u4e8b\u306e\u7d42\u308f\u308a\u300d\u3092\u610f\u5473\u3059\u308b\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u3080\u3057\u308d\u3001\u4eba\u9593\u304c\u53cd\u5fa9\u4f5c\u696d\u304b\u3089\u89e3\u653e\u3055\u308c\u3001\u3088\u308a\u5275\u9020\u7684\u3067\u3001\u3088\u308a\u4eba\u9593\u7684\u306a\u4fa1\u5024\u3092\u767a\u63ee\u3067\u304d\u308b\u6642\u4ee3\u3078\u306e\u79fb\u884c\u3092\u610f\u5473\u3057\u307e\u3059\u3002AI\u304c\u300c\u52b9\u7387\u300d\u3092\u3001\u4eba\u9593\u304c\u300c\u5275\u9020\u6027\u300d\u300c\u5171\u611f\u300d\u300c\u8907\u96d1\u306a\u5224\u65ad\u300d\u3092\u62c5\u3046\u3001\u65b0\u305f\u306a\u5354\u50cd\u95a2\u4fc2\u304c\u59cb\u307e\u308a\u307e\u3059\u3002<\/p>\n                <p>\u3053\u306e\u5909\u9769\u306e\u6642\u4ee3\u3092\u751f\u304d\u629c\u304f\u9375\u306f\u3001\u6226\u7565\u7684\u306a\u300c\u30ea\u30b9\u30ad\u30ea\u30f3\u30b0\u300d\u306b\u3042\u308a\u307e\u3059\u3002AI\u3092\u4f7f\u3044\u3053\u306a\u3059\u6280\u8853\uff08\u30cf\u30fc\u30c9\u30b9\u30ad\u30eb\uff09\u3068\u3001\u4eba\u9593\u306a\u3089\u3067\u306f\u306e\u554f\u984c\u89e3\u6c7a\u80fd\u529b\u3084\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u80fd\u529b\uff08\u30bd\u30d5\u30c8\u30b9\u30ad\u30eb\uff09\u306e\u4e21\u65b9\u3092\u78e8\u304d\u7d9a\u3051\u308b\u3053\u3068\u304c\u4e0d\u53ef\u6b20\u3067\u3059\u3002\u4f01\u696d\u306f\u5f93\u696d\u54e1\u306e\u5b66\u3073\u76f4\u3057\u3092\u652f\u63f4\u3057\u3001\u500b\u4eba\u306f\u81ea\u5f8b\u7684\u306b\u30ad\u30e3\u30ea\u30a2\u3092\u8a2d\u8a08\u3059\u308b\u3002\u3053\u306e\u4e21\u8f2a\u304c\u3001AI\u6642\u4ee3\u306e\u65b0\u305f\u306a\u96c7\u7528\u6a5f\u4f1a\u3092\u63b4\u307f\u3001\u6301\u7d9a\u53ef\u80fd\u306a\u672a\u6765\u3092\u7bc9\u304f\u305f\u3081\u306e\u539f\u52d5\u529b\u3068\u306a\u308b\u3067\u3057\u3087\u3046\u3002<\/p>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <footer class=\"bg-gray-800 text-white mt-20\">\n        <div class=\"container mx-auto px-6 py-8 text-center\">\n            <p>&copy; 2025 AI\u3068\u4ed5\u4e8b\u306e\u672a\u6765 \u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30fb\u30ec\u30dd\u30fc\u30c8. <\/p>\n            <p class=\"text-sm text-gray-400 mt-2\">\u3053\u306e\u30ec\u30dd\u30fc\u30c8\u306f2025\u5e745\u6708\u6642\u70b9\u306b\u3001NET\u4e0a\u3067\u4eca\u5f8c\u306e10\u5e74\u306e\u4e88\u6e2c\u8abf\u67fb\u3057\u305f\u60c5\u5831\u3092\u5143\u306b\u307e\u3068\u3081\u305f\u3082\u306e\u3067\u3059\u3002\u3042\u304f\u307e\u3067\u4e88\u6e2c\u3068\u3057\u3066\u53c2\u8003\u3044\u305f\u3060\u3051\u305f\u3089\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n        <\/div>\n    <\/footer>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const jobData = [\n                { rank: 1, category: '\u4e8b\u52d9\u8077', examples: '\u7d4c\u7406\u4e8b\u52d9\u3001\u4e00\u822c\u4e8b\u52d9\u3001\u79d8\u66f8', reason: '\u5b9a\u578b\u7684\u306a\u30c7\u30fc\u30bf\u5165\u529b\u3001\u6587\u66f8\u4f5c\u6210\u3001\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u7ba1\u7406\u306a\u3069\u3001\u30eb\u30fc\u30eb\u30d9\u30fc\u30b9\u306e\u7e70\u308a\u8fd4\u3057\u4f5c\u696d\u304c\u4e2d\u5fc3\u3067\u3042\u308b\u305f\u3081\u3002', restructure: '<strong>\u5185\u88fd\u5316\/\u7d71\u5408\u30fb\u6d88\u6ec5:<\/strong> AI\u30c4\u30fc\u30eb\u6d3b\u7528\u306b\u3088\u308a\u591a\u304f\u306e\u4f01\u696d\u3067\u5185\u88fd\u5316\u304c\u9032\u5c55\u3002\u5358\u7d14\u4f5c\u696d\u306fAI\u306b\u4ee3\u66ff\u3055\u308c\u3001\u3088\u308a\u9ad8\u5ea6\u306a\u5224\u65ad\u3092\u4f34\u3046\u696d\u52d9\u306b\u7d71\u5408\u3055\u308c\u308b\u3002', transition: '<strong>\u8ee2\u5411\u5148:<\/strong> AI\u3092\u99c6\u4f7f\u3059\u308b\u300c\u30d3\u30b8\u30cd\u30b9\u30aa\u30da\u30ec\u30fc\u30b7\u30e7\u30f3\u6700\u9069\u5316\u62c5\u5f53\u300d\u3078\u3002\u30c7\u30fc\u30bf\u5206\u6790\u80fd\u529b\u3084\u4ed6\u90e8\u9580\u3068\u306e\u8abf\u6574\u529b\u304c\u6c42\u3081\u3089\u308c\u308b\u3002' },\n                { rank: 2, category: '\u30ab\u30b9\u30bf\u30de\u30fc\u5bfe\u5fdc', examples: '\u30b3\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc\u3001\u30c6\u30ec\u30de\u30fc\u30b1\u30bf\u30fc', reason: 'AI\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u3084\u97f3\u58f0\u8a8d\u8b58\u306b\u3088\u308a\u3001FAQ\u30d9\u30fc\u30b9\u306e\u554f\u3044\u5408\u308f\u305b\u5bfe\u5fdc\u3084\u5b9a\u578b\u7684\u306a\u9867\u5ba2\u5bfe\u5fdc\u304c\u81ea\u52d5\u5316\u3055\u308c\u308b\u305f\u3081\u3002', restructure: '<strong>\u5185\u88fd\u5316\/\u7d71\u5408\u30fb\u6d88\u6ec5:<\/strong> \u4f01\u696d\u304cAI\u30dc\u30c3\u30c8\u3092\u81ea\u793e\u5c0e\u5165\u3057\u3001\u5358\u7d14\u306a\u554f\u3044\u5408\u308f\u305b\u306fAI\u304c\u62c5\u5f53\u3002\u4eba\u9593\u306e\u30aa\u30da\u30ec\u30fc\u30bf\u30fc\u306f\u8907\u96d1\u306a\u554f\u984c\u89e3\u6c7a\u3084\u611f\u60c5\u7684\u30b5\u30dd\u30fc\u30c8\u306b\u7279\u5316\u3059\u308b\u3002', transition: '<strong>\u8ee2\u5411\u5148:<\/strong> AI\u3067\u306f\u5bfe\u5fdc\u3067\u304d\u306a\u3044\u9ad8\u5ea6\u306a\u554f\u984c\u89e3\u6c7a\u3092\u62c5\u3046\u300c\u554f\u984c\u89e3\u6c7a\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u300d\u3084\u3001AI\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30fb\u76e3\u8996\u62c5\u5f53\u3078\u3002' },\n                { rank: 3, category: '\u91d1\u878d\u6a5f\u95a2\u7a93\u53e3\u30fb\u4e8b\u52d9', examples: '\u9280\u884c\u7a93\u53e3\u3001\u4fdd\u967a\u67fb\u5b9a', reason: '\u30aa\u30f3\u30e9\u30a4\u30f3\u30d0\u30f3\u30ad\u30f3\u30b0\u3084AI\u306b\u3088\u308b\u9867\u5ba2\u5bfe\u5fdc\u304c\u9032\u307f\u3001\u30c7\u30fc\u30bf\u5206\u6790\u3084\u5be9\u67fb\u696d\u52d9\u306e\u4e00\u90e8\u304c\u30eb\u30fc\u30eb\u30d9\u30fc\u30b9\u3067\u81ea\u52d5\u5316\u3055\u308c\u308b\u305f\u3081\u3002', restructure: '<strong>\u5185\u88fd\u5316\/\u7d71\u5408\u30fb\u6d88\u6ec5:<\/strong> AI\u306b\u3088\u308b\u878d\u8cc7\u5be9\u67fb\u3084\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u696d\u52d9\u304c\u81ea\u52d5\u5316\u3055\u308c\u7a93\u53e3\u9700\u8981\u304c\u6e1b\u5c11\u3002\u4eba\u9593\u306f\u8907\u96d1\u306a\u91d1\u878d\u5546\u54c1\u306e\u63d0\u6848\u3084\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u306b\u30b7\u30d5\u30c8\u3002', transition: '<strong>\u8ee2\u5411\u5148:<\/strong> \u9867\u5ba2\u306e\u4eba\u751f\u8a2d\u8a08\u306b\u5bc4\u308a\u6dfb\u3046\u300c\u91d1\u878d\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u300d\u3078\u3002\u5171\u611f\u529b\u3084\u9ad8\u5ea6\u306a\u5c02\u9580\u77e5\u8b58\u304c\u91cd\u8981\u306b\u306a\u308b\u3002' },\n                { rank: 4, category: '\u4ea4\u901a\u30fb\u904b\u8f38', examples: '\u904b\u8ee2\u624b\u3001\u914d\u9054\u54e1', reason: '\u81ea\u52d5\u904b\u8ee2\u6280\u8853\u306e\u767a\u5c55\u306b\u3088\u308a\u3001\u6c7a\u3081\u3089\u308c\u305f\u30eb\u30fc\u30c8\u306e\u8d70\u884c\u3084\u5b9a\u578b\u7684\u306a\u914d\u9001\u696d\u52d9\u304c\u81ea\u52d5\u5316\u3055\u308c\u308b\u305f\u3081\u3002', restructure: '<strong>\u5185\u88fd\u5316\/\u7d71\u5408\u30fb\u6d88\u6ec5:<\/strong> \u4f01\u696d\u304c\u81ea\u52d5\u904b\u8ee2\u8eca\u4e21\u3092\u5c0e\u5165\u30fb\u904b\u7528\u3002\u4eba\u9593\u306f\u7dca\u6025\u6642\u5bfe\u5fdc\u3084\u7279\u6b8a\u306a\u30cb\u30fc\u30ba\u3078\u306e\u5bfe\u5fdc\u3001\u904b\u884c\u7ba1\u7406\u306a\u3069AI\u304c\u82e6\u624b\u306a\u9818\u57df\u306b\u7279\u5316\u3002', transition: '<strong>\u8ee2\u5411\u5148:<\/strong> AI\u30b7\u30b9\u30c6\u30e0\u306e\u76e3\u8996\u30fb\u7ba1\u7406\u3084\u7dca\u6025\u6642\u5bfe\u5fdc\u3092\u62c5\u3046\u300c\u904b\u884c\u7ba1\u7406\u8005\u300d\u3084\u300c\u30e2\u30d3\u30ea\u30c6\u30a3\u30b5\u30fc\u30d3\u30b9\u30fb\u30b9\u30da\u30b7\u30e3\u30ea\u30b9\u30c8\u300d\u3078\u3002' },\n                { rank: 5, category: '\u8ca9\u58f2\u30fb\u63a5\u5ba2', examples: '\u30ec\u30b8\u4fc2\u3001\u5e97\u8217\u30b9\u30bf\u30c3\u30d5', reason: '\u30bb\u30eb\u30d5\u30ec\u30b8\u3084\u81ea\u52d5\u53d7\u4ed8\u6a5f\u3001\u63a5\u5ba2\u30ed\u30dc\u30c3\u30c8\u306e\u666e\u53ca\u306b\u3088\u308a\u3001\u5546\u54c1\u306e\u30b9\u30ad\u30e3\u30f3\u3001\u4f1a\u8a08\u3001\u6848\u5185\u306a\u3069\u306e\u5b9a\u578b\u696d\u52d9\u304c\u81ea\u52d5\u5316\u3055\u308c\u308b\u305f\u3081\u3002', restructure: '<strong>\u5185\u88fd\u5316\/\u7d71\u5408\u30fb\u6d88\u6ec5:<\/strong> \u7121\u4eba\u5e97\u8217\u3084\u81ea\u52d5\u5316\u30b7\u30b9\u30c6\u30e0\u304c\u666e\u53ca\u3002\u4eba\u9593\u306f\u9ad8\u984d\u5546\u54c1\u306e\u8ca9\u58f2\u3001\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u3001\u7279\u5225\u306a\u30db\u30b9\u30d4\u30bf\u30ea\u30c6\u30a3\u63d0\u4f9b\u306a\u3069\u9ad8\u4ed8\u52a0\u4fa1\u5024\u696d\u52d9\u306b\u96c6\u4e2d\u3002', transition: '<strong>\u8ee2\u5411\u5148:<\/strong> \u9867\u5ba2\u3068\u306e\u95a2\u4fc2\u3092\u7bc9\u304d\u3001\u611f\u52d5\u4f53\u9a13\u3092\u5275\u51fa\u3059\u308b\u300c\u30d6\u30e9\u30f3\u30c9\u30fb\u30a2\u30f3\u30d0\u30b5\u30c0\u30fc\u300d\u3084\u300c\u4f53\u9a13\u30c7\u30b6\u30a4\u30ca\u30fc\u300d\u3078\u3002' },\n                { rank: 6, category: '\u88fd\u9020\u30fb\u7269\u6d41', examples: '\u5de5\u5834\u30aa\u30da\u30ec\u30fc\u30bf\u30fc\u3001\u5009\u5eab\u4f5c\u696d\u54e1', reason: '\u30ed\u30dc\u30c3\u30c8\u3084AI\u306b\u3088\u308b\u81ea\u52d5\u5316\u304c\u9032\u307f\u3001\u5358\u7d14\u306a\u7d44\u7acb\u3001\u4ed5\u5206\u3051\u3001\u904b\u642c\u4f5c\u696d\u304c\u9ad8\u7cbe\u5ea6\u3067\u5b9f\u884c\u53ef\u80fd\u3068\u306a\u308b\u305f\u3081\u3002', restructure: '<strong>\u5185\u88fd\u5316\/\u7d71\u5408\u30fb\u6d88\u6ec5:<\/strong> \u30b9\u30de\u30fc\u30c8\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u5316\u304c\u9032\u5c55\u3002\u4eba\u9593\u306fAI\u30b7\u30b9\u30c6\u30e0\u306e\u76e3\u8996\u3001\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3001\u54c1\u8cea\u7ba1\u7406\u3001\u751f\u7523\u8a08\u753b\u306e\u6700\u9069\u5316\u306a\u3069\u3001\u3088\u308a\u9ad8\u5ea6\u306a\u7ba1\u7406\u696d\u52d9\u306b\u30b7\u30d5\u30c8\u3002', transition: '<strong>\u8ee2\u5411\u5148:<\/strong> \u751f\u7523\u30e9\u30a4\u30f3\u5168\u4f53\u3092\u6700\u9069\u5316\u3059\u308b\u300c\u30b9\u30de\u30fc\u30c8\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u30fb\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u300d\u3084\u3001AI\u958b\u767a\u5074\u3068\u9023\u643a\u3059\u308b\u300c\u751f\u7523\u30d7\u30ed\u30bb\u30b9\u30a8\u30f3\u30b8\u30cb\u30a2\u300d\u3078\u3002' },\n                { rank: 7, category: '\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u30fb\u7ffb\u8a33 (\u4e00\u90e8)', examples: '\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30c7\u30b6\u30a4\u30ca\u30fc\u3001\u30e9\u30a4\u30bf\u30fc', reason: '\u751f\u6210AI\u306b\u3088\u308b\u753b\u50cf\u30fb\u30c6\u30ad\u30b9\u30c8\u306e\u81ea\u52d5\u751f\u6210\u3001\u521d\u7a3f\u4f5c\u6210\u3001\u7c21\u6613\u306a\u7ffb\u8a33\u304c\u81ea\u52d5\u5316\u3055\u308c\u308b\u305f\u3081\u3002', restructure: '<strong>\u5185\u88fd\u5316\/\u7d71\u5408\u30fb\u6d88\u6ec5:<\/strong> \u4f01\u696d\u304cAI\u30c4\u30fc\u30eb\u3067\u5e83\u544a\u7d20\u6750\u7b49\u3092\u5185\u88fd\u5316\u3002\u4eba\u9593\u306f\u72ec\u5275\u7684\u306a\u767a\u60f3\u3001\u6226\u7565\u7acb\u6848\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3068\u306e\u6df1\u5c64\u7684\u306a\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u306a\u3069\u9ad8\u4ed8\u52a0\u4fa1\u5024\u9818\u57df\u306b\u7279\u5316\u3002', transition: '<strong>\u8ee2\u5411\u5148:<\/strong> AI\u3092\u30c4\u30fc\u30eb\u3068\u3057\u3066\u4f7f\u3044\u3053\u306a\u3057\u3001\u6700\u7d42\u7684\u306a\u54c1\u8cea\u3068\u6226\u7565\u306b\u8cac\u4efb\u3092\u6301\u3064\u300c\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u30fb\u30c7\u30a3\u30ec\u30af\u30bf\u30fc\u300d\u3084\u300cAI\u30b3\u30f3\u30c6\u30f3\u30c4\u76e3\u4fee\u8005\u300d\u3078\u3002' }\n            ];\n\n            const transitionContentData = {\n                skills: `\n                    <div class=\"grid md:grid-cols-2 gap-8\">\n                        <div class=\"bg-white p-6 rounded-lg shadow\">\n                            <h5 class=\"font-bold text-xl mb-4 text-blue-600\">\u30cf\u30fc\u30c9\u30b9\u30ad\u30eb (\u5c02\u9580\u6280\u8853)<\/h5>\n                            <ul class=\"space-y-3 list-disc list-inside text-gray-600\">\n                                <li>AI\u30fb\u30c7\u30fc\u30bf\u30b5\u30a4\u30a8\u30f3\u30b9\u306e\u57fa\u790e\u77e5\u8b58<\/li>\n                                <li>\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u30b9\u30ad\u30eb (Python\u306a\u3069)<\/li>\n                                <li>\u30c7\u30fc\u30bf\u5206\u6790\u3068\u53ef\u8996\u5316<\/li>\n                                <li>\u6a5f\u68b0\u5b66\u7fd2\u30fb\u30c7\u30a3\u30fc\u30d7\u30e9\u30fc\u30cb\u30f3\u30b0<\/li>\n                                <li>\u30d7\u30ed\u30f3\u30d7\u30c8\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"bg-white p-6 rounded-lg shadow\">\n                            <h5 class=\"font-bold text-xl mb-4 text-yellow-600\">\u30bd\u30d5\u30c8\u30b9\u30ad\u30eb (\u30d2\u30e5\u30fc\u30de\u30f3\u30b9\u30ad\u30eb)<\/h5>\n                            <ul class=\"space-y-3 list-disc list-inside text-gray-600\">\n                                <li>\u5275\u9020\u6027\u30fb\u554f\u984c\u89e3\u6c7a\u80fd\u529b<\/li>\n                                <li>\u6279\u5224\u7684\u601d\u8003<\/li>\n                                <li>\u611f\u60c5\u77e5\u80fd (EQ)\u30fb\u5171\u611f\u529b<\/li>\n                                <li>\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u30fb\u5354\u8abf\u6027<\/li>\n                                <li>\u5909\u5316\u3078\u306e\u9069\u5fdc\u529b\u30fb\u80fd\u52d5\u6027<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                `,\n                'new-jobs': `\n                    <div class=\"grid md:grid-cols-2 gap-8\">\n                        <div class=\"bg-white p-6 rounded-lg shadow\">\n                            <h5 class=\"font-bold text-xl mb-4 text-blue-600\">AI\u95a2\u9023\u306e\u5c02\u9580\u8077<\/h5>\n                            <ul class=\"space-y-3 list-disc list-inside text-gray-600\">\n                                <li>AI\u30a8\u30f3\u30b8\u30cb\u30a2 \/ \u30c7\u30fc\u30bf\u30b5\u30a4\u30a8\u30f3\u30c6\u30a3\u30b9\u30c8<\/li>\n                                <li>AI\u502b\u7406\u5c02\u9580\u5bb6<\/li>\n                                <li>AI\u6559\u80b2\u30fb\u30c8\u30ec\u30fc\u30ca\u30fc \/ \u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8<\/li>\n                                <li>AI\u30d7\u30ed\u30f3\u30d7\u30c8\u30a8\u30f3\u30b8\u30cb\u30a2<\/li>\n                                <li>AI\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8 \/ \u30af\u30ea\u30a8\u30a4\u30bf\u30fc<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"bg-white p-6 rounded-lg shadow\">\n                            <h5 class=\"font-bold text-xl mb-4 text-yellow-600\">\u4eba\u9593\u7684\u30b9\u30ad\u30eb\u304c\u91cd\u8996\u3055\u308c\u308b\u8077\u7a2e<\/h5>\n                            <ul class=\"space-y-3 list-disc list-inside text-gray-600\">\n                                <li>\u533b\u7642\u95a2\u4fc2 (\u533b\u5e2b\u3001\u770b\u8b77\u5e2b\u3001\u4ecb\u8b77\u58eb)<\/li>\n                                <li>\u6cd5\u5f8b\u95a2\u4fc2 (\u5f01\u8b77\u58eb\u3001\u88c1\u5224\u5b98)<\/li>\n                                <li>\u6559\u80b2\u30fb\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u95a2\u4fc2<\/li>\n                                <li>\u7814\u7a76\u8005<\/li>\n                                <li>\u30ab\u30a6\u30f3\u30bb\u30e9\u30fc<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                `,\n                examples: `\n                    <div class=\"space-y-6\">\n                        <div class=\"bg-white p-6 rounded-lg shadow transition hover:shadow-xl\">\n                            <p><strong class=\"text-blue-600\">\u4e8b\u52d9\u8077<\/strong> \u2192 <strong class=\"text-green-600\">\u30c7\u30fc\u30bf\u30a2\u30ca\u30ea\u30b9\u30c8<\/strong><\/p>\n                            <p class=\"text-gray-600 mt-2\">\u7d4c\u7406\u306a\u3069\u306e\u30c7\u30fc\u30bf\u51e6\u7406\u77e5\u8b58\u3092\u6d3b\u304b\u3057\u3001\u3088\u308a\u9ad8\u5ea6\u306a\u5206\u6790\u30b9\u30ad\u30eb\u3092\u7fd2\u5f97\u3057\u3066\u3001\u30c7\u30fc\u30bf\u30c9\u30ea\u30d6\u30f3\u306a\u696d\u52d9\u3078\u8ee2\u63db\u3002<\/p>\n                        <\/div>\n                        <div class=\"bg-white p-6 rounded-lg shadow transition hover:shadow-xl\">\n                           <p><strong class=\"text-blue-600\">\u30b3\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc<\/strong> \u2192 <strong class=\"text-green-600\">AI\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u62c5\u5f53 \/ SV<\/strong><\/p>\n                            <p class=\"text-gray-600 mt-2\">\u9867\u5ba2\u5bfe\u5fdc\u306e\u7d4c\u9a13\u3092\u6d3b\u304b\u3057\u3001AI\u306e\u5fdc\u7b54\u54c1\u8cea\u3092\u6539\u5584\u3059\u308b\u30c8\u30ec\u30fc\u30ca\u30fc\u3084\u3001\u3088\u308a\u8907\u96d1\u306a\u554f\u984c\u89e3\u6c7a\u3092\u62c5\u3046\u7ba1\u7406\u8005\u3078\u3002<\/p>\n                        <\/div>\n                         <div class=\"bg-white p-6 rounded-lg shadow transition hover:shadow-xl\">\n                           <p><strong class=\"text-blue-600\">\u88fd\u9020\u696d\u4f5c\u696d\u54e1<\/strong> \u2192 <strong class=\"text-green-600\">\u533b\u7642\u6a5f\u5668\u30a8\u30f3\u30b8\u30cb\u30a2<\/strong><\/p>\n                            <p class=\"text-gray-600 mt-2\">\u30ea\u30b9\u30ad\u30ea\u30f3\u30b0\u306b\u3088\u308aAI\u3084\u30af\u30e9\u30a6\u30c9\u306e\u77e5\u8b58\u3092\u7fd2\u5f97\u3057\u3001\u6210\u9577\u5206\u91ce\u3067\u3042\u308b\u533b\u7642\u6a5f\u5668\u306e\u958b\u767a\u30fb\u4fdd\u5b88\u3092\u62c5\u3046\u6280\u8853\u8005\u3078\u8ee2\u63db\uff08\u30ad\u30e4\u30ce\u30f3\u306e\u4e8b\u4f8b\uff09\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                `\n            };\n\n            const jobCardsContainer = document.getElementById('job-cards-container');\n            jobData.forEach(job => {\n                const card = document.createElement('div');\n                card.className = 'job-card bg-white rounded-xl shadow-md overflow-hidden cursor-pointer';\n                card.innerHTML = `\n                    <div class=\"p-6\">\n                        <div class=\"flex items-center justify-between\">\n                            <div class=\"flex items-center\">\n                                <span class=\"text-3xl font-bold text-yellow-500 mr-4\">${job.rank}<\/span>\n                                <div>\n                                    <h4 class=\"text-xl font-bold text-gray-800\">${job.category}<\/h4>\n                                    <p class=\"text-sm text-gray-500\">${job.examples}<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"text-2xl arrow-icon\">\u25bc<\/span>\n                        <\/div>\n                        <div class=\"details-content mt-4 pt-4 border-t border-gray-200\">\n                            <p class=\"font-semibold text-gray-700\">\u3010\u4ee3\u66ff\u7406\u7531\u3011<\/p>\n                            <p class=\"text-gray-600 mb-4\">${job.reason}<\/p>\n                            <p class=\"font-semibold text-gray-700\">\u3010\u696d\u52d9\u306e\u518d\u7de8\u4e88\u6e2c\u3011<\/p>\n                            <p class=\"text-gray-600 mb-4\">${job.restructure}<\/p>\n                            <p class=\"font-semibold text-gray-700\">\u3010\u30ad\u30e3\u30ea\u30a2\u8ee2\u63db\u306e\u53ef\u80fd\u6027\u3011<\/p>\n                            <p class=\"text-gray-600\">${job.transition}<\/p>\n                        <\/div>\n                    <\/div>\n                `;\n                jobCardsContainer.appendChild(card);\n            });\n\n            jobCardsContainer.addEventListener('click', (e) => {\n                const card = e.target.closest('.job-card');\n                if (card) {\n                    const content = card.querySelector('.details-content');\n                    const arrow = card.querySelector('.arrow-icon');\n                    const isShown = content.classList.toggle('show');\n                    arrow.style.transform = isShown ? 'rotate(180deg)' : 'rotate(0deg)';\n                }\n            });\n\n            const transitionTabs = document.getElementById('transition-tabs');\n            const transitionContent = document.getElementById('transition-content');\n\n            function updateTransitionContent(tabName) {\n                transitionContent.innerHTML = transitionContentData[tabName];\n                document.querySelectorAll('.tab-button').forEach(btn => {\n                    btn.classList.toggle('active', btn.dataset.tab === tabName);\n                });\n            }\n\n            transitionTabs.addEventListener('click', (e) => {\n                const button = e.target.closest('.tab-button');\n                if (button) {\n                    updateTransitionContent(button.dataset.tab);\n                }\n            });\n\n            updateTransitionContent('skills');\n\n            const ctx = document.getElementById('jobsChart').getContext('2d');\n            new Chart(ctx, {\n                type: 'bar',\n                data: {\n                    labels: jobData.map(j => `${j.rank}. ${j.category}`),\n                    datasets: [{\n                        label: '\u4ee3\u66ff\u53ef\u80fd\u6027\u306e\u9ad8\u3055\uff08\u9806\u4f4d\u304c\u4f4e\u3044\u307b\u3069\u9ad8\u3044\uff09',\n                        data: jobData.map(j => 8 - j.rank),\n                        backgroundColor: [\n                            'rgba(245, 158, 11, 0.6)',\n                            'rgba(239, 68, 68, 0.6)',\n                            'rgba(59, 130, 246, 0.6)',\n                            'rgba(16, 185, 129, 0.6)',\n                            'rgba(139, 92, 246, 0.6)',\n                            'rgba(236, 72, 153, 0.6)',\n                            'rgba(22, 163, 74, 0.6)'\n                        ],\n                        borderColor: [\n                            'rgba(245, 158, 11, 1)',\n                            'rgba(239, 68, 68, 1)',\n                            'rgba(59, 130, 246, 1)',\n                            'rgba(16, 185, 129, 1)',\n                            'rgba(139, 92, 246, 1)',\n                            'rgba(236, 72, 153, 1)',\n                            'rgba(22, 163, 74, 1)'\n                        ],\n                        borderWidth: 1\n                    }]\n                },\n                options: {\n                    indexAxis: 'y',\n                    responsive: true,\n                    maintainAspectRatio: false,\n                    plugins: {\n                        legend: {\n                            display: false\n                        },\n                        tooltip: {\n                            callbacks: {\n                                label: function(context) {\n                                    return `\u4ee3\u66ff\u53ef\u80fd\u6027: ${context.raw} (\u5024\u304c\u5927\u304d\u3044\u307b\u3069\u9ad8\u3044)`;\n                                }\n                            }\n                        }\n                    },\n                    scales: {\n                        x: {\n                            beginAtZero: true,\n                            title: {\n                                display: true,\n                                text: '\u4ee3\u66ff\u53ef\u80fd\u6027\u30ec\u30d9\u30eb'\n                            }\n                        }\n                    }\n                }\n            });\n\n            const mobileMenuButton = document.getElementById('mobile-menu-button');\n            const mobileMenu = document.getElementById('mobile-menu');\n            mobileMenuButton.addEventListener('click', () => {\n                mobileMenu.classList.toggle('hidden');\n            });\n            \n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n                anchor.addEventListener('click', function (e) {\n                    e.preventDefault();\n                    document.querySelector(this.getAttribute('href')).scrollIntoView({\n                        behavior: 'smooth'\n                    });\n                    if(mobileMenu.classList.contains('hidden') === false){\n                        mobileMenu.classList.add('hidden');\n                    }\n                });\n            });\n        });\n    <\/script>\n<\/body>\n","protected":false},"excerpt":{"rendered":"<p>AI\u3068\u4ed5\u4e8b\u306e\u672a\u6765 \u5f71\u97ff\u3092\u53d7\u3051\u308b\u8077\u7a2e AI\u306e\u80fd\u529b \u672a\u6765\u3078\u306e\u8ee2\u63db \u7d50\u8ad6 \u5f71\u97ff\u3092\u53d7\u3051\u308b\u8077\u7a2e AI\u306e\u80fd\u529b \u672a\u6765\u3078\u306e\u8ee2\u63db \u7d50\u8ad6 \u751f\u6210AI\u304c\u5909\u9769\u3059\u308b\u52b4\u50cd\u5e02\u5834 \u751f\u6210AI\u306f\u79c1\u305f\u3061\u306e\u50cd\u304d\u65b9\u3092\u6839\u672c\u304b\u3089\u5909\u3048\u3088\u3046\u3068\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-svg","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1528","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>AI\u3068\u4ed5\u4e8b\u306e\u672a\u6765 - \u306e\u3093\u304d\u306e\u65e5\u8a18<\/title>\n<meta name=\"description\" content=\"\u751f\u6210AI\u306b\u3088\u308b\u50cd\u304d\u65b9\u306e\u5909\u5316\u3068\u3001\u3053\u308c\u304b\u3089\u6c42\u3081\u3089\u308c\u308b\u4ed5\u4e8b\u30fb\u30b9\u30ad\u30eb\u30fb\u30ad\u30e3\u30ea\u30a2\u3092\u63a2\u308b\u30ec\u30dd\u30fc\u30c8\u3067\u3059\u3002\" \/>\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.nonki.coffeebittersweet.net\/?page_id=1528\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AI\u3068\u4ed5\u4e8b\u306e\u672a\u6765\" \/>\n<meta property=\"og:description\" content=\"\u751f\u6210AI\u306b\u3088\u308b\u50cd\u304d\u65b9\u306e\u5909\u5316\u3068\u3001\u3053\u308c\u304b\u3089\u6c42\u3081\u3089\u308c\u308b\u4ed5\u4e8b\u30fb\u30b9\u30ad\u30eb\u30fb\u30ad\u30e3\u30ea\u30a2\u3092\u63a2\u308b\u30ec\u30dd\u30fc\u30c8\u3067\u3059\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1528\" \/>\n<meta property=\"og:site_name\" content=\"\u306e\u3093\u304d\u306e\u65e5\u8a18\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-03T23:39:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/08\/Screenshot_20250804-083358.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1008\" \/>\n\t<meta property=\"og:image:height\" content=\"2244\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"17\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?page_id=1528\",\"url\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?page_id=1528\",\"name\":\"AI\u3068\u4ed5\u4e8b\u306e\u672a\u6765 - \u306e\u3093\u304d\u306e\u65e5\u8a18\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/#website\"},\"datePublished\":\"2025-06-01T13:42:50+00:00\",\"dateModified\":\"2025-08-03T23:39:26+00:00\",\"description\":\"\u751f\u6210AI\u306b\u3088\u308b\u50cd\u304d\u65b9\u306e\u5909\u5316\u3068\u3001\u3053\u308c\u304b\u3089\u6c42\u3081\u3089\u308c\u308b\u4ed5\u4e8b\u30fb\u30b9\u30ad\u30eb\u30fb\u30ad\u30e3\u30ea\u30a2\u3092\u63a2\u308b\u30ec\u30dd\u30fc\u30c8\u3067\u3059\u3002\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?page_id=1528#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?page_id=1528\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?page_id=1528#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u30db\u30fc\u30e0\",\"item\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AI\u3068\u4ed5\u4e8b\u306e\u672a\u6765\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/#website\",\"url\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/\",\"name\":\"\u306e\u3093\u304d\u306e\u65e5\u8a18\",\"description\":\"\u65e5\u5e38\u3067\u3001\u601d\u3063\u305f\u4e8b\u3001\u611f\u3058\u305f\u4e8b\u3092\u8a18\u9332\u3057\u3066\u3044\u3053\u3046\u3068\u601d\u3044\u307e\u3059\u3002\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/#\\\/schema\\\/person\\\/a54ab33d75d0ea64f384d5277bd56ad7\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/#\\\/schema\\\/person\\\/a54ab33d75d0ea64f384d5277bd56ad7\",\"name\":\"cbs@nonki\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\/\\/www.nonki.coffeebittersweet.net\\/wp-content\\/uploads\\/2025\\/06\\/20250524-02.png\",\"url\":\"https:\\/\\/www.nonki.coffeebittersweet.net\\/wp-content\\/uploads\\/2025\\/06\\/20250524-02.png\",\"contentUrl\":\"https:\\/\\/www.nonki.coffeebittersweet.net\\/wp-content\\/uploads\\/2025\\/06\\/20250524-02.png\",\"width\":1004,\"height\":1024,\"caption\":\"cbs@nonki\"},\"logo\":{\"@id\":\"https:\\/\\/www.nonki.coffeebittersweet.net\\/wp-content\\/uploads\\/2025\\/06\\/20250524-02.png\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AI\u3068\u4ed5\u4e8b\u306e\u672a\u6765 - \u306e\u3093\u304d\u306e\u65e5\u8a18","description":"\u751f\u6210AI\u306b\u3088\u308b\u50cd\u304d\u65b9\u306e\u5909\u5316\u3068\u3001\u3053\u308c\u304b\u3089\u6c42\u3081\u3089\u308c\u308b\u4ed5\u4e8b\u30fb\u30b9\u30ad\u30eb\u30fb\u30ad\u30e3\u30ea\u30a2\u3092\u63a2\u308b\u30ec\u30dd\u30fc\u30c8\u3067\u3059\u3002","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.nonki.coffeebittersweet.net\/?page_id=1528","og_locale":"ja_JP","og_type":"article","og_title":"AI\u3068\u4ed5\u4e8b\u306e\u672a\u6765","og_description":"\u751f\u6210AI\u306b\u3088\u308b\u50cd\u304d\u65b9\u306e\u5909\u5316\u3068\u3001\u3053\u308c\u304b\u3089\u6c42\u3081\u3089\u308c\u308b\u4ed5\u4e8b\u30fb\u30b9\u30ad\u30eb\u30fb\u30ad\u30e3\u30ea\u30a2\u3092\u63a2\u308b\u30ec\u30dd\u30fc\u30c8\u3067\u3059\u3002","og_url":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1528","og_site_name":"\u306e\u3093\u304d\u306e\u65e5\u8a18","article_modified_time":"2025-08-03T23:39:26+00:00","og_image":[{"width":1008,"height":2244,"url":"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/08\/Screenshot_20250804-083358.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"17\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1528","url":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1528","name":"AI\u3068\u4ed5\u4e8b\u306e\u672a\u6765 - \u306e\u3093\u304d\u306e\u65e5\u8a18","isPartOf":{"@id":"https:\/\/www.nonki.coffeebittersweet.net\/#website"},"datePublished":"2025-06-01T13:42:50+00:00","dateModified":"2025-08-03T23:39:26+00:00","description":"\u751f\u6210AI\u306b\u3088\u308b\u50cd\u304d\u65b9\u306e\u5909\u5316\u3068\u3001\u3053\u308c\u304b\u3089\u6c42\u3081\u3089\u308c\u308b\u4ed5\u4e8b\u30fb\u30b9\u30ad\u30eb\u30fb\u30ad\u30e3\u30ea\u30a2\u3092\u63a2\u308b\u30ec\u30dd\u30fc\u30c8\u3067\u3059\u3002","breadcrumb":{"@id":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1528#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1528"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1528#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u30db\u30fc\u30e0","item":"https:\/\/www.nonki.coffeebittersweet.net\/"},{"@type":"ListItem","position":2,"name":"AI\u3068\u4ed5\u4e8b\u306e\u672a\u6765"}]},{"@type":"WebSite","@id":"https:\/\/www.nonki.coffeebittersweet.net\/#website","url":"https:\/\/www.nonki.coffeebittersweet.net\/","name":"\u306e\u3093\u304d\u306e\u65e5\u8a18","description":"\u65e5\u5e38\u3067\u3001\u601d\u3063\u305f\u4e8b\u3001\u611f\u3058\u305f\u4e8b\u3092\u8a18\u9332\u3057\u3066\u3044\u3053\u3046\u3068\u601d\u3044\u307e\u3059\u3002","publisher":{"@id":"https:\/\/www.nonki.coffeebittersweet.net\/#\/schema\/person\/a54ab33d75d0ea64f384d5277bd56ad7"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nonki.coffeebittersweet.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":["Person","Organization"],"@id":"https:\/\/www.nonki.coffeebittersweet.net\/#\/schema\/person\/a54ab33d75d0ea64f384d5277bd56ad7","name":"cbs@nonki","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png","url":"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png","contentUrl":"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png","width":1004,"height":1024,"caption":"cbs@nonki"},"logo":{"@id":"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png"}}]}},"_links":{"self":[{"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/pages\/1528","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1528"}],"version-history":[{"count":7,"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/pages\/1528\/revisions"}],"predecessor-version":[{"id":1558,"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/pages\/1528\/revisions\/1558"}],"wp:attachment":[{"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}