编程 on 阿珏酱のBlog

手書きコードを殺す

xxx@example.com (MoeJue) — Tue, 05 May 2026 20:22:07 +0000

手書きコードを殺す

著者: MoeJue(xxx@example.com)

最近、コードを書くときに奇妙な感覚がある。

書けないわけでもなく、書きたくないわけでもない。
だが——
自分の書くことがどんどん不要になっているような気がする。

かつては、機能を実装する際の流れはこうだった。

要件を理解する → 設計を考える → コードを書く → デバッグ → バグ修正 → リリース

今はどうなっている？

要件を説明する → AIがコードを書く → AIがバグを直す → 確認するだけ → リリース

その間にあった「コードを書く」という大きな部分が、突然薄くなり、ほぼ存在しなくなる。

最初はそれがすごく楽だった。
だが、楽しくなるにつれて少し不安になる。

かつてのプログラマーは、「タスクを完了する」ことで得られる達成感に加え、コードを書く過程そのものにも多くの喜びを感じていた。

コードを書くことって、もはや重要じゃない？

かつて私はプログラマーの最も核となる能力は「コードを書くこと」だと思っていた。

速さ、美しさ、抽象化の度合い——これらが「レベル」の差を作っていた。

だが、今ではこの基準がだんだん通用しなくなってきている。

多くのコードは、人間よりAIの方が早く、あるいは同じくらい良く書ける。

特に以下のようなもの：

CRUD
API連携
通常のロジック処理

AIは圧倒的な効率でこなしてしまう。

時々自分で書いたコードをAIに投げるようになる。

「ちょっと見直して」

すると、単に改善されただけでなく、自分が気づかなかったケースまで補ってくれる。

その瞬間、微妙な違和感がある——
このコード、誰が書いたのか区別できない。

さらに奇妙なのは、自分で書くのをやめてしまうこと

これが本当に危険だ。

かつてはコードを書くことは「制御感」だった。

一行一行自分が打ったし、なぜそう書いたのか理解していたし、どこに問題があるかも把握していた。

だが、AIに任せることに慣れてくると、自分で書くことが逆に遅くなることに気づく。

そしてこう感じるようになる：

「なぜ自分で書かなきゃいけないのか？」

これは怠惰ではなく、効率の自然な選択だ。

大きな整数を手計算しないように、自動で生成できるコードを自分で書く必要もなくなる。

プログラマーは、別の役割へと変貌している

だんだんと毎日の業務内容が変わってきていることに気づく。

もはや：

どれだけコードを書くか
どんなデザインパターンを使うか
コードがきれいかどうか

ではなく、

この要件は何をしたいのか？
AIにどう伝えると誤解されないか？
結果は正しいか？

ということに時間を費やすようになる。

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

Web3 オンチェーン紅包 DApp

xxx@example.com (MoeJue) — Sat, 10 Jan 2026 14:02:35 +0000

Web3 オンチェーン紅包 DApp

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

使用ガイド

お年玉の作成

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

お年玉の受け取り

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

環境変数

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です

萌音ストアモバイル版発売

xxx@example.com (MoeJue) — Thu, 17 Apr 2025 09:07:11 +0000

萌音ストアモバイル版発売

著者: 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です

AEはできませんが、コードは書けます

xxx@example.com (MoeJue) — Sat, 23 Aug 2025 12:29:01 +0000

AEはできませんが、コードは書けます

著者: 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です

Web3.0ベースのブロックチェーン画像アップロード

xxx@example.com (MoeJue) — Mon, 17 Jun 2024 12:57:43 +0000

Web3.0ベースのブロックチェーン画像アップロード

著者: MoeJue(xxx@example.com)

始める前に、まず基本的な概念を簡単に理解しましょう。以下のいくつかの点にまとめました。Web3.0とは何か、ブロックチェーンとどのような関係があるのか？（前回の記事がここで役立ちますね）

