[{"data":1,"prerenderedAt":307},["ShallowReactive",2],{"page-/ja/blogs/premium-dark-mode-business-template":3,"related-/ja/blogs/premium-dark-mode-business-template":232},{"id":4,"title":5,"body":6,"description":217,"extension":218,"meta":219,"navigation":227,"path":228,"seo":229,"stem":230,"__hash__":231},"blog/ja/blogs/premium-dark-mode-business-template.md","【無料配布】Nuxt 3 ミニマル・ダーク企業サイト用テンプレート (Template 02) —— グローバルな視覚体験を再定義",{"type":7,"value":8,"toc":206},"minimark",[9,14,18,26,33,38,110,114,122,126,164,168],[10,11,13],"h2",{"id":12},"無料配布nuxt-3-ミニマルダーク企業サイトポートフォリオ用テンプレート-template-02","【無料配布】Nuxt 3 ミニマル・ダーク企業サイト/ポートフォリオ用テンプレート - Template 02",[15,16,17],"p",{},"皆さん、こんにちは！**老爹テンプレート（Daddy Template）**です。",[15,19,20,21,25],{},"本日、細部までこだわり抜いて制作した第2弾のウェブサイトテンプレート —— ",[22,23,24],"strong",{},"Template 02"," を公開します。このテンプレートは、「高級感のあるダークモード」と「ミニマルなテックスタイル」を主軸にした汎用企業サイト/製品展示用テンプレートです。「開発コストを抑えつつ、一目で『高品質』だとわかるサイトを作りたい」という方に最適です。",[15,27,28],{},[29,30],"img",{"alt":31,"src":32},"Daddy Template Dark Minimalist Nuxt 3 Preview","https://hidaddy.oss-cn-shanghai.aliyuncs.com/daddytemplate/blog/www.daddytemplate.com_previews_template02.webp",[34,35,37],"h3",{"id":36},"テンプレートの特長","🌟 テンプレートの特長",[39,40,41,48,68,100],"ul",{},[42,43,44,47],"li",{},[22,45,46],{},"高級感のあるダークモード",": 深みのある背景に柔らかなブルーの微光（Blue Glow）を組み合わせ、大手テック企業のような洗練された質感を実現。",[42,49,50,53,54],{},[22,51,52],{},"シームレスなGSAPアニメーション",": GSAPを深く統合。\n",[39,55,56,62],{},[42,57,58,61],{},[22,59,60],{},"ワード・リビール",": 見出し文字が呼吸するように一つずつ浮かび上がる演出。",[42,63,64,67],{},[22,65,66],{},"スクロール・トリガー",": スクロールに合わせて画像やコンテンツが滑らかに表示され、唐突さを排除。",[42,69,70,73,74],{},[22,71,72],{},"充実した機能モジュール",":\n",[39,75,76,82,88,94],{},[42,77,78,81],{},[22,79,80],{},"ヒーロー・ビデオ",": 高解像度ビデオ背景に対応し、ロゴ・マーキーも統合。",[42,83,84,87],{},[22,85,86],{},"製品カテゴリーページ",": フォルダ構造に基づいて自動的にカテゴリーグリッドを生成。",[42,89,90,93],{},[22,91,92],{},"製品詳細ページ",": Markdown (Nuxt Content) レンダリングを完備し、高品質なデータテーブルやリストもサポート。",[42,95,96,99],{},[22,97,98],{},"問い合わせシステム",": 洗練されたコンタクトフォームを内蔵し、ロジックも構築済み。",[42,101,102,105,106,109],{},[22,103,104],{},"モダンな技術スタック",": 最新の ",[22,107,108],{},"Nuxt 3 + Tailwind CSS v4"," をベースに開発。抜群のパフォーマンスとSEO対策を両立。",[34,111,113],{"id":112},"️-開発は驚くほどシンプル","🛠️ 開発は驚くほどシンプル",[15,115,116,117,121],{},"すべての設定（テキスト、画像パス、SEO情報）が ",[118,119,120],"code",{},"app.config.ts"," に集約されています。一つのファイルを編集するだけで、すぐにサイトを公開できます。",[34,123,125],{"id":124},"デモとソースコード","📸 デモとソースコード",[39,127,128,137,144,151,158],{},[42,129,130,131],{},"🚀 デモサイト: ",[132,133,136],"a",{"href":134,"target":135},"/template/dark-mode-for-all","_blank","デモを見る (Demo)",[42,138,139,140],{},"📦 ソースコード: ",[132,141,143],{"href":142,"target":135},"https://github.com/daddytemplate-collection/template02","GitHub リポジトリ",[42,145,146,147],{},"📝 ドキュメント: ",[132,148,150],{"href":149,"target":135},"/dev-docs","ドキュメントを見る",[42,152,153,154],{},"小紅書 (XHSS): ",[132,155,157],{"href":156,"target":135},"https://www.xiaohongshu.com/discovery/item/69ca3017000000001a02ae56","記事を見る",[42,159,160,161],{},"X (Twitter): ",[132,162,157],{"href":163,"target":135},"https://twitter.com/Zhuxiaoming1987/status/2038586111514292495",[34,165,167],{"id":166},"️-技術仕様","⚙️ 技術仕様",[39,169,170,176,182,188,194,200],{},[42,171,172,175],{},[22,173,174],{},"フレームワーク",": Nuxt 3",[42,177,178,181],{},[22,179,180],{},"スタイル",": Tailwind CSS v4",[42,183,184,187],{},[22,185,186],{},"アニメーション",": GSAP (GreenSock) + ScrollTrigger",[42,189,190,193],{},[22,191,192],{},"アイコン",": Lucide Vue Next",[42,195,196,199],{},[22,197,198],{},"コンテンツ管理",": Nuxt Content (Markdown support)",[42,201,202,205],{},[22,203,204],{},"バリデーション",": Vee-Validate + Yup",{"title":207,"searchDepth":208,"depth":208,"links":209},"",2,[210],{"id":12,"depth":208,"text":13,"children":211},[212,214,215,216],{"id":36,"depth":213,"text":37},3,{"id":112,"depth":213,"text":113},{"id":124,"depth":213,"text":125},{"id":166,"depth":213,"text":167},"海外貿易やテクノロジー企業向けに設計された、高級感のあるダークモードNuxt 3レスポンシブテンプレート。GSAPアニメーション、レスポンシブレイアウト、シンプルなUIロジックを統合し、プロフェッショナルなブランドイメージを瞬時に構築します。","md",{"date":220,"author":221,"avatar":222,"category":223,"readingTime":224,"image":225,"imageAlt":226},"2025-03-30","Zhuxiaoming","/img/zhuxiaomingav.jpg","Template","5 min read","daddytemplate/blog/www.daddytemplate.com_previews_template02_.png","老爹テンプレート Template 02 プレビュー：GSAPアニメーションを搭載した、企業向けハイエンド・ダークミニマル・ソリューション",true,"/ja/blogs/premium-dark-mode-business-template",{"title":5,"description":217},"ja/blogs/premium-dark-mode-business-template","m4egHpRbCx-PMyorA_bQREgoZ0VLk3nkmFyU0bcQA1k",[233,245,254,263,272,281,291,297],{"title":234,"stem":235,"meta":236,"path":243,"slug":244},"嘉興盛源進出口公司のブランドサイトカスタマイズ","ja/blogs/Aroma-Chemicals-website",{"keywords":237,"date":238,"author":221,"avatar":222,"category":239,"readingTime":240,"image":241,"imageAlt":242},"嘉興盛源進出口, ファインケミカル原料サイト, 香料外貿サイト, 外貿サイトリニューアル, 製品詳細, 問い合わせシステム,","2025-04-07","Branding","5分で読める","daddytemplate/template/1.jpg","嘉興盛源進出口公司の最新リニューアル外貿企業サイト - DaddyTemplate","/ja/blogs/aroma-chemicals-website","Aroma-Chemicals-website",{"title":246,"stem":247,"meta":248,"path":252,"slug":253},"グローバルブランドプレゼンスの構築：貿易企業のブランド戦略ガイド","ja/blogs/building-global-brand-presence",{"date":249,"author":221,"avatar":222,"category":239,"readingTime":250,"image":251},"2025-03-06","11 min read","daddytemplate/blog/building-global-brand-presence.avif","/ja/blogs/building-global-brand-presence","building-global-brand-presence",{"title":255,"stem":256,"meta":257,"path":261,"slug":262},"輸出業者の為替リスク管理：為替変動の回避に関する実用ガイド","ja/blogs/currency-risk-management-for-exporters",{"date":258,"author":221,"avatar":222,"category":259,"readingTime":260,"image":251},"2025-03-07","Finance","10 min read","/ja/blogs/currency-risk-management-for-exporters","currency-risk-management-for-exporters",{"title":264,"stem":265,"meta":266,"path":270,"slug":271},"輸出企業のデジタルマーケティング：グローバル市場拡大の強力なツール","ja/blogs/digital-marketing-for-export-companies",{"date":267,"author":221,"avatar":222,"category":268,"readingTime":260,"image":269},"2025-03-04","Digital Marketing","daddytemplate/blog/digital-marketing-for-export-companies.avif","/ja/blogs/digital-marketing-for-export-companies","digital-marketing-for-export-companies",{"title":273,"stem":274,"meta":275,"path":279,"slug":280},"効果的な異文化コミュニケーション：貿易関係者の成功の秘訣","ja/blogs/effective-cross-cultural-communication",{"date":276,"author":221,"avatar":222,"category":277,"readingTime":260,"image":278},"2025-03-08","Communication","daddytemplate/blog/effective-cross-cultural-communication.avif","/ja/blogs/effective-cross-cultural-communication","effective-cross-cultural-communication",{"title":282,"stem":283,"meta":284,"path":289,"slug":290},"AI時代の貿易マーケティング：ChatGPTを活用して高SEOウェイトの製品説明を迅速に生成する方法","ja/blogs/five",{"date":285,"author":221,"avatar":222,"category":286,"readingTime":287,"image":288},"2025-02-14","Strategy","8 min read","daddytemplate/blog/currency-risk-management-for-exporters.avif","/ja/blogs/five","five",{"title":292,"stem":293,"meta":294,"path":295,"slug":296},"訪問者から問い合わせへ：高転換率の貿易独立サイトに必要な5つのコア要素","ja/blogs/four",{"date":285,"author":221,"avatar":222,"category":286,"readingTime":287,"image":288},"/ja/blogs/four","four",{"title":298,"stem":299,"meta":300,"path":305,"slug":306},"輸出ビジネスの最適化方法：効率性と利益を向上させる実用ガイド","ja/blogs/how-to-optimize-your-export-business",{"date":301,"author":221,"avatar":222,"category":302,"readingTime":303,"image":304},"2025-03-02","Export Strategy","9 min read","daddytemplate/blog/how-to-optimize-your-export-business.webp","/ja/blogs/how-to-optimize-your-export-business","how-to-optimize-your-export-business",1775831330386]