著者: MoeJue(xxx@example.com)

これは100%分散型のブロックチェーンお年玉（レッドパケット）アプリケーションです。ユーザーはウォレットを接続し、金額と数量を設定してお年玉を送信し、リンクを通じて他の人と共有して受け取ることができます。すべてのデータと操作はブロックチェーンに基づいており、中央集権型サーバーは一切不要で、プロセス全体が安全、透明、追跡可能です。

興味があれば、GitHubで私のコードをご覧ください：redpacket‑dapp

機能ハイライト

• 🧧 お年玉の送信: ウォレットを接続後、金額と数量を設定してブロックチェーンにお年玉を送信します。
• 🎁 お年玉の受け取り: 共有リンクを通じて、他の人はウォレットを接続してブロックチェーンから直接お年玉を受け取ることができます。
• 🔗 スマートコントラクト: Solidityで書かれた安全なスマートコントラクトがすべてのロジックを処理します。
• 🌐 マルチチェーン対応: ローカルテストネットとBSCテストネットをサポートします。
• 💼 Web3統合: MetaMaskウォレットを使用して接続します。
• 🚀 完全分散型: バックエンドサーバーがなく、すべてのデータはブロックチェーンに保存されます。

技術スタック

• フロントエンド：React 19、React Router 6、TypeScript、Vite、Ethers v6
• コントラクト層：Hardhat、Solidity 0.8.x
• ツール：ESLint、Prettier
• バックエンド不要: サーバーへの依存なし ❌

クイックスタート

# 1. プロジェクトの依存関係をインストール
npm install
cd react-dapp && npm install && cd ..

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

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

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

# 5. フロントエンドを起動
npm run frontend

ディレクトリ構造

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 + フロントエンドをワンクリックで起動）

使用ガイド

お年玉の作成

1. フロントエンドを開き、右上の「ウォレットを接続」をクリックします。
2. お年玉の総額と個数を入力すると、アプリケーションがフロントエンドで金額をランダムに分割します。
3. 送信後、MetaMaskでトランザクションを確認し、ブロックの承認を待ちます。
4. 成功後、システムが生成した受け取りリンクをコピーして友人と共有できます。

お年玉の受け取り

1. 共有リンク（URLに /claim/{packetId} が含まれる）を開きます。
2. 同様にまずウォレットを接続し、「クリックして受け取る」をクリックします。
3. 署名確認後、ブロックのパッケージングを待ち、ページに結果と残り個数が表示されます。

環境変数

• dapp/.env（開発環境では自動的に無視されます。.env.exampleを参照してください）
  • VITE_RPC_URL：フロントエンドが直接接続するノードRPC、デフォルトは http://127.0.0.1:8545
  • VITE_CONTRACT_ADDRESS：デプロイスクリプトによって書き込まれたアドレスを上書きできます。
  • VITE_CHAIN_ID：フロントエンドが使用するチェーンID（16進数）
• root/.env：Hardhatで秘密鍵やBSC RPCを参照する必要がある場合は、既存の記述をそのまま使用できます。

スマートコントラクト（RedPacket.sol）

コアメソッド：

この記事は2026-01-10に阿珏酱のBlogで公開され、最終更新日は2026-01-10です

著者: MoeJue(xxx@example.com)

プロジェクト紹介

萌音商城モバイル版は、uniappをベースに開発されたマルチプラットフォームECシステムで、iOS、Android、H5、ミニプログラムなど複数のプラットフォームをサポートしています。システムはPHP + MySQL + FastAdminをバックエンド技術スタックとして採用し、完全なEC機能を実現しています。

主要機能

• 商品管理：カテゴリ分け、リスト表示、詳細表示
• ショッピングフロー：カート、決済、支払い、注文管理
• ユーザーシステム：会員センター、個人情報管理
• マルチベンダーモード：ベンダーが独立して商品と注文を管理
• 配送システム：注文をERP(管家婆)システムにプッシュして処理する機能をサポート
• デュアルモード取引：
  • オンライン注文、宅配便発送
  • オンライン注文、店舗受け取り/配達員による配送

システムプレビュー

バックエンド管理画面

ミニプログラム画面

バージョン説明

現在のバージョンはV1.0版です。一部の画面は将来の計画のために予約されており、実際のニーズに基づいて継続的に更新・改善されます。正式リリース版がなく、ミニプログラムの運用も開始していないため、オンラインでデモできるバージョンはありません。現在のプログラムはV1.0の初期バージョンであり、一部の画面は事前に計画されて予約されています。今後、ニーズに応じて更新されます。