要件：PythonベースのWeb 3.0画像アップロードシステムを開発します。このシステムは、ユーザーが画像をアップロードし、その画像を分散型ネットワークに保存し、同時にトランザクション情報をブロックチェーンに記録することを可能にします。もともとは遊びで書いていたもので、ユーザー認証やファイル操作を統合した完全な管理システムにして、「画像アップロードサービスの最終的な解決策」にしようと考えたこともありましたが、実際にやってみるとあまり現実的ではないことに気づき、断念しました。しかし、私は昔から画像にこだわりがあるのです。

ステップの概要

環境設定：Pythonを使用して開発し、必要なPythonライブラリをインストールします。
IPFS統合：画像をIPFSにアップロードし、画像のCID（Content Identifier）を取得します。
ブロックチェーン統合：IPFSのCIDをブロックチェーンに記録します。
Webインターフェース：Flaskを使用して、ユーザーが画像をアップロードできるWebインターフェースを作成します。

詳細なステップ

1. 環境設定

必要なPythonライブラリをインストールします：

pip install flask web3 ipfshttpclient

2. IPFS統合

IPFS（InterPlanetary File System）は、ピアツーピアのファイルストレージプロトコルです。ipfshttpclientライブラリを使用してIPFSネットワークと対話できます。

まず、IPFSノードをインストールして実行していることを確認してください。まだIPFSをインストールしていない場合は、IPFS公式サイトでインストールガイドを見つけることができます。

以下は、画像をIPFSにアップロードするコード例です：

import ipfshttpclient

def upload_to_ipfs(file_path):
    client = ipfshttpclient.connect('/ip4/127.0.0.1/tcp/5001')
    res = client.add(file_path)
    return res['Hash']

3. ブロックチェーン統合

web3.pyライブラリを使用してIPFSのCIDをブロックチェーンに記録します。ここではイーサリアム（Ethereum）をサンプルブロックチェーンとして使用します。

以下は、IPFSのCIDを保存するための簡単なスマートコントラクトの例です：

pragma solidity ^0.8.0;

contract IPFSStorage {
    mapping(address => 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];
    }
}

このコントラクトをコンパイルしてデプロイした後、以下のPythonコードを使用してスマートコントラクトと対話します：

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

マルチチェーン対応は、想像以上に複雑だ

xxx@example.com (MoeJue) — Sat, 05 Jul 2025 08:20:55 +0000

マルチチェーン対応は、想像以上に複雑だ

著者: MoeJue(xxx@example.com)

初めてのマルチチェーンウォレット統合の実践的考察

ようやく時間ができてコードを整理できるようになりました。Web3プロジェクトでマルチチェーンウォレット接続機能を導入する際、主にEthereum、Polygon、BSC、Solanaが関わってきます。一見すると「互換性のあるロジックをいくつか追加するだけ」のように思えますが、実際に実装してみると、多くのことが思ったほど単純ではないと気づきました。

this.networkConfigs = {
    ethereum: {
        chainId: '0x1', // 1
        chainName: 'Ethereum Mainnet',
        nativeCurrency: {
            name: 'Ethereum',
            symbol: 'ETH',
            decimals: 18
        },
        rpcUrls: ['https://eth-mainnet.public.blastapi.io'],
        blockExplorerUrls: ['https://etherscan.io']
    },
    polygon: {
        chainId: '0x89', // 137
        chainName: 'Polygon Mainnet',
        nativeCurrency: {
            name: 'MATIC',
            symbol: 'MATIC',
            decimals: 18
        },
        rpcUrls: ['https://polygon-rpc.com'],
        blockExplorerUrls: ['https://polygonscan.com']
    },
    bsc: {
        chainId: '0x38', // 56
        chainName: 'BNB Smart Chain',
        nativeCurrency: {
            name: 'BNB',
            symbol: 'BNB',
            decimals: 18
        },
        rpcUrls: ['https://bsc-dataseed.binance.org'],
        blockExplorerUrls: ['https://bscscan.com']
    }
}

