{"id":11676,"date":"2026-03-11T19:59:04","date_gmt":"2026-03-11T10:59:04","guid":{"rendered":"https:\/\/www.unitedmind.jp\/house-hr\/column\/?page_id=11676"},"modified":"2026-03-11T20:55:21","modified_gmt":"2026-03-11T11:55:21","slug":"capture","status":"publish","type":"page","link":"https:\/\/www.unitedmind.jp\/house-hr\/column\/photo\/capture\/","title":{"rendered":"\u30ab\u30e1\u30e9\u64ae\u5f71\u3000AI\u5199\u771f\u30e1\u30fc\u30ab\u30fc"},"content":{"rendered":"<main class=\"umj-photo umj-photo-capture\">\n\n    <!-- \u30b9\u30c6\u30c3\u30d1\u30fc -->\n    <div class=\"umj-photo__stepper\">\n        <div class=\"umj-photo__step umj-photo__step--active\">\n            <div class=\"umj-photo__step-dot\">1<\/div>\n            <span class=\"umj-photo__step-label\">\u5199\u771f\u3092\u7528\u610f<\/span>\n        <\/div>\n        <div class=\"umj-photo__step-line\"><\/div>\n        <div class=\"umj-photo__step\">\n            <div class=\"umj-photo__step-dot\">2<\/div>\n            <span class=\"umj-photo__step-label\">\u30b9\u30fc\u30c4\u3092\u9078\u3076<\/span>\n        <\/div>\n        <div class=\"umj-photo__step-line\"><\/div>\n        <div class=\"umj-photo__step\">\n            <div class=\"umj-photo__step-dot\">3<\/div>\n            <span class=\"umj-photo__step-label\">AI\u751f\u6210<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- \u30d2\u30fc\u30ed\u30fc -->\n    <!-- \u30d2\u30fc\u30ed\u30fc -->\n    <section class=\"umj-photo__hero\">\n        <span class=\"umj-photo__hero-step\">STEP 1 \/ 3 \u2014 \u30ab\u30e1\u30e9\u64ae\u5f71<\/span>\n        <h1 class=\"umj-photo__title\">\u30ac\u30a4\u30c9\u306b\u9854\u3092\u5408\u308f\u305b\u3066<br>\u64ae\u5f71\u3057\u3066\u304f\u3060\u3055\u3044<\/h1>\n        <p class=\"umj-photo__lead\">\u6955\u5186\u67a0\u306b\u9854\u30fb\u80a9\u3092\u5408\u308f\u305b\u3066\u304b\u3089\u300c\u64ae\u5f71\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n    <\/section>\n\n    <section class=\"umj-photo__camera-wrap\">\n\n        <!-- \u6955\u5186\u30b5\u30a4\u30ba\u5207\u66ff\uff08\u6a19\u6e96\/\u7d30\u3081\uff09 -->\n        <div class=\"umj-oval-toggle\" id=\"umjOvalToggle\">\n            <button type=\"button\" class=\"umj-oval-btn umj-oval-btn--active\" data-oval=\"standard\">\u6a19\u6e96<\/button>\n            <button type=\"button\" class=\"umj-oval-btn\" data-oval=\"slim\">\u7d30\u3081<\/button>\n        <\/div>\n\n        <!-- \u30e9\u30a4\u30d6\u30ab\u30e1\u30e9 -->\n        <div class=\"umj-camera-box\" id=\"umjCameraBox\">\n            <video id=\"umjCameraVideo\" class=\"umj-camera-video\" autoplay playsinline muted><\/video>\n\n            <!-- \u64ae\u5f71\u30ac\u30a4\u30c9\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4 -->\n            <div class=\"umj-camera-guide\" id=\"umjCameraGuide\" aria-hidden=\"true\">\n\n                <!-- \u7e26\u4e2d\u5fc3\u7dda -->\n                <div class=\"umj-camera-guide__vline\"><\/div>\n\n                <!-- \u4f53\u578b\u306e\u5927\u67a0\uff08\u80a9\u301c\u8170\uff09 -->\n                <div class=\"umj-body-frame\" id=\"umjBodyFrame\">\n                    <span class=\"umj-body-frame__label\">\u80a9\u5e45\u306b\u5408\u308f\u305b\u3066\u304f\u3060\u3055\u3044<\/span>\n                <\/div>\n\n                <!-- \u9854\u306e\u6955\u5186\u67a0 -->\n                <div class=\"umj-camera-guide__oval\" id=\"umjGuideOval\">\n                    <!-- \u76ee\u306e\u30e9\u30a4\u30f3 -->\n                    <div class=\"umj-face-line umj-face-line--eye\"><\/div>\n                    <!-- \u9f3b\u306e\u30e9\u30a4\u30f3 -->\n                    <div class=\"umj-face-line umj-face-line--nose\"><\/div>\n                    <!-- \u53e3\u306e\u30e9\u30a4\u30f3 -->\n                    <div class=\"umj-face-line umj-face-line--mouth\"><\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- \u30ac\u30a4\u30c9\u30b5\u30a4\u30ba\u8abf\u6574\uff08+\/-\u30dc\u30bf\u30f3\uff09 -->\n            <div class=\"umj-guide-sizer\" id=\"umjGuideSizer\">\n                <span class=\"umj-guide-sizer__label\">\u30ac\u30a4\u30c9\u30b5\u30a4\u30ba<\/span>\n                <button type=\"button\" class=\"umj-guide-sizer__btn\" id=\"umjGuideMinus\">\uff0d<\/button>\n                <input type=\"range\" id=\"umjGuideRange\" min=\"40\" max=\"100\" value=\"75\" step=\"5\">\n                <button type=\"button\" class=\"umj-guide-sizer__btn\" id=\"umjGuidePlus\">\uff0b<\/button>\n            <\/div>\n\n            <!-- \u9854\u691c\u51fa\u30b9\u30c6\u30fc\u30bf\u30b9 -->\n            <div class=\"umj-face-status-overlay\" id=\"umjFaceStatusOverlay\">\n                <span id=\"umjFaceStatusIcon\">\u23f3<\/span>\n                <span id=\"umjFaceStatusText\">\u30ab\u30e1\u30e9\u8d77\u52d5\u4e2d...<\/span>\n            <\/div>\n            <p class=\"umj-camera-warn\" id=\"umjCameraWarn\" hidden><\/p>\n        <\/div>\n\n        <!-- \u64ae\u5f71\u30dc\u30bf\u30f3 -->\n        <div class=\"umj-camera-actions\">\n            <button type=\"button\" id=\"umjCaptureButton\" class=\"umj-btn umj-btn--primary\" disabled style=\"opacity:1;background:#2563eb;box-shadow:0 1px 0 #1d4ed8;cursor:not-allowed;\">\n                \ud83d\udcf7 \u64ae\u5f71\u3059\u308b\n            <\/button>\n            <a href=\"https:\/\/www.unitedmind.jp\/house-hr\/photo\/start\/\" class=\"umj-btn umj-btn--ghost\">\u2190 \u623b\u308b<\/a>\n        <\/div>\n\n        <!-- \u30d7\u30ec\u30d3\u30e5\u30fc\u78ba\u8a8d\u30e2\u30fc\u30c0\u30eb -->\n        <div class=\"umj-preview-modal\" id=\"umjPreviewModal\" hidden>\n            <div class=\"umj-preview-modal__backdrop\" id=\"umjPreviewBackdrop\"><\/div>\n            <div class=\"umj-preview-modal__card\">\n                <p class=\"umj-preview-modal__title\">\ud83d\udcf8 \u64ae\u5f71\u3057\u305f\u5199\u771f<\/p>\n                <img decoding=\"async\" id=\"umjPreviewImage\" class=\"umj-preview-modal__img\" src=\"\" alt=\"\u64ae\u5f71\u30d7\u30ec\u30d3\u30e5\u30fc\">\n                <p class=\"umj-preview-modal__lead\">\u3053\u306e\u5199\u771f\u3067AI\u751f\u6210\u3092\u9032\u3081\u307e\u3059\u304b\uff1f<\/p>\n                <div class=\"umj-preview-modal__actions\">\n                    <button type=\"button\" id=\"umjUsePhotoBtn\" class=\"umj-btn umj-btn--primary\">\n                        \u3053\u306e\u5199\u771f\u3067\u9032\u3080 \u2192\n                    <\/button>\n                    <button type=\"button\" id=\"umjRetakeButton\" class=\"umj-btn umj-btn--ghost\">\n                        \u64ae\u308a\u76f4\u3059\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u64ae\u5f71\u306e\u30dd\u30a4\u30f3\u30c8 -->\n        <div class=\"umj-photo__tips\">\n            <p class=\"umj-photo__tips-title\">\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6\"\/><line x1=\"8\" y1=\"5\" x2=\"8\" y2=\"8\"\/><line x1=\"8\" y1=\"11\" x2=\"8.01\" y2=\"11\"\/><\/svg>\n                \u64ae\u5f71\u306e\u30dd\u30a4\u30f3\u30c8\n            <\/p>\n            <ul class=\"umj-photo__list\">\n                <li>\u660e\u308b\u3044\u5834\u6240\u3067\u64ae\u5f71\u3057\u3066\u304f\u3060\u3055\u3044<\/li>\n                <li>\u80cc\u666f\u306f\u3067\u304d\u308b\u3060\u3051\u30b7\u30f3\u30d7\u30eb\u306b<\/li>\n                <li>\u9854\u304c\u96a0\u308c\u306a\u3044\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044<\/li>\n                <li>\u3067\u304d\u308b\u3060\u3051\u6b63\u9762\u3092\u5411\u3044\u3066\u304f\u3060\u3055\u3044<\/li>\n            <\/ul>\n        <\/div>\n\n        <section class=\"umj-photo__notice\">\n            <p class=\"umj-photo__notice-text\">\u672c\u6a5f\u80fd\u306f\u30d6\u30e9\u30a6\u30b6\u306e\u30ab\u30e1\u30e9\u6a29\u9650\u304c\u5fc5\u8981\u3067\u3059\u3002\u7aef\u672b\u3084\u30d6\u30e9\u30a6\u30b6\u74b0\u5883\u306b\u3088\u3063\u3066\u306f\u6b63\u5e38\u306b\u52d5\u4f5c\u3057\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n        <\/section>\n\n    <\/section>\n\n    <section class=\"umj-photo__preview\" id=\"umjPreviewSection\" hidden>\n        <h2 class=\"umj-photo__section-title\">\u3053\u306e\u5199\u771f\u3067\u9032\u307f\u307e\u3059\u304b\uff1f<\/h2>\n        <img decoding=\"async\" id=\"umjPreviewImage\" class=\"umj-preview-img\" src=\"\" alt=\"\u64ae\u5f71\u30d7\u30ec\u30d3\u30e5\u30fc\">\n        <form action=\"https:\/\/www.unitedmind.jp\/house-hr\/photo\/outfit\/\" method=\"post\">\n            <input type=\"hidden\" name=\"photo_source\"        value=\"camera\">\n            <input type=\"hidden\" name=\"captured_image_data\" id=\"umjCapturedImageData\">\n            <input type=\"hidden\" id=\"umj_photo_nonce\" name=\"umj_photo_nonce\" value=\"d580709a50\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/house-hr\/column\/wp-json\/wp\/v2\/pages\/11676\" \/>            <div class=\"umj-camera-actions\">\n                <button type=\"submit\" class=\"umj-btn umj-btn--primary\">\u3053\u306e\u5199\u771f\u3092\u4f7f\u3046<\/button>\n                <button type=\"button\" id=\"umjRetakeButton\" class=\"umj-btn umj-btn--ghost\">\u64ae\u308a\u76f4\u3059<\/button>\n            <\/div>\n        <\/form>\n        <p class=\"umj-photo__notice-text\">\n            \u751f\u6210\u3055\u308c\u305f\u5199\u771f\u306e\u5229\u7528\u53ef\u5426\u306f\u3001\u5fdc\u52df\u5148\u306e\u65b9\u91dd\u3092\u3054\u78ba\u8a8d\u306e\u3046\u3048\u3001\u3054\u81ea\u8eab\u306e\u5224\u65ad\u3068\u8cac\u4efb\u306b\u304a\u3044\u3066\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002\n        <\/p>\n    <\/section>\n\n    <canvas id=\"umjCaptureCanvas\" hidden><\/canvas>\n\n<\/main>\n    \n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":11680,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":[],"rop_publish_now_history":[],"rop_publish_now_status":"pending","swell_btn_cv_data":"","footnotes":""},"class_list":["post-11676","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.unitedmind.jp\/house-hr\/column\/wp-json\/wp\/v2\/pages\/11676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unitedmind.jp\/house-hr\/column\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.unitedmind.jp\/house-hr\/column\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.unitedmind.jp\/house-hr\/column\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unitedmind.jp\/house-hr\/column\/wp-json\/wp\/v2\/comments?post=11676"}],"version-history":[{"count":4,"href":"https:\/\/www.unitedmind.jp\/house-hr\/column\/wp-json\/wp\/v2\/pages\/11676\/revisions"}],"predecessor-version":[{"id":11693,"href":"https:\/\/www.unitedmind.jp\/house-hr\/column\/wp-json\/wp\/v2\/pages\/11676\/revisions\/11693"}],"up":[{"embeddable":true,"href":"https:\/\/www.unitedmind.jp\/house-hr\/column\/wp-json\/wp\/v2\/pages\/11680"}],"wp:attachment":[{"href":"https:\/\/www.unitedmind.jp\/house-hr\/column\/wp-json\/wp\/v2\/media?parent=11676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}