https://mjo.app/_next/static/chunks/7242-828fdd21dc60fbb3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7242],{5226:function(e,t,r){r.d(t,{Z:function(){return a}});var n=r(3662),o=r(9089),s=r(6456);function a(){let{t:e,i18n:t}=(0,o.$G)(["common"]),r="ja"===t.language;return(0,n.jsxs)("div",{className:"relative group max-w-3xl mx-auto mt-16 mb-24",children:[(0,n.jsx)("div",{className:"absolute -inset-1 bg-gradient-to-r from-primary/30 via-purple-500/30 to-blue-500/30 rounded-[2rem] blur-xl opacity-50 group-hover:opacity-100 transition duration-700"}),(0,n.jsxs)("div",{className:"relative bg-[#0a0a0a]/80 backdrop-blur-xl rounded-3xl border border-white/10 p-6 md:p-8 flex flex-col md:flex-row items-center gap-8 overflow-hidden transition-all duration-300 shadow-2xl group-hover:border-primary/50 group-hover:bg-[#0a0a0a]/90",children:[(0,n.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-primary/5 via-purple-500/5 to-transparent pointer-events-none"}),(0,n.jsxs)("div",{className:"relative flex-shrink-0",children:[(0,n.jsx)("div",{className:"relative w-24 h-24 md:w-28 md:h-28 rounded-full p-1 bg-gradient-to-tr from-primary to-blue-500 flex items-center justify-center shadow-lg group-hover:scale-105 transition-transform duration-500",children:(0,n.jsx)("div",{className:"w-full h-full rounded-full overflow-hidden bg-black relative",children:(0,n.jsx)(s.default,{src:r?"/images/sns/jp/sns-akifumi-jp.jpg":"/images/sns/en/sns-akifumi-en.jpg",alt:e("common:developer.altText"),fill:!0,className:"object-cover transition-transform duration-700 group-hover:scale-110"})})}),(0,n.jsx)("div",{className:"absolute bottom-1 right-2 w-6 h-6 bg-green-500 border-4 border-[#0a0a0a]/90 rounded-full z-20 flex items-center justify-center",children:(0,n.jsx)("span",{className:"w-full h-full rounded-full animate-ping bg-green-400 opacity-75 shadow-[0_0_10px_rgba(34,197,94,0.8)]"})})]}),(0,n.jsxs)("div",{className:"flex-1 text-center md:text-left z-10 flex flex-col items-center md:items-start",children:[(0,n.jsxs)("div",{className:"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-white/5 border border-white/10 text-xs font-semibold tracking-wide text-primary mb-4 shadow-inner",children:[(0,n.jsxs)("span",{className:"relative flex h-2 w-2",children:[(0,n.jsx)("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75"}),(0,n.jsx)("span",{className:"relative inline-flex rounded-full h-2 w-2 bg-primary"})]}),e("common:developer.badge")]}),(0,n.jsxs)("h2",{className:"text-2xl md:text-3xl font-bold text-white mb-3 flex items-baseline justify-center md:justify-start gap-3",children:["akifumi",(0,n.jsx)("span",{className:"text-xs font-bold text-white/60 bg-white/10 px-2 py-1 rounded tracking-widest uppercase",children:"Creator"})]}),(0,n.jsx)("p",{className:"text-white/70 text-sm md:text-base leading-relaxed max-w-md",children:e("common:developer.description")})]}),(0,n.jsx)("div",{className:"flex-shrink-0 mt-6 md:mt-0 z-10 w-full md:w-auto",children:(0,n.jsxs)("a",{href:r?"https://x.com/akifumi_ai":"https://x.com/akifumiweb",target:"_blank",rel:"noopener noreferrer",className:"group/btn flex items-center justify-center gap-3 bg-white text-black hover:bg-black hover:text-white px-8 py-4 rounded-full font-bold text-sm md:text-base transition-all duration-300 transform hover:-translate-y-1 shadow-[0_4px_15px_-4px_rgba(255,255,255,0.4)] hover:shadow-[0_8px_25px_-6px_rgba(255,255,255,0.8)] border-2 border-transparent hover:border-white",children:[(0,n.jsx)("svg",{viewBox:"0 0 24 24","aria-hidden":"true",className:"w-5 h-5 fill-current transition-transform group-hover/btn:scale-110",children:(0,n.jsx)("path",{d:"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 24.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.008 5.925H5.051z"})}),(0,n.jsx)("span",{children:e("common:developer.follow")})]})})]})]})}},9611:function(e,t,r){r.d(t,{Z:function(){return d}});var n=r(3662),o=r(9089),s=r(1418),a=r(5216),l=r(9851),i=r(4819),c=r(6663);function d(e){let{toolType:t}=e,{t:r}=(0,o.$G)([t,"common"]),d=e=>{let t=[s.Z,a.Z,l.Z,i.Z][e-1]||c.Z;return(0,n.jsx)(t,{className:"w-6 h-6 text-primary"})},m=Array.from({length:4},(e,t)=>({number:t+1,title:r("howToUse.steps.step".concat(t+1,".title")),description:r("howToUse.steps.step".concat(t+1,".description")),details:r("howToUse.steps.step".concat(t+1,".details"),{returnObjects:!0})}));return(0,n.jsxs)("div",{className:"bg-white/5 backdrop-blur-sm rounded-2xl border border-white/10 shadow-xl p-8 my-12",children:[(0,n.jsxs)("div",{className:"text-center mb-8",children:[(0,n.jsx)("h2",{className:"text-xl font-semibold text-foreground mb-2",children:r("howToUse.title")}