マルチチェーンは単に「複数のウォレットをサポートする」ことではない

最も強く感じたのは、チェーンが異なればウォレットのインタラクション方法も異なり、SDKの考え方すら違うということです。イーサリアムエコシステムでは統一されたWeb3.jsで多くのロジックを処理できますが、Solanaになると、完全に別のシステムであることがわかります。プロバイダーの接続、接続フロー、PublicKeyの構築方法が異なり、ネットワークの遅延や安定性までもがユーザー体験に影響を与えます。

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

macOS風のWebアプリを構築する

xxx@example.com (MoeJue) — Sun, 11 May 2025 11:46:03 +0000

macOS風のWebアプリを構築する

著者: MoeJue(xxx@example.com)

プロジェクト概要

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

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

オンラインデモ

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

主な特徴

macOS風のUIデザイン
- macOSのデザイン言語を採用
- 洗練されたすりガラス効果
- エレガントなアニメーショントランジション
モダンな技術スタック
- Vue.jsをコアフレームワークとして使用
- Viteをビルドツールとして使用
- Piniaによる状態管理
- Vue Routerによるルーティング処理
- SCSSプリプロセッサ
- ES6+のモダンな機能
レスポンシブデザイン
- あらゆる画面サイズに完璧に対応
- スムーズなモバイル体験

プロジェクト構造の解説

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

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

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

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

ESP8266-NodeMCU開発ボードを使って、私のQQアバターを表示してみる。

xxx@example.com (MoeJue) — Sun, 16 Jun 2024 12:50:42 +0000

ESP8266-NodeMCU開発ボードを使って、私のQQアバターを表示してみる。

著者: MoeJue(xxx@example.com)

ええ、自分でESP8266開発ボードのファームウェアを書くと言っていた私が戻ってきました。20年前に約束した通り、今日、その願いを叶えに戻ってきました。ESP8266串口WiFi模块 - WiFi杀手

今日はOLEDディスプレイも接続します。今回購入したのは4ピンのOLED（128*64）で、カラー表示には対応していません。

NodeMCU開発ボード

NodeMCUはオープンソースのIoTハードウェア開発ボードです。WIFI機能をサポートし、Arduino開発ボードと非常に似た使用方法であるため、近年、世界中のメイカーたちからますます人気を集めています。NodeMCUのサイズはArduino Nanoに似ています。Arduinoチームによって開発されたものではありませんが、Arduino IDEを使用して開発することも可能です。

あらゆるものがインターネットに接続されるIoTの基盤として、まずIoT制御ボードのコストが高すぎてはいけません。高価なIoT制御コンポーネントは、プロジェクトのコスト管理に不利であり、多くのメイカー愛好家が学習し使用する上でも不利です。この点において、NodeMCUはRaspberry PiやArduinoファミリーのIoTプラットフォームなどよりも優位性があります。

注意深い方はすでにお気づきかもしれませんが、私の開発ボードはESP8266-NodeMCUと呼ばれています。しかし、他のウェブサイトや資料では、ESP8266と表記されたり、NodeMCUと表記されたりすることがあります。では、ESP8266とNodeMCUの間にはどのような関係があるのでしょうか？

ESP8266はチップ（鉄製のケースに収められた四角いもの）であり、NodeMCUはESP8266チップを核とした開発ボードです。下の図に示す通りです。小さなチップのピンをコンピューターに接続し、プログラムをアップロードするなどの操作を行うのは非常に困難であるため、ESP8266チップを中心とした様々な開発ボードが誕生しました。NodeMCUもこれらの開発ボードの一つです。

NodeMCU開発ボード上の2列のピンヘッダーは、ESP8266チップのピンに接続されています。開発ボード上の2列のピンヘッダーがあれば、デュポン線を使ってチップのピンを実験回路に簡単に接続できます。NodeMCU開発ボードにはUSBポートと電圧変換回路も搭載されています。これらは私たちに大きな利便性を提供します。USBデータケーブル1本で、ESP8266への給電とプログラムのアップロードを簡単に実現できます。もちろん、NodeMCU開発ボードの回路機能はこれだけではありませんが、これ以上は深掘りしません。

