<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>折腾代码 on 阿珏酱のBlog</title>
    <link>https://zh.moejue.cn/ja/categories/%E6%8A%98%E8%85%BE%E4%BB%A3%E7%A0%81/</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, 10 Jan 2026 14:02:35 +0000</lastBuildDate>
    
    
    <atom:link href="https://zh.moejue.cn/ja/categories/%E6%8A%98%E8%85%BE%E4%BB%A3%E7%A0%81/index.xml" rel="self" type="application/rss&#43;xml" />
    

    
    

    <item>
      <title>Web3 オンチェーン紅包 DApp</title>
      <link>https://zh.moejue.cn/ja/posts/303/</link>
      <pubDate>Sat, 10 Jan 2026 14:02:35 &#43;0000</pubDate>
      <author>xxx@example.com (MoeJue)</author>
      <guid>https://zh.moejue.cn/ja/posts/303/</guid>
      <description>
        <![CDATA[<h1>Web3 オンチェーン紅包 DApp</h1><p>著者: MoeJue(xxx@example.com)</p>
        
          <p>これは<strong>100%分散型</strong>のブロックチェーンお年玉（レッドパケット）アプリケーションです。ユーザーはウォレットを接続し、金額と数量を設定してお年玉を送信し、リンクを通じて他の人と共有して受け取ることができます。すべてのデータと操作はブロックチェーンに基づいており、中央集権型サーバーは一切不要で、プロセス全体が安全、透明、追跡可能です。</p>
<p>興味があれば、GitHubで私のコードをご覧ください：<a href="https://github.com/iAJue/redpacket-dapp">redpacket‑dapp</a></p>
<h2 id="機能ハイライト">
<a class="header-anchor" href="#%e6%a9%9f%e8%83%bd%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88"></a>
機能ハイライト
</h2><ul>
<li>🧧 <strong>お年玉の送信</strong>: ウォレットを接続後、金額と数量を設定してブロックチェーンにお年玉を送信します。</li>
<li>🎁 <strong>お年玉の受け取り</strong>: 共有リンクを通じて、他の人はウォレットを接続してブロックチェーンから直接お年玉を受け取ることができます。</li>
<li>🔗 <strong>スマートコントラクト</strong>: Solidityで書かれた安全なスマートコントラクトがすべてのロジックを処理します。</li>
<li>🌐 <strong>マルチチェーン対応</strong>: ローカルテストネットとBSCテストネットをサポートします。</li>
<li>💼 <strong>Web3統合</strong>: MetaMaskウォレットを使用して接続します。</li>
<li>🚀 <strong>完全分散型</strong>: バックエンドサーバーがなく、すべてのデータはブロックチェーンに保存されます。</li>
</ul>
<h2 id="技術スタック">
<a class="header-anchor" href="#%e6%8a%80%e8%a1%93%e3%82%b9%e3%82%bf%e3%83%83%e3%82%af"></a>
技術スタック
</h2><ul>
<li><strong>フロントエンド</strong>：React 19、React Router 6、TypeScript、Vite、Ethers v6</li>
<li><strong>コントラクト層</strong>：Hardhat、Solidity 0.8.x</li>
<li><strong>ツール</strong>：ESLint、Prettier</li>
<li><strong>バックエンド不要</strong>: サーバーへの依存なし ❌</li>
</ul>
<h2 id="クイックスタート">
<a class="header-anchor" href="#%e3%82%af%e3%82%a4%e3%83%83%e3%82%af%e3%82%b9%e3%82%bf%e3%83%bc%e3%83%88"></a>
クイックスタート
</h2><pre><code># 1. プロジェクトの依存関係をインストール
npm install
cd react-dapp &amp;&amp; npm install &amp;&amp; cd ..

# 2. ローカルブロックチェーンノードを起動
npm run node

# 3. スマートコントラクトをコンパイル
npx hardhat compile

# 4. スマートコントラクトをデプロイ
npm run deploy

# 5. フロントエンドを起動
npm run frontend
</code></pre>
<h2 id="ディレクトリ構造">
<a class="header-anchor" href="#%e3%83%87%e3%82%a3%e3%83%ac%e3%82%af%e3%83%88%e3%83%aa%e6%a7%8b%e9%80%a0"></a>
ディレクトリ構造
</h2><pre><code>redpacket-web3/
├─ contracts/                # Solidity スマートコントラクト
│  └─ RedPacket.sol
├─ react-dapp/               # React + Vite フロントエンド
│  ├─ src/
│  │  ├─ components/         # 共通コンポーネント（ウォレットボタン、作成フォームなど）
│  │  ├─ config/             # ABI、コントラクトアドレス設定
│  │  ├─ hooks/              # カスタムフック（useWallet）
│  │  ├─ pages/              # ページ（Home、ClaimPacket）
│  │  ├─ styles/             # グローバルスタイル
│  │  ├─ utils/              # Web3 ユーティリティ関数
│  │  └─ App.tsx             # ルーティングとレイアウト
│  ├─ .env.example           # フロントエンドに必要な環境変数説明
│  └─ package.json
├─ scripts/
│  └─ deploy.js              # Hardhat デプロイスクリプト（自動的にフロントエンド設定に書き込みます）
├─ hardhat.config.js
└─ package.json              # ルートディレクトリのスクリプト（Hardhat + フロントエンドをワンクリックで起動）
</code></pre>
<h2 id="使用ガイド">
<a class="header-anchor" href="#%e4%bd%bf%e7%94%a8%e3%82%ac%e3%82%a4%e3%83%89"></a>
使用ガイド
</h2><h3 id="お年玉の作成">
<a class="header-anchor" href="#%e3%81%8a%e5%b9%b4%e7%8e%89%e3%81%ae%e4%bd%9c%e6%88%90"></a>
お年玉の作成
</h3><ol>
<li>フロントエンドを開き、右上の「ウォレットを接続」をクリックします。</li>
<li>お年玉の総額と個数を入力すると、アプリケーションがフロントエンドで金額をランダムに分割します。</li>
<li>送信後、MetaMaskでトランザクションを確認し、ブロックの承認を待ちます。</li>
<li>成功後、システムが生成した受け取りリンクをコピーして友人と共有できます。</li>
</ol>
<h3 id="お年玉の受け取り">
<a class="header-anchor" href="#%e3%81%8a%e5%b9%b4%e7%8e%89%e3%81%ae%e5%8f%97%e3%81%91%e5%8f%96%e3%82%8a"></a>
お年玉の受け取り
</h3><ol>
<li>共有リンク（URLに <code>/claim/{packetId}</code> が含まれる）を開きます。</li>
<li>同様にまずウォレットを接続し、「クリックして受け取る」をクリックします。</li>
<li>署名確認後、ブロックのパッケージングを待ち、ページに結果と残り個数が表示されます。</li>
</ol>
<h2 id="環境変数">
<a class="header-anchor" href="#%e7%92%b0%e5%a2%83%e5%a4%89%e6%95%b0"></a>
環境変数
</h2><ul>
<li><code>dapp/.env</code>（開発環境では自動的に無視されます。<code>.env.example</code>を参照してください）
<ul>
<li><code>VITE_RPC_URL</code>：フロントエンドが直接接続するノードRPC、デフォルトは <code>http://127.0.0.1:8545</code></li>
<li><code>VITE_CONTRACT_ADDRESS</code>：デプロイスクリプトによって書き込まれたアドレスを上書きできます。</li>
<li><code>VITE_CHAIN_ID</code>：フロントエンドが使用するチェーンID（16進数）</li>
</ul>
</li>
<li><code>root/.env</code>：Hardhatで秘密鍵やBSC RPCを参照する必要がある場合は、既存の記述をそのまま使用できます。</li>
</ul>
<h2 id="スマートコントラクトredpacketsol">
<a class="header-anchor" href="#%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%82%b3%e3%83%b3%e3%83%88%e3%83%a9%e3%82%af%e3%83%88redpacketsol"></a>
スマートコントラクト（RedPacket.sol）
</h2><p>コアメソッド：</p>
        
        <hr><p>この記事は2026-01-10に<a href='https://zh.moejue.cn/'>阿珏酱のBlog</a>で公開され、最終更新日は2026-01-10です</p>]]>
      </description>
      
        <category>折腾代码</category>
      
    </item>
    
    

    <item>
      <title>阿珏のBlog の国際化への道</title>
      <link>https://zh.moejue.cn/ja/posts/291/</link>
      <pubDate>Sun, 02 Nov 2025 10:12:27 &#43;0000</pubDate>
      <author>xxx@example.com (MoeJue)</author>
      <guid>https://zh.moejue.cn/ja/posts/291/</guid>
      <description>
        <![CDATA[<h1>阿珏のBlog の国際化への道</h1><p>著者: MoeJue(xxx@example.com)</p>
        
          <p>最近、個人ブログに「大改修」を施しました。
単一言語バージョンから<strong>多言語サイト</strong>（簡体字中国語、繁体字中国語、英語、日本語）にアップグレードし、
その全プロセスを自動化しました。💪</p>
<p>主な内容は以下の通りです。</p>
<ul>
<li>メインサイトの記事を自動同期</li>
<li>コンテンツを自動AI翻訳</li>
<li>多言語サイトの自動構築とデプロイ</li>
</ul>
<hr>
<h2 id="なぜ-hugo-を選んだのか">
<a class="header-anchor" href="#%e3%81%aa%e3%81%9c-hugo-%e3%82%92%e9%81%b8%e3%82%93%e3%81%a0%e3%81%ae%e3%81%8b"></a>
なぜ Hugo を選んだのか？
</h2><p>それは、その自信に満ちたスローガンがあったからです。</p>
<blockquote>
<p>“The world’s fastest framework for building websites.”</p>
</blockquote>
<p>—— この一言で、これに決めました 😆。</p>
<p>しかし、私は「一つのテーマで多言語を切り替える」という伝統的な方法ではなく、
<strong>各言語に独立したテーマ</strong>を持たせることにしました。
これにより、各言語バージョンが独自のデザインとレイアウトスタイルを保持し、
真に「文化的なローカライゼーション」を実現できます。</p>
<hr>
<h2 id="設計目標と制約-">
<a class="header-anchor" href="#%e8%a8%ad%e8%a8%88%e7%9b%ae%e6%a8%99%e3%81%a8%e5%88%b6%e7%b4%84-"></a>
設計目標と制約 🎯
</h2><ul>
<li><strong>言語</strong>: 簡体字中国語、繁体字中国語、英語、日本語をサポートし、将来的に拡張可能。</li>
<li><strong>テーマ</strong>: 各言語に最適な Hugo テーマを使用し、無理に再利用しない。</li>
<li><strong>コンテンツ同期</strong>: 全言語で一つのコンテンツリポジトリを共有し、必要に応じて翻訳。</li>
<li><strong>デプロイ戦略</strong>: 各言語を独立して構築・公開し、異なるブランチやドメインにデプロイ可能。</li>
<li><strong>カスタムページ</strong>: 「友だちリンク」、「書斎」、「アーカイブ」などのページは、多言語で一貫した体験を維持する。</li>
</ul>
<hr>
<h2 id="多言語設定戦略-">
<a class="header-anchor" href="#%e5%a4%9a%e8%a8%80%e8%aa%9e%e8%a8%ad%e5%ae%9a%e6%88%a6%e7%95%a5-"></a>
多言語設定戦略 🧩
</h2><p>各言語用に個別の設定ファイルを用意しました。
<code>config/&lt;lang&gt;.toml</code> で、主に以下の役割を担います。</p>
<ol>
<li>テーマの指定（例: <code>theme = &quot;PaperMod&quot;</code>）。</li>
<li>その言語固有の <code>title</code> / <code>description</code> / <code>keywords</code> の定義。</li>
<li>異なるテーマのナビゲーション構造に合わせるためのメニュー設定 <code>[[params.menu]]</code> の上書き。</li>
<li>全体的な視覚的一貫性を保証するためのカスタムスタイルの注入。</li>
</ol>
<p>この構造は非常に明確で、将来的にさらに多くの言語バージョンを拡張するのにも便利です。</p>
<hr>
<h2 id="github-actions-自動デプロイマトリックス-">
<a class="header-anchor" href="#github-actions-%e8%87%aa%e5%8b%95%e3%83%87%e3%83%97%e3%83%ad%e3%82%a4%e3%83%9e%e3%83%88%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9-"></a>
GitHub Actions 自動デプロイマトリックス ⚙️
</h2><p>CI/CD 部分は完全に GitHub Actions に任せています。
<code>.github/workflows/hugo.yml</code> では、<strong>マトリックスビルド</strong>を使用し、
各言語を独立して構築・公開しています。</p>
        
        <hr><p>この記事は2025-11-02に<a href='https://zh.moejue.cn/'>阿珏酱のBlog</a>で公開され、最終更新日は2025-11-02です</p>]]>
      </description>
      
        <category>折腾代码</category>
      
    </item>
    
    

    <item>
      <title>第三世代ランダム二次元APIが登場！</title>
      <link>https://zh.moejue.cn/ja/posts/288/</link>
      <pubDate>Wed, 15 Oct 2025 01:31:22 &#43;0000</pubDate>
      <author>xxx@example.com (MoeJue)</author>
      <guid>https://zh.moejue.cn/ja/posts/288/</guid>
      <description>
        <![CDATA[<h1>第三世代ランダム二次元APIが登場！</h1><p>著者: MoeJue(xxx@example.com)</p>
        
          <p>皆さんが使い倒したあのランダム画像APIを覚えていますか？本日、それがアップデートされました！過去数年間、<strong>ランダム画像API</strong>は多くのフロントエンド開発者、二次元サイト運営者、さらにはデスクトッププラグイン愛好家にとっての「おもちゃ」であり「常用ツール」でした。</p>
<h3 id="-第一世代シンプルだが扱いにくい出発点">
<a class="header-anchor" href="#-%e7%ac%ac%e4%b8%80%e4%b8%96%e4%bb%a3%e3%82%b7%e3%83%b3%e3%83%97%e3%83%ab%e3%81%a0%e3%81%8c%e6%89%b1%e3%81%84%e3%81%ab%e3%81%8f%e3%81%84%e5%87%ba%e7%99%ba%e7%82%b9"></a>
🥇 第一世代：シンプルだが扱いにくい出発点
</h3><p>当時のランダム画像APIは、正直なところ——単なるPHPスクリプトと1台のクラウドホストでした。当時の目標はシンプルでした：<strong>ランダムな画像を返すAPIを提供する</strong>こと。</p>
<p><strong>特徴は以下の通りです：</strong></p>
<ul>
<li>すべてのリクエストが1台のサーバーに集中していました；</li>
<li>画像ストレージとAPIサービスが密結合していました；</li>
<li>キャッシュなし、スマートな分散なし、単一ポイントのパフォーマンスに完全に依存していました；</li>
<li>ピーク時にはCPUが急上昇し、502エラーが発生し、アクセスが遅く、トラフィックとストレージを消費していました；</li>
</ul>
<pre tabindex="0"><code>[クライアント] ---&gt; [中央サーバー(唯一)] ---&gt; [画像ファイル]
</code></pre><h3 id="-第二世代クラウド化とキャッシュの過渡期">
<a class="header-anchor" href="#-%e7%ac%ac%e4%ba%8c%e4%b8%96%e4%bb%a3%e3%82%af%e3%83%a9%e3%82%a6%e3%83%89%e5%8c%96%e3%81%a8%e3%82%ad%e3%83%a3%e3%83%83%e3%82%b7%e3%83%a5%e3%81%ae%e9%81%8e%e6%b8%a1%e6%9c%9f"></a>
🥈 第二世代：クラウド化とキャッシュの過渡期
</h3><p>第二世代に入ると、ランダム画像APIは「クラウド化」の段階へと移行しました。サービスはクラウドへ移行し、キャッシュ、CDN、ロードバランシングが導入されました。</p>
<p><strong>主な変更点：</strong></p>
<ul>
<li>画像は第三者の画像ホスティングサービス（例：新浪図床）に一元的にホストされました；</li>
<li>APIはクラウドホストまたは軽量アプリケーションサーバー上で動作しました；</li>
<li>基本的なキャッシュロジック（例：RedisまたはNginxキャッシュ層）が追加されました；</li>
<li>サービス全体がより安定し、アクセス速度も大幅に向上しました。</li>
</ul>
<pre tabindex="0"><code>[クライアント]
   ↓
[クラウドサーバーAPI層] --&gt; [CDN キャッシュ] --&gt; [画像ホスティングサービス(Sina)]
</code></pre><ul>
<li>アクセスは依然として中央サーバーを経由する必要があり、高負荷時や地域ネットワークの分布が不均一な場合、遅延は依然として顕著でした。</li>
<li>すべてのリクエストはやはり「中央サーバー」を経由する必要があり、</li>
<li>一度サーバーがダウンすれば、全体が巻き添えを食らいました 💀。</li>
</ul>
<h3 id="-第三世代ランダム画像apiが登場">
<a class="header-anchor" href="#-%e7%ac%ac%e4%b8%89%e4%b8%96%e4%bb%a3%e3%83%a9%e3%83%b3%e3%83%80%e3%83%a0%e7%94%bb%e5%83%8fapi%e3%81%8c%e7%99%bb%e5%a0%b4"></a>
🚀 第三世代ランダム画像APIが登場！
</h3><h4 id="-主要なハイライト">
<a class="header-anchor" href="#-%e4%b8%bb%e8%a6%81%e3%81%aa%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88"></a>
✨ 主要なハイライト
</h4><p>第三世代ランダム画像APIは、<strong>アーキテクチャレベルでの再生</strong>です。</p>
<p><strong>Tencent Cloud EdgeOne</strong>の<strong>3200以上のエッジノード</strong>の強力な能力に支えられ、リクエストは<strong>グローバルに自動的にスケジューリング</strong>され、ユーザーに最も近いノードで実行されます。これにより、真の<strong>非中央集権型分散アーキテクチャ</strong>が実現されました。</p>
<h4 id="-主な変更点">
<a class="header-anchor" href="#-%e4%b8%bb%e3%81%aa%e5%a4%89%e6%9b%b4%e7%82%b9"></a>
⚡️ <strong>主な変更点：</strong>
</h4><ul>
<li>🌐 EdgeOneエッジノードネットワークに依存；</li>
<li>🧠 スマートなスケジューリング、近接応答；</li>
<li>🧱 エッジ関数をトリガーし、ノードで直接ロジックを実行；</li>
<li>📉 アクセス遅延が大幅に削減され、安定性と可用性が大幅に向上。</li>
</ul>
<pre tabindex="0"><code>                            ┌────────┐
 [クライアント]  ──▶      │ 最も近いエッジノード │
                             └───┬─────┘
                                    ↓
                              [エッジ関数がリクエストを処理]
                                    ↓
                            [ランダム画像リンクを応答]
</code></pre><h4 id="-システムアップデート">
<a class="header-anchor" href="#-%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0%e3%82%a2%e3%83%83%e3%83%97%e3%83%87%e3%83%bc%e3%83%88"></a>
🗂 システムアップデート
</h4><ul>
<li>✅ <strong>2.8万枚の画像</strong>を追加し、コンテンツがより豊富に；</li>
<li>✅ システムアーキテクチャを完全に再構築；</li>
<li>✅ 旧バージョンのアクセス制限を削除；</li>
<li>⚠️ 画像は引き続き新浪図床にホストされています（歴史的および周知の理由により）、一時的に中継アクセスを介しています。</li>
</ul>
<hr>
<h4 id="-アクセス体験アドレス">
<a class="header-anchor" href="#-%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9%e4%bd%93%e9%a8%93%e3%82%a2%e3%83%89%e3%83%ac%e3%82%b9"></a>
📡 <strong>アクセス体験アドレス</strong>：
</h4><p>👉 <a href="https://random.moejue.cn">https://random.moejue.cn</a> <img src="https://random.moejue.cn/images/test.jpg" alt=""> <em>注：周知の理由により、グローバルアクセラレーションゾーン（中国大陸を除く）</em></p>
        
        <hr><p>この記事は2025-10-15に<a href='https://zh.moejue.cn/'>阿珏酱のBlog</a>で公開され、最終更新日は2025-10-15です</p>]]>
      </description>
      
        <category>二次元</category><category>折腾代码</category>
      
    </item>
    
    

    <item>
      <title>萌音ストア モバイル版 発売</title>
      <link>https://zh.moejue.cn/ja/posts/256/</link>
      <pubDate>Thu, 17 Apr 2025 09:07:11 &#43;0000</pubDate>
      <author>xxx@example.com (MoeJue)</author>
      <guid>https://zh.moejue.cn/ja/posts/256/</guid>
      <description>
        <![CDATA[<h1>萌音ストア モバイル版 発売</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%e7%b4%b9%e4%bb%8b"></a>
プロジェクト紹介
</h3><p>萌音商城モバイル版は、uniappをベースに開発されたマルチプラットフォームECシステムで、iOS、Android、H5、ミニプログラムなど複数のプラットフォームをサポートしています。システムはPHP + MySQL + FastAdminをバックエンド技術スタックとして採用し、完全なEC機能を実現しています。</p>
<h3 id="主要機能">
<a class="header-anchor" href="#%e4%b8%bb%e8%a6%81%e6%a9%9f%e8%83%bd"></a>
主要機能
</h3><ul>
<li>商品管理：カテゴリ分け、リスト表示、詳細表示</li>
<li>ショッピングフロー：カート、決済、支払い、注文管理</li>
<li>ユーザーシステム：会員センター、個人情報管理</li>
<li>マルチベンダーモード：ベンダーが独立して商品と注文を管理</li>
<li>配送システム：注文をERP(管家婆)システムにプッシュして処理する機能をサポート</li>
<li>デュアルモード取引：
<ul>
<li>オンライン注文、宅配便発送</li>
<li>オンライン注文、店舗受け取り/配達員による配送</li>
</ul>
</li>
</ul>
<h3 id="システムプレビュー">
<a class="header-anchor" href="#%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0%e3%83%97%e3%83%ac%e3%83%93%e3%83%a5%e3%83%bc"></a>
システムプレビュー
</h3><h4 id="バックエンド管理画面">
<a class="header-anchor" href="#%e3%83%90%e3%83%83%e3%82%af%e3%82%a8%e3%83%b3%e3%83%89%e7%ae%a1%e7%90%86%e7%94%bb%e9%9d%a2"></a>
バックエンド管理画面
</h4><p><img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/QQ20250417-111108_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/QQ20250417-111207_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/QQ20250417-111236_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/QQ20250417-111316_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/QQ20250417-111333_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/QQ20250417-111348_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/QQ20250417-111425_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/QQ20250417-114400_04_17_2025.jpg" alt=""></p>
<h4 id="ミニプログラム画面">
<a class="header-anchor" href="#%e3%83%9f%e3%83%8b%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%a0%e7%94%bb%e9%9d%a2"></a>
ミニプログラム画面
</h4><p><img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/QQ20250417-115015_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/QQ20250417-115348_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/Screenshot_2025-04-17-11-51-48-260_com.tencent.mm_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/Screenshot_2025-04-17-11-51-41-636_com.tencent.mm_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/Screenshot_2025-04-17-11-51-32-607_com.tencent.mm_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/Screenshot_2025-04-17-11-51-28-173_com.tencent.mm_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/Screenshot_2025-04-17-11-51-14-865_com.tencent.mm_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/QQ20250417-115521_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/QQ20250417-115423_04_17_2025.jpg" alt=""> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/17/QQ20250417-115405_04_17_2025.jpg" alt=""></p>
<h3 id="バージョン説明">
<a class="header-anchor" href="#%e3%83%90%e3%83%bc%e3%82%b8%e3%83%a7%e3%83%b3%e8%aa%ac%e6%98%8e"></a>
バージョン説明
</h3><p>現在のバージョンはV1.0版です。一部の画面は将来の計画のために予約されており、実際のニーズに基づいて継続的に更新・改善されます。正式リリース版がなく、ミニプログラムの運用も開始していないため、オンラインでデモできるバージョンはありません。現在のプログラムはV1.0の初期バージョンであり、一部の画面は事前に計画されて予約されています。今後、ニーズに応じて更新されます。</p>
<h3 id="購入について">
<a class="header-anchor" href="#%e8%b3%bc%e5%85%a5%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6"></a>
購入について
</h3><ul>
<li>価格：188元 (バージョン更新後、状況に応じて価格が調整される場合があります。実際の価格をご確認ください)</li>
<li>内容：完全なソースコード（モバイル版とバックエンドを含む、暗号化なし、ライセンスなし）</li>
<li>紹介リベート：友人の購入を紹介すると20%のリベートを獲得できます</li>
<li>更新サービス：生涯無料更新</li>
<li>利用規約：無断での転売は禁止します。違反した場合、更新サービスは停止されます。</li>
<li>開発サポート：ソースコードには詳細なコメントが含まれており、二次開発に便利です。</li>
<li>プロジェクトホスティング：コードはGitHubでホストされており、更新履歴は完全かつ透明です。</li>
<li>マルチプラットフォームサポート：他のクライアントはご自身でコンパイルする必要があります。WeChatミニプログラム環境をベースに開発されています。</li>
</ul>
<h3 id="連絡先">
<a class="header-anchor" href="#%e9%80%a3%e7%b5%a1%e5%85%88"></a>
連絡先
</h3><ul>
<li>QQ交流グループ：<a href="https://qm.qq.com/q/Fhqk6HKUaQ">参加はこちら</a></li>
<li>個人のQQリンクがないため、グループ参加後、グループオーナーに@メンションして購入についてお問い合わせください。</li>
<li>プロジェクトが売れ残っています。阿珏酱を助けてください。</li>
</ul>
<h3 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>
オンラインデモ
</h3><ul>
<li><a href="https://v.douyin.com/3l90gHoAf0A/">WeChatミニプログラム版デモ動画</a></li>
<li>バックエンドのデモ環境についてはお問い合わせください。</li>
<li>WeChatミニプログラムの体験権限追加についてはお問い合わせください。</li>
</ul>
        
        <hr><p>この記事は2025-04-17に<a href='https://zh.moejue.cn/'>阿珏酱のBlog</a>で公開され、最終更新日は2025-09-06です</p>]]>
      </description>
      
        <category>折腾代码</category>
      
    </item>
    
    

    <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>Web3.0ベースのブロックチェーン画像アップロード</title>
      <link>https://zh.moejue.cn/ja/posts/201/</link>
      <pubDate>Mon, 17 Jun 2024 12:57:43 &#43;0000</pubDate>
      <author>xxx@example.com (MoeJue)</author>
      <guid>https://zh.moejue.cn/ja/posts/201/</guid>
      <description>
        <![CDATA[<h1>Web3.0ベースのブロックチェーン画像アップロード</h1><p>著者: MoeJue(xxx@example.com)</p>
        
          <p>始める前に、まず基本的な概念を簡単に理解しましょう。以下のいくつかの点にまとめました。<a href="https://www.cnblogs.com/Ajue/p/18252827">Web3.0とは何か、ブロックチェーンとどのような関係があるのか？</a>（前回の記事がここで役立ちますね）</p>
<p>要件：PythonベースのWeb 3.0画像アップロードシステムを開発します。このシステムは、ユーザーが画像をアップロードし、その画像を分散型ネットワークに保存し、同時にトランザクション情報をブロックチェーンに記録することを可能にします。もともとは遊びで書いていたもので、ユーザー認証やファイル操作を統合した完全な管理システムにして、「画像アップロードサービスの最終的な解決策」にしようと考えたこともありましたが、実際にやってみるとあまり現実的ではないことに気づき、断念しました。しかし、私は昔から画像にこだわりがあるのです。</p>
<h3 id="ステップの概要">
<a class="header-anchor" href="#%e3%82%b9%e3%83%86%e3%83%83%e3%83%97%e3%81%ae%e6%a6%82%e8%a6%81"></a>
ステップの概要
</h3><ol>
<li><strong>環境設定</strong>：Pythonを使用して開発し、必要なPythonライブラリをインストールします。</li>
<li><strong>IPFS統合</strong>：画像をIPFSにアップロードし、画像のCID（Content Identifier）を取得します。</li>
<li><strong>ブロックチェーン統合</strong>：IPFSのCIDをブロックチェーンに記録します。</li>
<li><strong>Webインターフェース</strong>：Flaskを使用して、ユーザーが画像をアップロードできるWebインターフェースを作成します。</li>
</ol>
<h3 id="詳細なステップ">
<a class="header-anchor" href="#%e8%a9%b3%e7%b4%b0%e3%81%aa%e3%82%b9%e3%83%86%e3%83%83%e3%83%97"></a>
詳細なステップ
</h3><h4 id="1-環境設定">
<a class="header-anchor" href="#1-%e7%92%b0%e5%a2%83%e8%a8%ad%e5%ae%9a"></a>
1. 環境設定
</h4><p>必要なPythonライブラリをインストールします：</p>
<pre tabindex="0"><code>pip install flask web3 ipfshttpclient
</code></pre><h4 id="2-ipfs統合">
<a class="header-anchor" href="#2-ipfs%e7%b5%b1%e5%90%88"></a>
2. IPFS統合
</h4><p>IPFS（InterPlanetary File System）は、ピアツーピアのファイルストレージプロトコルです。<code>ipfshttpclient</code>ライブラリを使用してIPFSネットワークと対話できます。</p>
<p>まず、IPFSノードをインストールして実行していることを確認してください。まだIPFSをインストールしていない場合は、<a href="https://ipfs.io">IPFS公式サイト</a>でインストールガイドを見つけることができます。</p>
<p>以下は、画像をIPFSにアップロードするコード例です：</p>
<pre tabindex="0"><code>import ipfshttpclient

def upload_to_ipfs(file_path):
    client = ipfshttpclient.connect(&#39;/ip4/127.0.0.1/tcp/5001&#39;)
    res = client.add(file_path)
    return res[&#39;Hash&#39;]
</code></pre><h4 id="3-ブロックチェーン統合">
<a class="header-anchor" href="#3-%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%83%81%e3%82%a7%e3%83%bc%e3%83%b3%e7%b5%b1%e5%90%88"></a>
3. ブロックチェーン統合
</h4><p><code>web3.py</code>ライブラリを使用してIPFSのCIDをブロックチェーンに記録します。ここではイーサリアム（Ethereum）をサンプルブロックチェーンとして使用します。</p>
<p>以下は、IPFSのCIDを保存するための簡単なスマートコントラクトの例です：</p>
<pre tabindex="0"><code>pragma solidity ^0.8.0;

contract IPFSStorage {
    mapping(address =&gt; string[]) public userCIDs;

    function storeCID(string memory cid) public {
        userCIDs[msg.sender].push(cid);
    }

    function getCIDs() public view returns (string[] memory) {
        return userCIDs[msg.sender];
    }
}
</code></pre><p>このコントラクトをコンパイルしてデプロイした後、以下のPythonコードを使用してスマートコントラクトと対話します：</p>
        
        <hr><p>この記事は2024-06-17に<a href='https://zh.moejue.cn/'>阿珏酱のBlog</a>で公開され、最終更新日は2025-07-06です</p>]]>
      </description>
      
        <category>折腾代码</category>
      
    </item>
    
    

    <item>
      <title>マルチチェーン対応は、想像以上に複雑だ</title>
      <link>https://zh.moejue.cn/ja/posts/269/</link>
      <pubDate>Sat, 05 Jul 2025 08:20:55 &#43;0000</pubDate>
      <author>xxx@example.com (MoeJue)</author>
      <guid>https://zh.moejue.cn/ja/posts/269/</guid>
      <description>
        <![CDATA[<h1>マルチチェーン対応は、想像以上に複雑だ</h1><p>著者: MoeJue(xxx@example.com)</p>
        
          <h4 id="初めてのマルチチェーンウォレット統合の実践的考察">
<a class="header-anchor" href="#%e5%88%9d%e3%82%81%e3%81%a6%e3%81%ae%e3%83%9e%e3%83%ab%e3%83%81%e3%83%81%e3%82%a7%e3%83%bc%e3%83%b3%e3%82%a6%e3%82%a9%e3%83%ac%e3%83%83%e3%83%88%e7%b5%b1%e5%90%88%e3%81%ae%e5%ae%9f%e8%b7%b5%e7%9a%84%e8%80%83%e5%af%9f"></a>
初めてのマルチチェーンウォレット統合の実践的考察
</h4><p>ようやく時間ができてコードを整理できるようになりました。Web3プロジェクトでマルチチェーンウォレット接続機能を導入する際、主にEthereum、Polygon、BSC、Solanaが関わってきます。一見すると「互換性のあるロジックをいくつか追加するだけ」のように思えますが、実際に実装してみると、多くのことが思ったほど単純ではないと気づきました。</p>
<pre tabindex="0"><code>this.networkConfigs = {
    ethereum: {
        chainId: &#39;0x1&#39;, // 1
        chainName: &#39;Ethereum Mainnet&#39;,
        nativeCurrency: {
            name: &#39;Ethereum&#39;,
            symbol: &#39;ETH&#39;,
            decimals: 18
        },
        rpcUrls: [&#39;https://eth-mainnet.public.blastapi.io&#39;],
        blockExplorerUrls: [&#39;https://etherscan.io&#39;]
    },
    polygon: {
        chainId: &#39;0x89&#39;, // 137
        chainName: &#39;Polygon Mainnet&#39;,
        nativeCurrency: {
            name: &#39;MATIC&#39;,
            symbol: &#39;MATIC&#39;,
            decimals: 18
        },
        rpcUrls: [&#39;https://polygon-rpc.com&#39;],
        blockExplorerUrls: [&#39;https://polygonscan.com&#39;]
    },
    bsc: {
        chainId: &#39;0x38&#39;, // 56
        chainName: &#39;BNB Smart Chain&#39;,
        nativeCurrency: {
            name: &#39;BNB&#39;,
            symbol: &#39;BNB&#39;,
            decimals: 18
        },
        rpcUrls: [&#39;https://bsc-dataseed.binance.org&#39;],
        blockExplorerUrls: [&#39;https://bscscan.com&#39;]
    }
}
</code></pre><h4 id="マルチチェーンは単に複数のウォレットをサポートすることではない">
<a class="header-anchor" href="#%e3%83%9e%e3%83%ab%e3%83%81%e3%83%81%e3%82%a7%e3%83%bc%e3%83%b3%e3%81%af%e5%8d%98%e3%81%ab%e8%a4%87%e6%95%b0%e3%81%ae%e3%82%a6%e3%82%a9%e3%83%ac%e3%83%83%e3%83%88%e3%82%92%e3%82%b5%e3%83%9d%e3%83%bc%e3%83%88%e3%81%99%e3%82%8b%e3%81%93%e3%81%a8%e3%81%a7%e3%81%af%e3%81%aa%e3%81%84"></a>
マルチチェーンは単に「複数のウォレットをサポートする」ことではない
</h4><p>最も強く感じたのは、チェーンが異なればウォレットのインタラクション方法も異なり、SDKの考え方すら違うということです。イーサリアムエコシステムでは統一されたWeb3.jsで多くのロジックを処理できますが、Solanaになると、完全に別のシステムであることがわかります。プロバイダーの接続、接続フロー、PublicKeyの構築方法が異なり、ネットワークの遅延や安定性までもがユーザー体験に影響を与えます。</p>
        
        <hr><p>この記事は2025-07-05に<a href='https://zh.moejue.cn/'>阿珏酱のBlog</a>で公開され、最終更新日は2025-07-05です</p>]]>
      </description>
      
        <category>折腾代码</category>
      
    </item>
    
    

    <item>
      <title>[ノート]Git常用コマンド大全</title>
      <link>https://zh.moejue.cn/ja/posts/57/</link>
      <pubDate>Sat, 16 Jun 2018 08:56:21 &#43;0000</pubDate>
      <author>xxx@example.com (MoeJue)</author>
      <guid>https://zh.moejue.cn/ja/posts/57/</guid>
      <description>
        <![CDATA[<h1>[ノート]Git常用コマンド大全</h1><p>著者: MoeJue(xxx@example.com)</p>
        
          <p>前回に引き続き、時間を見つけてGitの主要なコマンドをまとめました。非常に素晴らしい、高解像度（1759*3162）のチートシートを見つけました。</p>
<p>ファイルの表示、追加、コミット、削除、復元、変更のリセット</p>
<p>git help <command> # <command>のヘルプを表示</p>
<p>git show # 特定のコミットの内容を表示 git show $id</p>
<p>git co &ndash; <file> # ワークスペースの変更を破棄</p>
<p>git co . # ワークスペースの変更を破棄</p>
<p>git add <file> # 作業ファイルの変更をローカルのステージングエリアにコミット</p>
<p>git add . # 変更されたすべての作業ファイルをステージングエリアにコミット</p>
<p>git rm <file> # バージョン管理からファイルを削除</p>
<p>git rm <file> &ndash;cached # バージョン管理からファイルを削除するが、ファイル自体は削除しない</p>
<p>git reset <file> # ステージングエリアから作業ファイルに復元</p>
<p>git reset &ndash; . # ステージングエリアから作業ファイルに復元</p>
<p>git reset &ndash;hard # 直近のコミットの状態に戻す。つまり、前回のコミット以降のすべての変更を破棄</p>
<p>git ci <file> git ci . git ci -a # git add, git rm, git ciなどの操作を一度にまとめて実行　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　git ci -am &ldquo;some comments&rdquo;</p>
        
        <hr><p>この記事は2018-06-16に<a href='https://zh.moejue.cn/'>阿珏酱のBlog</a>で公開され、最終更新日は2025-06-02です</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>
    
    

    <item>
      <title># ポータブルモニターを自作する方法</title>
      <link>https://zh.moejue.cn/ja/posts/255/</link>
      <pubDate>Sun, 13 Apr 2025 05:55:01 &#43;0000</pubDate>
      <author>xxx@example.com (MoeJue)</author>
      <guid>https://zh.moejue.cn/ja/posts/255/</guid>
      <description>
        <![CDATA[<h1># ポータブルモニターを自作する方法</h1><p>著者: MoeJue(xxx@example.com)</p>
        
          <h3 id="ポータブルディスプレイを自作する方法">
<a class="header-anchor" href="#%e3%83%9d%e3%83%bc%e3%82%bf%e3%83%96%e3%83%ab%e3%83%87%e3%82%a3%e3%82%b9%e3%83%97%e3%83%ac%e3%82%a4%e3%82%92%e8%87%aa%e4%bd%9c%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95"></a>
ポータブルディスプレイを自作する方法
</h3><h3 id="はじめに">
<a class="header-anchor" href="#%e3%81%af%e3%81%98%e3%82%81%e3%81%ab"></a>
はじめに
</h3><p>家には古いノートパソコンが1台あります。バッテリーはもうダメですが、他の部品はまだ正常に動作します。しかし、技術の進化は非常に速く、このノートパソコンはウェブサイトを閲覧する以外に、ほとんど使い道がありません。捨てるのはもったいないし、売っても大した値段にはなりません。そこで、これをポータブルディスプレイに改造することにしました。そうすれば、ノートパソコンやデスクトップPCに接続して、ゲームをしたり動画を見たりと、もう一働きさせることができます。ちなみに、ハードディスクはすでにポータブルハードディスクに改造済みです。</p>
<h3 id="材料の準備">
<a class="header-anchor" href="#%e6%9d%90%e6%96%99%e3%81%ae%e6%ba%96%e5%82%99"></a>
材料の準備
</h3><ul>
<li>廃棄するディスプレイ</li>
<li>LEDスクリーン駆動ボード</li>
<li>スクリーンケーブル</li>
<li>キーパッド</li>
<li>インバーターボード</li>
<li>電源 (12V 5A)</li>
</ul>
<p><img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/13/IMG_20250404_142914_04_13_2025.jpg" alt="IMG_20250404_142914_04_13_2025"></p>
<p>主な材料はこれだけです。通販サイトですぐに購入でき、価格も高くありません。電源は父のネックマッサージャーから直接取り外したもので、また一つ節約できました。</p>
<h3 id="改造プロセス">
<a class="header-anchor" href="#%e6%94%b9%e9%80%a0%e3%83%97%e3%83%ad%e3%82%bb%e3%82%b9"></a>
改造プロセス
</h3><ol>
<li>ノートパソコンのディスプレイを分解し、スクリーンを取り出します。 <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/13/IMG_20250404_142647_04_13_2025.jpg" alt="IMG_20250404_142647_04_13_2025"> <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/13/IMG_20250404_142641_04_13_2025.jpg" alt="IMG_20250404_142641_04_13_2025"> もしお使いのスクリーンに対応する駆動ボードがわからない場合は、スクリーンの裏にある型番などの情報を写真に撮って販売店に送れば、それに合った駆動ボードを推薦してくれます。もちろん、電子回路に詳しい方なら、自分で回路図を設計して駆動ボードを自作することもできます。</li>
<li>配線し、ホットボンドで固定します。 <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/13/IMG_20250404_155901_04_13_2025.jpg" alt="IMG_20250404_155901_04_13_2025"> ps: ホットボンドは貧乏人の3Dプリンターですね。</li>
<li>電源を入れてテストします。 <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/13/IMG_20250404_150154_04_13_2025.jpg" alt="IMG_20250404_150154_04_13_2025"> 私は手間を省くため、販売店に予め対応するファームウェアを書き込んでもらいました。</li>
<li>信号を入力します。 <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/13/IMG_20250404_151208_04_13_2025.jpg" alt="IMG_20250404_151208_04_13_2025"></li>
<li>キーパッドの機能調整をテストします。 <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/13/IMG_20250404_151318_04_13_2025.jpg" alt="IMG_20250404_151318_04_13_2025"></li>
<li>段ボールでケースを作ります。 <img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/13/IMG_20250404_173602_04_13_2025.jpg" alt="IMG_20250404_173602_04_13_2025"> どうやら私には廃材の段ボールでケースを作る才能がそこそこあるようです。見た目が悪すぎるのが心配で、壁紙シールを貼ってみました。家に3Dプリンターがある方は、直接ケースを設計してプリントすれば、もっと見栄えが良くなるでしょう。</li>
</ol>
<h3 id="完成品">
<a class="header-anchor" href="#%e5%ae%8c%e6%88%90%e5%93%81"></a>
完成品：
</h3><p><img src="https://gh-proxy.com/github.com/iAJue/MoeJueBlogPic/blob/master/Images/2025/04/13/IMG_20250413_104214_04_13_2025.jpg" alt="IMG_20250413_104214_04_13_2025"> 前面はホットボンドで接着したせいで、ちょっと見るに堪えない状態になってしまいました。</p>
        
        <hr><p>この記事は2025-04-13に<a href='https://zh.moejue.cn/'>阿珏酱のBlog</a>で公開され、最終更新日は2025-04-13です</p>]]>
      </description>
      
        <category>折腾代码</category>
      
    </item>
    
  </channel>
</rss>
