折腾 on MoeJue's Blog

阿珏のBlog の国際化への道

Sun, 02 Nov 2025 10:12:27 +0000

最近、個人ブログに「大改修」を施しました。単一言語バージョンから多言語サイト（簡体字中国語、繁体字中国語、英語、日本語）にアップグレードし、その全プロセスを自動化しました。💪

主な内容は以下の通りです。

メインサイトの記事を自動同期
コンテンツを自動AI翻訳
多言語サイトの自動構築とデプロイ

なぜ Hugo を選んだのか？

それは、その自信に満ちたスローガンがあったからです。

“The world’s fastest framework for building websites.”

—— この一言で、これに決めました 😆。

しかし、私は「一つのテーマで多言語を切り替える」という伝統的な方法ではなく、 各言語に独立したテーマを持たせることにしました。これにより、各言語バージョンが独自のデザインとレイアウトスタイルを保持し、真に「文化的なローカライゼーション」を実現できます。

設計目標と制約 🎯

言語: 簡体字中国語、繁体字中国語、英語、日本語をサポートし、将来的に拡張可能。
テーマ: 各言語に最適な Hugo テーマを使用し、無理に再利用しない。
コンテンツ同期: 全言語で一つのコンテンツリポジトリを共有し、必要に応じて翻訳。
デプロイ戦略: 各言語を独立して構築・公開し、異なるブランチやドメインにデプロイ可能。
カスタムページ: 「友だちリンク」、「書斎」、「アーカイブ」などのページは、多言語で一貫した体験を維持する。

多言語設定戦略 🧩

各言語用に個別の設定ファイルを用意しました。 config/<lang>.toml で、主に以下の役割を担います。

テーマの指定（例: theme = "PaperMod"）。
その言語固有の title / description / keywords の定義。
異なるテーマのナビゲーション構造に合わせるためのメニュー設定 [[params.menu]] の上書き。
全体的な視覚的一貫性を保証するためのカスタムスタイルの注入。

この構造は非常に明確で、将来的にさらに多くの言語バージョンを拡張するのにも便利です。

GitHub Actions 自動デプロイマトリックス ⚙️

CI/CD 部分は完全に GitHub Actions に任せています。 .github/workflows/hugo.yml では、マトリックスビルドを使用し、各言語を独立して構築・公開しています。

# ポータブルモニターを自作する方法

Sun, 13 Apr 2025 05:55:01 +0000

ポータブルディスプレイを自作する方法

はじめに

家には古いノートパソコンが1台あります。バッテリーはもうダメですが、他の部品はまだ正常に動作します。しかし、技術の進化は非常に速く、このノートパソコンはウェブサイトを閲覧する以外に、ほとんど使い道がありません。捨てるのはもったいないし、売っても大した値段にはなりません。そこで、これをポータブルディスプレイに改造することにしました。そうすれば、ノートパソコンやデスクトップPCに接続して、ゲームをしたり動画を見たりと、もう一働きさせることができます。ちなみに、ハードディスクはすでにポータブルハードディスクに改造済みです。

材料の準備

廃棄するディスプレイ
LEDスクリーン駆動ボード
スクリーンケーブル
キーパッド
インバーターボード
電源 (12V 5A)

主な材料はこれだけです。通販サイトですぐに購入でき、価格も高くありません。電源は父のネックマッサージャーから直接取り外したもので、また一つ節約できました。

改造プロセス

ノートパソコンのディスプレイを分解し、スクリーンを取り出します。もしお使いのスクリーンに対応する駆動ボードがわからない場合は、スクリーンの裏にある型番などの情報を写真に撮って販売店に送れば、それに合った駆動ボードを推薦してくれます。もちろん、電子回路に詳しい方なら、自分で回路図を設計して駆動ボードを自作することもできます。
配線し、ホットボンドで固定します。 ps: ホットボンドは貧乏人の3Dプリンターですね。
電源を入れてテストします。私は手間を省くため、販売店に予め対応するファームウェアを書き込んでもらいました。
信号を入力します。
キーパッドの機能調整をテストします。
段ボールでケースを作ります。どうやら私には廃材の段ボールでケースを作る才能がそこそこあるようです。見た目が悪すぎるのが心配で、壁紙シールを貼ってみました。家に3Dプリンターがある方は、直接ケースを設計してプリントすれば、もっと見栄えが良くなるでしょう。

完成品：

前面はホットボンドで接着したせいで、ちょっと見るに堪えない状態になってしまいました。

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

Sun, 03 Nov 2024 12:48:04 +0000

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 ページにアクセスしてインストーラーをダウンロードしてください。

転生：ECサイトを構築する - 萌音ECサイトV1.0リリース

Wed, 02 Oct 2024 06:17:50 +0000

萌音シリーズの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キャッシュ。本来はこのバージョンで追加する予定だったが、データの制御は現状でも問題ない
ダークモード。これもトレンドに追随

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

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

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

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

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

一方、寄付版は、作者本人への寄付であり、個人の意思、友人同士の約束のような契約モデルであり、作者はプロジェクト自体にのみ責任を負います。

もちろん、私が言葉遊びをしている、言葉の隙間を突いていると感じるかもしれません。だから、これは完全に寄付行為なのです。今回の寄付の敷居には少し商業的な雰囲気があるかもしれませんが、それは私と妻たちが生活のために稼がなければならないからです。

ヒント

寄付版ではVueフロントエンドのソースコード＋コンパイル後の静的ファイル＋Node.jsバックエンドのソースファイルを提供します。
すべての寄付版で入手できるのはソースファイルであり、暗号化や難読化はされていません。漏洩しないようお願いするとともに、ご自身の権利を守るためでもあります。
ソースコードの変更にはある程度の基本的なプログラミング知識が必要です。もしできない場合は、変更しないでください。
宝塔パネルのデプロイサービスを1回提供します。
ウェブサイトのインターフェースは少女萌え系スタイルに傾倒しており、一般的な製品には適さない可能性がありますのでご注意ください。
コードは複製可能であるため、契約締結後は撤回できません。何卒ご了承ください。

今回もこれまでと同様に、寄付版の形式でソースコードを入手できるようにしました。なぜ今回またソースコードの入手を開放したのでしょうか？以前の萌音コミュニティの影響が多少あるでしょう。萌音コミュニティは私が2ヶ月以上かけて丹念に書き上げたもので、ソースコードの寄付による入手は受け付けず、純粋に自分で運営していました。寄付を申し出た人たちは皆断りましたが、最終的には一度だけ寄付を受け取りました。結局、萌音コミュニティに申し訳ない気持ちになりました。自分の手で潰してしまい、もっと多くの人にその存在を知ってもらえなかったからです。では、なぜ直接オープンソースにしないのかというと、そうするとかえってこのプロジェクトに申し訳ないと感じるからです。誰もが簡単に手に入れられるものだと思われ、その価値が失われてしまうでしょう。直接オープンソースにはしませんが、プロジェクト関連のアーキテクチャや設計思想、一部のコードを公開し、皆さんの参考にしてもらい、学習の妨げにはならないようにします。

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

Sun, 16 Jun 2024 12:50:42 +0000

ええ、自分で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 <Adafruit_GFX.h>
#include <Adafruit_SSD1306.h>
#include <ESP8266WiFi.h>
#include <NTPClient.h>
#include <WiFiManager.h>
#include <U8g2lib.h>

#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();
}

真の現実逃避

Fri, 18 Sep 2020 06:17:34 +0000

ずっとVR機器が欲しいという願いがあったのですが、今日ついに叶いました。 @本群吉祥物のおすすめで、OculusブランドのVR一体型ヘッドセットを購入しました。

カードを開設して節約カードを入手 -> クーポンを取得 -> チャージ -> 注文 -> 一気に完了（心が痛む） Oculusブランドが中国市場に参入していないなどの理由で、ギガビットルーターもセットで購入しました。届いたのは大きな箱が2つでした 1つはVR本体が入っていて、販売店からUSB充電バッテリーが追加でプレゼントされていました。SMARTOOOLSというスペインブランドで、なかなか良さそうですもう1つの箱には、ギガビットルーターと数百元もするUSB3.0リンクケーブルが入っていました。ピーナッツの殻のような形をしたルーターです。読めない説明書がたくさん、しかも外付けファン付き（#泣き笑い）。このルーターブランドも海外製なので、3ピンのプラグはヨーロッパ規格で、国内の3穴コンセントには変換アダプターが必要です。外箱 - 裏面、下には人気ゲームのおすすめがいくつか載っています。正面、シンプルでクールです。パッケージの中の箱には、Oculusのロゴが印刷されています。蓋を開けると、わぁ！ Oculus Quest 6DoF VR、現在市場で最も強力なVR一体型ヘッドセットです。公式にはコントローラー用の電池が1組、デバイスの基本的な操作説明書、そして分厚くて詳細すぎて読めない説明書が付属しています。ポーズを決めて撮影、本体＋左右コントローラー。さて、電源を入れて使い始め、ずっと楽しみにしていたBeat Saber、VRChatなどをダウンロードして……現実逃避の旅を始めます……。

後日談：普段、開封レビューはしません。なぜなら、専門的なレビューには専門的な学術知識が必要で、すごい専門用語を使いこなす必要もあるからです。しかし、私にはそれができませんし、私の記事を読んだ人を、真面目な顔をしてデタラメを言うことで誤解させたくもありません。私はただ、言いたいことを言っているだけです。 VRChatで皆さんをお待ちしています。後で時間があれば、私が遊んでいる動画をBilibiliにもアップロードします。

もしOculus Questについてさらに詳しく知りたい方がいれば、専門的なレビュー動画をおすすめします。 Oculus Quest VRは私たちを「ソードアート・オンライン」「レディ・プレイヤー1」からどれだけ近づけるのか？ https://www.youtube.com/watch?v=2z-QyogFp9o (もし開けるなら)

Android APK インストールパッケージの AndroidManifest.xml ファイルを表示します。

Sun, 19 Apr 2020 09:15:54 +0000

原因先週、私は Android システムのファクトリープッシュ機能に取り組んでいました。一部のモデルは工場出荷時にオフラインにプッシュできないため、apk を解凍し、パッケージ化パラメータに問題があるかどうかを確認します。

序文 Android 開発では、自分のアプリケーションから他のアプリケーションのインターフェイスにジャンプする必要がある場合がありますが、他のアプリケーションのパッケージ名とクラス名が分からないと、これを行うのは困難です。最も簡単な方法は、アプリケーションの apk ファイルをダウンロードし、拡張子を zip または rar に変更して、ファイルを解凍することです。解凍したファイルの中に AndroidManifest.xml ファイルがあるのですが、開いてみると文字化けしていて恥ずかしいです。どうすればいいですか？

AXMLPrinter2.jar は、一般的に使用される APK 逆コンパイルツールです。これは主に、パッケージ名、バージョン番号、アイコン、その他の情報を含む apk ファイルを逆コンパイルするために使用されます。 AXMLPrinter2 を使用して androidmanifest.xml を逆コンパイルし、プレーンテキストで表示できます。

使用方法

ダウンロードツール AXMLPrinter2.jar ツールのアドレス: https://code.google.com/archive/p/android4me/downloads
表示する AndroidManfist.xml ファイルをツールと同じフォルダーにコピーします。
現在のフォルダーで DOS ウィンドウを開きます。
以下のコマンドを実行します。

java -jar AXMLPrinter2.jar AndroidManifest.xml » AndroidManifest.txt

このコマンドを実行すると、フォルダー内にデコードされたファイルである AndroidManifest.txt ファイルが生成されます。

もちろん、実行後にエラーが発生するものもあります。「java」は内部コマンドでも外部コマンドでも、操作可能なプログラムやバッチファイルでもありません。
これは、Java 環境がインストールされていないか、環境変数が設定されていないことが原因で発生します。

JDK をインストールします まず、JDK のインストールプロセスを確認してみましょう

1\。 JDKをダウンロードしてインストールします

JDK1.6、1.7、または 1.8 をダウンロードすることを選択できます。使いたいものをダウンロードしてください。 JDK をダウンロードするための公式 Web サイト https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html インストールは非常に簡単で、次のステップは簡単です。ここでは詳細には触れません。

2\。 JDK環境変数を構成する

(1) コンピュータの「マイコンピュータ」を右クリックし、Win10 では「このコンピュータ」を選択し、「プロパティ」を選択し、システムの詳細設定を選択し、新しいインターフェースで「環境変数」を選択します。「システム変数」を編集するだけです。 (2) 「新規」をクリックして「JAVA_HOME」という名前の変数を追加します。変数の値は「C:\Program Files\Java\jdk1.8.0_60」です。この値は、インストールした JDK パスです。インストールした場所にそのアドレスを使用するだけです。「CLASSPATH」という名前の新しい変数を作成します。変数値は「.;%JAVA_HOME%/lib/dt.jar;%JAVA_HOME%/lib/tools.jar」です。必ず保存してください。「.;」を見逃さないように注意してください。値にすべての記号を含める必要があります。

支付宝対面決済連携

Sat, 04 Apr 2020 02:35:18 +0000

当面付（対面支払い）は、その名の通り対面での支払いを指し、店舗がオフラインの消費シーンで迅速な集金を可能にするものです。当面付製品は、バーコード支払いとQRコード決済の2種類の支払い方法をサポートしています。ここで連携するのはQRコード決済です。 QRコード決済とは、ユーザーがAlipayウォレットの「スキャン」機能を開き、店舗がレジのシーンで提示するQRコードをスキャンして支払いを行うモードを指します。このモードは、オフラインの実店舗での支払い、対面支払いなどのシナリオに適しています。ビジネスフローは以下の図の通りです。当面付の契約は非常に簡単で、個人事業主/個人商店の契約が許可されています。そのため、この方法はオンラインのQRコード決済にも大量に利用されていますが、Alipayの関連規約に違反するため、一定のリスクがあります。技術交流として、この問題は一旦置いておきましょう。

技術連携としては、当面付製品を契約していなくても開発を進めることができます。支払い機能は取引と資金に直接関わるため、開発者が支払い機能をデバッグしやすいように、オープンプラットフォームはサンドボックス環境（サンドボックス環境アカウントとサンドボックス版Alipayウォレットを含む）を用意しています。これにより、開発者はサンドボックス環境でデバッグできます。サンドボックスへの接続方法とサンドボックス環境への接続をクリックして詳細を確認してください。そのため、私の開発ではサンドボックス環境を使用しています。何しろ中にはたくさんのお金があるので、自由に使えますからね。まず、対応する開発言語のSDKをダウンロードします。ダウンロード：https://docs.open.alipay.com/194/105201/ QRコード決済ドキュメント：https://docs.open.alipay.com/194/106078/

キーの設定 取引当事者（加盟店とAlipay）の身元とデータセキュリティを確保するため、開発者はインターフェースを呼び出す前に、双方のキーを設定し、取引データの双方検証を行う必要があります。 Alipayオープンプラットフォーム開発アシスタントをダウンロードしてキーを生成してください。キー生成後、開発者はオープンプラットフォーム開発者センターでキー設定を行う必要があります。設定完了後、Alipay公開鍵を取得できます。 設計と連携 私の設計ではポーリング（後述）を使用する必要がないため、追加していません。以下は私の業務における関連コードです。