ドライバーのインストール

以前にも開発ボードのドライバーインストールについては説明しましたが、十分詳細ではありませんでした。

現在市販されているESP8266ドライバーには様々な種類があり、同じNodeMCU開発ボードであってもドライバーが異なる場合があります。現在主流なのはCH340とCP210Xのドライバーです。

ドライバーのダウンロードは、チップメーカーの公式サイトから直接行ってください。 CP210X：https://cn.silabs.com/developers/usb-to-uart-bridge-vcp-drivers CH340C：https://www.wch.cn/downloads/CH341SER_EXE.html

ご自身のプラットフォームに適したドライバーインストーラーをダウンロードしてください。ご自身のシリアルチップのモデルがドライバーのサポート範囲内にあるか、よく確認する必要があります。

自分の開発ボードに必要なドライバーを確認する方法

直接見る。下の図の縦長の黒い長方形がUSB-シリアル変換チップです。その上にチップのモデル名が記載されています。
購入した販売店に尋ねる。

ディスプレイのはんだ付け

はんだ付けを間違えないでください。間違えるとチップが焼損します。OLEDの配線：

GND - GND
VCC - VCC
SCL - GPIO5(D1)
SDA - GPIO4(D2)

はんだごて加熱中

以下がはんだ付け完了したものです。配線に注意してください。この順番であるとは限りません。名称を確認してください。

Arduino IDEのインストール

Arduino IDEをダウンロード https://www.arduino.cc/en/software
インストール。インストールまで私が教える必要がありますか？
設定。「ツール」-「ボード」-「ボードマネージャー」をクリックし、設定でボードアドレスを記述します：http://arduino.esp8266.com/stable/package_esp8266com_index.json その後、対応するサポートライブラリファイルが自動的にダウンロードされます。この間、ネットワークの安定性を確保する必要があります。
開発ボードを選択: NodeMCU1.0(ESP-12EModule)
ポートを選択: コンピューターのデバイスマネージャーで開発ボードのCOMポートを見つけます。

Arduinoコード

時々、私が長々と説明するよりも、直接コードを見せる方が手っ取り早いと感じます。あなたもきっと、私の無駄話を聞くよりも直接コードを見たいと思っているでしょう。私も可能な限りコードにコメントを付けました（Arduinoコードの記述はC/C++言語の規範に従ってください）。

以下の例では、WiFi接続にはライブラリを使用しています。初回接続時には、ESP8266が発信するWiFiに携帯電話で接続し、ネットワーク設定を行う必要があります。画面への書き出しにはライブラリを使用しており、中国語の直接書き出しをサポートしています。

これは、WiFi接続と画面への画像表示の簡単な例です。

#include 
#include 
#include 
#include 
#include 
#include 

#define SDA 4  // SDA引脚，默认gpio4(D2)
#define SCL 5  // SCL引脚，默认gpio5(D1)

Adafruit_SSD1306 oled(128, 64, &Wire,-1);   //OLED 屏幕实例化
WiFiUDP ntpUDP;

NTPClient timeClient(ntpUDP,"pool.ntp.org", 8*3600, 60000);

U8G2_SSD1306_128X64_NONAME_F_SW_I2C u8g2(U8G2_R0, /*clock=*/SCL, /*data=*/SDA, /*reset=*/U8X8_PIN_NONE);           // 选择显示屏幕