1),(0,n.jsx)("p",{className:"text-foreground/80 text-sm max-w-2xl mx-auto",children:r("howToUse.description")})]}),(0,n.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8",children:m.map((e,t)=>(0,n.jsxs)("div",{className:"text-center",children:[(0,n.jsxs)("div",{className:"relative mb-6",children:[(0,n.jsx)("div",{className:"w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-4",children:d(e.number)}),(0,n.jsx)("div",{className:"absolute -top-2 -right-2 w-8 h-8 bg-primary text-white rounded-full flex items-center justify-center text-sm font-bold",children:e.number})]}),(0,n.jsx)("h3",{className:"text-base font-medium text-foreground mb-2",children:e.title}),(0,n.jsx)("p",{className:"text-foreground/70 mb-3 text-xs leading-relaxed",children:e.description}),Array.isArray(e.details)&&e.details.length>0&&(0,n.jsx)("ul",{className:"text-xs text-foreground/60 space-y-1 text-left",children:e.details.map((e,t)=>(0,n.jsxs)("li",{className:"flex items-start gap-2",children:[(0,n.jsx)(c.Z,{className:"w-3 h-3 text-primary mt-0.5 flex-shrink-0"}),(0,n.jsx)("span",{children:e})]},t))})]},e.number))}),(0,n.jsx)("div",{className:"mt-12 pt-8 border-t border-white/10",children:(0,n.jsxs)("div",{className:"bg-gradient-to-r from-primary/10 to-primary/5 rounded-xl border border-primary/20 p-4",children:[(0,n.jsxs)("h3",{className:"text-sm font-semibold text-foreground mb-2 flex items-center gap-2",children:[(0,n.jsx)(l.Z,{className:"w-5 h-5 text-primary"}),r("howToUse.tips.title")]}),(0,n.jsx)("ul",{className:"space-y-1.5 text-foreground/80",children:(()=>{let e=r("howToUse.tips.items",{returnObjects:!0});return Array.isArray(e)?e.map((e,t)=>(0,n.jsxs)("li",{className:"flex items-start gap-2 text-xs",children:[(0,n.jsx)(c.Z,{className:"w-4 h-4 text-primary mt-0.5 flex-shrink-0"}),(0,n.jsx)("span",{children:e})]},t)):null})()})]})})]})}},9840:function(e,t,r){r.d(t,{Z:function(){return i}});var n=r(3662),o=r(3980),s=r(2304),a=r(9089),l=r(8551);function i(e){var t;let{items:r}=e,i=(0,s.usePathname)(),{i18n:c}=(0,a.$G)(),d=(0,l.Yq)(i),m=null==c?void 0:null===(t=c.language)||void 0===t?void 0:t.slice(0,2),p=d||((0,l.Q0)(m)?m:void 0),u=(0,l.uv)(p);return(0,n.jsx)("nav",{"aria-label":"Breadcrumb",className:"mb-4 text-sm text-foreground/70",children:(0,n.jsx)("ol",{className:"flex flex-wrap items-center gap-1",children:r.map((e,t)=>{let s="/"===e.href?u:e.href;return(0,n.jsxs)("li",{className:"flex items-center",children:[s?(0,n.jsx)(o.default,{href:s,className:"hover:underline text-foreground/70",children:e.label}):(0,n.jsx)("span",{className:"text-foreground/90",children:e.label}),t<r.length-1&&(0,n.jsx)("span",{className:"mx-2 text-foreground/40",children:"/"})]},t)})})})}},715:function(e,t,r){var n=r(3662);r(3110),t.Z=e=>{let{onClick:t,disabled:r=!1,className:o="",children:s,variant:a="primary",size:l="md",icon:i,isLoading:c=!1}=e;return(0,n.jsxs)("button",{onClick:t,disabled:r||c,className:"\n        rounded-lg flex items-center justify-center transition-colors\n        ".concat({sm:"px-3 py-1 text-sm",md:"px-4 py-2",lg:"px-6 py-3"}[l],"\n        ").concat(r||c?"bg-gray-300 text-gray-500 cursor-not-allowed":({primary:"bg-indigo-600 text-white hover:bg-indigo-700",success:"bg-green-600 text-white hover:bg-green-700",danger:"bg-red-600 text-white hover:bg-red-700",secondary:"bg-gray-200 text-gray-700 hover:bg-gray-300",accent:"bg-accent text-white hover:bg-accent/90"})[a],"\n        ").concat(o,"\n      "),children:[c?(0,n.jsxs)("svg",{className:"animate-spin -ml-1 mr-2 h-4 w-4 text-current",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[(0,n.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,n.jsx)("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}):i?(0,n.jsx)(i,{size:20,className:"mr-2"}):null,s]})}},1669:function(e,t,r){r.d(t,{Z:function(){return o}});var n=r(3662);function o(e){let{title:t,description:r,children:o}=e;return(0,n.jsxs)("div",{className:"text-center mb-12",children:[(0,n.jsx)("h1",{className:"text-4xl font-bold text-gray-800 mb

1-4",children:t}),(0,n.jsx)("p",{className:"text-xl text-gray-600 mb-8",children:r}),o]})}r(3110)},8551:function(e,t,r){r.d(t,{Hj:function(){return o},Mg:function(){return d},Q0:function(){return s},Yq:function(){return l},uv:function(){return i}});let n=["ja","en","es"],o=n[0],s=e=>"string"==typeof e&&n.includes(e),a=/^\/(ja|en|es)(?=\/|$)/,l=e=>{if(!e)return;let t=e.match(a);return t?t[1]:void 0},i=e=>e?"/".concat(e):"/",c=e=>e?e.startsWith("/")?e:"/".concat(e):"/",d=(e,t)=>{let r=c(t);return"/"===r?i(e):e?"/".concat(e).concat(r):r}},5188:function(e,t,r){r.d(t,{L9:function(){return m},Vm:function(){return c},Y3:function(){return u},Z0:function(){return p},_q:function(){return h},bP:function(){return x}});var n=r(7221);let o={"/image-compressor":"image-compressor","/image-converter":"image-converter","/image-cropper":"image-cropper","/image-resizer":"image-resizer","/gif-compressor":"gif-compressor","/app-store-screenshot-cropper":"app-store-screenshot-cropper","/chrome-extension-screenshot-creator":"chrome-extension-screenshot-creator","/app-icon-preview":"app-icon-preview","/quick-transparency":"quick-transparency","/tiktok-photo-generator":"tiktok-photo-generator","/x-vertical-gimmick-maker":"x-vertical-gimmick-maker","/workspace":"workspace","/convert/heic-to-jpg":"image-converter","/convert/png-to-webp":"image-converter","/convert/webp-to-png":"image-converter","/convert/jpg-to-webp":"image-converter","/app-store-screenshot-size":"app-store-screenshot-cropper","/chrome-extension-screenshot-size":"chrome-extension-screenshot-creator","/app-icon-size-preview":"app-icon-preview"},s={"format-converter":"image-converter"},a={batch_images_downloaded:"download_complete",compression_completed:"process_complete",conversion_complete:"process_complete",export_completed:"download_complete",file_download:"download_complete",files_added:"file_upload",gif_compression_completed:"process_complete",image_downloaded:"download_complete",image_selected:"file_upload",processing_completed:"process_complete"},l=new Set(["ja","en","es"]);function i(){return window.location.pathname||""}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i();return o[(function(e){let t=e.split("/").filter(Boolean);return t.length>0&&l.has(t[0])?"/".concat(t.slice(1).join("/")):e||"/"})(e.split("?")[0].split("#")[0]).replace(/\/$/,"")||"/"]}function d(e){let t=i(),r={page_path:t,lang:function(e){let t=e.split("/").filter(Boolean)[0];return l.has(t)?t:"ja"}(t)},n=c(t),o="string"==typeof(null==e?void 0:e.tool_id)?function(e){var t;if(e)return null!==(t=s[e])&&void 0!==t?t:e}(e.tool_id):void 0,a=null!=o?o:n;return a&&(r.tool_id=a),{...r,...e||{},...a?{tool_id:a}:{}}}let m=(e,t)=>

1{try{var r;let o=null!==(r=a[e])&&void 0!==r?r:e,s=d(t);o!==e&&(s.source_event_name=e),(0,n.sendGAEvent)("event",o,s)}catch(e){}},p=(e,t)=>{try{let r=e||window.location.pathname+window.location.search,o=t||("undefined"!=typeof document?document.title:void 0),s=window.location.href,a=d({page_path:null!=r?r:i(),page_title:null!=o?o:"",page_location:null!=s?s:"",event_source:"page_view"});(0,n.sendGAEvent)("event","page_view",a)}catch(e){}},u=e=>{let t=e||i(),r=c(t);if(!r)return;let n=t.split("?")[0].split("#")[0];m(h.TOOL_PAGE_VIEW,{tool_id:r,page_path:n,event_source:"tool_page"})},x=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};m(e,{...function(e){let t={};for(let[r,n]of Object.entries(e))("string"==typeof n||"number"==typeof n||"boolean"==typeof n)&&(t[r]=n);return t}(t),tool_id:"workspace"})},h={BUTTON_CLICK:"button_click",NAVIGATION_CLICK:"navigation_click",TOOL_PAGE_VIEW:"tool_page_view",RELATED_TOOL_CLICK:"related_tool_click",FILE_UPLOAD:"file_upload",FILE_DOWNLOAD:"download_complete",DOWNLOAD_COMPLETE:"download_complete",CONVERSION_COMPLETE:"process_complete",PROCESS_COMPLETE:"process_complete",ERROR_OCCURRED:"error_occurred",IMAGE_CONVERTER_HUB_CLICK:"image_converter_hub_click",ONVAULT_PROMO_VIEW:"onvault_promo_view",ONVAULT_APPSTORE_CLICK:"onvault_appstore_click",RESULT_SHARED:"result_shared"}},9089:function(e,t,r){r.d(t,{$G:function(){return n.$G}});var n=r(192)}}]);