public function pay(){

    if (request()->isPost()) {
        
        // (必填) 商户网站订单系统中唯一订单号，64个字符以内，只能包含字母、数字、下划线，
        // 需保证商户系统端不能重复，建议通过数据库sequence生成，
        $uid = Session::get('sq.uid');
        $outTradeNo = order\_num() . $uid;

        // (必填) 订单标题，粗略描述用户的支付目的。如“xxx品牌xxx门店当面付扫码消费”
        $subject = '聚合平台用户积分充值';

        // (必填) 订单总金额，单位为元，不能超过1亿元
        // 如果同时传入了【打折金额】,【不可打折金额】,【订单总金额】三者,则必须满足如下条件:【订单总金额】=【打折金额】+【不可打折金额】
        $totalAmount = input('post.pay\_money/f');
        if($totalAmount < 1){
            return \['status' => 1, 'msg' => '最低充值金额1元'\];
        }
        if($totalAmount > 9999999){
            return \['status' => 1, 'msg' => '充值最大金额不能超过9999999元'\];
        }


        // (不推荐使用) 订单可打折金额，可以配合商家平台配置折扣活动，如果订单部分商品参与打折，可以将部分商品总价填写至此字段，默认全部商品可打折
        // 如果该值未传入,但传入了【订单总金额】,【不可打折金额】 则该值默认为【订单总金额】- 【不可打折金额】
        //String discountableAmount = "1.00"; //

        // (可选) 订单不可打折金额，可以配合商家平台配置折扣活动，如果酒水不参与打折，则将对应金额填写至此字段
        // 如果该值未传入,但传入了【订单总金额】,【打折金额】,则该值默认为【订单总金额】-【打折金额】
        // $undiscountableAmount = "0.01";

        // 卖家支付宝账号ID，用于支持一个签约账号下支持打款到不同的收款账号，(打款到sellerId对应的支付宝账号)
        // 如果该字段为空，则默认为与支付宝签约的商户的PID，也就是appid对应的PID
        //$sellerId = "";

        // 订单描述，可以对交易或商品进行一个详细地描述，比如填写"购买商品2件共15.00元"
        $body = "聚合平台用户积分充值" . $totalAmount . '元';

        //商户操作员编号，添加此参数可以为商户操作员做销售统计
        // $operatorId = "";

        // (可选) 商户门店编号，通过门店号和商家后台可以配置精准到门店的折扣信息，详询支付宝技术支持
        // $storeId = "";

        // 支付宝的店铺编号
        // $alipayStoreId= "";

        // 业务扩展参数，目前可添加由支付宝分配的系统商编号(通过setSysServiceProviderId方法)，系统商开发使用,详情请咨询支付宝技术支持
        // $providerId = ""; //系统商pid,作为系统商返佣数据提取的依据
        // $extendParams = new ExtendParams();
        // $extendParams->setSysServiceProviderId($providerId);
        // $extendParamsArr = $extendParams->getExtendParams();

        // 支付超时，线下扫码交易定义为5分钟
        $timeExpress = "5m";

        // 商品明细列表，需填写购买商品详细信息，
        // $goodsDetailList = array();

        // // 创建一个商品信息，参数含义分别为商品id（使用国标）、名称、单价（单位为分）、数量，如果需要添加商品类别，详见GoodsDetail
        // $goods1 = new GoodsDetail();
        // $goods1->setGoodsId("apple-01");
        // $goods1->setGoodsName("iphone");
        // $goods1->setPrice(3000);
        // $goods1->setQuantity(1);
        // //得到商品1明细数组
        // $goods1Arr = $goods1->getGoodsDetail();

        // // 继续创建并添加第一条商品信息，用户购买的产品为“xx牙刷”，单价为5.05元，购买了两件
        // $goods2 = new GoodsDetail();
        // $goods2->setGoodsId("apple-02");
        // $goods2->setGoodsName("ipad");
        // $goods2->setPrice(1000);
        // $goods2->setQuantity(1);
        // //得到商品1明细数组
        // $goods2Arr = $goods2->getGoodsDetail();

        // $goodsDetailList = array($goods1Arr,$goods2Arr);

        //第三方应用授权令牌,商户授权系统商开发模式下使用
        $appAuthToken = "";//根据真实值填写

        // 创建请求builder，设置请求参数
        $qrPayRequestBuilder = new AlipayTradePrecreateContentBuilder();
        $qrPayRequestBuilder->setOutTradeNo($outTradeNo);
        $qrPayRequestBuilder->setTotalAmount($totalAmount);
        $qrPayRequestBuilder->setTimeExpress($timeExpress);
        $qrPayRequestBuilder->setSubject($subject);
        $qrPayRequestBuilder->setBody($body);
        // $qrPayRequestBuilder->setUndiscountableAmount($undiscountableAmount);
        // $qrPayRequestBuilder->setExtendParams($extendParamsArr);
        // $qrPayRequestBuilder->setGoodsDetailList($goodsDetailList);
        // $qrPayRequestBuilder->setStoreId($storeId);
        // $qrPayRequestBuilder->setOperatorId($operatorId);
        // $qrPayRequestBuilder->setAlipayStoreId($alipayStoreId);

        $qrPayRequestBuilder->setAppAuthToken($appAuthToken);


        // 调用qrPay方法获取当面付应答
        require ROOT\_PATH.'extend/f2fpay/config/config.php';
        $qrPay = new AlipayTradeService($config);
        $qrPayResult = $qrPay->qrPay($qrPayRequestBuilder);

        //  根据状态值进行业务处理
        switch ($qrPayResult->getTradeStatus()){
            case "SUCCESS":
                $response = $qrPayResult->getResponse();

                Db::name('order')
                    ->insert(\[
                        'uid' => $uid,
                        'pay\_id' => $outTradeNo,
                        'money' => $totalAmount,
                        'creat\_time' => time(),
                        'subject' => $subject
                    \]);

                return \['status' => 0, 'msg' => '支付宝创建订单二维码成功!!!"','data' => \[
                    'qr\_code' => $response->qr\_code,
                    'outTradeNo' => $outTradeNo
                \]\];
                // $qrcode = $qrPay->create\_erweima($response->qr\_code);
                // echo $qrcode;
                // print\_r($response);
                break;
            case "FAILED":
                return \['status' => 1, 'msg' => '支付宝创建订单二维码失败!!!"'\];
                // if(!empty($qrPayResult->getResponse())){
                //     print\_r($qrPayResult->getResponse());
                // }
                break;
            case "UNKNOWN":
                return \['status' => 1, 'msg' => '系统异常，状态未知!!!"'\];
                // echo "系统异常，状态未知!!!"."<br>--------------------------<br>";
                // if(!empty($qrPayResult->getResponse())){
                //     print\_r($qrPayResult->getResponse());
                // }
                break;
            default:
                return \['status' => 1, 'msg' => '不支持的返回状态，创建订单二维码返回异常!!!'\];
                break;
        }
        return ;
    }


}

以上が当面付の事前注文コードです。このSDKについては、どうしても文句を言いたいです。誰が書いたデモなのか、PHPの例にlotusphpフレームワークを導入していて、大量の不要なものが含まれており、私たち開発者が受け入れられるかどうかを全く考慮していません。私も少し時間をかけてSDKを簡素化し、必要な部分だけを取り出して自分のフレームワークに組み込み、namespaceとオートロードを追加しました。 QRコード決済には独自の機能があります—-非同期通知です。これはオンライン決済で最も必要とされる機能でもあります。レジが事前注文リクエストAPIを呼び出してQRコードを生成しユーザーに表示した後、ユーザーが携帯電話でQRコードをスキャンして支払いを行うと、Alipayは当該注文の変更情報を、加盟店が事前注文リクエストを呼び出した際に渡した非同期通知アドレス notify_url に沿って、POSTリクエストの形式で支払い結果をパラメータとして加盟店システムに通知します。この非同期通知アドレスは、アプリケーション側で設定する必要があることを覚えておいてください。

ESP8266 シリアル WiFi モジュール - WiFi キラー

Mon, 03 Feb 2020 06:59:55 +0000

私はしばらく前に ESP8266 を購入し、それで遊ぶつもりでした。実際には数カ月間停滞し、その後2020年まで延期された。 ESP8266 は、幅広い実用的なアプリケーションを備えた WiFi モノのインターネットモジュールです。簡単に言えば、その機能は次のとおりです。Wi-Fi からデータを受信し、シリアルポート経由で出力します。シリアルポートからデータを受信し、Wi-Fi経由でデータを出力します。

このものの技術は成熟しており、コストが低いため、価格はわずか数十元です。開封ここで買ったのは有機EL液晶画面付きパッケージ（将来のお楽しみに備えて）最も古典的なのは WiFi キラーです。それでは、まずお楽しみとして WiFi キラーのファームウェアをフラッシュしてみましょう。ファームウェア: https://github.com/samdenty/Wi-PWN?wi-pwn=7.0 原理は、認証解除メッセージを送信して、ルーター自体を切断する必要があるとクライアントに認識させ、Wi-Fi から切断することです。偽造ルーターは認証解除メッセージをクライアントに送信し、クライアントが Wi-Fi から積極的に切断されるようにします。また、カスタムホットスポットフォージェリ (偽の Wi-Fi 信号をバッチで生成する) もサポートしています。

パソコンとの接続には、データ通信が可能なデータケーブルを使用してください。デスクトップコンピュータを背面ポートに接続してみます。接続後、Windows システムコンピュータは、下の図に示すように、ドライバを自動的にインストールします。この COM を覚えておいてください。また、ch341ser ドライバーと、USB 用の WINDOWS ドライバーインストールパッケージをシリアルポート CH341/CH340 にインストールする必要があります。プロンプトに従ってインストールするだけです。これは別途ダウンロードする必要があります

ファームウェアの書き込みここで使用するのは、NodeMcu FIRMWARE PROGRAMMER 書き込みツールです。

ここの COM ポートとして、前に見たものを選択します。または、デバイスマネージャーで ESP8266 開発ボードがどのポートに接続されているかを確認してください。
config でファームウェアアドレスを選択し、その他はデフォルトで変更しないままにします。
詳細 - ボーレートボーレートは、開発ボードの裏面に書かれている内容によって異なります。写真の通り、丸で囲った部分が設定後、フラッシュ (F) キーをクリックして書き込みを開始します。このプロセスには時間がかかる場合がありますので、そのままお待ちください。

書き込みが完了したら、一度抜き差ししてください。書き込みが成功すると、wi-pwn という名前のパブリック WiFi が表示されます。リンク後、ブラウザーでこの背景 http://192.168.4.1/ が開き、ガイダンスに従ってください。
ここで WiFi をバッチで偽造する方法を説明しましょう。「Beacom」をクリックして作業を開始します。動作ステータス、実行中、青色のインジケータライトが点滅して点灯したままなぜ長い間携帯電話でいくつかしか検索できないのかわかりません。他にもたくさんの機能があるので、一つずつ試していくつもりはありません。要約: 要約するものは何もありません。私も初めてのプレイです。プレイの全プロセスを記録し、私の経験を共有します。
今回は他人が書いたファームウェアを使用しました。次回は私が自分で書く番です。

美しすぎるAlibaba Cloud画像ホスティングツール

Sun, 12 Jan 2020 08:42:16 +0000

一度サボると気持ちいい、ずっとサボればずっと気持ちいい。うっかりまた一ヶ月も更新をサボってしまい、元旦にさえ顔を出すこともなく、お恥ずかしい限りです。
その埋め合わせとして、今日の週末にAlibaba画像アップローダーを一つ公開します。

以前のプログラムは多くの方からインストールが難しいと言われましたが、今回のAlibaba画像アップローダーは非常にシンプルです。サーバーにアップロードしてアクセスするだけで利用でき、設定は一切不要。本当にこれだけです。（決して手抜きで何も書いていないわけではありません）
インターフェースをご覧ください。とても美しいでしょう？

非常にシンプルなため、今のところデモサイトはありません。もし設置が完了した方がいらっしゃれば、下部のコメント欄にご自身のアップローダーのURLを投稿して、他の方々の参考にしていただけると幸いです。
プロジェクトページ

ここ数日で新しいロゴに変更しました。これもまた綺麗でしょう？（会社のPhotoshopの達人にお願いして作ってもらいました）
幻想領域画像アップローダーも認証コードを導入しました。皆さん、不適切な画像をアップロードしないようにお願いしますね。

最後に
遅くなってしまいましたが、それでも言わせてください。皆様の新しい一年が、楽しく幸せなものでありますように！

小愛スピーカーユニバーサルリモコン版

Wed, 20 Nov 2019 14:11:38 +0000

またしてもXiaomi製品です。今回開封するのは、Xiaomiスピーカーの万能リモコン版。従来の家電をあっという間にスマートホーム化させます。開封。想像していたよりずっと小さいです。新発売のXiaomi AIスピーカーHDはかなり大きいですが、Xiaomiストアで抱えてみたことがあります(〃’▽’〃) パッケージ内容：本体＋電源アダプター＋データケーブル＋取扱説明書下の周りにあるのは本物の穴です。最初は写真で見たとき、ただの模様だと思っていました。内部の中央には、円錐形のダブルピラミッドのようなものがあります。分かりやすく言うと、コマみたいな感じでしょうか。マイクミュートボタン（上）は10秒長押しで工場出荷時設定にリセット、音量+/-ボタン（左右）、一時停止/再生ボタンは長押しで設定モードに入ります。次に、Mi AIスピーカーアプリをダウンロードして、一連の設定を行います。 QQ Musicが内蔵されていますが、管理はできず、QQ Music上で行う必要があります。これで、遊べるようになります。

お使いの小愛同学に「自爆モード起動」と言うと、新しいスキルをゲットできます（注意！！）

また、一つ厄介な設定というかバグがあります。Bluetoothに接続して設定すると、ネットに繋がらなくなるのです。（意味不明？？）

感熱ブルートゥースプリンター開発

Tue, 05 Nov 2019 14:49:50 +0000

最近、レシート印刷の作業をしており、プロジェクトの要件としてiOSとAndroidの両方で実装する必要がありました。最初は全く分からず、インターネットで多くの資料を探し、たくさんの落とし穴にはまり、多くの記事を読みましたが、結果的にはうまくいきました。 Bluetoothプリンターは一般的に、レシート印刷とラベル印刷の2種類の印刷モードに分けられます。

会社が購入した粗悪なプリンターには開発ドキュメントすらなく、多くの落とし穴にはまる羽目になりました。開発担当者に購入時に相談してくれればよかったのに。現在、WeChatミニプログラムでBluetoothプリンターに接続する wx.createBLEConnection は、iOSデバイスでは問題なく動作しますが、一部のAndroidスマートフォンでは異常が発生します（接続時にシステムペアリングボックスがポップアップ表示され、キャンセルをタップしても、ペアリングコードを入力して確定をタップしても、すぐに接続が切断されます。入力もキャンセルもしない場合、30秒以内にBluetoothプリンターから自動的に切断されます）。

現在採用している方法は、AndroidとiOSそれぞれにBluetooth印刷コマンドのセットを作成することです。 IOS

// ====================蓝牙操作==================  //初始化蓝牙模块
openBluetoothAdapter() {

    if (app.sysinfo.provider == 1) {
        // 开启蓝牙
        app.onBluetooth()
        setTimeout(() => {
            this.android_search()
        }, 2000)
        return false;
    }


    this.closeBluetoothAdapter()
    uni.openBluetoothAdapter({
        success: (res) => {
            console.log("初始化蓝牙模块: " + JSON.stringify(res));
            this.startBluetoothDevicesDiscovery()
        },
        fail: (res) => {
            if (res.errCode === 10001) {
                uni.onBluetoothAdapterStateChange((res) => {
                    console.log('监听蓝牙适配器状态变化事件', res)
                    if (res.available == false) {
                        app.global_printing = {}
                        this.connected = false
                        this.chs = []
                        this.canWrite = false
                    }
                    if (res.available) {
                        this.startBluetoothDevicesDiscovery()
                    }
                })
            }
            if (res.errCode) {
                app.alert('初始化蓝牙失败，错误码：' + res.errCode)
                return false;
            }
            app.alert(res.errMsg)
        }
    })
},

//获取本机蓝牙适配器状态
getBluetoothAdapterState() {
    uni.getBluetoothAdapterState({
        success: (res) => {
            console.log('获取本机蓝牙适配器状态。', JSON.stringify(res))
            if (res.discovering) {
                this.onBluetoothDeviceFound()
            } else if (res.available) {
                this.startBluetoothDevicesDiscovery()
            }
        },
        fail: (res) => {
            console.log('error:获取本机蓝牙适配器状态失败', JSON.stringify(res))
            setTimeout(() => {
                this.getBluetoothAdapterState()
            }, 500)
        }
    })
},

//开始搜寻附近的蓝牙外围设备
startBluetoothDevicesDiscovery() {
    console.log(this.discoveryStarted);
    if (this.discoveryStarted) {
        return
    }
    console.log('开始搜索蓝牙设备');
    this.discoveryStarted = true
    this.onBluetoothDeviceFound()
    setTimeout(() => {
        uni.startBluetoothDevicesDiscovery({
            allowDuplicatesKey: true,
            success: (res) => {
                console.log('startBluetoothDevicesDiscovery success', JSON.stringify(
                    res))
            },
            fail: (res) => {
                if (res.errCode == '10001') {
                    app.alert('当前蓝牙适配器不可用')
                } else {
                    app.alert('搜索蓝牙失败,状态码：' + res.errCode)
                }
            }
        })
    }, 500)

},

// 停止搜索
stopBluetoothDevicesDiscovery() {
    uni.stopBluetoothDevicesDiscovery()
    this.discoveryStarted = false
},

//寻找到新设备的事件的回调函数
onBluetoothDeviceFound() {
    console.log('寻找到新设备的事件的回调函数');
    uni.onBluetoothDeviceFound((res) => {
        console.log(res);
        res.devices.forEach(device => {
            if (!device.name && !device.localName) {
                return
            }
            const foundDevices = this.devices
            const idx = this.inArray(foundDevices, 'deviceId', device.deviceId)
            if (idx === -1) {
                this.devices.push(device)
            } else {
                this.devices[idx] = device
            }

        })
    })
},