// 只执行一次
void setup() {

  u8g2.begin();            // 初始化
  u8g2.enableUTF8Print();  // UTF8允许
  u8g2.setFont(u8g2_font_wqy12_t_gb2312b); //字体大小   u8g2_font_wqy15_t_gb2312b  

  // 初始化屏幕
  OLED_Init();

  OLED_Showchin(1,13,"正在连接WiFi....",0);
  WiFiManager wifiManager;
  wifiManager.autoConnect("ESP8266");

  OLED_Showchin(1,27,"WiFi连接成功！",0);
  OLED_Showchin(1,41,"名称： " + WiFi.SSID(),0);
  OLED_Showchin(1,55,"IP: " + WiFi.localIP().toString(),1);

  // 获取时间
  timeClient.begin();
  u8g2.setFont(u8g2_font_wqy15_t_gb2312b); //字体大小   u8g2_font_wqy15_t_gb2312b  

  OLED_Showchin(1,13,"宁小建",0);
  OLED_Showchin(1,27,"hhhhhhhhhhhh",0);
  OLED_Showchin(1,55,"大傻逼哈哈哈",1);

  timeClient.update();
  OLED_Showchin(1,20,"当前北京时间: ",0);
  OLED_Showchin(1,41,timeClient.getFormattedTime(),1);
  delay(1000);
  OLED_img();
}

// 重复执行程序
void loop() {
  // 更新时间
  // timeClient.update();
  // OLED_Showchin(1,27,"当前北京时间: ",0);
  // OLED_Showchin(1,41,timeClient.getFormattedTime(),0);
}

// 打印输出到屏幕（支持中文）
void OLED_Showchin(uint8_t x, uint8_t y, String string, uint8_t boot) {
  u8g2.setCursor(x, y);  //设置显示坐标
  u8g2.print(string);  // 指定缓存区需要打印的字符串
  u8g2.sendBuffer();          // 将定位信息发送到缓冲区
  if(boot == 1){
    delay(1000);
    u8g2.clearBuffer();     // 清除缓存，其实初始化里有清除，循环时一定要加上
  }
}

// 屏幕初始化
void OLED_Init() {
  oled.begin(SSD1306_SWITCHCAPVCC, 0x3C);     //"SSD1306_SWITCHCAPVCC"表示显示器为OLED ,"0x3C"为OLED屏幕默认通信地址
  oled.setTextColor(WHITE);//开像素点发光
  oled.clearDisplay();//清屏
}

// 输出屏幕
void OLED_ShowString(uint8_t x, uint8_t y, uint8_t font_size, String string) {
  oled.setTextSize(font_size);    //设置字体尺寸 (>=1)
  oled.setCursor(x, y);           //设置显示坐标
  oled.println(string);           //显示内容
  oled.display();                 //开启显示
}

