<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>JavaScript on MoeJue&#39;s Blog</title>
    <link>https://en.moejue.cn/ja/tags/javascript/</link>
    <description>Recent content in JavaScript on MoeJue&#39;s Blog</description>
    <generator>Hugo -- 0.151.2</generator>
    <language>ja</language>
    <lastBuildDate>Sat, 23 Aug 2025 12:34:26 +0000</lastBuildDate>
    <atom:link href="https://en.moejue.cn/ja/tags/javascript/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>AEはできませんが、コードは書けます</title>
      <link>https://en.moejue.cn/ja/posts/280/</link>
      <pubDate>Sat, 23 Aug 2025 12:29:01 +0000</pubDate>
      <guid>https://en.moejue.cn/ja/posts/280/</guid>
      <description>&lt;h2 id=&#34;-緒山まひろの隠れ家-&#34;&gt;✨ 緒山まひろの隠れ家 ✨&lt;/h2&gt;
&lt;p&gt;&lt;img alt=&#34;緒山まひろ&#34; loading=&#34;lazy&#34; src=&#34;https://mahiro.moejue.cn/static/images/onimai.png&#34;&gt;&lt;/p&gt;
&lt;h3 id=&#34;-緒山まひろの隠れ家へようこそ-&#34;&gt;🌸 緒山まひろの隠れ家へようこそ 🌸&lt;/h3&gt;
&lt;p&gt;&lt;img alt=&#34;緒山まひろ&#34; loading=&#34;lazy&#34; src=&#34;https://mahiro.moejue.cn/static/images/Mahiro06.png&#34;&gt;&lt;/p&gt;
&lt;p&gt;わぁ！私の秘密基地を見つけちゃったんだね！(*≧ω≦)&lt;/p&gt;
&lt;p&gt;ここは緒山まひろの個人サイトだよ。かわいいアニメーションと面白いコンテンツがいっぱい！ ここでは、私のお気に入りのアニメ、マンガ、ゲーム、そして日常のささやかな幸せをシェアしていくね～&lt;/p&gt;
&lt;h3 id=&#34;-私について-&#34;&gt;💕 私について 💕&lt;/h3&gt;
&lt;p&gt;私は緒山まひろ。エロゲを愛する引きこもりのダメニートだよ。 アニメ、マンガ、ライトノベル、そしてかわいいものが大好き！ 好きな色はピンクと水色！&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;  ∩∩
（･ω･）  &amp;lt;- 私だよ！
＿|　⊃／(＿＿
／ └-(＿＿＿／
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;img alt=&#34;緒山まひろ&#34; loading=&#34;lazy&#34; src=&#34;https://mahiro.moejue.cn/static/images/visual_chara_mahiro-mihari.webp&#34;&gt;&lt;/p&gt;
&lt;h3 id=&#34;-サイトコンテンツ-&#34;&gt;🎀 サイトコンテンツ 🎀&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;🌟 素敵なアニメーション&lt;/li&gt;
&lt;li&gt;📚 私のプライベートフォト&lt;/li&gt;
&lt;li&gt;🎵 おすすめの音楽&lt;/li&gt;
&lt;li&gt;📷 日常のワンシーン&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;-関連リンク-&#34;&gt;🌈 関連リンク 🌈&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;🎭 デモ: &lt;a href=&#34;https://mahiro.moejue.cn/&#34;&gt;https://mahiro.moejue.cn/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;🏠 個人ブログ: &lt;a href=&#34;https://MoeJue.cn/&#34;&gt;https://MoeJue.cn/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;🐱 GitHub: &lt;a href=&#34;https://github.com/iAJue/Mahiro&#34;&gt;https://github.com/iAJue/Mahiro&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;📧 公式サイト: &lt;a href=&#34;https://onimai.jp/&#34;&gt;https://onimai.jp/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;-著作権情報-&#34;&gt;📝 著作権情報 📝&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;このサイトは @Moejue によってデザイン・開発されました&lt;/li&gt;
&lt;li&gt;サイト内で使用されているすべてのアニメーション、マンガの画像、キャラクター、および関連コンテンツの著作権は、原作者（ねことうふ）およびその発行元（スタジオバインド、一迅社）に帰属します&lt;/li&gt;
&lt;li&gt;著作権侵害の可能性がある場合は、上記の連絡先までお知らせください。速やかに関連コンテンツを削除いたします&lt;/li&gt;
&lt;li&gt;GNU GENERAL PUBLIC LICENSE Version 2&lt;/li&gt;
&lt;li&gt;Copyright © 2025 MoeJue. All rights reserved.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;-スペシャルサンクス-&#34;&gt;💌 スペシャルサンクス 💌&lt;/h3&gt;
&lt;p&gt;緒山まひろを好きでいてくれるみんな、ありがとう！(●&amp;rsquo;◡&amp;rsquo;●)&lt;/p&gt;</description>
    </item>
    <item>
      <title>マルチチェーン対応は、想像以上に複雑だ</title>
      <link>https://en.moejue.cn/ja/posts/269/</link>
      <pubDate>Sat, 05 Jul 2025 08:20:55 +0000</pubDate>
      <guid>https://en.moejue.cn/ja/posts/269/</guid>
      <description>&lt;h4 id=&#34;初めてのマルチチェーンウォレット統合の実践的考察&#34;&gt;初めてのマルチチェーンウォレット統合の実践的考察&lt;/h4&gt;
&lt;p&gt;ようやく時間ができてコードを整理できるようになりました。Web3プロジェクトでマルチチェーンウォレット接続機能を導入する際、主にEthereum、Polygon、BSC、Solanaが関わってきます。一見すると「互換性のあるロジックをいくつか追加するだけ」のように思えますが、実際に実装してみると、多くのことが思ったほど単純ではないと気づきました。&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;this.networkConfigs = {
    ethereum: {
        chainId: &amp;#39;0x1&amp;#39;, // 1
        chainName: &amp;#39;Ethereum Mainnet&amp;#39;,
        nativeCurrency: {
            name: &amp;#39;Ethereum&amp;#39;,
            symbol: &amp;#39;ETH&amp;#39;,
            decimals: 18
        },
        rpcUrls: [&amp;#39;https://eth-mainnet.public.blastapi.io&amp;#39;],
        blockExplorerUrls: [&amp;#39;https://etherscan.io&amp;#39;]
    },
    polygon: {
        chainId: &amp;#39;0x89&amp;#39;, // 137
        chainName: &amp;#39;Polygon Mainnet&amp;#39;,
        nativeCurrency: {
            name: &amp;#39;MATIC&amp;#39;,
            symbol: &amp;#39;MATIC&amp;#39;,
            decimals: 18
        },
        rpcUrls: [&amp;#39;https://polygon-rpc.com&amp;#39;],
        blockExplorerUrls: [&amp;#39;https://polygonscan.com&amp;#39;]
    },
    bsc: {
        chainId: &amp;#39;0x38&amp;#39;, // 56
        chainName: &amp;#39;BNB Smart Chain&amp;#39;,
        nativeCurrency: {
            name: &amp;#39;BNB&amp;#39;,
            symbol: &amp;#39;BNB&amp;#39;,
            decimals: 18
        },
        rpcUrls: [&amp;#39;https://bsc-dataseed.binance.org&amp;#39;],
        blockExplorerUrls: [&amp;#39;https://bscscan.com&amp;#39;]
    }
}
&lt;/code&gt;&lt;/pre&gt;&lt;h4 id=&#34;マルチチェーンは単に複数のウォレットをサポートすることではない&#34;&gt;マルチチェーンは単に「複数のウォレットをサポートする」ことではない&lt;/h4&gt;
&lt;p&gt;最も強く感じたのは、チェーンが異なればウォレットのインタラクション方法も異なり、SDKの考え方すら違うということです。イーサリアムエコシステムでは統一されたWeb3.jsで多くのロジックを処理できますが、Solanaになると、完全に別のシステムであることがわかります。プロバイダーの接続、接続フロー、PublicKeyの構築方法が異なり、ネットワークの遅延や安定性までもがユーザー体験に影響を与えます。&lt;/p&gt;</description>
    </item>
    <item>
      <title>マルチプラットフォーム記事同期ブラウザ拡張機能 - ArticleSync</title>
      <link>https://en.moejue.cn/ja/posts/218/</link>
      <pubDate>Wed, 16 Oct 2024 11:02:49 +0000</pubDate>
      <guid>https://en.moejue.cn/ja/posts/218/</guid>
      <description>&lt;h2 id=&#34;articlesync---マルチプラットフォーム記事同期プラグイン&#34;&gt;ArticleSync - マルチプラットフォーム記事同期プラグイン&lt;/h2&gt;
&lt;p&gt;ArticleSyncは、ユーザーが複数のソーシャルプラットフォームに記事を簡単に同期・公開できるブラウザ拡張機能です。ローカルの下書きから、知乎（Zhihu）やBilibiliなどの主要プラットフォームに記事を公開することをサポートしています。これにより、異なるソーシャルメディアプラットフォーム間で記事を同期する作業が、シンプルかつ効率的になるワンストップソリューションを提供します。&lt;/p&gt;
&lt;p&gt;ブラウザ拡張機能の仕組みに基づき、ローカルでログインしているアカウントを自動的に検出し、アカウント情報の漏洩や環境の異常といったリスクを防ぎます。&lt;/p&gt;
&lt;p&gt;Chrome Manifest V3ブラウザ拡張機能の標準に基づいて開発されており、カーネルのバージョン要件にご注意ください。&lt;/p&gt;
&lt;h3 id=&#34;背景&#34;&gt;背景&lt;/h3&gt;
&lt;p&gt;ご存知の通り、私は最近、いくつかのブログプラットフォームと多くのソーシャルサイトを新たに使い始めました。もし、それらすべてで活発に更新を続けたいと思ったらどうすればいいでしょうか。（私がまだ生きていることを証明するために）ついでに、ワンクリックで記事を転載することもできます。&lt;/p&gt;
&lt;p&gt;私が最も頻繁に更新するのは自分の小さなサイトですが、他のプラットフォームはたまにしか更新しません。しかし、毎回手動で投稿するのは面倒です。そこで、ローカルでログインしているアカウントを自動検出し、自動で投稿してくれるプラグインが作れないかと考えました。&lt;/p&gt;
&lt;p&gt;「自分のことは自分でやる」ということわざの通り、数日間いじくり回して、なんとか使えるものができました。残りの部分は時間があるときに更新します。お金をくれるなら話は別ですが。&lt;/p&gt;
&lt;p&gt;このプラグインにはまだ多くの未完成な部分があり、本番環境で複数のプラットフォームでのテストも行っていません。エラーが発生するのはごく普通のことですので、その際はIssueを提出するか、自分で修正してPRを送ってください。てへぺろ〜&lt;/p&gt;
&lt;p&gt;話の邪魔にならないように、スクリーンショットは最後に載せておきました。&lt;/p&gt;
&lt;p&gt;それと、オープンソースは大変なので、スターを付けてくれると嬉しいです。へへへ〜&lt;/p&gt;
&lt;p&gt;本当は、私のコミュニティプラットフォームを自動でフォローするような、個人的な機能を追加しようかとも思いました。&lt;/p&gt;
&lt;h3 id=&#34;機能と特徴&#34;&gt;機能と特徴&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;マルチプラットフォーム対応&lt;/strong&gt;：知乎（Zhihu）、Bilibiliなどの主要プラットフォームや、自作のオープンソースCMSシステムをサポートしています。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ステータス追跡&lt;/strong&gt;：プラグインのインターフェースで記事の同期状況を確認できます。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;アカウント管理&lt;/strong&gt;：プラグインに連携されている各プラットフォームのアカウント情報を確認できます。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;高い拡張性&lt;/strong&gt;：開発者はアダプターパターンを通じて、簡単により多くのプラットフォームに拡張できます。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;安全性と信頼性&lt;/strong&gt;：ブラウザ拡張機能の仕組みに基づいているため、アカウントの安全性を確保し、情報漏洩などのリスクを回避します。&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;todoリスト&#34;&gt;Todoリスト&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;[ ] 独立した記事エディタ&lt;/li&gt;
&lt;li&gt;[ ] 画像のワンクリック同期&lt;/li&gt;
&lt;li&gt;[x] MarkdownとHTMLの相互変換&lt;/li&gt;
&lt;li&gt;[ ] サードパーティの画像ホスティングサービス&lt;/li&gt;
&lt;li&gt;[ ] 複数アカウント管理&lt;/li&gt;
&lt;li&gt;[ ] マルチOSクライアントバージョン&lt;/li&gt;
&lt;li&gt;[ ] ワンクリックAI要約&lt;/li&gt;
&lt;li&gt;[ ] 動画の同期&lt;/li&gt;
&lt;li&gt;[ ] タグ、カテゴリのサポート&lt;/li&gt;
&lt;li&gt;[ ] より親切なエラーハンドリング&lt;/li&gt;
&lt;li&gt;[ ] より多くのプラットフォームへの対応&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;対応プラットフォーム&#34;&gt;対応プラットフォーム&lt;/h3&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;メディア&lt;/th&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;カテゴリ&lt;/th&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;ステータス&lt;/th&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;URL&lt;/th&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;対応形式&lt;/th&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;更新日時&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;Bilibili (哔哩哔哩)&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;主要セルフメディア&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;対応済み&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;a href=&#34;https://bilibili.com/&#34;&gt;https://bilibili.com/&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;HTML&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;2024/10/13&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;知乎 (Zhihu)&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;主要セルフメディア&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;対応済み&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;a href=&#34;https://www.zhihu.com/&#34;&gt;https://www.zhihu.com/&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;HTML&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;2024/10/13&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;博客园 (Cnblogs)&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;ブログ&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;対応済み&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;a href=&#34;https://cnblogs.com/&#34;&gt;https://cnblogs.com/&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;HTML&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;2024/10/14&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;新浪头条 (Sina Headline)&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;主要セルフメディア&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;対応済み&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;a href=&#34;https://weibo.com/&#34;&gt;https://weibo.com/&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;HTML&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;2024/10/14&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;Emlog&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;オープンソースCMS&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;対応済み&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;a href=&#34;https://www.emlog.net/&#34;&gt;https://www.emlog.net/&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;HTML&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;2024/10/14&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;WordPress&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;オープンソースCMS&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;対応済み&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;a href=&#34;https://cn.wordpress.org/&#34;&gt;https://cn.wordpress.org/&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;HTML,Markdown&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;2024/10/14&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;Discuz!&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;オープンソースCMS&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;対応済み&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;a href=&#34;https://www.discuz.vip/&#34;&gt;https://www.discuz.vip/&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;Markdown,Text&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;2024/10/15&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h3 id=&#34;インストール手順&#34;&gt;インストール手順&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;リポジトリをローカルにクローンします：&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
