[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"/api/works:{\"page\":1,\"per_page\":12}":3,"/api/social-links:{}":397},{"works":4,"total":335,"totalPages":336,"techStacks":337,"industries":377},[5,58,104,131,147,171,197,229,253,274,296,313],{"id":6,"slug":7,"title":8,"excerpt":9,"thumbnail":10,"techStacks":11,"industries":48,"projectType":53,"role":54,"period":55,"outcome":56,"isPickup":57},11,"morinoupa%e3%83%9d%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%aa%e3%82%aa%e3%82%b5%e3%82%a4%e3%83%88","morinoupaポートフォリオサイト","Nuxt + WordPress（ヘッドレスCMS）構成のポートフォリオサイト。Claude Code Agent Teamsを活用し、AIをPMに任命したチーム体制で制作。GSAP アニメーション、SSR、GitHub Actions自動デプロイ。","https://cms.morinoupa.jp/wp-content/uploads/2026/02/morinoupajp-1024x497.jpg",[12,16,20,24,28,32,36,40,44],{"id":13,"name":14,"slug":15},48,"Claude Code","claude-code",{"id":17,"name":18,"slug":19},8,"Docker","docker",{"id":21,"name":22,"slug":23},13,"GSAP","gsap",{"id":25,"name":26,"slug":27},49,"Lenis","lenis",{"id":29,"name":30,"slug":31},50,"Nginx","nginx",{"id":33,"name":34,"slug":35},19,"Nuxt","nuxt",{"id":37,"name":38,"slug":39},51,"Swiper","swiper",{"id":41,"name":42,"slug":43},25,"TypeScript","typescript",{"id":45,"name":46,"slug":47},30,"WordPress","wordpress",[49],{"id":50,"name":51,"slug":52},52,"個人","%e5%80%8b%e4%ba%ba","personal","企画・設計・実装・インフラ全般（AI PMと協働）","2026年1月〜2月","Claude Code Agent TeamsによるAI協働開発の実証。技術ブログ全7回で制作プロセスを公開","true",{"id":59,"slug":60,"title":61,"excerpt":62,"thumbnail":63,"techStacks":64,"industries":95,"projectType":100,"role":101,"period":102,"outcome":103,"isPickup":57},128,"%e4%bc%9d%e7%b5%b1%e8%8a%b8%e8%83%bd%e3%81%ae%e6%96%87%e5%8c%96%e6%96%bd%e8%a8%ad-%e5%85%ac%e5%bc%8f%e3%82%b5%e3%82%a4%e3%83%88","文化施設 公式サイト","文化施設公式サイトをフルリニューアル。MT.net連携、イベントスケジュール管理、GSAP演出、アクセシビリティ・印刷対応まで幅広く担当。","",[65,66,70,74,78,82,86,90,94],{"id":21,"name":22,"slug":23},{"id":67,"name":68,"slug":69},62,"Gulp","gulp",{"id":71,"name":72,"slug":73},14,"HTML/CSS","html-css",{"id":75,"name":76,"slug":77},15,"JavaScript","javascript",{"id":79,"name":80,"slug":81},68,"MovableType","movabletype",{"id":83,"name":84,"slug":85},69,"Nunjucks","nunjucks",{"id":87,"name":88,"slug":89},63,"Sass","sass",{"id":91,"name":92,"slug":93},70,"Splide","splide",{"id":37,"name":38,"slug":39},[96],{"id":97,"name":98,"slug":99},71,"文化・芸術","culture","confidential","フロントエンド開発（環境構築・全ページコーディング・CMS連携）","2025年10月〜2026年2月（進行中）","大規模な開発プロジェクト。CMS連携による効率的なコンテンツ運用基盤を構築し、アクセシビリティ・印刷対応も網羅。",{"id":105,"slug":106,"title":107,"excerpt":108,"thumbnail":63,"techStacks":109,"industries":121,"projectType":100,"role":127,"period":128,"outcome":129,"isPickup":130},131,"%e8%8a%b8%e8%a1%93%e6%96%87%e5%8c%96%e6%8e%a8%e9%80%b2%e5%9b%a3%e4%bd%93-%e5%85%ac%e5%bc%8f%e3%82%b5%e3%82%a4%e3%83%88","公共団体 公式サイト","公共団体の公式サイトを新規構築。全ページコーディングからWordPress実装、アクセシビリティ・印刷対応まで一貫して担当。",[110,111,112,113,114,115,119,120],{"id":17,"name":18,"slug":19},{"id":67,"name":68,"slug":69},{"id":71,"name":72,"slug":73},{"id":75,"name":76,"slug":77},{"id":83,"name":84,"slug":85},{"id":116,"name":117,"slug":118},73,"Rollup","rollup",{"id":87,"name":88,"slug":89},{"id":45,"name":46,"slug":47},[122,126],{"id":123,"name":124,"slug":125},72,"公共・団体","public",{"id":97,"name":98,"slug":99},"フロントエンド開発・WordPress実装","2025年9月〜2026年2月（約6ヶ月）","多様な文化事業情報を効率的に発信できるサイトを構築。CMSによる運用体制を確立。","false",{"id":132,"slug":133,"title":134,"excerpt":135,"thumbnail":63,"techStacks":136,"industries":139,"projectType":100,"role":144,"period":145,"outcome":63,"isPickup":146},207,"%e6%97%a2%e5%ad%98%e3%82%b5%e3%82%a4%e3%83%88-%e3%82%b9%e3%83%9d%e3%83%83%e3%83%88%e4%bf%9d%e5%ae%88%e5%af%be%e5%bf%9c","既存サイト スポット保守対応","税理士事務所サイトのスポット保守案件。事務所情報更新・バナー差替・マップ更新など、ピンポイントの修正依頼に3日間で迅速対応。",[137,138],{"id":71,"name":72,"slug":73},{"id":75,"name":76,"slug":77},[140],{"id":141,"name":142,"slug":143},34,"コーポレート","corporate","フロントエンド修正・保守","2025年8月（3日間）",false,{"id":148,"slug":149,"title":150,"excerpt":151,"thumbnail":63,"techStacks":152,"industries":159,"projectType":100,"role":168,"period":169,"outcome":170,"isPickup":130},137,"%e7%a4%be%e5%86%85%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0%e3%83%bb%e7%ae%a1%e7%90%86%e7%94%bb%e9%9d%a2ui%e9%96%8b%e7%99%ba","社内システム・管理画面UI開発","大手企業の社内サイトjQuery移行と、CMS管理画面UIプロトタイプ。社内向けシステムのフロントエンド改善に貢献。",[153,154,155],{"id":71,"name":72,"slug":73},{"id":75,"name":76,"slug":77},{"id":156,"name":157,"slug":158},66,"jQuery","jquery",[160,164],{"id":161,"name":162,"slug":163},58,"IT・システム","it",{"id":165,"name":166,"slug":167},67,"製造業","manufacturing","フロントエンド実装・jQuery移行・UIプロトタイプ","2025年4月〜2026年2月","jQuery移行を既存機能を維持したまま完遂。CMS管理画面の主要UIをプロトタイプとして実装し操作性検証を可能に。",{"id":172,"slug":173,"title":174,"excerpt":175,"thumbnail":63,"techStacks":176,"industries":189,"projectType":100,"role":194,"period":195,"outcome":196,"isPickup":130},134,"%e7%b5%84%e7%b9%94%e3%82%a8%e3%83%b3%e3%82%b2%e3%83%bc%e3%82%b8%e3%83%a1%e3%83%b3%e3%83%88saas-%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e3%82%b5%e3%82%a4%e3%83%88","SaaS サービスサイト","SaaSプロダクトのサービスサイトを構築。GSAP + Lenis によるリッチなスクロールアニメーションを実装。",[177,181,182,183,184,185,186,187,188],{"id":178,"name":179,"slug":180},75,"Glide.js","glide-js",{"id":21,"name":22,"slug":23},{"id":67,"name":68,"slug":69},{"id":71,"name":72,"slug":73},{"id":75,"name":76,"slug":77},{"id":25,"name":26,"slug":27},{"id":83,"name":84,"slug":85},{"id":87,"name":88,"slug":89},{"id":45,"name":46,"slug":47},[190],{"id":191,"name":192,"slug":193},23,"SaaS","saas","フロントエンド実装","2025年2月〜4月（約3ヶ月）","リッチなアニメーション表現と多様なデバイスでの安定動作を両立したサービスサイトを納品。",{"id":198,"slug":199,"title":200,"excerpt":201,"thumbnail":202,"techStacks":203,"industries":224,"projectType":53,"role":226,"period":227,"outcome":228,"isPickup":130},121,"youtube-channel-video-editing","YouTubeチャンネル動画編集","YouTubeチャンネルを運営しながら、動画編集・企画構成・サムネイル制作のスキルを実践的に学習中。Premiere Pro、After Effects、Photoshopを活用し、企画から完パケまで一貫して対応。","https://cms.morinoupa.jp/wp-content/uploads/2025/01/youtube-1024x496.png",[204,208,212,216,220],{"id":205,"name":206,"slug":207},53,"After Effects","after-effects",{"id":209,"name":210,"slug":211},54,"Photoshop","photoshop",{"id":213,"name":214,"slug":215},55,"PowerDirector 365","powerdirector-365",{"id":217,"name":218,"slug":219},56,"Premiere Pro","premiere-pro",{"id":221,"name":222,"slug":223},57,"動画編集","video-editing",[225],{"id":50,"name":51,"slug":52},"企画・構成 / 動画編集 / サムネイル制作","2025年〜","チャンネル運営における動画コンテンツの企画・動画編集・サムネイル作成・投稿",{"id":230,"slug":231,"title":232,"excerpt":233,"thumbnail":63,"techStacks":234,"industries":245,"projectType":100,"role":250,"period":251,"outcome":252,"isPickup":130},126,"%e5%90%8d%e5%85%a5%e3%82%8c%e3%82%ae%e3%83%95%e3%83%88%e3%83%bb%e3%83%8e%e3%83%99%e3%83%ab%e3%83%86%e3%82%a3%e9%80%9a%e8%b2%a9ec%e3%82%b5%e3%82%a4%e3%83%88%e6%a7%8b%e7%af%89","ノベルティ通販ECサイト構築","EC-CUBE 4.3ベースの名入れギフト・ノベルティ通販サイト。テーマカスタマイズからレビュー機能、初心者向けガイドまでフロントエンド全般を担当。",[235,239,240,241],{"id":236,"name":237,"slug":238},61,"EC-CUBE","ec-cube",{"id":67,"name":68,"slug":69},{"id":87,"name":88,"slug":89},{"id":242,"name":243,"slug":244},64,"Twig","twig",[246],{"id":247,"name":248,"slug":249},9,"EC","ec","フロントエンド開発","2024年9月〜2025年5月（約8ヶ月）","名入れギフト専門ECサイトのフロントエンドを構築。商品の魅力を伝えるデザインと、初心者でも迷わない購入導線を実現。",{"id":254,"slug":255,"title":256,"excerpt":257,"thumbnail":63,"techStacks":258,"industries":269,"projectType":100,"role":250,"period":272,"outcome":273,"isPickup":57},127,"%e8%a3%bd%e9%80%a0%e6%a5%adec%e3%82%b5%e3%82%a4%e3%83%88-%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab%ef%bc%88%e5%a4%9a%e8%a8%80%e8%aa%9e%e5%af%be%e5%bf%9c%ef%bc%89","製造業ECサイト リニューアル（多言語対応）","CS-Cart + EC-CUBEベースの製造業ECサイトリニューアル。製品カタログ刷新、多言語対応（日英）、jQuery移行などフロントエンド全般を担当。",[259,263,264,265,266,267,268],{"id":260,"name":261,"slug":262},65,"CS-Cart","cs-cart",{"id":17,"name":18,"slug":19},{"id":236,"name":237,"slug":238},{"id":71,"name":72,"slug":73},{"id":75,"name":76,"slug":77},{"id":156,"name":157,"slug":158},{"id":87,"name":88,"slug":89},[270,271],{"id":247,"name":248,"slug":249},{"id":165,"name":166,"slug":167},"2024年8月〜2025年12月（約1年4ヶ月）","2つのECプラットフォームにまたがるサイトリニューアルを完遂。多言語対応と製品カタログの刷新により、国内外の顧客にとって使いやすいECサイトを実現。",{"id":275,"slug":276,"title":277,"excerpt":278,"thumbnail":63,"techStacks":279,"industries":285,"projectType":100,"role":194,"period":294,"outcome":295,"isPickup":130},136,"%e3%83%97%e3%83%ad%e3%83%a2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%83%bb%e3%82%a8%e3%83%b3%e3%82%bf%e3%83%a1%e7%b3%bb%e3%82%b5%e3%82%a4%e3%83%88%e5%88%b6%e4%bd%9c","プロモーション・エンタメ系サイト制作","地域プロモーションサイトとTVアニメ公式サイトを短期集中で構築。社内フレームワークを活用し、2ヶ月・3日間の開発でそれぞれ納品。",[280,281,282,283,284],{"id":67,"name":68,"slug":69},{"id":71,"name":72,"slug":73},{"id":75,"name":76,"slug":77},{"id":83,"name":84,"slug":85},{"id":87,"name":88,"slug":89},[286,290],{"id":287,"name":288,"slug":289},76,"エンターテインメント","entertainment",{"id":291,"name":292,"slug":293},77,"地域プロモーション","regional-promotion","2024年5月〜7月","2案件とも短期間でフルサイトを構築し、スケジュール通りに納品。",{"id":297,"slug":298,"title":299,"excerpt":300,"thumbnail":63,"techStacks":301,"industries":308,"projectType":100,"role":310,"period":311,"outcome":312,"isPickup":57},130,"%e5%bb%ba%e7%af%89%e8%a8%ad%e8%a8%88%e4%ba%8b%e5%8b%99%e6%89%80-%e3%82%b3%e3%83%bc%e3%83%9d%e3%83%ac%e3%83%bc%e3%83%88%e3%82%b5%e3%82%a4%e3%83%88","建築設計事務所 コーポレートサイト","建築設計事務所のコーポレートサイトをリニューアル。プレムービー演出、Google Mapsクラスタ連携、パフォーマンス改善を担当。",[302,303,304,305,306,307],{"id":67,"name":68,"slug":69},{"id":71,"name":72,"slug":73},{"id":75,"name":76,"slug":77},{"id":156,"name":157,"slug":158},{"id":83,"name":84,"slug":85},{"id":87,"name":88,"slug":89},[309],{"id":141,"name":142,"slug":143},"フロントエンド開発（環境構築・全ページコーディング・地図連携）","2024年4月〜2025年9月（約1年半）","建築事務所のブランドイメージを表現するインタラクティブなサイトを構築。施設マップのUXが高い評価を獲得。",{"id":314,"slug":315,"title":316,"excerpt":317,"thumbnail":63,"techStacks":318,"industries":326,"projectType":100,"role":332,"period":333,"outcome":334,"isPickup":57},133,"%e8%87%aa%e5%8b%95%e8%bb%8a%e9%96%a2%e9%80%a3%e4%bc%81%e6%a5%ad-%e3%82%b3%e3%83%bc%e3%83%9d%e3%83%ac%e3%83%bc%e3%83%88%e3%82%b5%e3%82%a4%e3%83%88-%e3%82%b7%e3%83%aa%e3%83%bc%e3%82%ba%e6%a8%aa%e5%b1%95","自動車関連企業 コーポレートサイト シリーズ横展開","自動車ディーラーのコーポレートサイトを共通フレームワークベースで複数サイト横展開、開発環境の段階的進化を推進。",[319,320,321,322,323,324,325],{"id":17,"name":18,"slug":19},{"id":67,"name":68,"slug":69},{"id":71,"name":72,"slug":73},{"id":75,"name":76,"slug":77},{"id":83,"name":84,"slug":85},{"id":87,"name":88,"slug":89},{"id":91,"name":92,"slug":93},[327,328],{"id":141,"name":142,"slug":143},{"id":329,"name":330,"slug":331},74,"自動車","automotive","フロントエンド設計・実装（全サイト共通）","2023年9月〜2025年3月（約1年半）","複数サイトを共通フレームワークベースで効率的に横展開。開発環境の段階的モダナイズを同時に達成。",20,2,[338,339,340,341,342,343,344,345,346,347,348,349,350,351,352,353,354,355,356,357,358,359,360,361,365,366,367,371,375,376],{"id":205,"name":206,"slug":207},{"id":13,"name":14,"slug":15},{"id":260,"name":261,"slug":262},{"id":17,"name":18,"slug":19},{"id":236,"name":237,"slug":238},{"id":178,"name":179,"slug":180},{"id":21,"name":22,"slug":23},{"id":67,"name":68,"slug":69},{"id":71,"name":72,"slug":73},{"id":75,"name":76,"slug":77},{"id":156,"name":157,"slug":158},{"id":25,"name":26,"slug":27},{"id":79,"name":80,"slug":81},{"id":29,"name":30,"slug":31},{"id":83,"name":84,"slug":85},{"id":33,"name":34,"slug":35},{"id":209,"name":210,"slug":211},{"id":213,"name":214,"slug":215},{"id":217,"name":218,"slug":219},{"id":116,"name":117,"slug":118},{"id":87,"name":88,"slug":89},{"id":91,"name":92,"slug":93},{"id":37,"name":38,"slug":39},{"id":362,"name":363,"slug":364},59,"TailwindCSS","tailwindcss",{"id":242,"name":243,"slug":244},{"id":41,"name":42,"slug":43},{"id":368,"name":369,"slug":370},29,"Vue.js","vue",{"id":372,"name":373,"slug":374},60,"Vuetify","vuetify",{"id":45,"name":46,"slug":47},{"id":221,"name":222,"slug":223},[378,379,380,381,382,383,384,385,386,390,391,392,393],{"id":247,"name":248,"slug":249},{"id":161,"name":162,"slug":163},{"id":191,"name":192,"slug":193},{"id":287,"name":288,"slug":289},{"id":141,"name":142,"slug":143},{"id":50,"name":51,"slug":52},{"id":123,"name":124,"slug":125},{"id":291,"name":292,"slug":293},{"id":387,"name":388,"slug":389},45,"教育","education",{"id":97,"name":98,"slug":99},{"id":329,"name":330,"slug":331},{"id":165,"name":166,"slug":167},{"id":394,"name":395,"slug":396},47,"金融","finance",{"links":398},[399],{"platform":400,"url":401,"icon":402},"note","https://note.com/morinoupa2020","simple-icons:note"]