// 绘画
void OLED_img() {
  //  图片数据
    const unsigned char gImage_1[518] = { 0X00,0X01,0X40,0X00,0X40,0X00,
  0X00,0X40,0X00,0X00,0X00,0X3E,0XF0,0X00,0X00,0X80,0X00,0X00,0X00,0X1F,0XE0,0X00,
  0X00,0X00,0X00,0X00,0X00,0X06,0XB0,0X00,0X01,0X00,0X00,0X00,0X00,0X03,0XF8,0X00,
  0X00,0X00,0X00,0X00,0X00,0X03,0XFC,0X00,0X00,0X00,0X00,0X00,0X00,0X03,0XDC,0X00,
  0X04,0X00,0X00,0X00,0X00,0X01,0XC0,0X00,0X0E,0X00,0X00,0X00,0X00,0X00,0X80,0X00,
  0X06,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X01,0X00,0X00,0X00,0X10,0X00,0X00,0X00,
  0X08,0X00,0X00,0X00,0X0E,0X00,0X00,0X00,0X08,0X00,0X00,0X00,0X8F,0X00,0X00,0X00,
  0X00,0X00,0X02,0X02,0X47,0X00,0X00,0X00,0X00,0X00,0X01,0X10,0X63,0X80,0X00,0X00,
  0X00,0X00,0X01,0XC9,0X73,0XC0,0X00,0X00,0X00,0X00,0X00,0XE4,0X79,0XE0,0X00,0X00,
  0X00,0X02,0X00,0XFA,0XF9,0XE0,0X00,0X00,0X10,0X02,0X00,0X7D,0X8C,0XF0,0X00,0X00,
  0X10,0X03,0X01,0X7E,0X90,0XF1,0X80,0X00,0X10,0X01,0X20,0XFD,0X1C,0X7B,0XE0,0X00,
  0X00,0X01,0XA0,0X7D,0X03,0X7B,0X20,0X00,0X10,0X01,0XD8,0XFF,0X8B,0X7E,0X30,0X00,
  0X00,0X01,0XFC,0X7F,0X83,0XB6,0X10,0X00,0X00,0X00,0XF7,0XFF,0XC7,0XBE,0X10,0X00,
  0X00,0X01,0X8F,0XFF,0XE3,0XF6,0X10,0X00,0X01,0X01,0X4F,0XFF,0XFF,0XFF,0X10,0X00,
  0X00,0X01,0XCF,0XFF,0XFF,0XDF,0X10,0X00,0X00,0X01,0XC3,0XFF,0XFF,0XDF,0X70,0X00,
  0X01,0X03,0XE3,0XFF,0XFF,0XDF,0XE0,0X00,0X04,0X01,0XE7,0XFF,0XFF,0XDF,0XE4,0X00,
  0X07,0X00,0XFB,0XFF,0XFF,0XDF,0XC0,0X00,0X07,0X00,0XFB,0XFF,0XFF,0XFE,0X00,0X00,
  0X13,0X00,0X7F,0XFF,0XFF,0XFC,0X00,0X00,0X01,0X20,0X3F,0XFF,0XFF,0XFC,0X00,0X00,
  0X00,0X00,0X3F,0XFF,0XFF,0XF8,0X00,0X0B,0X00,0X00,0X1F,0XFE,0X0F,0XF8,0X00,0X1F,
  0X00,0X00,0X1F,0XF8,0X6F,0XF0,0X00,0XFF,0X00,0X00,0X1F,0XE1,0XFF,0XF0,0X05,0XFF,
  0X00,0X00,0X0F,0XF3,0XFF,0XE0,0X03,0XFF,0X00,0X40,0X0F,0XF7,0XFF,0XC0,0X07,0XFF,
  0X00,0X00,0X07,0XFF,0XFF,0X80,0X07,0XFF,0X08,0X00,0X07,0XFF,0XFF,0X00,0X0F,0XFF,
  0X00,0X00,0X23,0XFF,0XFE,0X00,0X0F,0XFF,0X00,0X08,0X60,0XFF,0XFE,0X00,0X0F,0XFF,
  0X00,0X40,0X20,0X3F,0XFE,0X00,0X1F,0XFF,0X00,0X00,0X10,0X0B,0XFF,0X80,0X1F,0XFF,
  0X00,0X00,0X40,0X00,0X3F,0X00,0X1F,0XFF,0X00,0X00,0X10,0X00,0X3F,0X00,0X1F,0XFF,
  0X20,0X00,0X02,0X00,0X3F,0X00,0X3F,0XFF,0X00,0X00,0X00,0X00,0X7F,0X80,0X3F,0XFF,
  0X00,0X00,0X00,0X10,0X7F,0X80,0X7F,0XFF,0X00,0X00,0X00,0X80,0X7F,0X80,0X7F,0XFF,
  0X10,0X00,0X00,0X00,0X7F,0X80,0XFF,0XFF,0X30,0X00,0X00,0X00,0X7F,0X80,0XFF,0XFF,
  0X10,0X10,0X00,0X00,0X7F,0XC1,0XFF,0XFF,0X00,0X00,0X00,0X00,0X7F,0XF3,0XFF,0XFF,
  0X00,0X00,0X01,0X00,0X3F,0XFF,0XFF,0XFF,0X00,0X00,0X00,0X04,0X3F,0XFF,0XFF,0XFF,
  0X00,0X00,0X00,0X00,0X3F,0XFF,0XFF,0XFF,0X00,0X00,0X10,0X80,0X1F,0XFF,0XFF,0XFF,
  0X01,0X00,0X00,0X05,0X1F,0XFF,0XFF,0XFB,0X00,0X00,0X00,0X00,0X1F,0XF7,0XFF,0XFC,
  0X00,0X00,0X00,0X00,0X1F,0XFB,0XFF,0XFF,0X00,0X00,0X40,0X00,0X19,0XFF,0XFF,0XFF,
  };

  oled.clearDisplay();
  oled.drawBitmap(3, 1, gImage_1, 64, 64, WHITE);
  oled.display();
}

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

