<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Vue on 阿珏酱のBlog</title>
    <link>https://zh.moejue.cn/ja/tags/vue/</link>
    <description>Recent content from 阿珏酱のBlog</description>
    <generator>Hugo</generator>
    <language>ja</language>
    
    <managingEditor>xxx@example.com (MoeJue)</managingEditor>
    <webMaster>xxx@example.com (MoeJue)</webMaster>
    
    <copyright>本ブログのすべての文書は、特に指定されていない限り、BY-NC-SAライセンスに従っています。引用の際は出典を明記してください！</copyright>
    
    <lastBuildDate>Sat, 23 Aug 2025 12:34:26 +0000</lastBuildDate>
    
    
    <atom:link href="https://zh.moejue.cn/ja/tags/vue/index.xml" rel="self" type="application/rss&#43;xml" />
    

    
    

    <item>
      <title>AEはできませんが、コードは書けます</title>
      <link>https://zh.moejue.cn/ja/posts/280/</link>
      <pubDate>Sat, 23 Aug 2025 12:29:01 &#43;0000</pubDate>
      <author>xxx@example.com (MoeJue)</author>
      <guid>https://zh.moejue.cn/ja/posts/280/</guid>
      <description>
        <![CDATA[<h1>AEはできませんが、コードは書けます</h1><p>著者: MoeJue(xxx@example.com)</p>
        
          <h2 id="-緒山まひろの隠れ家-">
<a class="header-anchor" href="#-%e7%b7%92%e5%b1%b1%e3%81%be%e3%81%b2%e3%82%8d%e3%81%ae%e9%9a%a0%e3%82%8c%e5%ae%b6-"></a>
✨ 緒山まひろの隠れ家 ✨
</h2><p><img src="https://mahiro.moejue.cn/static/images/onimai.png" alt="緒山まひろ"></p>
<h3 id="-緒山まひろの隠れ家へようこそ-">
<a class="header-anchor" href="#-%e7%b7%92%e5%b1%b1%e3%81%be%e3%81%b2%e3%82%8d%e3%81%ae%e9%9a%a0%e3%82%8c%e5%ae%b6%e3%81%b8%e3%82%88%e3%81%86%e3%81%93%e3%81%9d-"></a>
🌸 緒山まひろの隠れ家へようこそ 🌸
</h3><p><img src="https://mahiro.moejue.cn/static/images/Mahiro06.png" alt="緒山まひろ"></p>
<p>わぁ！私の秘密基地を見つけちゃったんだね！(*≧ω≦)</p>
<p>ここは緒山まひろの個人サイトだよ。かわいいアニメーションと面白いコンテンツがいっぱい！ ここでは、私のお気に入りのアニメ、マンガ、ゲーム、そして日常のささやかな幸せをシェアしていくね～</p>
<h3 id="-私について-">
<a class="header-anchor" href="#-%e7%a7%81%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6-"></a>
💕 私について 💕
</h3><p>私は緒山まひろ。エロゲを愛する引きこもりのダメニートだよ。 アニメ、マンガ、ライトノベル、そしてかわいいものが大好き！ 好きな色はピンクと水色！</p>
<pre tabindex="0"><code>  ∩∩
（･ω･）  &lt;- 私だよ！
＿|　⊃／(＿＿
／ └-(＿＿＿／
</code></pre><p><img src="https://mahiro.moejue.cn/static/images/visual_chara_mahiro-mihari.webp" alt="緒山まひろ"></p>
<h3 id="-サイトコンテンツ-">
<a class="header-anchor" href="#-%e3%82%b5%e3%82%a4%e3%83%88%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84-"></a>
🎀 サイトコンテンツ 🎀
</h3><ul>
<li>🌟 素敵なアニメーション</li>
<li>📚 私のプライベートフォト</li>
<li>🎵 おすすめの音楽</li>
<li>📷 日常のワンシーン</li>
</ul>
<h3 id="-関連リンク-">
<a class="header-anchor" href="#-%e9%96%a2%e9%80%a3%e3%83%aa%e3%83%b3%e3%82%af-"></a>
🌈 関連リンク 🌈
</h3><ul>
<li>🎭 デモ: <a href="https://mahiro.moejue.cn/">https://mahiro.moejue.cn/</a></li>
<li>🏠 個人ブログ: <a href="https://MoeJue.cn/">https://MoeJue.cn/</a></li>
<li>🐱 GitHub: <a href="https://github.com/iAJue/Mahiro">https://github.com/iAJue/Mahiro</a></li>
<li>📧 公式サイト: <a href="https://onimai.jp/">https://onimai.jp/</a></li>
</ul>
<h3 id="-著作権情報-">
<a class="header-anchor" href="#-%e8%91%97%e4%bd%9c%e6%a8%a9%e6%83%85%e5%a0%b1-"></a>
📝 著作権情報 📝
</h3><ul>
<li>このサイトは @Moejue によってデザイン・開発されました</li>
<li>サイト内で使用されているすべてのアニメーション、マンガの画像、キャラクター、および関連コンテンツの著作権は、原作者（ねことうふ）およびその発行元（スタジオバインド、一迅社）に帰属します</li>
<li>著作権侵害の可能性がある場合は、上記の連絡先までお知らせください。速やかに関連コンテンツを削除いたします</li>
<li>GNU GENERAL PUBLIC LICENSE Version 2</li>
<li>Copyright © 2025 MoeJue. All rights reserved.</li>
</ul>
<h3 id="-スペシャルサンクス-">
<a class="header-anchor" href="#-%e3%82%b9%e3%83%9a%e3%82%b7%e3%83%a3%e3%83%ab%e3%82%b5%e3%83%b3%e3%82%af%e3%82%b9-"></a>
💌 スペシャルサンクス 💌
</h3><p>緒山まひろを好きでいてくれるみんな、ありがとう！(●&rsquo;◡&rsquo;●)</p>
        
        <hr><p>この記事は2025-08-23に<a href='https://zh.moejue.cn/'>阿珏酱のBlog</a>で公開され、最終更新日は2025-08-23です</p>]]>
      </description>
      
        <category>折腾代码</category>
      
    </item>
    
    

    <item>
      <title>macOS風のWebアプリを構築する</title>
      <link>https://zh.moejue.cn/ja/posts/260/</link>
      <pubDate>Sun, 11 May 2025 11:46:03 &#43;0000</pubDate>
      <author>xxx@example.com (MoeJue)</author>
      <guid>https://zh.moejue.cn/ja/posts/260/</guid>
      <description>
        <![CDATA[<h1>macOS風のWebアプリを構築する</h1><p>著者: MoeJue(xxx@example.com)</p>
        
          <h3 id="プロジェクト概要">
<a class="header-anchor" href="#%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88%e6%a6%82%e8%a6%81"></a>
プロジェクト概要
</h3><p>今日のWeb開発分野において、ユーザーエクスペリエンスとインターフェースデザインはますます重要になっています。</p>
<p>Mac Web Vue Templateは、macOSのデザインにインスパイアされた、モダンでエレガントなVue.jsのWebテンプレートです。Vue.jsをベースにした現代的なWebアプリケーションテンプレートであり、そのデザインはmacOSの優雅なインターフェースから着想を得ています。このプロジェクトは、美しいUIデザインだけでなく、完全なプロジェクト構造とベストプラクティスも提供します。</p>
<h4 id="オンラインデモ">
<a class="header-anchor" href="#%e3%82%aa%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%b3%e3%83%87%e3%83%a2"></a>
オンラインデモ
</h4><p><a href="https://mac.moejue.cn/">WebAi</a> にアクセスすることで、このテンプレートの実際の効果を体験できます。招待コード(MoeJue)</p>
<h3 id="主な特徴">
<a class="header-anchor" href="#%e4%b8%bb%e3%81%aa%e7%89%b9%e5%be%b4"></a>
主な特徴
</h3><ol>
<li>
<p><strong>macOS風のUIデザイン</strong></p>
<ul>
<li>macOSのデザイン言語を採用</li>
<li>洗練されたすりガラス効果</li>
<li>エレガントなアニメーショントランジション</li>
</ul>
</li>
<li>
<p><strong>モダンな技術スタック</strong></p>
<ul>
<li>Vue.jsをコアフレームワークとして使用</li>
<li>Viteをビルドツールとして使用</li>
<li>Piniaによる状態管理</li>
<li>Vue Routerによるルーティング処理</li>
<li>SCSSプリプロセッサ</li>
<li>ES6+のモダンな機能</li>
</ul>
</li>
<li>
<p><strong>レスポンシブデザイン</strong></p>
<ul>
<li>あらゆる画面サイズに完璧に対応</li>
<li>スムーズなモバイル体験</li>
</ul>
</li>
</ol>
<h3 id="プロジェクト構造の解説">
<a class="header-anchor" href="#%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88%e6%a7%8b%e9%80%a0%e3%81%ae%e8%a7%a3%e8%aa%ac"></a>
プロジェクト構造の解説
</h3><p>プロジェクトは、明確でモジュール化されたディレクトリ構造を採用しています：</p>
<pre tabindex="0"><code>src/
├── assets/          # 静的リソース
├── components/      # Vueコンポーネント
│   ├── common/     # 共通コンポーネント
│   ├── system/     # システムコンポーネント
│   └── apps/       # アプリケーションコンポーネント
├── views/          # ページビュー
├── router/         # ルーティング設定
├── stores/         # 状態管理
└── utils/          # ユーティリティ関数
</code></pre><p>この構造設計により、プロジェクトは良好な保守性と拡張性を備えています。</p>
        
        <hr><p>この記事は2025-05-11に<a href='https://zh.moejue.cn/'>阿珏酱のBlog</a>で公開され、最終更新日は2025-05-11です</p>]]>
      </description>
      
        <category>折腾代码</category>
      
    </item>
    
  </channel>
</rss>
