https://hirameki.dev/_nuxt/AKgifFUM.js

1import{_ as ae}from"./ASt-w_hY.js";import{_ as le}from"./d8dDG6Wf.js";import{v as f,o as r,s as o,d as y,r as v,B as b,g as i,x as w,j as x,k as u,V as F,O,q as p,a8 as I,ay as Y,C as G,w as R,c as z,F as E,Z as W,y as h,D as B,$ as L,z as se,ab as ne,aw as re,E as ie,t as ue,ax as ce,a as de,H as pe}from"./CkCP1aja.js";import{r as _e}from"./UkK7AnbV.js";import{_ as me}from"./MKAsg_BI.js";import{q as D}from"./BJkHfF_U.js";import{W as fe}from"./Djz-J3c9.js";import{u as Q}from"./ChxZBK3s.js";import{w as ge}from"./wL9FD9xt.js";import{_ as ve}from"./BA_1RJTD.js";import{u as ye}from"./DMAZWm_f.js";import{u as be}from"./C09-u67j.js";import"./CviFtXUG.js";import"./CBaO_5jW.js";import"./BpvA92TY.js";import"./BomiHN_l.js";function he(n,a){return r(),f("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true","data-slot":"icon"},[o("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.75 19.5 8.25 12l7.5-7.5"})])}function ee(n,a){for(const e in a)a[e]instanceof Object&&e in n?n[e]=ee(n[e],a[e]):n[e]=a[e];return n}const xe=["disabled"],we=["href"],ke=y({__name:"Button",props:{block:{type:Boolean,default:!1},href:{type:String},disabled:{type:Boolean,default:!1},size:{type:String,default:"base"},classes:{type:Object}},setup(n){const a=n,e={base:"font-bold",spacing:"py-2 px-4",backgroundColor:"bg-white",rounded:"rounded-full",color:"hover:bg-gray-50",border:"border border-gray-200",size:""},t=a.classes?ee(e,a.classes):e,l=v("text-"+a.size);return(c,_)=>n.href?(r(),f("a",{key:1,href:n.href,class:b([[i(t).base,i(t).border,i(t).rounded,i(t).spacing,i(t).color,i(t).size,i(t).backgroundColor,l.value,{"w-full text-center":n.block}],"inline-block"])},[w(c.$slots,"default")],10,we)):(r(),f("button",{key:0,disabled:n.disabled,class:b([i(t).base,i(t).border,i(t).rounded,i(t).spacing,i(t).color,i(t).backgroundColor,i(t).size,l.value,{"w-full":n.block,"opacity-30":n.disabled}])},[w(c.$slots,"default")],10,xe))}}),S=y({__name:"SecondaryButton",setup(n){return(a,e)=>(r(),x(ke,null,{default:u(()=>[w(a.$slots,"default")]),_:3}))}}),Ce={class:"carousel"},$e=y({__name:"Carousel",setup(n){const a=v(0),e=v(0);let t;F(()=>{var d;const s=((d=document.querySelector(".carousel-inner"))==null?void 0:d.children)||[];e.value=s.length,_()}),O(()=>{m()});const l=()=>{a.value=(a.value+1)%e.value},c=()=>{a.value=(a.value+e.value-1)%e.value},_=()=>{t=setInterval(()=>{l()},5e3)},m=()=>{t!==void 0&&clearInterval(t)};return(s,d)=>(r(),f("div",Ce,[o("div",{class:"carousel-inner",style:I({transform:`translateX(-${a.value*100}%)`})},[w(s.$slots,"default",{},void 0,!0)],4),p(S,{class:"prev-btn opacity-50",onClick:c},{default:u(()=>[(r(),x(Y(i(he)),{class:"h-5","aria-hidden":"true"}))]),_:1}),p(S,{class:"next-btn opacity-50",onClick:l},{default:u(()=>[(r(),x(Y(i(_e)),{class:"h-5","aria-hidden":"true"}))]),_:1})]))}}),Se=G($e,[["__scopeId","data-v-c4809785"]]),je=y({__name:"MyLibraryCarousel",setup(n){return(a,e)=>(r(),x(Se,{class:"rounded-xl"},{default:u(()=>e[0]||(e[0]=[o("a",{href:"https://github.com/japanjsorg/japanjs"},[o("img",{src:"https://image.hirameki.dev/takasqr/image/upload/l_dylagecz4vyaeo3xqcdx/l_dylagecz4vyaeo3xqcdx/l_text:MPLUS1p-Black.ttf_100_bold:JapanJS%0A日本関連%0A便利ツール,co_rgb:374151,w_620,c_fit/v1712091289/ttpfb67cwdp2pwjes6pw.png",alt:"JapanJS",loading:"lazy"})],-1),o("a",{href:"https://pattern-rules.hirameki.dev/ja"},[o("img",{src:"https://image.hirameki.dev/takasqr/image/upload/l_dylagecz4vyaeo3xqcdx/l_dylagecz4vyaeo3xqcdx/l_text:MPLUS1p-Black.ttf_80_bold:ESLint Plugin%0APattern Rules,co_rgb:374151,w_620,c_fit/v1712091289/zq6hxcih0jcwdw2pantm.png",alt:"pattern-rules",loading:"lazy"})],-1),o("a",{href:"https://github.com/takasqr/hono-firebase-functions"},[o("img",{src:"https://image.hirameki.dev/takasqr/image/upload/l_dylagecz4vyaeo3xqcdx/l_dylagecz4vyaeo3xqcdx/l_text:MPLUS1p-Black.ttf_80_bold:Hono%0AFirebase Functions,co_rgb:374151,w_620,c_fit/v1712091289/Rectangle_2-2_d9ttf8.webp",alt:"Hono Firebase Functions",loading:"lazy"})],-1),o("a",{href:"https://github.com/takasqr/vanilla-vue-ui"},[o("img",{src:"https://image.hirameki.dev/takasqr/image/upload/l_dylagecz4vyaeo3xqcdx/l_dylagecz4vyaeo3xqcdx/l_text:MPLUS1p-Black.ttf_80_bold:Vanilla%0AVue%0AUi,co_rgb:374151,w_620,c_fit/v1712091289/zq6hxcih0jcwdw2pantm.png",alt:"

1Vanilla Vue Ui",loading:"lazy"})],-1)])),_:1}))}});async function Te(n="/"){const e=(await D(n).only(["category"]).where({category:{$exists:!0}}).find()).reduce((t,l)=>(l.category&&(t[l.category]=(t[l.category]||0)+1),t),{});return Object.entries(e).map(([t,l])=>({name:t,count:l}))}const qe={class:"prose"},ze={class:"columns-2 md:columns-3"},Be=["href"],Le={class:"mt-2 flex justify-end"},M=16,Ee=y({__name:"CategoryListSimple",async setup(n){let a,e;const t=v(!1),c=([a,e]=R(()=>Te("/ja/blog/")),a=await a,e(),a).sort((m,s)=>s.count-m.count),_=z(()=>t.value?c:c.slice(0,M));return(m,s)=>(r(),f("div",qe,[o("ul",ze,[(r(!0),f(E,null,W(i(_),d=>(r(),f("li",{key:d.name},[o("a",{href:`/ja/blog/tech/${d.name}/`},h(d.name)+" ("+h(d.count)+")",9,Be)]))),128))]),o("div",Le,[!i(t)&&i(c).length>M?(r(),x(S,{key:0,onClick:s[0]||(s[0]=d=>t.value=!0)},{default:u(()=>s[2]||(s[2]=[L("詳しく表示")])),_:1})):B("",!0),i(t)&&i(c).length>M?(r(),x(S,{key:1,onClick:s[1]||(s[1]=d=>t.value=!1)},{default:u(()=>s[3]||(s[3]=[L("小さく表示")])),_:1})):B("",!0)])]))}});async function Ae(n="/"){const a=await D(n).only(["tag"]).where({tag:{$exists:!0}}).find(),e={};for(const t of a)if(Array.isArray(t.tag))for(const l of t.tag)e[l]=(e[l]||0)+1;return Object.entries(e).map(([t,l])=>({name:t,count:l}))}const Ve={class:"prose"},Ne={class:"columns-2 md:columns-3"},Pe=["href"],We={class:"mt-2 flex justify-end"},U=16,Me=y({__name:"TagListSimple",async setup(n){let a,e;const t=v(!1),c=([a,e]=R(()=>Ae("/ja/blog/")),a=await a,e(),a).sort((m,s)=>s.count-m.count),_=z(()=>t.value?c:c.slice(0,U));return(m,s)=>(r(),f("div",Ve,[o("ul",Ne,[(r(!0),f(E,null,W(i(_),d=>(r(),f("li",{key:d.name},[o("a",{href:`/ja/blog/tag/${d.name}/`},h(d.name)+" ("+h(d.count)+")",9,Pe)]))),128))]),o("div",We,[!i(t)&&i(c).length>U?(r(),x(S,{key:0,onClick:s[0]||(s[0]=d=>t.value=!0)},{default:u(()=>s[2]||(s[2]=[L("詳しく表示")])),_:1})):B("",!0),i(t)&&i(c).length>U?(r(),x(S,{key:1,onClick:s[1]||(s[1]=d=>t.value=!1)},{default:u(()=>s[3]||(s[3]=[L("小さく表示")])),_:1})):B("",!0)])]))}}),Ue={},Ie={class:"my-2 md:my-10 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"};function Fe(n,a){return r(),f(E,null,[o("div",Ie,[w(n.$slots,"title")]),w(n.$slots,"default")],64)}const $=G(Ue,[["render",Fe]]),q=y({__name:"WPageBlock",setup(n){return(a,e)=>(r(),f("div",null,[p(fe,{class:"py-4 md:py-10"},{default:u(()=>[w(a.$slots,"default")]),_:3})]))}}),Oe={class:"bg-white py-16 sm:py-24"},Re={class:"mx-auto max-w-7xl sm:px-6 lg:px-8"},De={class:"mx-auto mt-10 flex flex-col max-w-md gap-y-4"},He={class:"flex gap-x-4"},Ke={for:"email-address",class:"sr-only"},Je=["placeholder"],Xe={class:"flex justify-center"},Ye=["href"],Ze={viewBox:"0 0 1024 1024",class:"absolute left-1/2 top-1/2 -z-10 size-[64rem] -translate-x-1/2","aria-hidden":"true"},Ge={id:"gradient-id",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(512 512) rotate(90) scale(512)"},Qe=["stop-color"],et=["stop-color","stop-opacity"],tt=y({__name:"NewsLetterForm",props:{title:{},description:{default:"Reprehenderit ad esse et non officia in nulla. Id proident tempor incididunt nostrud nulla et culpa."},emailLabel:{default:"Email address"},placeholder:{default:"Enter your email"},buttonText:{},privacyNote:{default:"We care about your data. Read our "},privacyPolicyText:{default:"privacy policy"},privacyPolicyUrl:{default:"#"},bgColor:{default:"bg-gray-900"},headingColor:{default:"text-white"},descriptionColor:{default:"text-gray-300"},inputBgColor:{default:"bg-white/5"},inputBorderColor:{default:"outline-white/10"},buttonBgColor:{default:"bg-white"},buttonTextColor:{default:"text-gray-900"},privacyTextColor:{default:"text-gray-300"},privacyLinkColor:{default:"text-white"},gradientStartColor:{default:"#7775D6"},gradientEndColor:{default:"#E935C1"},gradientEndOpacity:{default:0}},emits:["submit"],setup(n,{emit:a}){const e=n,t=a,l=v(""),c=()=>{t("submit",l.value)};return(_,m)=>(r(),f("div",Oe,[o("div",Re,[o("div",{class:b(["relative isolate overflow-hidden px-6 py-24 shadow-2xl sm:rounded-3xl sm:px-24 xl:py-32",e.bgColor])},[o("h2",{class:b(["mx-auto max-w-3xl text-center text-4xl font-semibold tracking-tight sm:text-5xl",e.headingColor])},h(e.title),3),o("p",{class:b(["mx-auto mt-6 max-w-lg text-center text-lg",e.descriptionColor])},h(e.description),3),o("form",De,[o("div",He,[o("label",Ke,h(e.emailLabel),1),se(o("input",{id:"email-address",name:"email",type:"email",autocomplete:"email",required:"",class:b(["min-w-0 flex-auto rounded-md px-3.5 py-2 text-base text-white outline outline-1 -outline-offset-1 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-white sm:text-sm/6",[e.inputBgColor,e.inputBorderColor]]),placeholder:e.placeholder,"onUpdate:modelValue":m[0]||(m[0]=s=>l.value=s)},null,10,Je),[[ne,l.value]]),o("button",{type:"submit",class:b(["flex-none rounded-md px-3.5 py-2.5 text-sm font-semibold shadow-sm hover:bg-gray-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white",[e.buttonBgColor,e.buttonTextColor]]),onClick:re(c,["prevent"])},h(e.buttonText),3)]),o("div",Xe,[w(_.$slots,"default")])]),e.privacyNote?(r(),f("p",{key:0,class:b(["mx-auto mt-4 max-w-md text-center text-sm",e.privacyTextColor])},[L(h(e.privacyNote)+" ",1),o("a",{href:e.privacyPolicyUrl,class:b(["font-semibold hover:text-gray-100",e.privacyLinkColor])},h(e.privacyPolicyText),11,Ye)],2)):B("",!0),(r(),f("svg",Ze,[m[1]||(m[1]=o("circle",{cx:"512",cy:"512",r:"512",fill:"url(#gradient-id)","fill-opacity":"0.7"},null,-1)),o("defs",null,[o("radialGradient",Ge,[o("stop",{"stop-color":e.gradientStartColor},null,8,Qe),o("stop",{offset:"1","stop-color":e.gradientEndColor,"stop-opacity":e.gradientEndOpacity},null,8,et)])])]))],2)])]))}}),ot=["data-sitekey"],at=y({__name:"Turnstile",props:{turnstileSiteKey:{default:""}},emits:["token"],setup(n,{emit:a}){Q({script:[{src:"https://challenges.cloudflare.com/turnstile/v0/api.js",async:!0,defer:!0}]});const e=n,t=a,l=v(null);return F(()=>{window.onTurnstileSuccess=c=>{l.value=c,t("token",l.value)}}),O(()=>{delete window.onTurnstileSuccess}),(c,_)=>(r(),f("div",{class:"cf-turnstile","data-sitekey":e.turnstileSiteKey,"data-callback":"onTurnstileSuccess","data-theme":"dark"},null,8,ot))}});function lt(n){return $fetch("/api/log/",{method:"POST",body:JSON.stringify(n),headers:{"Content-Type":"application/json"}})}const st=5e3,nt=y({__name:"PCarousel",setup(n){const a=ie(),e=z(()=>Object.keys(a).filter(g=>g.startsWith("slide-")).sort((g,j)=>{const C=Number(g.replace("slide-","")),T=Number(j.replace("slide-",""));return C-T})),t=z(()=>{const g=e.value;return g.length===0?[]:[g[g.length-1],...g,g[0]]}),l=v(1),c=v(!0),_=v(0),m=v(0),s=v(0),d=v(null),A=()=>{const g=window.innerWidth;return g<640?.8:g<1024?.6:.4};let k=null;const H=()=>{l.value++},te=()=>{l.value--},K=()=>{l.value<=0&&J(t.value.length-2),l.value>=t.value.length-1&&J(1)},oe=()=>{K()},J=g=>{c.value=!1,l.value=g,requestAnimationFrame(()=>{c.value=!0})},V=()=>

1{if(!d.value)return;const g=24,j=d.value.parentElement;if(!j)return;const C=j.clientWidth,T=A();_.value=C*T,m.value=_.value+g,s.value=(C-_.value)/2},N=()=>{k===null&&(k=window.setInterval(H,st))},P=()=>{k!==null&&(clearInterval(k),k=null)},X=()=>{document.hidden?P():(K(),V(),N())};return F(()=>{V(),N(),window.addEventListener("resize",V),document.addEventListener("visibilitychange",X)}),O(()=>{P(),window.removeEventListener("resize",V),document.removeEventListener("visibilitychange",X)}),(g,j)=>(r(),f("div",{class:"relative overflow-hidden bg-white py-6 pb-20",onMouseenter:P,onMouseleave:N,onFocusin:P,onFocusout:N},[o("div",{ref_key:"inner",ref:d,class:b(["flex gap-6",{"transition-transform duration-500 ease-out":c.value}]),style:I({transform:`translateX(${s.value-l.value*m.value}px)`}),onTransitionend:oe},[(r(!0),f(E,null,W(t.value,(C,T)=>(r(),f("div",{key:C,class:b(["shrink-0 rounded-2xl overflow-hidden border-2 border-black transition-all duration-300",T===l.value?"scale-100 opacity-100":"scale-95 opacity-40 lg:opacity-80 lg:scale-100"]),style:I({width:`${_.value}px`})},[w(g.$slots,C)],6))),128))],38),o("div",{class:"relative max-w-3xl mx-auto"},[o("button",{type:"button",class:"absolute left-6 -bottom-12 font-bold tracking-wider",onClick:te}," ← PREV "),o("button",{type:"button",class:"absolute right-6 -bottom-12 font-bold tracking-wider",onClick:H}," NEXT → ")])],32))}}),rt={class:"mx-auto bg-white mt-4 md:mt-8"},it=y({__name:"CarouselSectionBlog",setup(n){return(a,e)=>(r(),f("div",rt,[p(nt,null,{"slide-0":u(()=>e[0]||(e[0]=[o("a",{href:"/ja/blog/topic/Webサイト改善/"},[o("img",{src:"https://image.hirameki.dev/takasqr/image/upload/l_one-pixel_uxuvv1,w_1200,h_630,e_colorize,co_rgb:aed265/l_omake-app-1_iv8pee/l_title_cover_001_lu3vq4/l_title_cover_001_lu3vq4/l_text:MPLUS1p-Black.ttf_100_bold:Webサイト%0A改善ネタ,co_rgb:374151,w_620,c_fit/ogp-base_yeaeen.webp",alt:"Webサイト改善"})],-1)])),"slide-1":u(()=>e[1]||(e[1]=[o("a",{href:"/ja/blog/topic/Windowsトラブルシューティング/"},[o("img",{src:"https://image.hirameki.dev/takasqr/image/upload/l_one-pixel_uxuvv1,w_1200,h_630,e_colorize,co_rgb:faca7b/l_omake-app-1_iv8pee/l_title_cover_001_lu3vq4/l_title_cover_001_lu3vq4/l_text:MPLUS1p-Black.ttf_100_bold:Windows%0Aトラブル対応%0A大全,co_rgb:374151,w_620,c_fit/ogp-base_yeaeen.webp",alt:"Windowsトラブル対応大全"})],-1)])),"slide-2":u(()=>e[2]||(e[2]=[o("a",{href:"/ja/blog/topic/読書(技術)/"},[o("img",{src:"https://image.hirameki.dev/takasqr/image/upload/l_one-pixel_uxuvv1,w_1200,h_630,e_colorize,co_rgb:f096a0/l_omake-app-1_iv8pee/l_title_cover_001_lu3vq4/l_title_cover_001_lu3vq4/l_text:MPLUS1p-Black.ttf_100_bold:技術書%0A読書メモ,co_rgb:374151,w_620,c_fit/ogp-base_yeaeen.webp",alt:"技術書読書メモ"})],-1)])),_:1})]))}}),ut={class:"inline-flex items-center rounded-full bg-white p-1 border-2 border-black"},ct=["onClick"],dt=y({__name:"WSegmentSelector",props:{modelValue:{},options:{},activeClass:{default:"bg-orange-200 text-black"},inactiveClass:{default:"text-black hover:bg-black/10"}},emits:["update:modelValue"],setup(n,{emit:a}){const e=a,t=l=>{e("update:modelValue",l)};return(l,c)=>(r(),f("div",ut,[(r(!0),f(E,null,W(l.options,_=>(r(),f("button",{key:_.value,onClick:m=>t(_.value),class:b(["px-5 py-2 rounded-full text-sm font-bold transition-all duration-200",l.modelValue===_.value?l.activeClass:l.inactiveClass])},h(_.label),11,ct))),128))]))}}),pt={class:"pt-4"},Z="ja",_t=12,mt=y({__name:"PostSectionBlog",async setup(n){let a,e;const t=v("tech"),l=[{label:"暮らし",value:"journal"},{label:"プログラミング",value:"tech"}],c=`post-section-${Z}-`,{data:_,refresh:m}=([a,e]=R(async()=>ye(c,async()=>await D(ge(Z+"/blog/"+t.value)).where({_partial:!1,homepage:!0}).limit(_t).sort({updated:-1}).find(),"$Ap22m5YgoZ")),a=await a,e(),a);ue(t,()=>{m()});const s=z(()=>_.value);return(d,A)=>(r(),x(q,{class:"bg-[#C4D700]"},{default:u(()=>[p($,null,{default:u(()=>[p(dt,{modelValue:i(t),"onUpdate:modelValue":A[0]||(A[0]=k=>ce(t)?t.value=k:null),options:l},null,8,["modelValue"]),o("div",pt,[(r(),x(ve,{key:i(t),articles:i(s)},null,8,["articles"]))])]),_:1})]),_:1}))}}),ft={class:"flex justify-center"},Lt=y({__name:"index",setup(n){const a=de(),e=v(""),l=pe().public.TURNSTILE_SITE_KEY;function c(m){if(e.value.length>0){const s={email:m,token:e.value};lt({created:new Date,message:s.toString(),appName:"NewsLetterForm"}),alert("登録ありがとうございます。送信しました。")}}function _(m){e.value=m}return Q({script:[{src:"https://challenges.cloudflare.com/turnstile/v0/api.js",async:!0,defer:!0}]}),be({title:"HIRAMEKI.DEV",description:"ソフトウェアエンジニアが運営するブログ。技術的な記事や思ったことを投稿します。",cover:"https://asset.hirameki.dev/img%2Fblog%2Fogp_image.webp?alt=media",path:a.path}),(m,s)=>{const d=ae;return r(),x(d,null,{default:u(()=>[p(it),p(mt),p(me,null,{default:u(()=>[p(q,null,{default:u(()=>[p($,null,{title:u(()=>s[0]||(s[0]=[o("h2",null," Dev ",-1)])),default:u(()=>[s[1]||(s[1]=o("div",{class:"mb-2"},[o("span",{class:"text-gray-600"},"ライブラリ作りました＼(^o^)／")],-1)),p(je)]),_:1})]),_:1}),p(q,{class:"bg-gray-100"},{default:u(()=>[p($,null,{title:u(()=>s[2]||(s[2]=[o("h2",null," カテゴリー ",-1)])),default:u(()=>[p(Ee)]),_:1})]),_:1}),p(q,{class:"bg-gray-50"},{default:u(()=>[p($,null,{title:u(()=>s[3]||(s[3]=[o("h2",null," タグ ",-1)])),default:u(()=>[p(Me)]),_:1})]),_:1}),p(q,null,{default:u(()=>[p($,null,{default:u(()=>[s[4]||(s[4]=o("div",{class:"text-xl font-semibold flex justify-center mb-2 text-gray-800"},[o("h3",null,"このブログを書いてる人")],-1)),o("div",ft,[p(le)])]),_:1})]),_:1}),p($,null,{default:u(()=>[p(tt,{title:"ニュースレター",description:"最新の更新情報をメールでお知らせします。登録フォームから登録して下さい。","turnstile-site-key":i(l),"button-text":"購読する",placeholder:"メールアドレスを入力して下さい。","privacy-note":"プライバシーポリシーは","privacy-policy-text":"こちら","privacy-policy-url":"/ja/privacy/",onSubmit:c},{default:u(()=>[p(at,{"turnstile-site-key":i(l),onToken:_},null,8,["turnstile-site-key"])]),_:1},8,["turnstile-site-key"])]),_:1})]),_:1})]),_:1})}}});

1export{Lt as default};