オープンソースでシンプルかつスタイリッシュな、酷狗のサードパーティ製クライアント V1.0.0 Beta

xxx@example.com (MoeJue) — Sun, 03 Nov 2024 12:48:04 +0000

オープンソースでシンプルかつスタイリッシュな、酷狗のサードパーティ製クライアント 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です

敗者復活戦に勝って、生き返った

xxx@example.com (MoeJue) — Thu, 03 Oct 2024 02:48:02 +0000

敗者復活戦に勝って、生き返った

著者: MoeJue(xxx@example.com)

近況

前回の雑談からもう2ヶ月以上も経ってしまいました。そろそろ自分の考えを整理する時が来たようです。前回は色々と感慨を述べたきり音沙汰がなかったので、少し急ぎすぎたかもしれません。その後の作業が追いつかなくなってしまいました。

また国慶節の季節がやってきました。やはり私の国慶節は「独身の日（ダブルイレブン）」のようなものです。以前所有していた3つのドメイン（52ecy.cn, moeins.cn, moeins.com）は、復活戦には勝ったものの、装備がなくなってしまいました。

そのため、ドメインを新規購入するしかありませんでした。同時にもブログを復旧させました。やはり自分でいじりたいのでしょう。博客园（cnblogs）に間借りするのは、どうも居心地が悪く感じます。

以前からずっと使っていたemlogですが、この機会に思い切ってシステムをWordPressに移行し、同時に新しいテーマに切り替えました。このテーマは专收爆米花さんが21年頃にリリースしたもので、当時locで見かけてすぐにstarを付け、私のGitHubで4年間眠っていましたlolimeow。当時はずっとemlogを使っていたので、いじるのが面倒だったのです。この機会に乗じて、徹底的にやろうと決め、データの移行やテーマの調整など、かなりの手間をかけました。

作者の方がずっとテーマの更新を積極的に進めてくれていたおかげで、使用中に大きな問題はありませんでした。しかし、私が以前使っていたシステムの機能がいくつか欠けていたので、私もこのテーマを更新し、元のリポジトリにプルリクエストを送りました。上に貼ったGitHubのリンクは私が更新した後のものです。最も面倒だったデータ移行の部分ですが、ネットで長いこと探し回ってもexe版しか見つかりませんでした。exe版はなんとなく不安な感じがする上に、私は今Macを使っているので、直接実行することもできません。「ないなら自分で作ればいい」ということで、時間をかけて移行スクリプトを自作するしかありませんでした。GitHubのアドレスは記事の最後に載せてあります。emlogのデータをWordPressに完璧に移行できます。さすが俺！

画像はこれまで通り、一部はバックアップとして七牛云（Qiniu Cloud）に、もう一部は新浪图床（Sina Image Hosting）に保存しています。移行してみると、市場には私に適した使いやすい七牛云プラグインがなかったので、また自分で一つ作りました。

新ドメイン

あまり気は進みませんでしたが、またドメインを変更するしかありませんでした。以前のドメインは他人の肥やしになってしまいました。萌音シリーズ：MoeKot.cn。「萌音ノート」「萌音カード」「萌音コミュニティ」「萌音ストア」などを含む萌音シリーズは、今後このドメインの下に置かれます。メインサイトシリーズ：MoeJue.cn。これは私のメインサイトで、ブログやシリーズに属さないプロジェクトなどがこのドメインの下に置かれます。