//连接低功耗蓝牙设备
createBLEConnection(e) {
    uni.showLoading({
        title: '设备连接中',
        mask: true
    });

    const ds = e.currentTarget.dataset
    const deviceId = ds.deviceId
    const name = ds.name

    if (app.sysinfo.provider == 1) {
        if (ds.pair !== true) {
            this.android_search(deviceId)
        } else {
            console.log('已配对')
        }

        var device = null,
            BAdapter = null,
            BluetoothAdapter = null,
            uuid = null,
            main = null,
            bluetoothSocket = null;

        var mac_address = deviceId

        var main = plus.android.runtimeMainActivity();
        BluetoothAdapter = plus.android.importClass("android.bluetooth.BluetoothAdapter");
        var UUID = plus.android.importClass("java.util.UUID");
        uuid = UUID.fromString("00001101-0000-1000-8000-00805F9B34FB");
        BAdapter = BluetoothAdapter.getDefaultAdapter();
        device = BAdapter.getRemoteDevice(mac_address);
        plus.android.importClass(device);
        bluetoothSocket = device.createInsecureRfcommSocketToServiceRecord(uuid);
        plus.android.importClass(bluetoothSocket);

        if (!bluetoothSocket.isConnected()) {
            console.log('检测到设备未连接，尝试连接....');
            bluetoothSocket.connect();
        }

        this.connected = true
        this.name = name
        this.deviceId = deviceId
        this.canWrite = true
        app.global_printing = {
            name: name,
            deviceId: deviceId
        }

        app.saveData1('global_printing', app.global_printing)

        uni.hideLoading();
        return false;
    }

    uni.createBLEConnection({
        deviceId,
        success: (res) => {
            this.connected = true
            this.name = name
            this.deviceId = deviceId
            app.global_printing = {
                name: name,
                deviceId: deviceId
            }
            this.onBLEConnectionStateChange()
            // 防止获取失败
            setTimeout(() => {
                this.getBLEDeviceServices(deviceId)
            }, 1000)
        },
        fail: (res) => {
            uni.hideLoading();
            app.Toast('设备连接失败')
            console.log("蓝牙连接失败:", res);
        }
    })
    this.stopBluetoothDevicesDiscovery()
},

//获取蓝牙设备所有服务(service)
getBLEDeviceServices(deviceId) {
    uni.getBLEDeviceServices({
        deviceId,
        success: (res) => {
            console.log("获取蓝牙服务成功：" + JSON.stringify(res))
            if (res.services.length == 0) {
                uni.hideLoading();
                app.alert('没有获取到蓝牙服务，无法打印001')
                app.global_printing = {}
                return false
            }
            for (let i = 0; i < res.services.length; i++) {
                if (res.services[i].isPrimary) {
                    this.getBLEDeviceCharacteristics(deviceId, res.services[i].uuid)
                    return
                }
            }
        },
        fail: (res) => {
            setTimeout(() => {
                this.getBLEDeviceServices(deviceId)
            }, 500)
            console.log("获取蓝牙服务失败：" + JSON.stringify(res))
        }
    })
},


//获取蓝牙设备某个服务中所有特征值(characteristic)
getBLEDeviceCharacteristics(deviceId, serviceId) {
    console.log('获取蓝牙设备某个服务中所有特征值', deviceId, serviceId)
    uni.getBLEDeviceCharacteristics({
        deviceId,
        serviceId,
        success: (res) => {
            console.log('获取蓝牙设备某个服务中所有特征值 success', JSON.stringify(res))
            uni.hideLoading();
            if (res.characteristics.length == 0) {
                app.alert('没有获取到蓝牙服务，无法打印002')
                app.global_printing = {}
                return false
            }
            for (let i = 0; i < res.characteristics.length; i++) {
                let item = res.characteristics[i]
                if (item.properties.read) {
                    uni.readBLECharacteristicValue({
                        deviceId,
                        serviceId,
                        characteristicId: item.uuid,
                    })
                }
                if (item.properties.write) {
                    this.canWrite = true
                    app.global_printing._deviceId = deviceId
                    app.global_printing._serviceId = serviceId
                    app.global_printing._characteristicId = item.uuid

                    app.saveData1('global_printing', app.global_printing)

                    //this.writeBLECharacteristicValue()
                }
                if (item.properties.notify || item.properties.indicate) {
                    uni.notifyBLECharacteristicValueChange({
                        deviceId,
                        serviceId,
                        characteristicId: item.uuid,
                        state: true,
                    })
                }
            }
        },
        fail(res) {
            console.error('获取特征值失败：', res)
        }
    })

    // 操作之前先监听，保证第一时间获取数据
    uni.onBLECharacteristicValueChange((characteristic) => {
        console.log(this.data.chs);
        const idx = this.inArray(this.data.chs, 'uuid', characteristic.characteristicId)
        const data = {}
        if (idx === -1) {
            this.chs[this.data.chs.length] = {
                uuid: characteristic.characteristicId,
                value: ab2hex(characteristic.value)
            }
        } else {
            this.chs[idx] = {
                uuid: characteristic.characteristicId,
                value: ab2hex(characteristic.value)
            }
        }

    })
},

onBLEConnectionStateChange() {
    uni.onBLEConnectionStateChange((res) => {
        // 该方法回调中可以用于处理连接意外断开等异常情况
        console.log(`蓝牙连接状态改变device ${res.deviceId} state has changed, connected: ${res.connected}`)
        if (res.connected == false) {
            app.global_printing = {}
            this.connected = false
            this.chs = []
            this.canWrite = false
        }
    })
},


//断开与低功耗蓝牙设备的连接
closeBLEConnection() {
    app.global_printing = {}
    uni.closeBLEConnection({
        deviceId: this.deviceId
    })
    this.connected = false
    this.chs = []
    this.canWrite = false
},

//关闭蓝牙模块
closeBluetoothAdapter() {
    app.global_printing = {}
    uni.closeBluetoothAdapter()
    this.discoveryStarted = false
},

//发送数据
sendStr(bufferstr, success, fail) {
    var that = this;
    uni.writeBLECharacteristicValue({
        deviceId: app.global_printing._deviceId,
        serviceId: app.global_printing._serviceId,
        characteristicId: app.global_printing._characteristicId,
        value: bufferstr,
        success: function(res) {
            success(res);
            console.log('发送的数据：' + bufferstr)
            // console.log('message发送成功')
        },
        fail: function(res) {
            fail(res)
            console.log("数据发送失败:" + JSON.stringify(res))
        },
        complete: function(res) {
            // console.log("发送完成:" + JSON.stringify(res))
        }
    })
},


//遍历发送数据
printCode(arr) {
    var that = this;
    if (arr.length > 0) {
        this.sendStr(arr[0], function(success) {
            arr.shift();
            that.printCode(arr);
        }, function(error) {
            app.alert('打印失败，错误码：' + error.errCode)
            app.printing_status = false
            console.log(error);
        });
        return false;
    }

    setTimeout(function() {
        app.printing_status = false
        console.log('打印结束');
    }, 1000);
},

Android 比較的シンプルで便利です。Native.jsを使用してNative Javaインターフェースチャネルを直接呼び出し、plus.androidを介してAndroidネイティブシステムAPIを呼び出します。ネイティブAndroidドキュメント https://developer.android.google.cn/reference/android/bluetooth/BluetoothAdapter?hl=en

サボっていた主が、新版の三合一を持って帰ってきました。

Sun, 04 Aug 2019 01:42:18 +0000

5月20日の告白以来、ハト主は行方不明の状態が続いていました……. 何ヶ月ぶりか分かりませんが、三合一がまた更新されました。2ヶ月前にグループで立てた目標を、今日達成しました。間の2ヶ月間何をしていたかは聞かないでください-.-（大規模なハトの集会に参加するのに忙しかった）

正文