購入について

• 価格：188元 (バージョン更新後、状況に応じて価格が調整される場合があります。実際の価格をご確認ください)
• 内容：完全なソースコード（モバイル版とバックエンドを含む、暗号化なし、ライセンスなし）
• 紹介リベート：友人の購入を紹介すると20%のリベートを獲得できます
• 更新サービス：生涯無料更新
• 利用規約：無断での転売は禁止します。違反した場合、更新サービスは停止されます。
• 開発サポート：ソースコードには詳細なコメントが含まれており、二次開発に便利です。
• プロジェクトホスティング：コードはGitHubでホストされており、更新履歴は完全かつ透明です。
• マルチプラットフォームサポート：他のクライアントはご自身でコンパイルする必要があります。WeChatミニプログラム環境をベースに開発されています。

連絡先

• QQ交流グループ：参加はこちら
• 個人のQQリンクがないため、グループ参加後、グループオーナーに@メンションして購入についてお問い合わせください。
• プロジェクトが売れ残っています。阿珏酱を助けてください。

オンラインデモ

• WeChatミニプログラム版デモ動画
• バックエンドのデモ環境についてはお問い合わせください。
• WeChatミニプログラムの体験権限追加についてはお問い合わせください。

この記事は2025-04-17に阿珏酱のBlogで公開され、最終更新日は2025-09-06です

著者: MoeJue(xxx@example.com)

インストールや使用中に問題が発生する方が多いため、ここにまとめます。それでも解決しない場合は、グループに参加して万能なメンバーに質問してください。

認証コードが表示されない

1. サーバーがGDグラフィックライブラリをサポートしているか確認してください。
2. サーバーのWEB環境を確認してください。

• Apache：プログラムがサブディレクトリにインストールされている場合、プログラムのルートディレクトリにある.htaccessファイルを変更してください。

<IfModule mod_rewrite.c> RewriteEngine on RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f Rewritebase /あなたのサブディレクトリ名/index.php RewriteRule ^(.*)$ /あなたのサブディレクトリ名/index.php?/$1 [L]

• Nginx：設定ファイルnginx-confを見つけ、location /セクションに以下の内容を追加・変更してください。

try_files $uri $uri/ /index.php?$query_string;

またはこちら

if (!-d $request_filename){
    set $rule_0 1$rule_0;
}
if (!-f $request_filename){
    set $rule_0 2$rule_0;
}
if ($rule_0 = "21"){
    rewrite ^/(.*)$ /index.php?/$1 last;
}

• IISのURLリライトはApacheと同様です。
• 宝塔パネル（BT Panel）を使用している場合は、既存のthinkPHPのURLリライト設定を使用してください。

メール送信の失敗

1. まず、ポート25がブロックされていないか確認してください。ブロックされている場合は、ホスティングプロバイダーに有効化を依頼してください（有効化できない場合はサーバーを変更してください）。
2. 登録時の認証をオフにするか、次のバージョンの更新をお待ちください（注：ポートの変更は無意味です。ポート465はSSLサポートが必要です）。

データインターフェースの異常

• URLリライトのリダイレクトに失敗しています。上記を参考にもう一度設定してください。
• Nginxサーバーの場合、/framework/core/Framework.phpの51行目から53行目をコメントアウトまたは削除してください。具体的なコードは以下の通りです（通常、この問題はApacheサーバーでは発生せず、Nginxサーバーでのみ発生します）。

if ($path != '') {
     $path = strstr(trim($_SERVER['REQUEST_URI'],'/'),$path);
}

画像のアップロード失敗

アップロード失敗時のヒント：アップロード中にちょっとした問題が発生しました。コントローラーを開いて原因を確認してください！

この記事は2018-03-19に阿珏酱のBlogで公開され、最終更新日は2025-09-06です

著者: MoeJue(xxx@example.com)

✨ 緒山まひろの隠れ家 ✨

🌸 緒山まひろの隠れ家へようこそ 🌸

わぁ！私の秘密基地を見つけちゃったんだね！(*≧ω≦)

ここは緒山まひろの個人サイトだよ。かわいいアニメーションと面白いコンテンツがいっぱい！ ここでは、私のお気に入りのアニメ、マンガ、ゲーム、そして日常のささやかな幸せをシェアしていくね～

💕 私について 💕