解説

Moe: 日本語の「萌え」の読み方で、ローマ字表記です。中国語では一般的に「萌」と訳されます。 Kot: 日本語の「声（こえ）」を意味する言葉で、ローマ字表記です。 Jue: 阿珏（A Jue）ちゃんの簡単な音訳です。

ブログ

私はとても昔を懐かしむ情に厚い人間なので、以前のブログもすべて残してあります。Xlog cnblogs emlog Blog 関連サイトのドメインも移行しましたが、すべてをリストアップするのはやめておきます。もちろん、一部のリンクが完全に置換されていない可能性もあります。

すべてのデータは元のままで、誰一人のデータも欠けていません。ブログの登録ユーザーのデータさえも一緒に移行したので、新しいシステムで直接ログインできます。パスワードも同じです。

ぜひstarを付けてください！

使い方もREADME.mdに書いておきました。何か問題があれば、直接issueを立ててください。

emlogからWordPressへの移行スクリプト

私のブログは間もなくTencent Cloud開発者コミュニティにも同期される予定です。皆さんのご参加をお待ちしています：https://cloud.tencent.com/developer/support-plan?invite_code=15kxzzid10tgx

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

编程 on 阿珏酱のBlog

手書きコードを殺す

手書きコードを殺す

コードを書くことって、もはや重要じゃない？

さらに奇妙なのは、自分で書くのをやめてしまうこと

プログラマーは、別の役割へと変貌している

Web3 オンチェーン紅包 DApp

Web3 オンチェーン紅包 DApp

機能ハイライト

技術スタック

クイックスタート

ディレクトリ構造

使用ガイド

お年玉の作成

お年玉の受け取り

環境変数

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

萌音ストア モバイル版 発売

萌音ストア モバイル版 発売

プロジェクト紹介

主要機能

システムプレビュー

バックエンド管理画面

ミニプログラム画面

バージョン説明

購入について

連絡先

オンラインデモ

AEはできませんが、コードは書けます

AEはできませんが、コードは書けます

✨ 緒山まひろの隠れ家 ✨

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

💕 私について 💕

🎀 サイトコンテンツ 🎀

🌈 関連リンク 🌈

📝 著作権情報 📝

💌 スペシャルサンクス 💌

Web3.0ベースのブロックチェーン画像アップロード

Web3.0ベースのブロックチェーン画像アップロード

ステップの概要

詳細なステップ

1. 環境設定

2. IPFS統合

3. ブロックチェーン統合

マルチチェーン対応は、想像以上に複雑だ

マルチチェーン対応は、想像以上に複雑だ

初めてのマルチチェーンウォレット統合の実践的考察

マルチチェーンは単に「複数のウォレットをサポートする」ことではない

macOS風のWebアプリを構築する

macOS風のWebアプリを構築する

プロジェクト概要

オンラインデモ

主な特徴

プロジェクト構造の解説

ESP8266-NodeMCU開発ボードを使って、私のQQアバターを表示してみる。

ESP8266-NodeMCU開発ボードを使って、私のQQアバターを表示してみる。

NodeMCU開発ボード

ドライバーのインストール

自分の開発ボードに必要なドライバーを確認する方法

ディスプレイのはんだ付け

Arduino IDEのインストール

Arduinoコード

オープンソースでシンプルかつスタイリッシュな、酷狗のサードパーティ製クライアント V1.0.0 Beta

オープンソースでシンプルかつスタイリッシュな、酷狗のサードパーティ製クライアント V1.0.0 Beta

MoeKoe Music

はじめに

✨ 特徴

Todo List

📦️ インストール

敗者復活戦に勝って、生き返った

敗者復活戦に勝って、生き返った

近況

新ドメイン

解説

ブログ

ぜひstarを付けてください！

emlogからWordPressへの移行スクリプト

萌音ストアモバイル版発売

萌音ストアモバイル版発売