ネットワーク認識が頻繁にダウンし、非常に不安定であるというフィードバックを多くの仲間から受けていたため、今回特別にローカル認識を更新しました。 1G以上のメモリを搭載したマシンへのインストールを推奨します。推奨構成は2コア2G、最適構成は16コア32Gです [#手動顔文字]

v2.0

ローカルQRコード認識と生成を追加
ネットワーク認識インターフェースを削除
既知のバグを修正
その他のいくつかの詳細な最適化

詳細な説明とインストールチュートリアルは、こちらをクリックして以前のバージョンをご覧ください。新しいバージョンのウェブサイトはすべて古いバージョンのデータを保持しており、以前のユーザーの使用には影響せず、スポンサー版のデータとも同期されています。

スポンサー版

旧バージョンの海賊版が横行していたため、新版の三合一にはスポンサー版が追加されました。デモサイト：https://qr.moeins.cn

スポンサー版の主な特徴：

QRコードの認識と生成を最適化し、認識精度を大幅に向上させ、認識速度を高速化し、CPUとメモリを占有せず、より安定しています。
21種類の三合一生成テンプレートを新規追加し、無限拡張をサポートします。追加チュートリアルは文末にあります。
外部APIインターフェースを新規追加しました。このプログラムに限定されず、どのプログラムからでも呼び出し可能です。

入手方法：こちらをクリックして18.88元以上をプロジェクトに寄付すると、決済コード三合一のスポンサー限定版を入手できます。ぜひお試しください！

スポンサー版に関するいくつかの小さな説明（これまでは特に説明していませんでした）これまでのところ、私のすべてのスポンサー版プロジェクトはドメインに縛られず、暗号化されておらず、自由に拡張でき、二次開発をサポートしており、スポンサー金額も低く設定されています。そのため、スポンサーしてくださった方々は、入手したソースコードを安易に共有しないようお願いいたします。これは作者への敬意であり、ご自身の権利の保護でもあります。売買関係ではないため、重大なバグがない限り、作者は不定期に更新するか、無期限に更新を延期する場合があります。小さな問題が発生した場合、作者が空いている時間であれば指導や修正を手伝う用意がありますが、大規模な新機能の追加といった場合には、協力を拒否するか、別途料金をいただく権利があります。

スポンサー版テンプレート拡張チュートリアル

テンプレートの推奨サイズは：900*1200

テンプレート画像を/public/static/images/template/テンプレートディレクトリに配置します。注意点として、中国語名を使用せず、jpg拡張子のみをサポートします。
ルートディレクトリのconfig.phpにあるqr_template項目に関連データを以下のような形式で設定します。
```
'001' => [
	'name' => '默认模板',
	'data' => [
		150,200
	],
	'title' => true,
	'size' => 20
]
```

パラメータ説明

名称	変数名	必須	型	例	説明
テンプレートID	なし	はい	int	001	テンプレートのファイル名。数字を推奨し、重複不可。
エイリアス	name	はい	string	デフォルトテンプレート	フロントエンドに表示されるテンプレートのエイリアス
X,Y	data	はい	array	[150,200]	QRコード生成の左上隅の開始X（横座標）、Y（縦座標）座標。負の値は不可で、テンプレートサイズより小さいこと。
テンプレートタイトル	title	いいえ	bool	false	テンプレートタイトルを有効にするかどうか。テンプレートがサポートしている場合（デフォルトテンプレートなど）に使用。空でも可。
サイズ	size	いいえ	int	20	QRコードの生成サイズ。デフォルトは20。空でも可。

はい、とても簡単です！

ミニプログラムアーキテクチャ

Fri, 17 May 2019 06:59:47 +0000

皆さんがミニプログラムをどのように書いているかは分かりませんが、数ヶ月前にWeChatミニプログラムを書いていた時、自分で考えたアーキテクチャ、あるいはフレームワークと呼べるものがあります。 WeChatネイティブのアーキテクチャは次のようになっています。

├── app.js ├── app.json ├── app.wxss ├── pages │ │── index │ │ ├── index.wxml │ │ ├── index.js │ │ ├── index.json │ │ └── index.wxss │ └── logs │ ├── logs.wxml │ └── logs.js └── utils

なぜWeChatネイティブの書き方を使わないのか？ミニプログラムはスマホアプリに似ていて、tabBarがありますよね。WeChat公式のtabBarはapp.jsonでグローバルに設定されます。一般的な開発では何の問題もありませんが、複雑なtabBarを実装する場合、公式のネイティブな方法では実現できず、動的に読み込むこともできません。例えば、ある動画アプリの中央にある撮影・録画機能のようなものです。これは、公式が提供するtabBarを使えず、自作する必要があることを意味します。最初の私のアプローチは、ネイティブの構造を維持しつつ、tabBarだけを自作するというものでした。そのため、ページのコードはすべて1つのファイルに書き、デフォルトで最初の画面を表示し、他は非表示にします。ページを切り替える際に、対応するページを表示し、他を非表示にして、データを動的にレンダリングします。しかし、これには問題がありました。小規模なプロジェクトなら大した問題はありませんが、大規模なプロジェクトでコード量が膨大になると、すべてを1つのファイルに書くのは後のメンテナンスが困難になります。そのため、この方法は最終的に却下されました。

その後、ページの切り替え方法を（wx.switchTabなどを使った）画面遷移に変更し、異なるページのコードを別々のファイルに分けました。しかし、まだ問題がありました。切り替え時に画面がちらつくのです。ページを切り替えるたびに、まるで新しいウェブページを開くかのように、tabBarが再レンダリングされるため、ちらつきが発生します。これも却下です。

そこで、現在の全く新しいアーキテクチャ方式が生まれました： /pages/index/以下のファイルをすべてエントリーファイル（JSエントリー、CSSエントリー、ビューエントリー）として定義します。異なるページのファイルは、管理しやすいように、やはり別の場所に置きます。新しくtemplateというフォルダを作成し、異なるページ間のコードを格納します。その構造は公式の単一ページの構造と同じです。ルートディレクトリのapp.jsはグローバル関数を格納するために使用し、他のページからはgetApp()で呼び出すだけです。 JSのエントリーファイル

const app = getApp();
var index_js = require("../../template/index/index.js");
var types_js = require("../../template/types/types.js");
var Global_Data = [];
Page({
    data: {
        active: 0,
        show: {
            index: true,
            types: false,
            course: false,
            user: false
        }
    },

    onLoad(options) {
        this.setData({
            Global_Data: index_js.getData()
        })
    },

    // 下部ナビゲーションの切り替え
    tabbar_onChange(event) {
        var key = '';
        this.data.show = {
            index: false,
            types: false,
            course: false,
            user: false
        };
        console.log(event)
        switch (event.detail) {
            case 0:
                key = 'index';
                Global_Data = index_js.getData();
                break;
            case 1:
                key = 'types';
                Global_Data = types_js.getData()
                break;
            case 2:
                key = 'course';
                Global_Data = index_js.getData();
                break;
            case 3:
                key = 'user';
                Global_Data = index_js.getData();
                break;
        }
        this.data.show[key] = true;
        console.log(Global_Data)
        this.setData({
            show: this.data.show,
            Global_Data: Global_Data
        })
    },
});

wxmlエントリーファイル

よく使われる機能のクエリSQL

Wed, 10 Apr 2019 09:33:11 +0000

1、シーン：ある選手のランキングと、1つ上の順位の選手との票差をクエリする
方法2（重複を除外してソートし、自分より票の少ない数をクエリする）

$temp = DB::fetch_first(“SELECT distinct total+jewel_vote+forge_vote ,COUNT(*)+1 AS RANK FROM " . DB::table(‘vote_competition’) .” WHERE total+jewel_vote+forge_vote>" . $competition[‘all’] . " and aid={$aid} ORDER by forge_vote desc"); $rank = $temp[‘RANK’]; 1つ上の順位の選手の票数を直接クエリすることはできない if ($temp[’total+jewel_vote+forge_vote’]) { //ここでクエリされるのは1位の選手との票差です $up = $temp[’total+jewel_vote+forge_vote’]-$competition[‘all’]; }

方法1（変数を定義して累加ソート）

$temp = DB::fetch_all(“SELECT a.cid,a.total,a.forge_vote,a.jewel_vote,(@rowNum:=@rowNum+1) AS rank FROM pre_vote_competition AS a, (SELECT (@rowNum :=0) ) b WHERE aid={$aid} ORDER BY (a.total+a.forge_vote+a.jewel_vote) DESC “); foreach ($temp as $key => $value) { if ($value[‘cid’] == $cid) { //現在の自分のランキング $rank = $value[‘rank’]; if ($up) { $up = $up - ($value[’total’] + $value[‘forge_vote’] + $value[‘jewel_vote’]); } break; } //1つ上の順位の選手との票差 $up = $value[’total’] + $value[‘forge_vote’] + $value[‘jewel_vote’]; }

WeChat JSAPI 決済

Sat, 30 Mar 2019 09:30:21 +0000

以前からWeChat関連の業務を行っていましたが、新しい技術ではないものの、これまで触れる機会がなく、いくつかの落とし穴にはまりました。そこで、時間を取って整理し、記録しておきます。 WeChat Payは全部で7種類あり、それぞれ：支払いコード決済、JSAPI決済、Native決済、APP決済、H5決済、ミニプログラム決済、顔認証決済です。今回の業務で使用したのはWeChat JSAPI決済です。ユーザーがWeChatスキャン、公式アカウントのフォローなどの方法で販売者のH5ページに入り、WeChat内でJSSDKを呼び出して支払いを完了します。

ドキュメント：https://pay.weixin.qq.com/wiki/doc/api/index.html

SDK：[https://pay.weixin.qq.com/wiki/doc/api/micropay.php?chapter=11_1

](https://pay.weixin.qq.com/wiki/doc/api/micropay.php?chapter=11_1)JSAPI決済は、WeChat内のブラウザで開くことでWeChat Payを起動できます。効果は以下の図の通りです。インターフェースコードを添付します。コードではテンプレートエンジンを使用しています。 html：

JavaScript：

// 投票 var offset = {$activity[‘offset’]}; $(’#tips’).html(‘正在给{$competition[‘code’]}号赠送{$prices[0]}钻=’+({$prices[0]}*offset)+‘票’); $(’#vote’).click(function(){ $.post(’/index/index/detailed.html?cid={$cid}&aid={$aid}’,{ formhash :’{FORMHASH}’, submit:‘1’, type:1, openid:’{$_G[‘member’][‘openid’]}’ },function(res){ alert(res.msg); if (res.code == 0) { $(’.box-1 span’).text(res.data.all); $(’.box-2 span’).text(res.data.rank); $(’.box-3 span’).text(res.data.up + ‘票’); } }); }) /* jQuery对象级别プラグイン拡張 */ $.fn.extend({ /* 単選框 */ hlRadio:function () { var radioEl=$(this); radioEl.click(function () { var price = 0; price = $(‘input:radio:checked’).val(); $(’#price’).val(’’); $(’#tips’).html(‘正在给{$competition[‘code’]}号赠送’+price+‘钻=’+(price*offset)+‘票’); radioEl.siblings(“div”).removeClass(“active”); $(this).siblings(“div”).addClass(“active”); }); }, }); $(“input[name=‘price’]”).hlRadio(); $(’#price’).bind(‘input propertychange’, function(){ var price = 0; price = $(’#price’).val(); $(’#tips’).html(‘正在给{$competition[‘code’]}号赠送’+price+‘钻=’+(price*offset)+‘票’); })

大金持ちになれると思ったが、そうはならなかった。

Wed, 02 Jan 2019 11:05:50 +0000

2018年ももう終わりを迎えました
大金持ちになるという願いは叶わず
さらに悲惨なことに、年次大作を完成させなければなりません

――年末総括

そういえば、この世にはもともと年末総括なんてありませんでした
KPIができてからというもの
尽きることのない恨みつらみが生まれました

以下、本文です

記事アーカイブでは、すべての記事と投稿日時をはっきりと確認できます。2018年は毎月記事を投稿し、ほぼ毎日チェックしに来ていました。

振り返り

1月：初めての自作ブログシステムを開発
2月：初めてのフィギュア（嫁）を購入
3月：幻想領域画像アップローダーの初版をリリース
4月：幻想領域画像アップローダーの正式版を更新、emlogの新浪（Sina）プラグインを統合
5月：萌音カード販売プラットフォームをローンチ
6月：長らく放置していたプレイリストを修正
7月：わー、萌音コミュニティが登場
8月：三位一体決済コードをリリース
9月：萌音映像サイトをローンチ
10月：3回目のプログラマーの日（1024）を過ごす
11月：Xiaomiのノートパソコンを購入＆萌音クラウドノートをリリース
12月：遠くへ旅立ったが、二次元だけは諦められない

2019年

2019年は、忙しく、学び、そして成長する一年になるでしょう。年始の抱負は裏切らず、今年は大小さまざまなプロジェクトを数多くこなし、多くのことを学びました。初めてのQQグループを作り、私を愛してくれる仲間たちと出会いました。

今年もまたまたブログの定時投稿を忘れてしまいましたが、去年のような賢(厚)い(顔)で投稿時間を修正するようなことはもうしません。過ぎ去った時間は、畢竟戻ってこないのですから。
この2ヶ月で学んだことは、萌音クラウドノートに記録しており、ブログには投稿していません。興味のある方はぜひご覧ください。一体何があったのか、以前は1、2ヶ月かけてプロジェクトを一つ生み出していましたが、今では週に一つ作り上げています。これはただの愚痴で、不満ではありません。
去年の抱負は敬業福（去年来てくれた方ならご存知のはず）に書いたのですが、今年もそれを掲げようと思ったら、ソースコードが遥か彼方にあることに気づき、諦めました。まあ、ブログを一本投稿すればいいだけのことです。
この2ヶ月で、C、C++、Java、node.jsにも入門し、discuzのプラグイン＆テンプレート、Baidu＆WeChatのミニプログラム、公式アカウントなどにも手を出しました……
2019年も引き続き頑張ります….

萌音影视 - オンライン動画アプリ

Tue, 25 Sep 2018 07:41:02 +0000

ブログ | デモサイト | QQグループ | GitHub

洗練されたLaravelフレームワークと、全然可愛くないMeizi UIに基づいたオンライン動画アプリケーション

作者より

オンライン動画サイトはどこにでも溢れていますが、それは私が自分で一つ書くことを妨げるものではありません。こうすれば、後で自分でアニメを見るのも便利になりますし、結局、自分で手を動かしてこそ豊かになれるものです。さらに新しい知識も学べるのですから、なんと素晴らしいことでしょう。

ページデザインは一部のウェブサイトを参考にしました。動画リソースはすべてインターネットからのものです。もし著作権侵害がありましたら、速やかにご連絡ください。

一緒にあのうんざりする60秒広告を捨てましょう〜

データベースなし、バックエンドモードなし、設定ファイルは一つだけ(config/web.php)
広告なし、VIP解析をサポート、公式ソース、高速、多チャンネル、多カテゴリ

To-do:

- 独立したチャンネルホームページ
- テレビ局ライブ配信
- 複数の解析インターフェース
- 追加予定…

スポンサー限定版

これはデュアルバージョンアプリケーションです。つまり、2つの異なるバージョンがあります。スポンサー版は通常版を最適化したもので、機能とパフォーマンスが大幅に向上し、実行速度が大幅に向上し、優先的な更新が維持されます。

さて、問題です。スポンサー限定版はどのように入手できますか？

ここまたはここでプロジェクトに58元以上を寄付することで入手できます。

もちろん、もしプロジェクトがあなたのお役に立てたなら、またはあなたが必要とするなら、私たちを支援することを選択できます。たとえわずかな金額でも、それは愛です。

オープンソースプロジェクトを書く人が利益のために書くことはないと思います。結局のところ、それはレンガ工場で一日レンガを運ぶよりも稼げないからです。

インストール要件

LNMP/AMP (PHP5.6+が必要)
curl、OpenSSL拡張機能
Composer

Composerによるメインプログラムのインストール

1. Composerを使用してmoeinsをインストール

$ composer create-project a-jue/moeins

#依存ライブラリのインストール後、インストールスクリプトが自動的に実行されます
#以下のプロンプトが表示されたらインストール完了です

> Illuminate\Foundation\ComposerScripts::postInstall
> php artisan optimize
Generating optimized class loader
The compiled services file has been removed.
> php artisan key:generate
Application key [base64:Hx0I9UUQg7OyIz8lpDYG6Y/gW1uxS760ERdWfGG2jyQ=] set successfully.

2. ディレクトリ権限

publicサブディレクトリを公開Webディレクトリとして設定します

3. URLリライト

Apacheサーバーの場合、プロジェクトディレクトリ内の.htaccessにはすでにリライトルールが設定されています。必要に応じて適宜修正してください。Nginxサーバーの場合、以下は参考となる設定です：

QQ、支付宝（アリペイ）、微信支付（WeChat）の3つの決済コードが1つに

Fri, 24 Aug 2018 06:23:20 +0000

Receive the money

ラ受け取りは、アリペイ、ウィーチャット、QQキャッシュコードの3つの統合システムです。

thinkPHP5.0 + MySQL + layuiで完成しました。

デモサイト：Paypal

プロジェクトアドレス: GitHub

序文

チュートリアルも既成のコードも、インターネット上ではほとんどどこにでもある。

QRコードのアップロード、QRコードの識別、3-in-one支払いコードの生成、プロセスサービスの完全なセットを含むセットという言葉の具体化です。

3 in 1の大部分は個人的な使用のためだけであり、お金ラのコレクションは、複数のユーザーに3 in 1のサービスを提供することができます。

しかし、それは背景を持っていない、2つの主な理由があります：

1.頻繁に表示したり、構成、構成、生涯使用を変更する必要はありません。

2.著者の怠惰な癌の攻撃（また、インストールウィザードの不在を促した）

3.あなたが本当にそれを必要とする場合は、後でそれについて話します

コード自体は比較的軽量で、フレームワークを使っているためにサイズが大きくなっている。

まあ、技術的な内容自体はなく、ほとんど使われない、人間の必要性に応じて書かれている、ちなみに、水水テキスト〜〜エスケープ（-）。

原則

3つのコードが1つになった領収書、とても魔法のように聞こえるし、感じるが、実際には、原理は非常に簡単です！

QRコードは、実際には一連の文字列を含む単なる画像である。アリペイであれWeChatの支払いコードであれ、基本的には支払いリンクを含むQRコードなのだ。つまり、アリペイの閲覧ページであればアリペイの決済リンクを、WeChatであればWeChatのリンクを……という具合だ。

そして、ここには「ユーザーエージェント」というナレッジポイントがあり、例えばウェブビューの大手メーカーは独自のUA情報を持っている：

QQ: MQQBrowser/6.2 TBS/043221 Safari/537.36 QQ/7.0.0.3135.

WeChat: MQQBrowser/6.2 TBS 043220 Safari/537.36 MicroMessenger/6.5.8.1060 NetType/4G Language/zh_CN.

Alipay: UCBrowser/11.5.0.939 UCBS/2.10.1.6 Mobile Safari/537.36 AliApp(AP/10.0.15.051805) AlipayClient/10.0.15.051805 Language/zh-Hans.

これでQQなのかWeChatなのかアリペイのスキャンなのか一目瞭然：

ユーザーエージェント`にQQ/が含まれている。

MicroMessengerを含むUser-AgentはWeChatです。

User-Agent` には AlipayClient が含まれています。

各ソフトウェアを区別できるので、URLを作成し、QRコード生成でURLをスキャンし、ブラウザのUAを判別して異なる決済コードを配信することができる。

大まかには以下のような流れになる：

クライアントがコードをスキャン → サーバが User-Agent によってクライアントの種類を判別 → 異なる処理を返す

これも注目に値する：

QQ: httpsプロトコルは、QQを起こすことができない。

アリペイ：httpsプロトコル、直接アリペイAPPを起動することができます。

世界はこんなに広い、私が連れて行ってあげる 123

Wed, 01 Aug 2018 06:09:21 +0000

賢い人にしかこの文章は見えないそうです。パスワードは記事タイトルの後ろにあります
人生は短く、世界は広い。
小飞机助手は、S*h·a·d·o·w·s·o·c·k·sをベースにしたVPNプロキシソフトウェアアシスタントです。複数のノードが内蔵されており、可用率は80%にも達します。ワンクリックでグレートファイアウォールを回避し、科学的なインターネットアクセスという目的を達成できます。

免責事項

とある月のない嵐の夜、プログラマーである某ブロガーは、資料検索や学習のために頻繁にインターネットを利用する必要がありました。しかし、国内のBaiduでは英語の検索結果が不十分なため、Googleを使う必要があります。そして、中国大陸ではGoogleに直接アクセスできないため、やむを得ず「梯子」（VPNなどの迂回ツール）を使い、グレートファイアウォールを乗り越えるしかありませんでした。

本ソフトウェアはフリーソフトです。無断で販売しないでください！
本ソフトウェアは学習と交流のみを目的としています。違法な用途には使用しないでください。
本ソフトウェアを使用したことによるいかなる行為も作者とは無関係であり、作者は一切の法的責任を負いません！

動作環境

.NET Framework 4.6.2 と Microsoft Visual C++ 2015 Redistributable (x86) のインストールが必要です。

基本的な使い方

小飞机助手をダブルクリックして実行すると、内蔵のS·h·a·d·o·w·s·o·c·k·sが自動的に展開されます（ウイルス対策ソフトにご注意ください）。
小飞机助手はデフォルトで高可用性モードを使用していますが、モードを切り替えたり、お好みのノードを選択したりすることもできます。
システムプロキシを有効にする を選択して、システムプロキシを有効にします。ブラウザのプロキシプラグインを無効にするか、システムプロキシを使用するように設定してください。

サーバーの自由な切り替え

負荷分散：サーバーをランダムに選択します。
高可用性：遅延とパケットロス率に基づいてサーバーを自動的に選択します。
累積パケットロス率：定期的なpingによって速度を測定し、選択します。この機能を使用するには、メニューの可用性を統計を有効にしてください。
IStrategyインターフェースを実装して切り替えルールをカスタマイズし、pull requestを送信することもできます。

現在のノードが利用できない場合は、ご自身でノードの切り替えをお試しください。

ウイルス対策ソフトがウイルスとして検出する可能性があります。信頼リストに追加してください。ご心配な場合は、仮想マシンで実行してください。
Haboレポート：https://habo.qq.com/file/showdetail?pk=AD0GYV1oB2UIP1s9#pephoto .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;}

Woothosting 6ドル/年 vps测评

Sun, 22 Jul 2018 08:28:06 +0000

**Woothostingは2019年4月1日に買収されました、もう買わないでください(リンク切れ) **【テンセントのクラウドサーバーは安心・信頼・高性能、多彩な構成から選べます】(https://cloud.tencent.com/redirect.php?redirect=1001&cps_key=)2aed6076dbae3172c0dc334fb67ec869&from=console) 私は上記からサーバーを購入しましたので、ぜひウェーブをお勧めします。ヨーグルトを構築するために年間3.99ドルを購入することもクールです（構築することはできませんああ私に来ることができます）暖かいヒント：

1.登録するQQメールボックスを使用しないでください。 2.サービスプロバイダは、米国、昼間の仕事の受注であり、彼らはその夜オフ、そう返信されません 3.マシン名は、サーバーを使用する場合は自動的に開かれます。他の名前は手動で開くことができます。

VPS: OpenVZ

CPU

RAM

ハードドライブ

流量

ポート

年間支払額（クリックして購入）

96M

250G

100M

[$3.99] (javascript:˶˙ᵕ˙˶)

192M

10G

100M

[5本のナイフ] (javascript:￤)

0.5G

15G

1.5T

100M

[6本のナイフ] (javascript:⋈◍＞◡＜◍)。

20G

100M

[6本のナイフ] (javascript:˶˙ᵕ˙˶)

0.5G

20G

1.5T

1000M

[8本のナイフ] (javascript:⋈◍＞◡＜◍)。

25G

2.5T

100M

[8本のナイフ】(javascript:⋈◍＞◡＜◍)。

30G

100M

[9ドル] (javascript:˶˙ᵕ˙˶)

40G

100M

[9ドル] (javascript:˶˙ᵕ˙˶)

25G

100M

[9ドル] (javascript:˶˙ᵕ˙˶)

萌音コミュニティがやってきたよ〜！わぁ！

Sat, 07 Jul 2018 07:41:09 +0000

2ヶ月の情熱を込めた作品、萌音コミュニティがついに登場！新世代のオープンな二次元交流コミュニティとして、画像、動画、音声、さらにはブラックテクノロジーなど、許可された範囲内で、ほぼあらゆるコンテンツを投稿できます…

幻想領域は去り、萌音コミュニティがやってきた！女装男子、BL、百合、えええっなロリ、緩♀交探し、哲♂学談義など、何でもあり！古来より赤と青はCP（カップル）になり、百合かBLのどちらかだ。さあ、私たちと契約しよう！

萌音コミュニティは、超楽しいACGN二次元交流コミュニティ、愛と調和に満ちた二次元コミュニティです。新作アニメ、旧作アニメ、日本のアニメ画像、福利アニメ、MMDなど、ACGNリソースが何でも揃っています。みんなでツッコミを入れ、弾幕を流し、コスプレ仲間を見つけ、二次元オタクの日常を共有し、二次元の素晴らしい世界へ飛び込もう！主站点 www.moeins.com 备用站点 www.moeins.cn # このコミュニティを作った目的について 実は特に目的はありません。ただ、自分だけの二次元コミュニティが欲しかったんです。そして、二次元好きの仲間たちがそこで他愛もないおしゃべりをするような場所を。例えば、「俺の嫁が可愛いか、お前の嫁が可愛いか」みたいなことを。そうして、このコミュニティは誕生しました。萌音コミュニティが成功するかどうかは分かりませんが、私たちは心を込めて作り上げていきます。どうせドメインの更新料が増えるだけですし、現在、齐乐分享が提供するロサンゼルスのデータセンターでホスティングされています。ドメインの登録（备案）をしていないので。 # 萌音コミュニティの誕生は以下のプロジェクトに感謝します

thinkPHP
layui
fly
Onedrive
layuiCMS 2.0
video.js
jQuery

上記の偉大な方々に敬意を表します！

# 恒例の画像公開

投稿者は誰？

Mon, 25 Jun 2018 07:53:09 +0000

私が最初にWeiboのクラウドストレージを二次元ランダムAPIの画像ストレージとして使用して以来、ネット上には多くの類似した二次元ランダムAPIが派生しました。私が知っているものの中からいくつかを選んでアクセスしてみたところ、多くの画像が非常によく見知ったものでした。しかも、画像リンクは私のデータベースでも見つかるのです。これって、私がアップロードしたものじゃないですか？彼らは皆、私のものを収集しているのでしょうか？もちろん、口頭だけでは証拠になりません。根拠が必要です。そこで、私が知っている10個のAPIインターフェースを選びました。これらはすべてSina画像ホスティングに保存されている二次元APIです。サーバーに接続して一晩中収集したところ、約10万枚の画像を収集しました。重複や無効なものをフィルタリングした後、約1万枚が残りました。驚くべきことに、これは10個のインターフェースのデータが基本的に同じであることを示しています。次に、プログラムを使ってリンクのアップロード者を分析したところ、この1万枚のうち75%の画像が幻想領域画像ホスティングからのものでした。 Sina画像アドレスからSinaユーザーを特定することは、もはや秘密ではありませんが。オンラインデモアドレスこれはJSバージョンで、コードは右クリックで直接取得できます。特定することで、API内の大量の画像が幻想領域画像ホスティングのWeiboアップロード、つまり私自身がアップロードしたものであることがわかります。それらのいわゆるAPIが私のものを盗用しているかどうかは、彼ら自身がよく知っているでしょう。原理の解明：現在登録されているWeiboアカウントのUIDは非常に大きいため、アップロードされる画像は基本的に007で始まります。そのため、以下の画像は私がWeiboで適当に古いアカウントからコピーしてきたものです。リンクは https://wxt.sinaimg.cn/thumb300/9d0d09ably1fsn7m0jyzzj20m80cidgm.jpg の画像

ファイル名 9d0d09ably1fsn7m0jyzzj20m80cidgm を抽出し、最初の8桁 9d0d09ab を16進数で変換すると 2634877355 になります。これがユーザーのUIDです。そして、Weiboユーザーのホームページアドレス:https://weibo.com/u/+uid に連結します。

もし http://wx1.sinaimg.cn/mw690/0072Vf1pgy1foxkfv4t7bj31hc0u018w.jpg のような、005、006、007で始まるものが出現した場合は、62進数で変換します。なぜこれが出現するかというと、8桁の16進数では保存しきれなくなったためだと思われます。 https://weibo.com/u/6456124939

ウェブパケットキャプチャ - 私のプレイリスト

Tue, 05 Jun 2018 11:04:05 +0000

最近、多くの人のブログでウェブスクレイピング（パケットキャプチャ）のチュートリアルが公開されているのを見かけ、それが私の興(きょう)味(み)（かっこつけ）を刺激し、この記事が生まれました。

ちょうど先日、私のプレイリストがKuGouのAPIとの連携が機能しなくなりました。この機会に修正し、ついでに画像付きのチュートリアルを作成することにしました。というわけで、KuGouを「メスを入れる（分析対象にする）」ことにします。

パケットキャプチャの概念について

パケットキャプチャ（packet capture）とは、ネットワークで送受信されるデータパケットを傍受、再送信、編集、保存などの操作を行うことであり、ネットワークセキュリティのチェックにも使われます。また、データの傍受などにも頻繁に利用されます。

——ゲイ百科より

ここで話すのは、ウェブページで送受信されるデータの傍受であり、再送信や編集など、ネットワークセキュリティに影響を与える操作は含みません。実はパケットキャプチャに関する記事は、2016年にはすでに複数公開していましたが、記事が古くなりメンテナンスされていないため、画像は失われたり、破損したり、順序がめちゃくちゃになっています。ウェブ開発者、特にバックエンド開発者にとって、パケットキャプチャはあまり馴染みがないかもしれません。しかし、私はデスクトップアプリケーション開発出身なので、使うのはお手の物です。

目的：

KuGouの楽曲直リンクの解析 - 私のプレイリストの修正

対象サイト：

http://t.kugou.com/1md5hf5t8V2 KuGouの私のプレイリスト共有短縮URL

使用ツール：

Google ChromeのF12キー（または Ctrl + Shift + I、または右クリック > 「検証」）開発者ツール

（注意：以下のチュートリアルは画像と合わせてご覧ください。見えにくい場合は右クリックで新しいウィンドウで画像を開いてください）ここではモバイル版のページをキャプチャします。なぜならPC版ではプレイリスト全体が直接ソースコードに返されるため、解析が不便だからです。モバイル版ではJSONが返されます。 Preserve Log：ページ遷移後も以前のログを保持する機能左上隅の携帯電話アイコン：現在のブラウジングインターフェースのUAをモバイルUAに切り替える URLを入力してEnterキーを押しアクセスすると、ウェブページがリダイレクトされます。ステータスコード302、リダイレクトアドレスを取得（必ず画像を確認してください。テキストの説明は簡略化されています）パケットキャプチャはここまでで終了です。以下、分析を開始します：確かなのは、KuGouサイトの音楽リンクは決して固定ではないということです。これまでの経験からすると、これらはすべて疑わしいパラメータです。パケットキャプチャログを丹念に探すと、プレイリスト全体の取得方法であるlistが見つかりました。そして、楽曲の基本情報も含まれています。 listリンクを分析すると、ここのパラメータは以前のものと非常によく似ていることが明らかです。次に、各楽曲のリンクを分析します。楽曲の直リンクの有効期限はだいたい24時間程度で、無効になります。引き続きパケットキャプチャログを確認します。楽曲のハッシュ値を含めることで、楽曲の関連情報と直リンクを取得できます（ハッシュ値は前述の楽曲リストですでに返されています）。

まとめ：

短縮URL -> ウェブリンクパラメータ -> プレイリストの取得 -> 楽曲の取得（段階的に、前のステップで得られたパラメータを使って次のURLにアクセスします）

関連コードは自分で書いてくださいね….-。- このようなチュートリアル性の高い記事を投稿するのは久しぶりです。最後に一言、Google開発者ツールは本当にめちゃくちゃ便利！ちょっとした記事を書いて、逃げる〜〜

萌音全自動カード発行プラットフォーム、リリース

Sat, 12 May 2018 10:52:02 +0000

萌音自動カード発行プラットフォーム（以下「萌音発券」）は、個人ユーザーに仮想商品のオンライン購入および全自動配送サービスを提供します。開発の目的は、私自身にはあまり必要なく、市場には多くの類似製品がありますが、友人が欲しがっていたため、これが誕生しました。可能な限りシンプルな原則で最も基本的な機能を実現したため、インターフェースは非常にミニマルで、将来の拡張も非常に簡単です。デモサイト（サーバーは米国オレゴン州にあり、速度が少し遅いですが、デモンストレーション専用です）

資金は即時入金

第三者による持ち逃げを心配する必要はありません。資金は直接入金され、第三者を介しません。迅速な資金回収で、競合他社を凌駕します。

複数ユーザー無制限

いかなるアカウント、ドメイン、CPUにも縛られず、完全に自由に利用でき、いつでも変更可能です。

複数の支払い方法

WeChat Pay、Alipay、QQウォレット、Tenpay。PCとモバイルの両方に対応しています。

非同期通知

同期＋非同期通知を採用しているため、支払い完了後にページが閉じられて注文が無効になる心配はありません。

萌音発券のソースコードを入手するには？現在、以下の方法でのみ提供しています：

ブロガーの知人、友人、またはプロジェクトに貢献した方（萌音発券に限らず）
優秀な幻想領域画像ホスティングユーザー
プロジェクトに58元以上寄付することで入手できます。

何かご質問があれば、デモサイト右上の「お問い合わせ」をクリックして、私と詳しく話し合ってみてください。よくある質問

1、萌音発券は何をするものですか、どんな用途がありますか？

萌音発券は、プロフェッショナルな仮想カードコード自動配送サービスを提供します。

2、萌音発券プラットフォームに登録して、加盟店になるにはどうすればよいですか？

プロジェクトに58元以上寄付することで入手できます。

3、注文/カードコードを照会するにはどうすればよいですか？

プラットフォームの注文照会機能を通じて、注文時に記入した連絡先または注文番号を入力して照会してください。こちらをクリックして照会

4、プラットフォームでは何を販売できますか？

ゲーム内仮想通貨、アイテム、会員カード、ソフトウェア使用権など

5、現在、御社のプラットフォームには何種類の支払い方法がありますか？

現在、Alipay、WeChat、QQウォレットの3種類です。

6、萌音発券加盟店の料金はどのように計算されますか？

全額無料、手数料は一切かかりません。

7、購入者はどのようにカードコード情報を取得しますか？

商品購入ページで希望の商品を選択し、支払いチャネルを選択して支払いを完了すると、自動的に配送ページにリダイレクトされます。対応するカードコードが届かない場合は、注文番号を保存し、カードコード照会アドレスを開いてください：こちらをクリック注文時に記入した注文連絡先または注文番号を入力して照会してください。

8、出金申請の最低金額はいくらですか？申請後、どのくらいの時間で入金されますか？

萌音発券の金額はリアルタイムで入金され、第三者を介する必要はありません。

LinuxでのPHP環境のインストール

Mon, 07 May 2018 06:52:32 +0000

学习环境：Centos 7.2 正式版

# 更新源 yumアップデート

安装 nginx

yum install nginx -y

安装mysql

wget https://repo.mysql.com//mysql57-community-release-el7-11.noarch.rpm yum localinstall mysql57-community-release-el7-11.noarch.rpm

安装PHP7.2

rpm -Uvh https://dl.fedoraproject.org/pub/epel/epel-release-latest-7.noarch.rpm rpm -Uvh https://mirror.webtatic.com/yum/el7/webtatic-release.rpm yumアップデート yum install -y php72w-cli php72w-common php72w-dba php72w-devel php72w-fpm php72w-gd php72w-imap php72w-mbstring php72w-mysql php72w-pdo php72w-pdo_dblib php72w-pear php72w-pecl-igbinary php72w-pecl-xdebug php72w-process php72w-xml php72w-xmlrpc php72w-opcache php72w-pecl-memcached php72w-pecl-mongodb php72w-pecl-redis

启动服务

サービス nginx スタートサービス mysql 開始 php-fmp サービス開始 /usr/sbin/php-fpm –nodaemonize –fpm-config /etc/php-fpm.conf > /dev/null 2>&1 &

编辑配置文件

vim /etc/nginx/nginx.conf :q!#不保存退出 wq #保存退出

幻想領域画像ホスティングシステム更新停止のお知らせ

Mon, 30 Apr 2018 12:28:37 +0000

不完全な統計によると、軽量Sina画像ホスティングシステム「幻想領域」は、バージョン1.0のリリース（2018-03-08）から現在（2018-04-30）まで、累計インストール数は2000回を超え、さらに毎日数十件のペースで急増しています。そのうち、海賊版ユーザーは5%以下です（あなた方は恥を知りなさい）。この間、大小さまざまなウェブサイト、ブログ、フォーラム、ソフトウェア配布サイトなどで100回以上転載・公開されました。海賊版を広めるものも含め、さらには某プラットフォームで販売されることさえありました。

幻想領域非商業バージョン（永久無料、商用版なし）は、GPLライセンスおよび付属条項を遵守して公開されています。もしあなたが私のGPLソフトウェアを使用し、改変した場合、あなたのソフトウェアもオープンソースにしなければなりません。さもなければ、私のソフトウェアを使用することはできません。幻想領域をベースにしたすべての改変版または二次開発版は、オープンソースでなければなりません。関連条項を遵守しない場合は、使用を停止し、幻想領域に関連するすべてのものを削除してください。一度GPL契約に違反しても、直接的な結果はないかもしれません。しかし、それはあなた方がこれから異なる方向、危険な方向へ進むことを意味します。どうかご理解いただき、自重してくださることを願います。—-海賊版を作成し、広める人々へバージョン1.2.3の時点で、機能はかなり完成されており、バグもありません。軽量な画像ホスティングシステムとしては十分です。そもそもこのシステムは、自分自身が便利に使うためだけに開発したものです。つきましては、幻想領域の外部向け更新サービスを停止することを決定しました。今後は、交流グループ内の優秀な幻想領域で構築された画像ホスティングシステムサイトにのみ更新を提供します。関連するプラグインインターフェースファイルは、グループ内で私に個人メッセージを送って請求することができます。最後に、これまでの皆様のサポートとご関心に感謝いたします！グループ内で私の権利を守ってくれた方々にも感謝します！

余談ですが、この記事は数日前に書き上げていました。公開すべきかどうかずっと悩んでいましたが、様々な理由から、やはり葛藤がありました。でも、せっかく書いたのだから公開することにしました。主な理由は、メンテナンスにあまり多くのエネルギーを割けないこと、そしてまた新しいプロジェクトを始めてしまったことです……続く

5月5日追記 今日、友人から画像付きでフィードバックがありました。要するに、私の幻想領域がChevereto（海外の有名な画像ホスティングシステムで、国内でどれだけの人がこのクラック版を使っているかは知りませんが）を盗用しているという内容でした。主に以下の2つの問題について回答します。あの代物？そんなもの、お前が書いてみろよ？幻想領域の最も中心的な機能は、画像をSina Cloud Storageにアップロードすることであり、ローカルアップロード機能は提供していません。Cheveretoにこの機能があるのか？100%盗用？何も理解していないくせに、どうしてそんなに無責任に非難できるんだ？いわゆる幻想領域？インターフェースはどのプログラムを参考にしたって？幻想領域のトップページのインターフェースは、bootcss V3が提供するテンプレートを使用しています。参考にしたなどという話はどこから出てきたのですか？ https://v3.bootcss.com/examples/cover/ まず調べてからにしてください。むやみに他人を中傷しないでください。私は論争を起こしたくありません。これを見ても何も言わないでください。

**6月24日追記 **今日、またグループのメンバーから@メンションがあり、画像が送られてきました。画像を見て判断してください。同じプログラマーとして、そんなことをして良心が痛まないのか？だからお前はただの海賊版野郎だ。海賊版を広める者は、使う者よりもさらに悪質だ。お前の人間性も人格も、その行動と同じくらい汚らわしく、唾棄すべきものであることは想像に難くない。

emlog Sina アップロードプラグイン + API V1.1

Sat, 21 Apr 2018 11:02:22 +0000

emlog管理画面記事作成用Sina画像アップロードプラグイン
初めてemlogプラグインを作成しました。七牛クラウドストレージの書き方を参考にしました（そうです、管理画面にあるあれです）。二つを一緒に使うことをお勧めします。
プラグインをダウンロードした後、解凍せずに直接emlogの管理画面にアップロードするだけです。（誰がこんなこと言ったんだ、出てこい、殴らないから）
具体的な使用方法はプラグインの設定画面に記載されています。ダウンロードアドレスは記事の最後にあります。
どなたかemlogの開発者アカウントをお持ちの親切な方、emlogアプリセンターへの提出を手伝っていただけませんか。

注意： GitHubからダウンロードしたzip圧縮パッケージのファイル名には-masterが追加され、中のサブフォルダも同様です。アップロードするにはSinaUploadにリネームする必要があります。そうしないとemlogでエラーが発生します。

このプラグインはemlogブログシステム専用です。他のブログシステムでは使用できません。
以下は公開APIです。ご自身で他のシステムのプラグインを作成することができます。

APIアドレス：

https://img.52ecy.cn/home/Interface

リクエストパラメータ説明：

名称

説明

username

幻想領域のアカウント

password

幻想領域のパスワード

multipart(任意)

false/true、ローカルアップロードかリモートアップロードかを選択します。デフォルトはローカルアップロード(true)です。

url(任意)

転送が必要な画像のURL。multipartがfalseの場合、urlは必須です。

標準JSONデータ返却

{
    "code":"0000",  #ステータスコード
    "msg":"http://www.52ecy.cn/randbg.png" #画像URL
}

成功した場合はステータスコード0000と画像URLを返します。失敗した場合はステータスコードと原因を返します。

.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;}

幻想領域画像ホスティングシステムV1.2正式版リリース

Wed, 11 Apr 2018 11:40:25 +0000

幻想領域1.2

これは最終的なソリューションとして生まれたものではなく、開発の目的は単に自分自身の利便性を高めるためです。プロジェクトホームページ
 プロジェクトアドレス
 幻想領域V1.0 ☜(詳細はこちらをクリック)

ダウンロード

インストール

幻想領域のソースコードを解凍し、ウェブサイトのルートディレクトリにアップロードする必要があります。ウェブサイトのドメインにアクセスすると、自動的にインストーラーにリダイレクトされますので、ウィザードの指示に従ってインストールしてください。リダイレクトされない場合は、手動で http://あなたのドメイン/install.php にアクセスしてインストールを行ってください。初回インストールが成功した後、管理者バックエンドにログインして画像ホスティングの基本設定を行う必要があります。バックエンドアドレス：http://あなたのドメイン/admin しかし皮肉なことに、ログインはフロントエンドで行う必要があります。

動作環境

注意：幻想領域はバージョン1.0からPHPバージョン≥5.6のみをサポートしています。お使いのPHPバージョンを更新してください。幻想領域はバージョン1.2から上書きインストール方式を採用します。つまり、過去のデータは保持されます。データを削除する必要がある場合は、手動で空にしてください。

更新内容

探索インターフェース（最近、ランダム）の改善
画像ホームページの追加
HTML、BBcode、Markdownなどのコードをワンクリックで生成
自動更新システムの追加（ただし、使用できるとは限りません）
よりフレンドリーなアップロード進捗表示（ただし、正確ではありません）
各種デフォルト設定をより合理的に変更
システムの重大な脆弱性を修正（現行バージョンは必ず更新してください）
登録関連の制限を追加
互換性の向上、マルチプラットフォームでの実行、PHP7.0+をサポート
既知のバグを修正

幻想領域画像アップローダーヘルプ

Mon, 19 Mar 2018 11:56:29 +0000

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

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

サーバーがGDグラフィックライブラリをサポートしているか確認してください。
サーバーの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リライト設定を使用してください。

メール送信の失敗

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

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

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

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

画像のアップロード失敗

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

新浪（Sina）のアカウントとパスワードが正しいか確認してください。
一度、手動でウェブ版の新浪微博（Sina Weibo）にログインしてください。
新浪アカウントに微博を投稿する権限があるか確認してください。
設定が成功した後は、新浪のいかなるプラットフォームにもログインしないでください（サブアカウントの使用を推奨します）。
ここで新浪のサブアカウントを購入できます：萌音发卡

アップロード画像のサイズ

新浪の制限以外に、画像のアップロードはサーバーの設定にも依存します。

軽量新浪画像アップローダー幻想領域1.0 リリース

Thu, 08 Mar 2018 02:20:59 +0000

幻想領域

やったー、ついに自分専用の画像アップローダーが手に入りました。幻想領域は、PHP言語で開発された軽量なSina画像アップローダーシステムです。その誕生は最終的な解決策ではなく、開発の目的は自分自身の利便性のためです。プロジェクトホームページプロジェクトアドレス

システム紹介

幻想領域では、画像アップローダーの画像はすべてSina Cloudにホストされており、各画像には複数の異なるレベルのサムネイルがあります。これが幻想領域の最大の特徴の一つです。比較的完成されたユーザーシステムと管理者システムを備えています。管理者はバックエンドで完全な権限を持ち、ウェブサイトのすべての基本設定を行うことができます。「マイギャラリー」には、ユーザーがアップロードしたすべての画像が一覧表示され、管理者はシステムがホストするすべての画像を閲覧できます。ここでは画像を削除、プレビュー、またはコピーできますが、削除しても本システムに表示されなくなるだけで、画像自体はSina上に残ることをご承知おきください。「探索」は、フロントエンドでのユーザー画像プレビュー機能です。ここでは、必要なものを見つけることができます。不要な場合は、バックエンドで設定をオフにできます。 Sina画像アップローダーへのアップロードには要件がないわけではありません。ログイン認証が必要ですが、当システムは拡張機能に依存しない独立したSinaログインプログラムを備えており、認証コードも不要で、Cookieの有効期限が切れると自動的にログインします。これにより、あらゆる心配事を解消します。したがって、正常に使用するにはバックエンドでSinaアカウントのパスワードを設定する必要があります。

ダウンロード

インストール

幻想領域のソースコードを解凍し、ウェブサイトのルートディレクトリにアップロードする必要があります。ウェブサイトのドメインにアクセスすると、自動的にインストールプログラムにリダイレクトされますので、ウィザードの指示に従ってインストールしてください。リダイレクトされない場合は、手動で http://あなたのドメイン/install.php にアクセスしてインストールしてください。初回インストール成功後、画像アップローダーを使用するには、管理者バックエンドにログインして基本的な設定を行う必要があります。バックエンドアドレス：http://あなたのドメイン/admin しかし皮肉なことに、フロントエンドでログインする必要があります。

環境サポート

ご注意ください、幻想領域はバージョン1.0以降、PHPバージョン5.6以上のみをサポートしています。PHPバージョンを更新してください。

更新予告

フロントエンドの独立した画像プレビューインターフェースワンクリックでHTML、BBSなどのコードを生成人気、検索、ランダム、カテゴリなどの機能短縮URLシステムの統合 ………などこれらはすべて将来のバージョンでサポートされる予定です。より良い提案や意見、またはバグのフィードバックがありましたら、ここにメッセージを残すか、admin@52ecy.cn までメールを送信してください。

ライセンス FAQ

幻想領域の非商用バージョンは、GPLライセンスおよび関連条項に従ってリリースされており、以下の点にまとめられます。

遵守事項：

GPL V3ライセンスを、あなたが変更しオープンソース化したバージョンに含めること。

与えられる権利：

幻想領域を自由にダウンロードして使用すること
幻想領域を新しいオープンソースプロジェクトに含めること
ソースコードを変更すること
幻想領域のオリジナル版を配布すること

禁止事項：

商業目的で幻想領域を使用すること
プログラムの著作権情報を削除または改ざんすること
商業目的でオリジナル版または二次変更版を独占販売、販売すること

画面プレビュー

ランダム二次元画像API第二弾

Sun, 04 Mar 2018 11:01:46 +0000

約3ヶ月ぶり、最初のランダム二次元画像APIの公開からかなりの時間が経ちました。
第二弾API、突然の登場です。

更新内容：

前バージョンと比較して、今回の画像は、背景画像やデスクトップ壁紙などにより適しています。
前バージョンはまさに寄せ集めで、あらゆる種類の画像があり、ひどいものでした（私自身も使っていません）。今回のバージョンでは、時間をかけて一部の画像（1080P以上）を選別し、新浪雲にアップロードしました。
真の意味でHTTPSをサポートし、画像はすべて新浪雲でホストされており、速度も向上しました。
あらゆる意味でのパラメータ設定を削除しました。
画像コンテンツはすべてアニメ・二次元画像です（全年齢向け（笑））。

APIエンドポイント：

https://random.52ecy.cn/randbg.php

はい、呼び出しはこれほど簡単です。直接アクセスするだけで利用できます。どうぞお試しください。
以前の簡易版
 プロジェクトホームページ

ランダムアニメ壁紙、毎日更新して、毎回違う画像を楽しめます。

.htaccessを利用してサブドメインをサブディレクトリに紐付ける

Mon, 22 Jan 2018 01:18:11 +0000

通常、1つの仮想ホストでは、ルートディレクトリにバインドできるドメインは1つだけです。 emlogを使用したことがある方なら、その静的リンク（パーマリンク）についてよくご存知のはずです。これは、.htaccessファイルを利用してウェブページをドメインリダイレクトする典型的な例です。 .htaccessを利用してドメインをサブディレクトリにバインドするには、前提として、お使いのホスティングサーバーがApacheのrewrite機能をサポートしている必要があります。そうでなければ.htaccessは使用できません。もしお使いのサーバーがLinuxサーバーであれば、通常はデフォルトで有効になっています。これにより、ドメインのサブディレクトリへのバインドや、1つのホスティングスペースで複数のサイトを運営することが可能になります。

以下は、link.52ecy.cn をサブディレクトリ link にバインドする例の.htaccessコードです。

<IfModule mod_rewrite.c>  
RewriteEngine On  
RewriteBase /  
# link.52ecy.cn をサブディレクトリ link にバインド
RewriteCond %{HTTP_HOST} ^link\.52ecy\.cn$ [NC]  
RewriteCond %{REQUEST_URI} !^/link/  
RewriteRule ^(.*)$ link/$1?Rewrite [L,QSA]  
# 複数バインド可能。上の3行を繰り返し、ドメイン名とディレクトリ名を変更するだけです
</IfModule>

上記の手順を完了すると、サブドメインにアクセスできるようになるはずです。しかし、ブラウザで「メインドメイン + バインドしたディレクトリ」にアクセスしても表示されることに気づくでしょう。これは我々が望む動作ではありません。次に、最後のステップを完了させます。バインドした各ディレクトリ（例えばlinkディレクトリ）にも、.htaccessファイルを追加します。 .htaccessのコードは以下の通りです。

以下は、music.xmgho.com をサブディレクトリ music にバインドする例の.htaccessコードです。これにより、ドメインのサブディレクトリへのバインドや、1つのホスティングスペースで複数のサイトを運営することが可能になります。これにより、ドメインのサブディレクトリへのバインドや、1つのホスティングスペースで複数のサイトを運営することが可能になります。これにより、ドメインのサブディレクトリへのバインドや、1つのホスティングスペースで複数のサイトを運営することが可能になります。これにより、ドメインのサブディレクトリへのバインドや、1つのホスティングスペースで複数のサイトを運営することが可能になります。

<IfModule mod_rewrite.c>  
RewriteEngine On  
RewriteBase /  
# バインドしたドメインからのアクセスのみを許可
RewriteCond %{HTTP_HOST} !^link\.52ecy\.cn$ [NC]  
RewriteRule (.*) http://link.52ecy.cn/$1 [L,R=301]  
# バインドしたディレクトリ内の同名ディレクトリの処理
RewriteCond %{REQUEST_URI} ^\/link\/ [NC]  
RewriteCond %{QUERY_STRING} !^(.*)?Rewrite  
RewriteRule ^(.*)$ /%{REQUEST_URI}/%{REQUEST_URI}/$1?Rewrite [L,QSA]  
</IfModule>

結び：私のサーバー自体がサブドメインのサブディレクトリへのバインドをサポートしているため、自分ではテストできませんでした。しかし、友人にAlibaba Cloud（阿里云）のホストでテストしてもらったところ、成功しました。ただし、Alibaba Cloudには数量制限があり、多数バインドするとルートディレクトリにリダイレクトされるようです。このことから、すべてのホスティングプロバイダーがこの方法をサポートしているわけではないようで、ご自身でテストして確認する必要があります。最後に、最も重要な点は、ドメインが正しく名前解決されていなければ意味がないということです[苦笑～]

あなたのブログにLive2D看板娘を設置しよう

Sun, 24 Dec 2017 10:14:22 +0000

先日、多くの人のブログでLive2Dの看板娘を見かけ、とても興味を持ちました！そこで、自分のブログにも追加するために、関連チュートリアルをいくつか調べました。

はじめに

Live2Dは最先端の技術ではありません。その効果は、基本的な平行移動、回転、透明度、曲面変形などの操作によって実現されます。最終的な効果はテクスチャに大きく依存し、各動作は制作者による綿密な調整が必要です。これは膨大な時間と労力を要するプロセスであるため、質の良いモデルは多くなく、質の良いものは通常ゲーム内にあり、著作権で保護されているため、自由に使用することはできません。

本記事で使用されているモデルは、薬水制作师というモバイルゲームから解包されたものであり、著作権は公式に帰属します。（そうです、私もこのゲームを宣伝しに来ました）

準備作業

「魚を与えるよりも、魚の釣り方を教える方が良い」とは言いますが、この魚は釣るのが難しいので、おとなしく小さな椅子に座って、釣られた魚を食べる側に回りましょう！以下のコードは、私が後宫学长から堂々と盗んできた魚を調理したものです。

まずは私のGithubへ行き、私が再度整理したLive2Dのコード（二人の動作と初期の3種類のテクスチャを含む）をダウンロードしてください。やはり調理済みのものが美味しいですからね〜。

ダウンロード後、コードを解凍してブログサイトのルートディレクトリに配置します。（ディレクトリの位置は自由に設定できます）

そして、解凍したフォルダの名前を「live2d」に変更します。（名前は何でも構いませんが、見栄えが最も重要です）（少女は盲目的に分析中）

使用方法

それでは、食べ方を教えましょう、いや、本当に食べ始めるわけではありませんが。

ブログのヘッダーファイル（header.php）でインターフェーススタイルを読み込むために、headタグ内に以下のコードを挿入します。

ブログのフッターファイル（footer.php）でスクリプトを読み込むために、bodyタグの終了前に以下のコードを挿入します。

上記のコードで絶対パスを使用する際に注意すべき問題があります。私のブログwww.52ecy.cnと52ecy.cnはどちらもアクセス可能ですが、参照時にwwwを使用すると、www.52ecy.cnにアクセスする際には問題ありませんが、52ecy.cnに直接アクセスすると、クロスドメイン問題（サブドメインが異なる場合もクロスドメインに該当）によりjsonが読み込めなくなり、看板娘が表示されなくなります。以下のコードに変更できます（キャラクターの切り替えも、対応するフォルダ名に変更するだけで済みます）。

適切なページ位置にLive2D看板娘の要素を挿入します。ページ下部に配置できます。

マウスをページの特定の要素に置いたときに、Live2D看板娘にヒントを表示させたい場合は、message.jsonファイルを変更してください。

{ “mouseover”: [ { “selector”: “.container a[href^=‘http’]”, // ここをページ要素のタグ名に変更 “text”: ["{text}を見てみますか？"] // ここを必要なヒントのテキストに変更 }, { “selector”: “.navto-search”, “text”: [“何かお探しですか、お手伝いしましょうか？”] } ], “click”: [ // ここはLive2D看板娘のタッチイベントのヒント { “selector”: “#landlord #live2d”, “text”: [“触らないで！手をどけて〜〜”, “ほ…本当に恥知らず！”, “これ以上触ったら通報しますよ！⌇●﹏●⌇”, “110番ですか、ここに変態がずっと私を触っています(ó﹏ò｡)”] } ] }

ランダム二次元画像API公開

Wed, 06 Dec 2017 14:52:50 +0000

ランダム二次元画像API公開 —— ランダムアニメ壁紙、毎日更新、毎回違う。

APIアドレス：

https://www.52ecy.cn/randbg/randbg.php

リクエストパラメータの説明：

名称

説明

type(オプション)

json：標準のjsonデータ(画像アドレス)を返します
302：画像アドレスにリダイレクトします(HTML画像挿入時に必ず使用してください)

total(オプション)

1-10 返される画像の数(jsonデータの場合のみ有効、最大10枚)

style(オプション)

1/2/3 返される画像のタイプ、
1：webpサムネイル、
2：jpgサムネイル、
3：ウォーターマークなしのオリジナル画像、その他はすべてウォーターマーク付きのオリジナル画像

https(オプション)

true/false、返される画像アドレスがhttps形式であるかどうか(現在https証明書は未検証状態のため、httpの使用を推奨します)

標準のjsonデータを返す

{
    "total":"1",  #画像の数
    "img":"http://www.52ecy.cn/randbg.png" #画像アドレス
}

呼び出し例

background: url(http://www.52ecy.cn/randbg/randbg.php?type=302&style=3) no-repeat center;

<img src="http://www.52ecy.cn/randbg/randbg.php?type=302&style=3">

ウェブサイトでの呼び出しは、ウェブページのHTMLタグの呼び出し、動的言語の読み込み、アプリ内ウェブページの読み込みなどを含みますが、これらに限定されません。

利用制限

APIは公開されたばかりで、オープンベータ段階にあるため、インターフェースの呼び出しに制限は設けていません。将来的に不可抗力な要因が発生した場合、インターフェースに制限を設けたり、他の対策を講じたりする可能性がありますので、ご了承ください。

著作権およびプライバシーに関する声明

阿珏ブログの二次元画像ランダムAPIを使用すると、関連するウェブサイト、IP、呼び出し元、呼び出し回数、呼び出し時間、トラフィックなどのデータが記録される場合があります。本APIの使用は本規約に同意したものとみなされます。当サイトは阿珏ブログのランダム二次元画像APIに対する最終的な解釈権を有し、特定の状況下では、阿珏ブログがあなたのウェブサイトからの呼び出しを禁止する権利を有します。

ミニマルブログV1.1が公開されました + 新しいテーマセット

Thu, 30 Nov 2017 09:50:53 +0000

2ヶ月ぶりに、ミニマリストブログシステムが初のアップデートを迎えました。そして、全く新しいテーマをもたらします。

デフォルトテーマの関連バグを修正
バックエンドの関連詳細を修正

デフォルトテーマのプレビューはこちら

ミニマリストブログ1.0バージョン

バックエンドのSEO設定機能を改善しました

疑似静的URLに対応
HTTPS強制アクセスを設定
メタ情報の変更
ブラウザでの記事タイトル表示方法

さて、ここからが本番です

全く新しいテーマファイル、仮称：Dimension (次元)

全エフェクトテーマテンプレート
コメントボックスに顔文字を追加
サイドバーを削除
スクロールでトップに戻る機能を追加
そして様々なエフェクト、ご自身で発見してください

カバー画像はラブライブ！ - μ’s、石鹸ではありません (ラブライブ！テーマ？)

記事のトップページ表示と記事の詳細ページは、インスピレーションを失ったため（実際は怠惰のため）、デフォルトテーマのスタイルを採用しました。

ええと、だいたいこんな感じです。細かい問題は使用中に少しずつ修正していきます~~

萌え二次元 - 図鑑クライアントリリース

Thu, 12 Oct 2017 02:44:18 +0000

萌化二次元 - あなたの二次元を萌え化

ソフトウェアサイズ：1.08MB ソフトウェア言語：簡体字中国語ソフトウェアタイプ：オリジナルソフトウェアソフトウェアカテゴリ：二次元系更新日時：2017-10-12 ソフトウェアライセンス：無料版動作環境：XP/Win7/Win8/Win10

ソフトウェア紹介萌化二次元ソフトウェアは、私のギャラリーのクライアントバージョンです。ポータルローカルへの画像ダウンロード、ワンクリックでの壁紙設定に対応しています。高画質・透かしなしの独自インターフェースを提供します。ダウンロードの際は、「概要」のヒントにご注意ください。当初は複数のナビゲーション、ログイン機能、開発者モードをサポートする設計でしたが、後に手間がかかることと、そこまで多くの機能が必要ないことから廃止されました。 .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;}

シンプルブログシステム1.0バージョンが完成し、リリースされました。

Sat, 30 Sep 2017 06:22:28 +0000

はじめに

いつの間にか、最初の「亜子」のブログシステムからemlog、そして今自分で書いたシンプルなブログシステムまで、忙しくブログを構築して、もう1周年になります。

自分の第一段階の目標も一段落ついたと言えるでしょう。

非営利のウェブサイトとして、ただ普段、文章を書いたり、感情を表現したり、おしゃべりしたり、自慢したりする場所として、私はこれからも続けていきたいと思っています。どうせウェブサイトにかかる費用はそれほど大きくありませんから。

紹介

シンプルブログ、それは「シンプルでありながら上品」という意味です。これはPHP言語とMySQLデータベースをベースにした、強力な個人ブログシステム(blog)です。迅速で安定しており、かつ非常にシンプルで快適なブログサービスを提供することを目指しています。インストールも使用も非常に簡単です。

画面表示

管理画面のスタイルはemlog 6.0のレイアウトを模倣して設計されており、Bootstrapフロントエンド開発フレームワークを採用しています。

シンプルブログインストール画面

インストール完了

管理画面トップ

記事作成

記事管理

タグ管理

カテゴリ管理

コメント管理

ナビゲーション管理

外部リンク管理

ユーザー管理

テーマ設定

システム設定

個人設定

管理画面ログインページ

インストール後のデフォルトスタイル

モバイルページ、モバイル向けのスタイルは設計されておらず、デフォルトでこのようになります。

私の研究室

Tue, 22 Aug 2017 05:43:46 +0000

私のブログにいつも遊びに来てくれる方は、今日ナビゲーションバーに「ラボ」という新しい項目が追加されたことにお気づきでしょう。よく達人たちのブログに「ラボ」という項目があるので、私も学習（と見せびらかし）のために作ってみました。ここには、私が自分でいじくり回したものを置いていきます。

私のアニメの道 (廃止)

これまで見てきたアニメとその感想を記録するためのものです。 2017年10月11日: このページは廃止することにしました。長い間更新しておらず、主な原因は面倒くさがりだからです。テキストやら画像やら、本当に手間がかかるし、時々画像のURLもリンク切れになります。時間がある時に、もっとシンプルなものを作り直そうと思います。

シンプルブログシステム (完成済み) 先月、ブログを新しく書こうとつぶやいていました。もっとシンプルで、複雑な機能は必要ないもの、ということでこの「シンプルブログ」という名のブログシステムが誕生しました。そして今月は全く手をつけていません。来月、時間があれば書くかも（実は面倒なだけですが）。 emlog 6.0のフロントエンドとバックエンドを模倣して作ったテンプレートです。見た目がすっきりしたフロントエンドのテンプレートを2セット作る予定で、大体のデザインはもう考えてありますが、あとは実装するだけです-。- バックエンドの管理者アカウントとパスワードは両方ともrootです。

再帰とは何か？

Wed, 09 Aug 2017 05:45:16 +0000

画像はインターネットより

最初、この文章を読むと、回りくどくて非常に分かりにくいと感じるでしょう。実は、再帰を使って読むととても簡単になります：再帰には終点（小さな鯉）が必要です。再帰が終点に達するまで、関数は自身を繰り返し呼び出します。明らかに、「私の小さな鯉」というフレーズを出力することが再帰の終了条件です。これをコードで書くと、次のようになります：

#include <stdio.h> void Recursion(int depth){ printf(“抱着”); if (!depth) printf(“我的小鲤鱼”); else Recursion(–depth); printf(“的我”); } int main(){ printf(“吓得我抱起了\n”); Recursion(2); putchar(’\n’); }

私がこれまでに見つけた再帰の最も適切な例えは、辞書を引くことです。私たちが使う辞書自体が再帰的です。一つの単語を説明するために、より多くの単語が必要になります。ある単語を調べて、その説明の中にまだ分からない単語を見つけたとします。すると、あなたはその2番目の単語を調べ始めます。残念ながら、2番目の単語の説明にも分からない単語があり、3番目の単語を調べます。このように調べていき、完全に理解できる説明の単語にたどり着くまで続けます。その時点で再帰は終わりに達し、そこからあなたは後戻りを始め、以前に調べた各単語を一つずつ理解していき、最終的に、最初に調べた単語の意味を理解するのです。。。矢印はプログラムの実際の実行ステップを表しています。

上の多くの回答を見ましたが、そのほとんどが再帰という現象を説明することに偏っており、なぜ再帰を使うのか、再帰の考え方とは一体何なのかについては説明されていません。先日ちょうど関連するものを読んだので、整理してみたいと思います。もし間違いがあれば、ご指摘いただけると幸いです。

再帰とは何か？

1. 定義

Wiki [1]: Recursion is the process of repeating items in a self-similar way.

コンピュータ科学においては [2]:

再帰（英語：Recursion）、または遞迴とも訳され、数学とコンピュータ科学において、関数の定義の中に関数自身を使用する方法を指します。

英語のRecursionは語源的に分析すると「re- (再び)」+「curs- (来る、起こる)」であり、つまり繰り返し発生する、再び現れるという意味です。一方、対応する中国語の翻訳「递归」は、「递」（進む）＋「归」（帰る）という2つの意味を表しています。この2つの意味こそが、再帰という考え方の真髄です。この点から見ると、中国語の翻訳の方がかえって意味をよく表していると言えます。

2. ループとの違い

上記のWikiの定義だけを見ると、一般的に言われる無限ループと非常によく似ているように見えます。それらの違いは何でしょうか？

再帰は静中の動であり、行きと帰りがある。ループは動静一如であり、行きっぱなしで帰りがない。

例を挙げましょう。あなたに一本の鍵が与えられ、ドアの前に立っています。この鍵で何枚のドアを開けられるかと尋ねられます。

再帰：あなたは目の前のドアを開け、部屋の中にもう一つのドアがあるのを見つけます（このドアは前に開けたドアと同じ大きさかもしれません（静）、あるいは少し小さいかもしれません（動））。あなたはそちらへ歩いていき、手の中の鍵でそれも開けられることに気づきます。ドアを押し開けると、中にはまた別のドアがあります。あなたは開け続けます。。。何度か繰り返した後、あるドアを開けると、そこには部屋があるだけで、もうドアはありません。あなたは来た道を戻り始めます。部屋を一つ戻るごとに、数を数えます。入り口まで戻ったとき、あなたはその鍵で一体何枚のドアを開けたのか答えることができます。

ループ：あなたは目の前のドアを開け、部屋の中にもう一つのドアがあるのを見つけます（このドアは前に開けたドアと同じ大きさかもしれません（静）、あるいは少し小さいかもしれません（動））。あなたはそちらへ歩いていき、手の中の鍵でそれも開けられることに気づきます。ドアを押し開けると、中にはまた別のドアがあります（前のドアが同じなら、このドアも同じ。2番目のドアが1番目のドアより小さくなっていれば、このドアも2番目のドアより小さくなっている（動静一如、変化がないか、同じ変化をする））。あなたはこのドアを開け続けます。。。ずっとこのまま進んでいきます。入り口にいる人は、あなたが答えを教えに帰ってくるのを永遠に待つことになります。

3. 再帰の考え方

再帰とは、進んで（递去）、帰ってくる（归来）ことです。

具体的に言うと、なぜ「進む」ことができるのでしょうか？ これは、再帰的な問題が、類似しているが少し異なる問題に対しても同じ解決策で答えられる必要があることを要求します（上記の例で言えば、一本の鍵で後続のドアの鍵も開けられること）。

なぜ「帰る」ことができるのでしょうか？ これは、これらの問題が絶えず大きいものから小さいものへ、近いものから遠いものへと進む過程で、終点、臨界点、ベースライン、つまりそれ以上小さく、遠くへ進む必要がなくなる点が存在し、その点から元の道を通って原点に戻ることを要求します。

このブログ記事[3]の著者は次のようにまとめています：

再帰の基本的な考え方は、規模の大きな問題を、規模の小さな類似した部分問題に変換して解決することです。関数の実装において、大きな問題を解決する方法と小さな問題を解決する方法が同じであることが多いため、関数が自身を呼び出すという状況が生まれます。また、この問題解決関数は明確な終了条件を持たなければなりません。そうでなければ、無限再帰が発生してしまいます。

4. いつ再帰を使うべきか？

HTML5キャンバス - ボールの衝突

Tue, 18 Jul 2017 09:17:31 +0000

HTML5は、World Wide Webのコア言語であり、標準汎用マークアップ言語を応用したハイパーテキストマークアップ言語（HTML）の5回目の大幅な改訂版です。
1999年以降、HTML 4.01は大きく変化しました。今日では、HTML 4.01の一部の要素は廃止され、これらの要素はHTML5で削除または再定義されています。現代のインターネットアプリケーションをより良く扱うために、HTML5では多くの新しい要素と機能が追加されました。例えば、図形の描画、マルチメディアコンテンツ、より良いページ構造、より良いフォーム処理、そしてドラッグ＆ドロップ要素、ジオロケーション、ウェブアプリケーションキャッシュ、ストレージ、ウェブワーカーなどのいくつかのAPIが含まれます。

タグ

説明

全サイトHTTPS暗号化の旅を正式に開始

Fri, 14 Jul 2017 08:24:36 +0000

しばらくのクローズドベータテストを経て、ブログは正式に全サイトHTTPS化されました。開設からもうすぐ1年になりますが、ずっとHTTPS化したいと思っていました。しかし、以前のホストはSSL証明書をサポートしていなかったため、どうすることもできませんでした。最近、ホストの契約ももうすぐ切れるので、サポートのあるサーバーに乗り換えました。以前から、ブログが時々アクセスできなくなるという声を聞いていたので、今回より良いサーバーにアップグレードして、速度や安定性がどうなったか気になります。そして、emlogのバージョンもアップグレードしました。6.0.0のベータ版ですが、以前の5.Xバージョンのバックエンド管理画面よりもずっと見やすくなりました。UIライブラリには引き続きBootstrapを採用しています。（注：下の画像はemlog 6.0.0ベータ版のバックエンド管理画面です。サードパーティ製テンプレートの設定画面はなくなっており、下の画像の右上にあるテンプレート管理は私が独自に追加したものです。） 2. マイクロブログがなくなりました emlogがマイクロブログを導入した当初から、それは余計なお世話だと感じていました。非常に粗雑に作られていましたが、皆が慣れた頃に削除されたのは、少し残念です。。。これはサードパーティ製のプラグインで実装することもできますが、必要とする人が自分で設定すればいいでしょう。。。私はあまりマイクロブログを投稿しません（怠惰なので）、なので削除しました。

もちろん、全サイトHTTPS化を実現するのは非常に面倒です。なぜemlogをアップグレードしたのか？理由はここにあります。6.0.0以降のバージョンのみがHTTPSに完全対応しています。以前のバージョンを使用していたら、修正だらけになってしまうでしょう。。。

emlog以外にも、現在使用している大前端テンプレートもHTTPSをサポートしていません。

実際、大前端がHTTPSをサポートしていない主な理由は、百度の共有機能です。記事ページで百度共有を使用すると、HTTPとHTTPSが混在し、かわいい緑色の鍵マークが消えてしまいます。

「百度共有は現在までに2〜3年更新されていないと思われます。公式ウェブサイトのニュース更新は2012年のままです。これほど長期間更新されていないため、現在多くの百度系製品がHTTPS化されているにもかかわらず、百度共有は依然としてHTTPSをサポートしておらず、開発者にとっては非常に面倒です。ウェブサイトが全サイトHTTPS化されている場合、百度共有を使用するとロード問題が発生し、百度共有のコアJavaScriptがブロックされます。」

ネットで探し回ったところ、すでにこの問題を解決した人がいることがわかりました。なので、私たちはそのまま「伸手党」（他人の成果をそのまま利用する人）になれば良いのです。 Githubアドレス：https://github.com/hrwhisper/baiduShare

デフォルトテンプレートのモバイル版ページを削除しました（とにかく醜いので）。現在のテンプレートはレスポンシブなので、必要ありません。

簡単なCSS3アバター回転と3D回転効果

Mon, 10 Jul 2017 07:45:23 +0000

ウェブサイトのコメント欄で、コメント投稿者のアバターにマウスカーソルを合わせると360°回転するのをよく見かけます。

まず効果を見てみましょう。

.tximg{ height:300px; border-radius:50%; border:2px solid green; /*変化規則*/ transition:all 2s; } .tximg:hover{ /* 変化動作 定義2d回転、パラメータは角度を記入 */ transform:rotate(360deg); }

CSS部分

img{
	height:300px;
	border-radius:50%;
	border:2px solid green;
	/*変化規則*/
	transition:all 2s;
}

img:hover{
	/*
		変化動作
		2D回転を定義し、パラメータに角度を記入
	*/
	transform:rotate(360deg);
}

HTML部分（非常にシンプルで、画像が1枚だけです）

<img src="http://www.52ecy.cn/log0.png">

3D回転効果（フロントエンドの表示スタイルがやはり競合しているようです -。-）

.div{ width:300px; height:300px; border:1px solid red; /*3D効果を見たい場合は、動く要素の親要素にperspective属性を追加する必要があります*/ perspective:300px;/*3D要素からビューまでの距離、通常は画像の高さと同じにすると最も効果的です*/ } .img{ width:300px; height:300px; border:1px solid red; /*変化規則*/ /*回転要素の原点位置を設定*/ transform-origin:bottom; transition:all 2s; } .img:hover{ /*変化動作*/ transform:rotateX(60deg); }

CSSコード

div{
	width:300px;
	height:300px;
	border:1px solid red;
	/*3D効果を見たい場合は、動く要素の親要素にperspective属性を追加する必要があります*/
	perspective:300px;/*3D要素からビューまでの距離、通常は画像の高さと同じにすると最も効果的です*/
}
img{
	width:300px;
	height:300px;
	border:1px solid red;
	/*変化規則*/
	/*回転要素の原点位置を設定*/
	transform-origin:bottom;
	transition:all 2s;
}

img:hover{
	/*変化動作*/
	transform:rotateX(60deg);
	
}

HTMLコードの部分はアバター回転の部分と全く同じで、画像を1枚置くだけなので、ここでは省略します。

効果画像を現在のページに直接挿入すると、現在のページのCSSスタイルと競合し、ページ全体が崩れてしまうため、効果画像のスタイルセレクタを変更しました。

注意：IEモードでは動作しない可能性があります。

CSS3でiPhoneを描く

Mon, 03 Jul 2017 06:09:01 +0000

まずは完成イメージをご覧ください、お先にどうぞ。(これは決して画像ではありません。うん～、なんか変な言い方ですね～)

iPhoneの何世代目か聞かないでください、私も知らないし、使ったこともないので、お察しください。

CSSスタイル部分

#phone{ width:250px; height:500px; background-color:#2E2E2E; border:10px solid #3B3B3B; margin:100px auto; border-radius:30px;/*设置div元素的圆角边框*/ }

#camera{ width:8px; height:8px; background-color:#1A1A1A; border-radius:50%; border:2px solid #505050; margin:10px auto;/*距离上边距10px 左右居中*/ }

#receiver{ width:80px; height:8px; border:2px solid #505050; margin:10px auto; border-radius:10px; background-color:#1A1A1A; }

#screen{ width:225px; height:385px; background-color:#0A0A0A; border:3px solid #1C1C1C; margin:10px auto; }

#btn{ width:40px; height:40px; background:#1A1A1A; border-radius:50%; /*当宽高相同时，则为圆*/ margin:10px auto; }

/*:before 选择器在被选元素的内容前面插入内容。*/ #btn:before{ width:22px; height:22px; border:2px solid white; border-radius:30%; content:""; /*即使插入的内容为空也需要写，否则不显示*/ display:inline-block; margin-top:7px; margin-left:7px; }

HTML部分

後で少し機能を追加しました

ホームボタンをクリックすると携帯の画面が点灯し、5秒後に再び画面が消えます

お遊び - 友情リンクセルフ申請

Thu, 01 Jun 2017 05:59:59 +0000

について

相互リンク自動申請は、PHP言語で開発された相互リンク自動承認追加システムです。

Bootstrap UIライブラリのグリッドシステムでレイアウトしています。結局のところ、私はプロのフロントエンド開発者ではないので、これくらいできれば十分でしょう。

機能紹介

このシステムは、理論上すべてのウェブサイトをサポートしています。HTTPS対応のウェブサイトもサポートしています。相互リンクはウェブサイトのトップページに設定する必要があります。URLリダイレクトや保護がされているウェブサイトは検出できません。トップレベルドメインの申請が承認された後、サブドメインは引き続き申請できません。背景画像は私の画像ライブラリから1000枚の中からランダムに表示されます。

経緯

私の相互リンクの中に、あるブロガーがこのようにしているのを見かけました。相互リンクの自動承認追加は、一瞬でとても高度なものに感じられ、自分で承認する手間も省け、タイムリーに追加できる。それで、自分でも適当に作ってみたのです。

ここでちょっと格好つけているだけです。ソースコードが必要な方はご連絡ください。

もし間違っている点があれば、かかってこいよ！

効果は以下の図の通りです。友情链接申请地址友情链接申请须知

各種言語のOEP大全

Fri, 19 May 2017 03:08:23 +0000

普段OEPを照合するのは確かに面倒なので、まとめてみました。この記事で直接OEPを確認するか、
画像を右クリックしてローカルに保存してください。クリックで拡大表示できます。
お役に立てましたら、ぜひコメントを残していってくださいね〜

VC6と易语言

Delphi7

VB5

VB6

BC++

**VS2008Debug

**

**VS2008Release

**

**VS2012-VS2015Debug

**

**VS2012-VS2015Release

**

Emlogの最新コメント一覧でブログ主のコメント返信を非表示にする方法

Sat, 06 May 2017 03:17:23 +0000

ブロガーは訪問者と頻繁に交流する必要がありますが、ブロガーの返信もコメントとして最新コメント欄に表示されます。これにより、ブロガーが一度に複数のコメントに返信すると、最新コメント欄が自分のコメントで埋め尽くされてしまい、あまり見栄えが良くありません。

私が使用しているemlog5.3.1バージョンを例に説明します：

include/libディレクトリにあるcache.phpファイル（これはキャッシュ関数ファイルです）を開き、その中から以下のコードを見つけます：

私の場合は179行目にあります。以下の通りです。

$query = $this->db->query("SELECT * FROM " . DB_PREFIX . "comment WHERE hide='n' ORDER BY date DESC LIMIT 0, $index_comnum");

これを次のように変更します：

$query = $this->db->query("SELECT * FROM " . DB_PREFIX . "comment WHERE hide='n' AND poster!='阿珏' ORDER BY date DESC LIMIT 0, $index_comnum");

ヒント：これはSQL文を実行するPHPコードです。条件は、コメント投稿者のユーザー名がブロガーのユーザー名であるかどうかをチェックし、そうであればそのコメントを最新コメントリストに表示しないようにするものです。（メールアドレスやウェブサイトで poster!='阿珏' をチェックすることも可能ですが、私自身は返信する際にメールアドレスを入力しないため、ユーザー名でチェックするしかありません。もちろん、私になりすまさないでくださいね）

最後にファイルを保存し、emlogの管理画面にログインしてキャッシュを更新し、ウェブページを再読み込みすれば、効果が確認できます。

プログラマーの日常、ウイルス感染シリーズ

Thu, 04 May 2017 05:30:48 +0000

DropFileName = "svchost.exe" 問題解決策

事の発端はこうです。友人がソースコードを送ってきて、見てほしいと言われました。不注意でその中にあるexeファイルを誤ってクリックしてしまい、ネットワーク接続要求がポップアップ表示されたので、すぐに閉じました。その後、同じディレクトリにシステム音楽フォルダを装ったexe実行ファイルが追加されているのを発見しました。私は事態が良くないと感じましたが、確信は持てませんでした。その後、このフォルダ全体を削除しようとしたところ、「プログラムが使用中です」というメッセージが表示されました。

私はそれをそのままにして、しばらく放置しました。その後の2、3時間で、PCの応答速度がますます遅くなり、物理メモリの使用量が急増していることに気づきました。そこでPCを再起動しました。

その後、コードを書こうと思い、htmlファイルを開いたところ、大変な事態になっていることに気づきました。PC上のすべてのhtmlファイルに問題が発生していました（下図参照）。これで、ウイルスに感染したことが確実になりました。

そしてすぐに、間髪入れずに再び360をダウンロードし、PCのフルスキャンを実行しました（なぜ360をダウンロードしたのかは聞かないでください）。長期間ノーガードで使っていたPCなので、一度や二度、このような事態になるのは避けられません。

個別にテストしたところ、360はウイルスコードのみを削除し、ファイル自体は削除しないことがわかりました。しかし、一番下でコメントアウトされた部分は削除されません。結局、手動で再度処理する必要がありました。処理しなくても大きな問題はありませんが、強迫性障害なので、ちょっと辛いです( ╯▽╰)

コードの原理（作用）：このscriptコードはvbs言語のウイルスです。このウイルスに感染すると、ローカルのすべてのhtmlドキュメントを開いたときに、このような文字列が表示されることに気づくでしょう。htmlドキュメントだけでなく、dllドキュメントも感染します。もちろん、この種のウイルスは過度に心配する必要はありません。なぜなら、ファイル破壊の役割を果たすだけで、プライバシーのアップロードやアカウントの乗っ取りなどの危険性はないからです。このコードの大まかな意味は、svchost.exeプロセスを見つけてデータを注入し、その後のバイナリコードを実行するというものです。このウイルスが他のウイルスと異なるのは、このvbsウイルスは感染力が非常に強いことです。htmlファイルが一度感染すると、ユーザーがhtmlドキュメントを開くだけでウイルスが上記のコードを実行し、ローカルPC上のすべてのhtmlファイルとdllファイルに直接感染します。確かに、DLLファイルも感染するため、一部のソフトウェアは正常に使用できますが、ウイルス対策ソフトはウイルスを検出します。また、多くの常用ソフトウェアを実行するとウイルスが検出されることに気づくでしょう。例えば、以前よく使っていた迅雷や酷狗などの常用ソフトウェアを再度開いたときに、ウイルスがあると表示されたのです。当時、私は非常に奇妙に感じました。迅雷は公式サイトからダウンロードしたのに、なぜウイルスが検出されるのだろうか？ここでの理由は、vbsウイルスが迅雷などのソフトウェアのインストールファイル内のdllに感染したため、ウイルス対策ソフトがvbsスクリプトウイルスという名称でウイルスを検出し続けるのです。ヒント：記事中の画像は宇宙人に連れ去られました

私の二次元オンラインギャラリー

Wed, 03 May 2017 12:03:33 +0000

私のギャラリー - 二次元オンラインギャラリー

しばらくの試行錯誤の末、ようやく完成しました。

説明は不要！ベテランが発車します。さあ、乗り遅れないで。あ、ちなみに健全なサイトですよ

ご注意：他の方がいる場所での閲覧はご遠慮ください。

ご注意その2：F11キーでブラウザを全画面表示にすると、最高の体験が得られます。

このページを作成した目的はいくつかあります：

1.二次元文化を広め、普及させること。 2.良いものは共有すべきだから。 3.私がその世界を好きだから。 4.あなたより二次元の彼女の方が可愛いから。 5.上記は全部デタラメです。実は、自分が見やすいようにするためでした。

☞☞ワープゲート

投稿も可能です。

1.二次元の画像または素材であること。スタイル、白黒、デフォルメ（Q版）、男女は問いません。 2.際どい部分の露出は禁止です。それでは美しさに欠けますし、何と言ってもうちは健全なサイトですから。 3.一回の投稿で50枚以上お願いします。 4.投稿する画像は、高画質でウォーターマーク（透かし）がないものに限ります。

すべての画像は私が一枚一枚チェックしますよ^_^

もし不適切な画像を見つけた場合は、ご連絡いただければ削除します。何千枚もの画像があると、たまに審査の目も疲れてしまいますので。その際は、画像のリンクを控えておくのをお忘れなく。

この記事はギャラリーと共に長期的に更新され、該当カテゴリーのトップに固定されます。

初回は「アニメを愛するのは、私たちが幸せを信じているから」という記事を含め、合計716枚の画像を追加しました。今後はアニメ作品ごとに特集を組んでいく予定です。

2017年5月20日

各シリーズの画像を1918枚更新しました。

2017年7月2日

様々な（萌え）女の子の画像を1099枚更新しました（かなり前の素材ですが、女の子ばかりでどうしようもなくて）。

2017年8月10日

数日間ギャラリーを閉鎖し、再度調整を行いました。幸いにもAkoさんに手伝ってもらえました。サーバー上の画像のリネーム、ハッシュ値の比較を行い、重複していた画像を少しだけ削除しました。ファイル名のキャッシュ機能を追加しました。今後の画像更新については、ここでは一つ一つ説明しません。ページの表示スタイルを変更しました。（この部分は、今後もまたいじることになると思います）画像を百数十枚更新しました。

現在、サーバーには合計 5000枚以上の画像があります

ウェブサイトのバックエンドアドレスを公開することは非常に危険なことです

Sun, 30 Apr 2017 07:48:47 +0000

ウェブサイトのバックエンドアドレスを公開することは非常に危険なことです。例えば、私のウェブサイトのバックエンドアドレスは次のとおりです。管理ログイン

インターネットは複雑な世界であり、各ウェブサイトの管理者は自分自身を守る方法を学ぶ必要があります。

emlogのデフォルトのバックエンドパスはadminディレクトリであり、重要な情報がむき出しで公開されています。

デフォルトのバックエンドパスを変更するには、3つのステップがあります。

adminディレクトリを開き、globals.phpを見つけて、editplusなどのエディタで開きます。メモ帳で開いても構いませんが、結果は保証されません。

フォルダ名をadminからxxxxなどの希望の名前に変更します。

admin/globals.phpファイルを開きます。現在はxxxx/globals.phpになっているはずです。

9行目のコードを編集します。

define(‘TEMPLATE_PATH’, EMLOG_ROOT.’/admin/views/’);

adminを新しい名前xxxxに置き換えます。

define(‘TEMPLATE_PATH’, EMLOG_ROOT.’/xxxx/views/’);

3番目のステップ、バックエンドログインをリフレッシュした後、ナビゲーション設定で「ログイン」を非表示にします。そうしないと、クリックすると404エラーが発生し、非常に煩わしいです。

後遺症の解決策：

バックエンドパスを変更した後、微語の絵文字画像が表示されなくなります。解決策：

include/lib/function.base.phpを開き、以下を見つけます。

$t = str_replace($data,’’,$t);

adminをxxxxに置き換えます。

$t = str_replace($data,’’,$t);

バックエンドの個人設定で新しいアバターをアップロードしない場合、微語のアバターもフロントエンドに表示されなくなります。解決策：

t/index.phpを開き、以下を見つけます。

$avatar = empty($user_cache[UID][‘avatar’]) ? ‘../admin/views/images/avatar.jpg’ : ‘../’ . $user_cache[UID][‘avatar’];

adminをxxxxに置き換えます。

$avatar = empty($user_cache[UID][‘avatar’]) ? ‘../xxxx/views/images/avatar.jpg’ : ‘../’ . $user_cache[UID][‘avatar’];

次に、テンプレート内のt.php、つまりcontent/templates/テンプレート名/t.phpを開きます。

BLOG_URL . ‘admin/views/images/avatar.jpg’ :

adminをxxxxに置き換えます。

BLOG_URL . ‘xxxx/views/images/avatar.jpg’ :

テンプレートが破損した場合の「戻る」ボタンのリンクの問題を解決します。デフォルトのadminをクリックするとエラーが発生します。

include/lib/view.phpを開き、以下を見つけます。

emMsg(‘現在のテンプレートは削除または破損しています。バックエンドにログインして別のテンプレートに変更してください。’, BLOG_URL . ‘admin/template.php’);

adminをxxxxに置き換えます。

emMsg(‘現在のテンプレートは削除または破損しています。バックエンドにログインして別のテンプレートに変更してください。’, BLOG_URL . ‘xxxx/template.php’);

記事リストページの編集ボタンのリンクの問題を解決します。

テンプレートのmodule.phpファイルを開き、以下を見つけます。

$editflg = ROLE == ROLE_ADMIN || $author == UID ? ‘編集’ : ‘’;

ネットワークハイジャックのコードエラー

Fri, 21 Apr 2017 03:05:56 +0000

昨晩、なぜかネットワークがダウンしてしまい、今朝復旧したので、作業を再開しました。

HTMLの「瀑布流（ウォーターフォール）」レイアウトを書いていたのですが、今朝開いてみたら、あれ？昨日までちゃんと動いていたウォーターフォール効果はどこへ？[困惑の表情]

乗っ取られた時なんてひどい広告だ

右下隅にポップアップが表示される確率は約1/10でした。Chrome Developer Toolsを通して見ると、元のウェブページがiframe内に配置され、Flash広告が挿入されていることがわかりました。

ブラウザのアドレスバーを確認すると、正しいドメインのままでリダイレクトされていませんでした。これは、DNSハイジャックによってドメインが返すコンテンツがウェブサイトのページではなく、処理されたページになっていることを示しています。

その後、コードをVPSにアップロードしてテストしてみたところ、問題ありませんでした。

これにより、ISPによるDNSハイジャックと広告の挿入が確認され、返されるコンテンツがiframe内に配置されていることが判明しました。これにより、クロスサイト攻撃、キーロギング、HTTPS証明書の偽造など、一般的なフィッシングサイトよりも危険なリスクが生じる可能性があります。

仕方なくDNSを変更するしかありませんでした。

ようやく復旧しました。

最後に、なぜ私のローカルファイルのHTMLコードまで乗っ取られたのかというと、Baiduの静的リソース公開ライブラリを呼び出していたため、返されるJavaScriptが正しい内容ではなかったからです。

追記：この記事は1年前に公開されたため、画像は失われています。

アクセスしたページは存在しません。

Tue, 04 Apr 2017 10:37:13 +0000

萌え萌えな404ページを作ってみました

まあ、bilibiliのパクリですけどね。

http://52ecy.cn/404（テンプレートを変更してからは使っていません）

とあるナビゲーションページです

http://XX.com/ （閉鎖しました）

ブログをemlogに正式に切り替えました

Sun, 02 Apr 2017 03:10:54 +0000

元のブログシステムが不完全だったなど様々な理由に加え、「多説」というコメントサービスが6月1日（こどもの日）に終了することになり、期限を突きつけられたため、ブログシステムの変更を余儀なくされました。もちろん、コメントシステムだけを交換することも考えましたが、よく考えてみるとそれは決して簡単なことではありませんでした。そこで、現在は誇りを持ってemlogシステムを使用しています。

サイトのドメインも正式に以前の（z-z-d.pw）から現在の（52ecy.pw）に変更しました。ドメインの意味は「我愛異(二)次元」（二次元を愛してる）です。

旧ドメインにアクセスすると、新しいドメインに直接リダイレクトされます。

そして、データ移行作業が始まりました。

4月2日

ブログ記事のデータ移行と、期限切れ記事の削除を開始…..

4月3日

もちろん、重要なコメントデータは失うわけにはいきません。「多説」のコメントをこのブログに移し、文字化けしたデータを修復…..

4月3日夜

元のブログの私のプレイリストを移植しました。この機能はとても気に入っています。

私のプレイリストは酷狗（Kugou）の音楽をリアルタイムで同期しており、フローティングプレイヤーは網易雲音楽（NetEase Cloud Music）のもので、私のプレイリストのオープニングリストを同期しています。

4月5日

サイト全体でフローティング音楽プレイヤーを正式に導入しました。どこにいても音楽は止まりません。スマートフォンユーザーは、ブラウザをPCモードに設定しないとプレイヤーが表示されません。

酷狗の音楽の一部を同期するのに少し時間がかかりました。おそらく網易（NetEase）側にこれらの音楽がなかったからでしょう。なにしろ、ほとんどが日本のアニメソングで、しかもあまりメジャーではないものばかりですから。多くの曲で解析失敗が発生し、プレイヤーが現在のテーマと互換性がないため、プレイヤー機能が失われています。やはり私のプレイリストで聴くことをお勧めします。多くを語ると疲れますね。

折腾 on MoeJue's Blog

阿珏のBlog の国際化への道

なぜ Hugo を選んだのか？

設計目標と制約 🎯

多言語設定戦略 🧩

GitHub Actions 自動デプロイマトリックス ⚙️

# ポータブルモニターを自作する方法

ポータブルディスプレイを自作する方法

はじめに

材料の準備

改造プロセス

完成品：

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

MoeKoe Music

はじめに

✨ 特徴

Todo List

📦️ インストール

転生：ECサイトを構築する - 萌音ECサイトV1.0リリース

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

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

プロジェクト紹介

技術スタック

紹介:

将来:

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

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

ヒント

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

NodeMCU開発ボード

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

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

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

Arduino IDEのインストール

Arduinoコード

真の現実逃避

Android APK インストール パッケージの AndroidManifest.xml ファイルを表示します。

支付宝対面決済連携

ESP8266 シリアル WiFi モジュール - WiFi キラー

美しすぎるAlibaba Cloud画像ホスティングツール

小愛スピーカー ユニバーサルリモコン版

感熱ブルートゥースプリンター開発

サボっていた主が、新版の三合一を持って帰ってきました。

正文

v2.0

スポンサー版

スポンサー版テンプレート拡張チュートリアル

パラメータ説明

ミニプログラムアーキテクチャ

よく使われる機能のクエリSQL

WeChat JSAPI 決済

大金持ちになれると思ったが、そうはならなかった。

振り返り

2019年

萌音影视 - オンライン動画アプリ

作者より

スポンサー限定版

インストール要件

Composerによるメインプログラムのインストール

1. Composerを使用してmoeinsをインストール

2. ディレクトリ権限

3. URLリライト

QQ、支付宝（アリペイ）、微信支付（WeChat）の3つの決済コードが1つに

Receive the money

序文

原則

世界はこんなに広い、私が連れて行ってあげる 123

免責事項

動作環境

基本的な使い方

サーバーの自由な切り替え

Woothosting 6ドル/年 vps测评

萌音コミュニティがやってきたよ〜！わぁ！

投稿者は誰？

ウェブパケットキャプチャ - 私のプレイリスト

萌音全自動カード発行プラットフォーム、リリース

LinuxでのPHP環境のインストール

安装 nginx

安装mysql

安装PHP7.2

Android APK インストールパッケージの AndroidManifest.xml ファイルを表示します。

小愛スピーカーユニバーサルリモコン版

幻想領域画像アップローダーヘルプ

軽量新浪画像アップローダー幻想領域1.0 リリース

お遊び - 友情リンクセルフ申請