私は緒山まひろ。エロゲを愛する引きこもりのダメニートだよ。 アニメ、マンガ、ライトノベル、そしてかわいいものが大好き！ 好きな色はピンクと水色！

  ∩∩
（･ω･）  <- 私だよ！
＿|　⊃／(＿＿
／ └-(＿＿＿／

🎀 サイトコンテンツ 🎀

• 🌟 素敵なアニメーション
• 📚 私のプライベートフォト
• 🎵 おすすめの音楽
• 📷 日常のワンシーン

🌈 関連リンク 🌈

• 🎭 デモ: https://mahiro.moejue.cn/
• 🏠 個人ブログ: https://MoeJue.cn/
• 🐱 GitHub: https://github.com/iAJue/Mahiro
• 📧 公式サイト: https://onimai.jp/

📝 著作権情報 📝

• このサイトは @Moejue によってデザイン・開発されました
• サイト内で使用されているすべてのアニメーション、マンガの画像、キャラクター、および関連コンテンツの著作権は、原作者（ねことうふ）およびその発行元（スタジオバインド、一迅社）に帰属します
• 著作権侵害の可能性がある場合は、上記の連絡先までお知らせください。速やかに関連コンテンツを削除いたします
• GNU GENERAL PUBLIC LICENSE Version 2
• Copyright © 2025 MoeJue. All rights reserved.

💌 スペシャルサンクス 💌

緒山まひろを好きでいてくれるみんな、ありがとう！(●’◡’●)

この記事は2025-08-23に阿珏酱のBlogで公開され、最終更新日は2025-08-23です

著者: MoeJue(xxx@example.com)

プロジェクト概要

今日のWeb開発分野において、ユーザーエクスペリエンスとインターフェースデザインはますます重要になっています。

Mac Web Vue Templateは、macOSのデザインにインスパイアされた、モダンでエレガントなVue.jsのWebテンプレートです。Vue.jsをベースにした現代的なWebアプリケーションテンプレートであり、そのデザインはmacOSの優雅なインターフェースから着想を得ています。このプロジェクトは、美しいUIデザインだけでなく、完全なプロジェクト構造とベストプラクティスも提供します。

オンラインデモ

WebAi にアクセスすることで、このテンプレートの実際の効果を体験できます。招待コード(MoeJue)

主な特徴

1. macOS風のUIデザイン

   • macOSのデザイン言語を採用
   • 洗練されたすりガラス効果
   • エレガントなアニメーショントランジション

2. モダンな技術スタック

   • Vue.jsをコアフレームワークとして使用
   • Viteをビルドツールとして使用
   • Piniaによる状態管理
   • Vue Routerによるルーティング処理
   • SCSSプリプロセッサ
   • ES6+のモダンな機能

3. レスポンシブデザイン

   • あらゆる画面サイズに完璧に対応
   • スムーズなモバイル体験

プロジェクト構造の解説

プロジェクトは、明確でモジュール化されたディレクトリ構造を採用しています：

src/
├── assets/          # 静的リソース
├── components/      # Vueコンポーネント
│   ├── common/     # 共通コンポーネント
│   ├── system/     # システムコンポーネント
│   └── apps/       # アプリケーションコンポーネント
├── views/          # ページビュー
├── router/         # ルーティング設定
├── stores/         # 状態管理
└── utils/          # ユーティリティ関数

この構造設計により、プロジェクトは良好な保守性と拡張性を備えています。

この記事は2025-05-11に阿珏酱のBlogで公開され、最終更新日は2025-05-11です

著者: MoeJue(xxx@example.com)

最初のギャラリーから画像アップローダー、そして現在のアルバムに至るまで、私の画像に対するこだわりは、もはや世紀をまたぐほどのものです。ギャラリーの画像は七牛雲（Qiniu Cloud）に保存していましたが、後にトラフィックを不正に消費されたため閉鎖しました。画像アップローダーは現在、ブログ用の画像アップロードサービスとして利用しています。アルバムは、スマートフォンのアルバムのような概念で、画像も動画も保存できます。徐々に完成度が高まってきています。

ここ数日で、普段保存している動画や画像などをサーバーにアップロードし、UIとAPIを作成して、ついでにオープンソースとして公開しました。（私は熱心なオープンソース支持者でありたいと思っています）

私の二次元アルバム フロントエンドUI

1. ここは阿珏ちゃん（A-Jue-chan）のプライベートアルバムで、普段収集した画像や、各プラットフォームで「いいね」や「お気に入り」登録した動画を保存しています。
2. Bilibili、YouTube、TikTok、X、Facebook、pixivなどのプラットフォームの動画や画像を含みますが、これらに限定されません。関連するデータ情報の著作権はすべて原作者に帰属します。
3. データは不定期に手動で更新されます。特定の画像や動画が必要な場合は、直接阿珏ちゃんにご連絡ください。

プレビュー

https://photo.moejue.cn

特徴

1. 画像と動画の表示をサポート
2. アルバムの表示をサポート
3. アルバムのパスワード保護をサポート
4. 18+保護をサポート
5. 検索機能をサポート

Todo

1. エフェクト表示の最適化
2. UIの滑らかさの最適化

インストール手順

1. リポジトリをローカルにクローンします：

   git clone https://github.com/iAJue/PhotoGallery.git
   

2. プロジェクトディレクトリに移動します：

   cd PhotoGallery
   

3. 依存関係をインストールします：

   npm install
   

4. プロジェクトをビルドします

   npm run build
   

バックエンドAPI

参考用 https://github.com/iAJue/wasteCode/tree/main/photo

返却データ形式

1. 写真API

   [
   {
       "date": "\u6628\u5929",
       "items": [
           {
               "src": "https:\/\/moejuevideo.pages.dev\/file\/1730957555106_ocgRCdDEA07fAILEKEFOA8ADAyETABBMffIBE6~tplv-dy-aweme-images_q75.webp",
               "alt": "ocgRCdDEA07fAILEKEFOA8ADAyETABBMffIBE6~tplv-dy-aweme-images_q75.webp",
               "isVideo": false,
               "duration": null
           }
       ]
   }
   ]
   

2. アルバムAPI

   ---

   この記事は2024-11-08に阿珏酱のBlogで公開され、最終更新日は2024-12-04です

   ]]> 二次元折腾代码 https://zh.moejue.cn/ja/posts/225/ Sun, 03 Nov 2024 12:48:04 +0000 xxx@example.com (MoeJue) https://zh.moejue.cn/ja/posts/225/ オープンソースでシンプルかつスタイリッシュな、酷狗のサードパーティ製クライアント V1.0.0 Beta

   著者: MoeJue(xxx@example.com)

   

   MoeKoe Music

   オープンソースでシンプル、見た目も美しいKuGouのサードパーティクライアント
   🌎 GitHubリポジトリ | 📦️ インストーラーをダウンロード | 💬 ブログを訪問

   

   はじめに

   10年ほど前、ウェブ版QQを使っていた頃からKuGou Musicを使い始めました（もう10年来のファンです）。なので、この数年で集めた曲はすべてそこにあります。その後、NetEase Cloud MusicやQQ Musicも試してみましたが、KuGouのプレイリストをインポートしようとしても、結果は芳しくありませんでした。私が聴くのは主に日本のアニメのOPで、多くの曲が見つかりませんでした。

   結局、KuGouに戻ってきました。しかし、Mac版のKuGouは時々再生できないことがありました。インターフェースはシンプルですが、それはそれで良い点です。ネットユーザーの勧めで、今はKuGouのコンセプト版で音楽を聴いています。これは市場で数少ない、VIP曲を無料で聴ける音楽プレイヤーで、強くお勧めします。

   私の自己紹介ページで、特に日本のアニメのOPを聴くのが大好きだと書きました。それをどう証明するか？（以前のウェブ版プレイリストも長年放置されていました）そうだ、自分で音楽プレイヤーを開発しよう、と。

   ✨ 特徴

   • ✅ Vue.js ファミリーを使用して開発
   • 🔴 KuGouアカウントでのログイン（QRコード/携帯電話/アカウントでのログイン）
   • 📃 歌詞表示をサポート
   • 📻 毎日のおすすめ曲
   • 🚫🤝 ソーシャル機能一切なし
   • 🔗 公式サーバーに直接接続、サードパーティAPIは一切使用しません
   • ✔️ 毎日VIPを自動で受け取り、ログインするだけでVIPに
   • 🎨 テーマカラーの切り替え
   • 👋 起動時の挨拶メッセージ
   • ⚙️ マルチプラットフォーム対応
   • 🛠 さらに多くの機能を開発中

   Todo List

   • [ ] 📺 MV再生をサポート
   • [ ] 🌚 Light/Dark Modeの自動切り替え
   • [ ] 👆 Touch Barをサポート
   • [ ] 🖥️ PWAをサポート、Chrome/Edgeのアドレスバー右側の ➕ をクリックしてPCにインストール可能
   • [ ] 🟥 Last.fm Scrobbleをサポート
   • [ ] 🎧 Mprisをサポート
   • [ ] ⌨️ カスタムショートカットキーとグローバルショートカットキー
   • [ ] 🤟 多言語対応
   • [ ] 📻 デスクトップ歌詞
   • [ ] ⚙️ システムアーキテクチャの最適化
   • [ ] 🎶 曲、プレイリスト/お気に入り、削除

   📦️ インストール

   本プロジェクトの Releases ページにアクセスしてインストーラーをダウンロードしてください。

   ---

   この記事は2024-11-03に阿珏酱のBlogで公開され、最終更新日は2024-11-04です

   ]]> 折腾代码 https://zh.moejue.cn/ja/posts/218/ Wed, 16 Oct 2024 11:02:49 +0000 xxx@example.com (MoeJue) https://zh.moejue.cn/ja/posts/218/ マルチプラットフォーム記事同期ブラウザ拡張機能 - ArticleSync

   著者: MoeJue(xxx@example.com)

   ArticleSync - マルチプラットフォーム記事同期プラグイン

   ArticleSyncは、ユーザーが複数のソーシャルプラットフォームに記事を簡単に同期・公開できるブラウザ拡張機能です。ローカルの下書きから、知乎（Zhihu）やBilibiliなどの主要プラットフォームに記事を公開することをサポートしています。これにより、異なるソーシャルメディアプラットフォーム間で記事を同期する作業が、シンプルかつ効率的になるワンストップソリューションを提供します。

   ブラウザ拡張機能の仕組みに基づき、ローカルでログインしているアカウントを自動的に検出し、アカウント情報の漏洩や環境の異常といったリスクを防ぎます。

   Chrome Manifest V3ブラウザ拡張機能の標準に基づいて開発されており、カーネルのバージョン要件にご注意ください。

   背景

   ご存知の通り、私は最近、いくつかのブログプラットフォームと多くのソーシャルサイトを新たに使い始めました。もし、それらすべてで活発に更新を続けたいと思ったらどうすればいいでしょうか。（私がまだ生きていることを証明するために）ついでに、ワンクリックで記事を転載することもできます。

   私が最も頻繁に更新するのは自分の小さなサイトですが、他のプラットフォームはたまにしか更新しません。しかし、毎回手動で投稿するのは面倒です。そこで、ローカルでログインしているアカウントを自動検出し、自動で投稿してくれるプラグインが作れないかと考えました。

   「自分のことは自分でやる」ということわざの通り、数日間いじくり回して、なんとか使えるものができました。残りの部分は時間があるときに更新します。お金をくれるなら話は別ですが。

   このプラグインにはまだ多くの未完成な部分があり、本番環境で複数のプラットフォームでのテストも行っていません。エラーが発生するのはごく普通のことですので、その際はIssueを提出するか、自分で修正してPRを送ってください。てへぺろ〜

   話の邪魔にならないように、スクリーンショットは最後に載せておきました。

   それと、オープンソースは大変なので、スターを付けてくれると嬉しいです。へへへ〜

   本当は、私のコミュニティプラットフォームを自動でフォローするような、個人的な機能を追加しようかとも思いました。

   機能と特徴

   • マルチプラットフォーム対応：知乎（Zhihu）、Bilibiliなどの主要プラットフォームや、自作のオープンソースCMSシステムをサポートしています。
   • ステータス追跡：プラグインのインターフェースで記事の同期状況を確認できます。
   • アカウント管理：プラグインに連携されている各プラットフォームのアカウント情報を確認できます。
   • 高い拡張性：開発者はアダプターパターンを通じて、簡単により多くのプラットフォームに拡張できます。
   • 安全性と信頼性：ブラウザ拡張機能の仕組みに基づいているため、アカウントの安全性を確保し、情報漏洩などのリスクを回避します。

   Todoリスト

   • [ ] 独立した記事エディタ
   • [ ] 画像のワンクリック同期
   • [x] MarkdownとHTMLの相互変換
   • [ ] サードパーティの画像ホスティングサービス
   • [ ] 複数アカウント管理
   • [ ] マルチOSクライアントバージョン
   • [ ] ワンクリックAI要約
   • [ ] 動画の同期
   • [ ] タグ、カテゴリのサポート
   • [ ] より親切なエラーハンドリング
   • [ ] より多くのプラットフォームへの対応

   対応プラットフォーム

   メディア	カテゴリ	ステータス	URL	対応形式	更新日時
   Bilibili (哔哩哔哩)	主要セルフメディア	対応済み	https://bilibili.com/	HTML	2024/10/13
   知乎 (Zhihu)	主要セルフメディア	対応済み	https://www.zhihu.com/	HTML	2024/10/13
   博客园 (Cnblogs)	ブログ	対応済み	https://cnblogs.com/	HTML	2024/10/14
   新浪头条 (Sina Headline)	主要セルフメディア	対応済み	https://weibo.com/	HTML	2024/10/14
   Emlog	オープンソースCMS	対応済み	https://www.emlog.net/	HTML	2024/10/14
   WordPress	オープンソースCMS	対応済み	https://cn.wordpress.org/	HTML,Markdown	2024/10/14
   Discuz!	オープンソースCMS	対応済み	https://www.discuz.vip/	Markdown,Text	2024/10/15

   インストール手順

   1. リポジトリをローカルにクローンします：

      ---

      この記事は2024-10-16に阿珏酱のBlogで公開され、最終更新日は2024-10-17です

      ]]> 折腾代码 https://zh.moejue.cn/ja/posts/203/ Wed, 02 Oct 2024 06:17:50 +0000 xxx@example.com (MoeJue) https://zh.moejue.cn/ja/posts/203/ 転生：ECサイトを構築する - 萌音ECサイトV1.0リリース

      著者: MoeJue(xxx@example.com)

      萌音シリーズのN+1番目のプロジェクトが来ましたね。これも実は数年間放置していたプロジェクトで、今回ようやく完成させることができました。

      まずはプロジェクトアドレス: https://MoeKoe.cn

      なぜ私はプロジェクトを作り続けているのか？

      この質問はとても面白いですね。なぜ様々なプロジェクトを、しかもお金にならないものばかり作り続けているのか。私の以前のプロジェクトに触れたことのある方はご存知でしょうが、私はどんなプロジェクトも「自分が使う」という原則に基づいて制作しています。もちろん今回も例外ではありません。ずっと、どこかのプラットフォームで、持っているけれど使わず、捨てるには惜しい小物たちを売りたいと思っていました。同時に、面白くて楽しい製品を皆さんと共有したいとも思っています（将来的には私のIP製品も加わるかもしれません）。「最高の出来事や物を、最高のあなたと共有したい」という思いもありますし、「他人が持っているなら私も持つべきだ」という原則に基づいて、私も持たなければなりません。

      もし私がただ小物を売りたいだけなら、なぜ直接淘宝や闲鱼のようなプラットフォームを使わないのでしょうか。一歩譲って、これらのプラットフォームを使わないとしても、既存のECシステムを自分で構築することもできます。今や市場には成熟していて使いやすいシステムが山ほどあります。なぜわざわざ自分で開発する必要があるのでしょうか？

      一言で言えば、好きだからです。これは私の趣味で、創造することが好きで、面白いものやことをするのが好きなんです。私はただ生きているだけの凡人ではなく、すごくて面白い人間になりたい。もっと多くの面白い魂と出会いたい。「すごい」という私の定義は、技術がどれほど優れているか、お金をどれほど稼ぐかということではありません。挫折や困難に直面したときでも、笑顔で立ち向かい、楽観的であり続け、初心を忘れない人。そのような人を、私は「すごい人」と呼びたいのです。

      新しいプロジェクトを発表する記事なのに、またしても口語体のブログになってしまいました、ハハハ。

      プロジェクト紹介

      最近何をしているか？ピンクで可愛らしいもの、つまり二次元少女萌え系スタイルの魔法少女ECサイトを作っています。

      魔法少女のファンタジー世界へようこそ！二次元の無限の可能性を探る冒険の旅を始めましょう！これは二次元愛好家のために特別に作られたオンラインECサイトです。ここでは、最も輝く魔法のアイテム、最もキュートな変身コスチューム、そして豊富で多様な二次元関連商品を見つけることができます。可愛い萌えグッズに夢中な方も、クールなコレクターズアイテムがお好きな方も、二次元へのすべての愛と期待をここで満たすことができます！

      URLをクリックすると、目が覚めるような（ピンクの）感覚を覚えるでしょう。そうです、これこそ私が求めていたスタイルです。ピンクで可愛らしく、乙女心満載で、カワイイ感じ。これこそが私の個性を際立たせるのです。

      技術スタック

      • Vue.js3
      • Vite
      • Pinia
      • Axios
      • Node.js
      • Express
      • Mysql
      • Nginx
      • フロントエンドとバックエンドの分離
      • MySQLスレッドプール

      Vue.jsのフルスタックは本当に素晴らしいですね。ネイティブで書く手間が省けます。現在、国際化プラグイン（i18n）はこのバージョンにはまだ搭載されていません。市販のUIライブラリがこのプロジェクトの私の位置付けや個性に直接合致しないため、既存のUIライブラリは使用せず、すべて自分で手書きしました。

      

      紹介:

      • 仮想通貨USDTに対応（ウォレットアドレスを入力するだけで、自動で着金を監視。外部プログラム不要。監視システムは新規注文があると自動起動し、30分間新規注文がないと自動休眠し、リソース消費を削減）
      • Alipay対面決済に対応、即時着金、自動コールバック
      • ユーザー登録、ログイン、ログアウト、パスワード変更、アバター変更、商品レビューに対応
      • 商品管理、商品カテゴリ管理に対応
      • 注文管理、注文決済、注文発送、物流追跡に対応
      • 商品注文データ分析に対応
      • 全サイトレスポンシブデザイン
      • フロントエンドとバックエンドの分離
      • MySQLスレッドプール
      • システムの基本情報設定

      

      最初のバージョンでは、基本的な機能と必要な機能のみを追加しました。新機能は設計段階で既に考慮されており、データベースとコードには予約がされています（そのため、あるボタンをクリックしても反応がない場合でも心配しないでください。その背後にはまだコードがないだけです）。これらは将来のバージョンで追加される予定です。現在、ECサイトでは物理的な商品の発送形式で販売していますが、将来的には仮想商品の販売も追加し、基本的に萌音発券の機能をすべて統合する予定です。

      

      このプロジェクトの命名は「shop」ではなく「mall」としました。そのため、将来的には単なる店舗ではなく、ショッピングモールになる可能性があります。

      将来:

      • マルチテナントモード。ユーザーが直接ECサイトへの出店を申請し、萌音ECサイトを利用して自身の製品を販売できるようにする
      • 商品の多カテゴリ分類。製品のより詳細な仕様分類
      • より多くの決済方法。現在、作者は他の決済権限を持っていないため、2つのみ連携済み
      • 仮想商品に対応。発券機能を統合する形となる
      • 商品ポスター宣伝画像生成
      • メールシステム。あってもなくても良い通知機能に過ぎない
      • 右下の多機能メニュー。下部の笑顔のキャラクターがスマートナビゲーションシステムになる
      • 商品インターフェースのデータ表示を追加。データが一目でわかるように
      • 多言語対応（i18n）。国際化の流れに乗り、世界へ
      • SMSシステム。メールシステムと全く同じ
      • Redisキャッシュ。本来はこのバージョンで追加する予定だったが、データの制御は現状でも問題ない
      • ダークモード。これもトレンドに追随

      

      ソースコードの入手方法？

      1. 阿珏酱に233RMB以上を寄付することでソースコードを入手できます。
      2. 以前に阿珏酱を支援してくださった方々（以前の支援総額が233に満たない場合は差額を補填する形で、233を超えている場合は1元を寄付して契約を再締結するだけで直接入手できます）

      こちらをクリックして某コミュニティ公式交流グループで阿珏酱を支援してください。個人のQQリンクを貼れないため、グループリンクを貼りました。グループに参加してグループ管理者に@メンションしてください。

      

      なぜ商用版を設けないのか？

      なぜ商用版ではなく、寄付版なのか、その違いは何でしょうか？商用版となると、ライセンスシステムが必要になり、同時にソースコードが提供されない可能性もあり、技術サポートも必要で、さらに多くの完璧な機能が求められるでしょう。商用版のお金はプロジェクト自体に支払われるもので、作者とは利害関係、つまり商業契約のモデルであり、作者はそれ（人）に対して責任を負う必要があります。（私はこの感覚が特に好きではありません。これが私が稼げない理由かもしれませんね）

      ---

      この記事は2024-10-02に阿珏酱のBlogで公開され、最終更新日は2024-10-08です

      ]]> 折腾代码 https://zh.moejue.cn/ja/posts/109/ Tue, 24 Mar 2020 13:23:51 +0000 xxx@example.com (MoeJue) https://zh.moejue.cn/ja/posts/109/ Discuz!フォーラム 個人スペースのCSSカスタマイズ

      著者: MoeJue(xxx@example.com)

      先日、暇だったのでDiscuzフォーラムの脆弱性を探してみたところ、本当に見つかりました。ついでにツールを作成し、勢いでこの記事を書いています。 以下が事の経緯です。 この脆弱性はウェブサイトに大きな危害を与えるものではなく、個人スペースのCSSスタイルをカスタマイズできるだけで、サイトのデータに脅威を与えることはありませんので、ご安心ください。

      このツールを使えば、Discuzの個人スペースのCSSスタイルをカスタマイズでき、個人スペースを豊かに美化し、単調さをなくすことができます。

      • テストしたDiscuzのバージョンはX3.4です。他のバージョンはご自身でテストしてください。
      • 全球主机交流论坛（管理人さん、お許しを）でのみテストしました。同じバージョンのDiscuzであれば理論上は共通で使えるはずです。
      • 個人スペースが開設されていないフォーラムでは使用できません。
      • カスタムCSSは多すぎないようにし、失敗を避けるために一行に圧縮することをお勧めします。
      • プロトコルヘッダーは通常、変更する必要はありません。テキストボックスを設置したのは、主に拡張性を考慮したためです。
      • もしlocフォーラムで操作する場合、デフォルトで阿珏ちゃんをフォローし、友達に追加します。[#手動でニヤリ + 保身のための犬アイコン]

      本ソフトウェアはローカルでリクエストを送信するのみで、サーバーにデータをアップロードすることはありません。 ソフトウェアはパック（圧縮・暗号化）されているため、ウイルス対策ソフトが誤検知する可能性がありますが、安心してご使用ください Cookieの取得

      ---

      • ブラウザで開発者ツール（F12）を開き、対象のウェブサイトにアクセスします。ログイン状態であればどのページでも構いません。開発者ツールで「Network」タブに切り替え、ページを更新（F5）します。現在のドメインのリクエストデータを見つけてクリックし、「Headers」タブの「Request Headers」にあるcookieを探します。皆さんが私の言っていることを理解できないだろうと思ったので、特別に図を用意しました。

      

      • 2つ目の方法はより簡単で迅速ですが、どのcookieが必要か分かっている場合に適しています。下の図のように操作します。

      

      1つ目の方法で使う開発者ツールは、以前のブログ記事でも使用しましたが、cookieの取得方法については説明していませんでした。やはり1つ目の方法をお勧めします。cookieは多くても問題ありませんが、少ないと動作しません。 免責事項

      ---

      1. 本ソフトウェアは学習と交流のみを目的としています！

      2. 本ソフトウェアの作者は一切の責任を負いません！

      3. 本ソフトウェアを使用した場合、本規約に同意したものとみなします！

      ダウンロード

      ---

      以下のダウンロードスタイルは何年も使っていませんでしたが、今日ついに復活させました。 .down_link{background:url(‘https://www.52ecy.cn/content/uploadfile/201707/md-bg.jpeg') no-repeat 100% 0% #fffdff; border: 1px solid #faf8fb; border-radius: 2px; color: #666; font-size: 14px; margin-bottom: 10px; padding: 5px 20px;}.downbtn{background: none repeat scroll 0 0 #1BA1E2; border: 0 none; border-radius: 2px; color: #FFFFFF; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;text-transform:none;text-decoration:none;} .downlink a{text-decoration:none;} .downlink a{text-decoration:none;font-size:15px;} .downlink a:link{color: #ffffff;} .downlink a:visited{color: #ffffff;} .downlink a:hover{color: #ffffff;} .downlink a:active{color: #ffffff;} .downbtn{background: none repeat scroll 0 0 #1BA1E2; border: 0 none; border-radius: 2px; color: #FFFFFF !important; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;} .yanshibtn{background: none repeat scroll 0 0 #d33431; border: 0 none; border-radius: 2px; color: #FFFFFF!important; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;text-transform:none;text-decoration:none;} .downbtn:hover,.yanshibtn:hover{background: none repeat scroll 0 0 #9B59B6; border: 0 none; border-radius: 2px; color: #FFFFFF!important; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;} .downbtn a:hover,.yanshibtn a:hover{background: none repeat scroll 0 0 #9B59B6; border: 0 none; border-radius: 2px; color: #FFFFFF; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;}

      ---

      この記事は2020-03-24に阿珏酱のBlogで公開され、最終更新日は2020-03-24です

      ]]> 折腾代码