https://ara-ta3.github.io/assets/chunks/chunk-Dxqjrfln.js

1import"./chunk-BkafO_zl.js";import{a as e,c as t}from"./chunk-CC8R9N6-.js";t();var n=e(),r=({imageUrl:e,title:t})=>(0,n.jsx)(`div`,{className:`h-48 border-b border-secondary-100 rounded-t-lg overflow-hidden bg-secondary-50`,children:(0,n.jsx)(`img`,{src:e,alt:`${t} のプロジェクト画像`,className:`w-full h-full object-cover`})}),i=()=>(0,n.jsx)(`div`,{className:`h-48 border-b border-secondary-100 rounded-t-lg overflow-hidden bg-secondary-50`,children:(0,n.jsx)(`div`,{"aria-label":`画像未設定`,className:`w-full h-full border-2 border-dashed border-secondary-200`})}),a=({project:e})=>e.imageUrl?(0,n.jsx)(r,{imageUrl:e.imageUrl,title:e.title}):(0,n.jsx)(i,{}),o=({project:e,showTechnologies:t=!0,showActions:r=!0})=>(0,n.jsxs)(`div`,{className:`flex h-full flex-col bg-white border border-secondary-100 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-200`,children:[(0,n.jsx)(a,{project:e}),(0,n.jsxs)(`div`,{className:`flex flex-1 flex-col p-6`,children:[(0,n.jsx)(`h2`,{className:`text-xl font-bold text-primary-700 mb-2`,children:e.title}),(0,n.jsx)(`p`,{className:`text-primary-500 text-sm mb-4`,children:e.description}),t&&(0,n.jsxs)(`div`,{className:`flex flex-wrap gap-2 mb-4`,children:[e.technologies.slice(0,3).map(e=>(0,n.jsx)(`span`,{className:`px-2 py-1 bg-secondary-100 text-primary-700 text-xs font-medium rounded`,children:e},e)),e.technologies.length>3&&(0,n.jsxs)(`span`,{className:`px-2 py-1 bg-secondary-100 text-primary-700 text-xs font-medium rounded`,children:[`+`,e.technologies.length-3,` more`]})]}),r&&(0,n.jsxs)(`div`,{className:`mt-auto flex items-center justify-between gap-4`,children:[(0,n.jsxs)(`a`,{href:`/projects/${e.id}`,className:`inline-flex items-center p-2 text-sm font-medium text-center text-white bg-primary-900 rounded-lg hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 transition-colors`,children:[`詳細を見る`,(0,n.jsx)(`svg`,{className:`rtl:rotate-180 w-3.5 h-3.5 ms-2`,"aria-hidden":`true`,xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 14 10`,children:(0,n.jsx)(`path`,{stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,d:`M1 5h12m0 0L9 1m4 4L9 9`})})]}),e.demoUrl&&(0,n.jsx)(`a`,{href:e.demoUrl,target:`_blank`,rel:`noopener noreferrer`,className:`text-primary-700 hover:text-primary-900 text-sm font-medium`,children:`公開ページを見る`})]})]})]}),s=[{id:`nekometry`,title:`Nekometry`,description:`ペットの健康管理を支援するWebアプリケーション`,overview:`猫の健康管理をサポートするカロリー計算ツールです。猫の体重、年齢、活動レベルに基づいて適切な一日の摂取カロリーを計算し、飼い主がペットの健康状態を把握できるよう支援します。`,technologies:[`Vite`,`Vike`,`React 19`,`TypeScript`,`Tailwind CSS`,`Flowbite`,`Firebase`,`FireStore`],details:[{label:`Project Type`,value:`健康管理ツール`},{label:`Hosting`,value:`Firebase Hosting`},{label:`CI/CD`,value:`GitHub Actions`},{label:`対象ユーザ`,value:`猫の飼い主`}],imageUrl:`/assets/static/nekometry.Bw_MRlxf.jpg`,demoUrl:`https://nekometry.com/`,socialLinks:[{label:`Instagram`,url:`https://www.instagram.com/nekometry/`}]},{id:`kurashilab`,title:`Kurashi Lab`,description:`暮らしに関する数字をシミュレーションできるWebサービス`,overview:`Kurashi Lab（暮らしラボ）は、生活に関係するデータを集め、自分の条件を入力することで『自分の場合はどうなるのか』を試せるWebサービスです。将来のお金を見える化するライフプランと、電気料金プランの比較をシミュレーションできます。`,technologies:[`Scala.js`,`scalajs-react`,`Vite`,`Tailwind CSS`,`Cloudflare Pages`,`Terraform`],details:[{label:`Project Type`,value:`暮らしのシミュレーションツール`},{label:`Hosting`,value:`Cloudflare Pages`},{label:`CI/CD`,value:`GitHub Actions`},{label:`対象ユーザ`,value:`暮らしのお金を試算したい人`}],imageUrl:`/assets/static/kurashilab.OGOEuzvG.png`,demoUrl:`https://kurashilab.app/`,socialLinks:[{label:`X`,url:`https://x.com/KurashiLabApp`}]},{id:`appricity`,title:`Appricity`,description:`便利なツールを気軽に共有できる、温かいキュレーションプラットフォーム`,overview:`Appricity（アプリシティ）は、あなたの『これいいよ』を誰かに届けるためのツール共有サービスです。冬の日の柔らかな日差し（Apricity）のように、日常を少し温かく便利にする発見を循環させることを目指しています。`,technologies:[`Next.js`,`TypeScript`,`Tailwind CSS`,`Vercel`],details:[{label:`Project Type`,value:`ツール共有キュレーションプラットフォーム`},{label:`Hosting`,value:`Vercel`}

1,{label:`対象ユーザ`,value:`便利なツールを探す/共有したい人`}],imageUrl:`/assets/static/appricity.BHc-lZKm.png`,demoUrl:`https://appricity.vercel.app/`},{id:`personal-website`,title:`個人ウェブサイト(ara-ta3.github.io)`,description:`Vite+Vikeを使用したSSGによる個人ポートフォリオサイト`,metaDescription:`ara-ta3の個人ポートフォリオサイトです。Vite、Vike、React、TypeScriptによるSSG構成で、技術記事、登壇資料、個人開発、趣味の記録を公開しています。`,overview:`このサイトは個人のポートフォリオを紹介する気持ちを持ちながら、フロントエンドの技術をお試しするページです。`,technologies:[`Vite`,`Vike`,`React 19`,`TypeScript`,`Tailwind CSS`,`Flowbite`,`GitHub Pages`],details:[{label:`Project Type`,value:`個人ポートフォリオサイト`},{label:`Hosting`,value:`GitHub Pages`},{label:`CI/CD`,value:`GitHub Actions`}]}];function c(){return s}export{o as n,c as t};