<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>Vue on MoeJue&#39;s Blog</title>
    <link>https://en.moejue.cn/ja/tags/vue/</link>
    <description>Recent content in Vue on MoeJue&#39;s Blog</description>
    <generator>Hugo -- 0.151.2</generator>
    <language>ja</language>
    <lastBuildDate>Sat, 23 Aug 2025 12:34:26 +0000</lastBuildDate>
    <atom:link href="https://en.moejue.cn/ja/tags/vue/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>AEはできませんが、コードは書けます</title>
      <link>https://en.moejue.cn/ja/posts/280/</link>
      <pubDate>Sat, 23 Aug 2025 12:29:01 +0000</pubDate>
      <guid>https://en.moejue.cn/ja/posts/280/</guid>
      <description>&lt;h2 id=&#34;-緒山まひろの隠れ家-&#34;&gt;✨ 緒山まひろの隠れ家 ✨&lt;/h2&gt;
&lt;p&gt;&lt;img alt=&#34;緒山まひろ&#34; loading=&#34;lazy&#34; src=&#34;https://mahiro.moejue.cn/static/images/onimai.png&#34;&gt;&lt;/p&gt;
&lt;h3 id=&#34;-緒山まひろの隠れ家へようこそ-&#34;&gt;🌸 緒山まひろの隠れ家へようこそ 🌸&lt;/h3&gt;
&lt;p&gt;&lt;img alt=&#34;緒山まひろ&#34; loading=&#34;lazy&#34; src=&#34;https://mahiro.moejue.cn/static/images/Mahiro06.png&#34;&gt;&lt;/p&gt;
&lt;p&gt;わぁ！私の秘密基地を見つけちゃったんだね！(*≧ω≦)&lt;/p&gt;
&lt;p&gt;ここは緒山まひろの個人サイトだよ。かわいいアニメーションと面白いコンテンツがいっぱい！ ここでは、私のお気に入りのアニメ、マンガ、ゲーム、そして日常のささやかな幸せをシェアしていくね～&lt;/p&gt;
&lt;h3 id=&#34;-私について-&#34;&gt;💕 私について 💕&lt;/h3&gt;
&lt;p&gt;私は緒山まひろ。エロゲを愛する引きこもりのダメニートだよ。 アニメ、マンガ、ライトノベル、そしてかわいいものが大好き！ 好きな色はピンクと水色！&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;  ∩∩
（･ω･）  &amp;lt;- 私だよ！
＿|　⊃／(＿＿
／ └-(＿＿＿／
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;img alt=&#34;緒山まひろ&#34; loading=&#34;lazy&#34; src=&#34;https://mahiro.moejue.cn/static/images/visual_chara_mahiro-mihari.webp&#34;&gt;&lt;/p&gt;
&lt;h3 id=&#34;-サイトコンテンツ-&#34;&gt;🎀 サイトコンテンツ 🎀&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;🌟 素敵なアニメーション&lt;/li&gt;
&lt;li&gt;📚 私のプライベートフォト&lt;/li&gt;
&lt;li&gt;🎵 おすすめの音楽&lt;/li&gt;
&lt;li&gt;📷 日常のワンシーン&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;-関連リンク-&#34;&gt;🌈 関連リンク 🌈&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;🎭 デモ: &lt;a href=&#34;https://mahiro.moejue.cn/&#34;&gt;https://mahiro.moejue.cn/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;🏠 個人ブログ: &lt;a href=&#34;https://MoeJue.cn/&#34;&gt;https://MoeJue.cn/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;🐱 GitHub: &lt;a href=&#34;https://github.com/iAJue/Mahiro&#34;&gt;https://github.com/iAJue/Mahiro&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;📧 公式サイト: &lt;a href=&#34;https://onimai.jp/&#34;&gt;https://onimai.jp/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;-著作権情報-&#34;&gt;📝 著作権情報 📝&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;このサイトは @Moejue によってデザイン・開発されました&lt;/li&gt;
&lt;li&gt;サイト内で使用されているすべてのアニメーション、マンガの画像、キャラクター、および関連コンテンツの著作権は、原作者（ねことうふ）およびその発行元（スタジオバインド、一迅社）に帰属します&lt;/li&gt;
&lt;li&gt;著作権侵害の可能性がある場合は、上記の連絡先までお知らせください。速やかに関連コンテンツを削除いたします&lt;/li&gt;
&lt;li&gt;GNU GENERAL PUBLIC LICENSE Version 2&lt;/li&gt;
&lt;li&gt;Copyright © 2025 MoeJue. All rights reserved.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;-スペシャルサンクス-&#34;&gt;💌 スペシャルサンクス 💌&lt;/h3&gt;
&lt;p&gt;緒山まひろを好きでいてくれるみんな、ありがとう！(●&amp;rsquo;◡&amp;rsquo;●)&lt;/p&gt;</description>
    </item>
    <item>
      <title>macOS風のWebアプリを構築する</title>
      <link>https://en.moejue.cn/ja/posts/260/</link>
      <pubDate>Sun, 11 May 2025 11:46:03 +0000</pubDate>
      <guid>https://en.moejue.cn/ja/posts/260/</guid>
      <description>&lt;h3 id=&#34;プロジェクト概要&#34;&gt;プロジェクト概要&lt;/h3&gt;
&lt;p&gt;今日のWeb開発分野において、ユーザーエクスペリエンスとインターフェースデザインはますます重要になっています。&lt;/p&gt;
&lt;p&gt;Mac Web Vue Templateは、macOSのデザインにインスパイアされた、モダンでエレガントなVue.jsのWebテンプレートです。Vue.jsをベースにした現代的なWebアプリケーションテンプレートであり、そのデザインはmacOSの優雅なインターフェースから着想を得ています。このプロジェクトは、美しいUIデザインだけでなく、完全なプロジェクト構造とベストプラクティスも提供します。&lt;/p&gt;
&lt;h4 id=&#34;オンラインデモ&#34;&gt;オンラインデモ&lt;/h4&gt;
&lt;p&gt;&lt;a href=&#34;https://mac.moejue.cn/&#34;&gt;WebAi&lt;/a&gt; にアクセスすることで、このテンプレートの実際の効果を体験できます。招待コード(MoeJue)&lt;/p&gt;
&lt;h3 id=&#34;主な特徴&#34;&gt;主な特徴&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;macOS風のUIデザイン&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;macOSのデザイン言語を採用&lt;/li&gt;
&lt;li&gt;洗練されたすりガラス効果&lt;/li&gt;
&lt;li&gt;エレガントなアニメーショントランジション&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;モダンな技術スタック&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Vue.jsをコアフレームワークとして使用&lt;/li&gt;
&lt;li&gt;Viteをビルドツールとして使用&lt;/li&gt;
&lt;li&gt;Piniaによる状態管理&lt;/li&gt;
&lt;li&gt;Vue Routerによるルーティング処理&lt;/li&gt;
&lt;li&gt;SCSSプリプロセッサ&lt;/li&gt;
&lt;li&gt;ES6+のモダンな機能&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;レスポンシブデザイン&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;あらゆる画面サイズに完璧に対応&lt;/li&gt;
&lt;li&gt;スムーズなモバイル体験&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id=&#34;プロジェクト構造の解説&#34;&gt;プロジェクト構造の解説&lt;/h3&gt;
&lt;p&gt;プロジェクトは、明確でモジュール化されたディレクトリ構造を採用しています：&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;src/
├── assets/          # 静的リソース
├── components/      # Vueコンポーネント
│   ├── common/     # 共通コンポーネント
│   ├── system/     # システムコンポーネント
│   └── apps/       # アプリケーションコンポーネント
├── views/          # ページビュー
├── router/         # ルーティング設定
├── stores/         # 状態管理
└── utils/          # ユーティリティ関数
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;この構造設計により、プロジェクトは良好な保守性と拡張性を備えています。&lt;/p&gt;
&lt;h3 id=&#34;開発規範&#34;&gt;開発規範&lt;/h3&gt;
&lt;p&gt;プロジェクトは厳格な開発規範に従っています：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;命名規則&lt;/strong&gt;&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
