WeChat ミニプログラム開発における疑問に対する解決策のまとめ

この記事は主に、WeChat ミニ プログラムの開発に関するさまざまな質問と回答をまとめたもので、必要とするすべての友人にとって、特定の参考と学習価値があります。来て下を見てみましょう。

前書き

最近、WeChat ミニ プログラムへの回答をまとめましたが、ミニ プログラムの担当者として、私はミニ プログラムが最初にニュースを発表したときにここで指摘した点をよく理解しています。ミニ プログラムが提供するように、コンポーネントまたは API が豊富で安定しており、互換性がある場合にのみ、ミニ プログラムの迅速な開発というコンセプトを実現できます。現在、互換性が理想的ではないコンポーネントが多く、まだ最適化されているコンポーネントもあります。ミニプログラムの開発には非常に制限があり、座って待つことしかできません。 。 。サードパーティ ライブラリを使用して実装したい場合、ミニ プログラムはサードパーティ ライブラリの実践をサポートしないと明確に規定しており、最終的にはミニ プログラムのレビュー プロセスは 100% 失敗します。

1.scroll-view には iOS のバグがあります

このコンポーネントを使用してページを開発する場合、組み込みのスクロール効果により、Y 軸のスライドによって iOS のネイティブ ラバー バンド効果がトリガーされるとき、プルダウン、スクロールビューはできないようです。スライドバグは、ラバーバンド効果のない Android システムでは存在しません。最新バージョン 0.11.122100 がまだ存在する場合は、次のバージョンで処理されます。

2. WeChatバージョン6.3.31の入力のフォーカスが無効です

これはミニプログラム更新ログレコードで解決されています

2016-12-22更新ログ

1.F Repair コンポーネント 開発者ツールでフォーカスを失ったときにコンテンツが消去される問題

3. iOS でナビゲーションを使用してページに移動すると、白い画面のバグが表示されることがあります

後のバージョンで修正されました

4 .tabBar アイコンのサイズはさまざまなプラットフォームで一貫性がありません

正式に知られており、以降のバージョンで修正される予定です

5 の戻りナビゲーション バーに修正されたバグがあります。 iOS

tabBarの問題は正式に知られており、次のバージョンで修正される予定です開発者がtabBar

6の切り替えを直接制御できるようにswitchTabインターフェイスが追加されます。クリックイベントはマップオーバーレイに追加できません。ユーザーがクリックしたオーバーレイを取得することは不可能です

正式に知られており、後のバージョンで修正される予定です

7 .ミニプログラムは偽装WebViewをサポートできますか

サポートされていません

8. Android WeChatが6.3にアップデートされた後.32では、通常のページからタブバーのあるページへのジャンプはサポートされません

新バージョンには専用のAPIが用意されますタブバーのページにジャンプするには、以前の処理方法では論理的な問題が発生します

9。スワイパーで円形カルーセルを実装する方法

現在のバージョンは円形属性

10をサポートしています。複数の入力を素早くクリックするとメッセージが表示されます 問題

この問題は正式に修正されており、リリースバージョンを待っています

11. デバッグ時にWXMLが空白になることが多い

は修正され、開発ツールの次のバージョンが更新されます

12.scroll-viewオーバーラップするとイベント貫通の問題が発生します

将来修正される予定です

13. Android では、1rpx の境界線が表示されない場合があります

一部の Android スマートフォンでは、rpx 表示の値が小さいという不完全な問題があります。WeChat の新しいバージョンではこの問題が修正されます

14. ミニプログラムから通常の Web リンクを開けますか

現在はサポートされていません

15. スクロールビューにはテキストエリアがあり、その内容は変更できません

現在は公式にはサポートされていません

16. WXSS ファイルに CSS 3 アニメーションを書き込む場合、[コンパイル] をクリックすると、直接エラーが報告され、コンパイルは成功しません。

現在、公式はさらに多くの css3 属性をサポートします。将来的には、プロパティ

17. WeChat アプレットのキャンバス関連 API に、キャンバスを画像に変換するための関連 API インターフェイスが不足していることが判明しました

WeChat 6.3.30 では、wx.canvasToTemFilePath がサポートされています。キャンバスを一時的に画像に変換するために使用できます

18. 現在提供されているキャンバス描画インターフェイスは、Web ページのネイティブ API と互換性がありません

はい

19. ミニ プログラムの開発、タブの移動方法トップへ

WeChat 6.3.30はtabBarをサポートしました

ミニプログラムのAPIで画像の元の幅と高さを取得するインターフェースはすでにサポートされていますか？ 30、画像コンポーネントのバインドロードイベントは、画像の元の幅と高さを返すことができます

21. ミニプログラムは、ECharts などの外部チャートライブラリを参照できます

正式にはまだサポートされていません

22。カスタム フォント アイコンは使用できますか? カスタム フォントはサポートされていますが、オンライン フォントを使用する必要があり、フォントを保存するサーバーはクロスドメインを許可する必要があります

23。 Android でのエラー

開発ツールによって提供される ES6 から ES5 への関数は構文の変換のみを行い、Promise などの新しい ES6 API では、開発者がそれを解決するために Polyfill または他のクラス ライブラリを導入する必要があります

24.wx.getImageInfo にはAndroid で情報を取得できないバグ

WeChat バージョン 6.3.31 Android クライアントにはこのバグがあります

新しいバージョンでは修正されます。

25. ミニ プログラムのサイズは 1 MB です。正式にリリースされると、このコントロールは拡大されますか? 26. getUserInfo インターフェイスは、unionid を取得できません。 ?

必須 WeChat オープン プラットフォーム Web サイト (https://open.weixin.qq.com) にアクセスして、ミニ プログラムを他の公式アカウントまたはアプリにバインドすると、unionid が返されます

27。 WeChat ミニ プログラムはハードウェアとの対話をサポートしていますか?たとえば、Bluetooth や Wi-Fi を介したハードウェアとのデータ通信

公式は将来この機能をリリースする可能性があります

28. 完了した録音の形式は何ですか

携帯電話での録音は現在行われています。 SILK 形式であり、SILK は Skype によって内部開発されています。Skype 間の通話のデフォルト コーデックとして使用される音声コーデックです。 SILK は、オーディオ帯域幅、ネットワーク ビット レート、複雑さの点で拡張性が高く、複数のモードとアプリケーションを選択できるコーデックです

29. ミニ プログラムは、ユーザーの携帯電話のアドレス帳へのアクセス許可を許可しますか?

現在サポートされていません

30. iPad ミニ プログラムはプレビューできないようです

ミニ プログラムは現在 iPad でサポートされていません

31. ミニ プログラムはテキスト、写真、リンクの転送をサポートしていますか?友達ですか、サークルですか?

公式の答え: 共有機能は近々提供される予定です。公式ドキュメントに注意してください

チェックボックス イベント バインドは

を介してのみ行われますか?イベントを変更すると、checkbox-group がトリガーされます

33。ページをスクロールし、一番下までスクロールして、新しいコンテンツを読み込むことはできません

WeChat 6.3.30 では、onReachBottom イベント

34 を使用する場合、ページ構成がサポートされています。 Canvas コンポーネント、キャンバス情報は保存できません

公式回答: まだサポートされていません。すぐにサポートされます

35. Cookie パラメーターをアップロードファイルのヘッダーに含めることはできません

WeChat バージョンの iOS クライアント6.3.31 にはこのバグがあり、新しいバージョンはすぐに修正される予定です

36.WXML Mustache 構文 (二重中括弧) は、対応するターゲット データが HTML テキストの一部である場合、データをバインドするために使用されます。 ?どのように縛ればよいのでしょうか？

正式にはまだサポートされていません

37. コード内でいくつかのツール ライブラリを使用できますか?たとえば、npm install を通じてサードパーティのツールライブラリをインストールできます

現時点では画像の幅と高さを取得できないようです。現時点では解決策はありますか？画像の幅と高さの設定を表示できます

39. WeChat アプレットには電話をかけたりメールを送信したりする方法がありますか

現在、電話をかけることはサポートされていますが、メールはまだサポートされていません

40。サブマーチャントへの支払いの場合、呼び出しインターフェイスは以前の Web と同じになります。 開発用途は同じですか? 現在、サブマーチャントへの支払いはサポートされていません。 41. 独自の API インターフェイスに加えて、 WeChat ミニ アプリケーションは、他の外部 API または JS プラグインの読み込みをサポートしていますか?

現在サポートされていません

42. HLSなどのビデオライブブロードキャストまたはオーディオライブブロードキャストをサポートしていますか

公式の回答: 私たちは常にテクノロジーを改善しており、すぐにサポートを提供する予定です

43。たとえば、「完了」ボタンがトリガーされると、対応するアクションが実行されます。これまでのところ、

入力ボックス (input/textarea) のサポートはありません。

44 開発ツールは Linux 環境と Windows 2003/XP システムをサポートしていますか? 現在サポートされていません

45。アプレットとサーバー プログラムを 1 つのマシン上で同時に実行できます。WeChat アプレットはどこにありますか? 開発中にローカル サーバーにアクセスするにはどうすればよいですか

現在、サーバーはドメイン名を使用する必要があり、ローカル デバッグをサポートしていません

46。フィードバックをレビュー担当者に直接送信する方法

公式の回答: フォローアップの WeChat パブリック プラットフォームで提供します。プログラムはレビュー ページを送信し、テスト アカウント (アカウント + パスワード フォーム) を追加し、レビューの説明を記入します。 。レビューの問題については、AppReview@tencent.com に電子メールを送信してください。フィードバックをレビューする専任担当者を手配します

現在、個人の開発者は登録できませんか?

、他の組織、および個人はサポートされています 開発者はまだ登録をサポートしていません

48. ミニ プログラム ツールでコードを作成する際に Promise を使用すると、次のエラー メッセージが表示されます: TypeError: Promise はコンストラクターではありません

。公式の回答: 3 つの目的を確実に統合するために、0.11 バージョンのツールでは Promise を削除する必要があります。開発者は互換性ライブラリを自分で導入する必要があります そこで、私は軽量で解決済みの Promise.min ライブラリを導入しました。

49. inputコンポーネントにはbindInputイベントがありますが、textareaコンポーネントにはありません

2016年12月22日にコンポーネントイベントbininputを追加しました</p> <p></p>50。 WeChat IDを切り替えた後は?<p><strong></strong>公式の回答: クリアされませんが、他のユーザーがログインすると、前のユーザーが残したデータにアクセスできなくなります</p> <p></p>51。 wx.navigateToは無効になります<p><strong><p>私は開発中に公式の tabBar を使用せず、自分で tabBar を作成したため、そのようなシナリオには遭遇しませんでした。公式の tabBar を使用する場合は、wx.switchTab を使用してジャンプするだけです</p> <p><strong>52.background-image は、相対パス 画像を表示できません</strong></p> <p>ネットワークアドレス画像、base64、またはイメージタグを使用して問題を解決できます</p> <p><span style="color: #ff0000"><strong>概要</strong></span></p></strong></p><p>以上がWeChat ミニプログラム開発における疑問に対する解決策のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。</p> </div> </div> <div class="wzconShengming_sp"> <div class="bzsmdiv_sp">このウェブサイトの声明</div> <div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>人気の記事</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780570.html" title="R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780641.html" title="R.E.P.O.最高のグラフィック設定" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.最高のグラフィック設定</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796785841.html" title="アサシンのクリードシャドウズ：シーシェルリドルソリューション" class="phpgenera_Details_mainR4_bottom_title">アサシンのクリードシャドウズ：シーシェルリドルソリューション</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2週間前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780520.html" title="R.E.P.O.誰も聞こえない場合はオーディオを修正する方法" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.誰も聞こえない場合はオーディオを修正する方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796779766.html" title="WWE 2K25：Myriseのすべてのロックを解除する方法" class="phpgenera_Details_mainR4_bottom_title">WWE 2K25：Myriseのすべてのロックを解除する方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 か月前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ja/article.html">もっと見る</a> </div> </div> </div> --> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>ホットAIツール</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>リアルなヌード写真を作成する AI 搭載アプリ</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>写真から衣服を削除するオンライン AI ツール。</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>脱衣画像を無料で</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI衣類リムーバー</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title"> <h3>AI Hentai Generator</h3> </a> <p>AIヘンタイを無料で生成します。</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ja/ai">もっと見る</a> </div> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>人気の記事</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780570.html" title="R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780641.html" title="R.E.P.O.最高のグラフィック設定" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.最高のグラフィック設定</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796785841.html" title="アサシンのクリードシャドウズ：シーシェルリドルソリューション" class="phpgenera_Details_mainR4_bottom_title">アサシンのクリードシャドウズ：シーシェルリドルソリューション</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2週間前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780520.html" title="R.E.P.O.誰も聞こえない場合はオーディオを修正する方法" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.誰も聞こえない場合はオーディオを修正する方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796779766.html" title="WWE 2K25：Myriseのすべてのロックを解除する方法" class="phpgenera_Details_mainR4_bottom_title">WWE 2K25：Myriseのすべてのロックを解除する方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 か月前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ja/article.html">もっと見る</a> </div> </div> </div> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>ホットツール</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/toolset/development-tools/92" title="メモ帳++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="メモ帳++7.3.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/toolset/development-tools/92" title="メモ帳++7.3.1" class="phpmain_tab2_mids_title"> <h3>メモ帳++7.3.1</h3> </a> <p>使いやすく無料のコードエディター</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/toolset/development-tools/93" title="SublimeText3 中国語版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 中国語版" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/toolset/development-tools/93" title="SublimeText3 中国語版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 中国語版</h3> </a> <p>中国語版、とても使いやすい</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/toolset/development-tools/121" title="ゼンドスタジオ 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="ゼンドスタジオ 13.0.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/toolset/development-tools/121" title="ゼンドスタジオ 13.0.1" class="phpmain_tab2_mids_title"> <h3>ゼンドスタジオ 13.0.1</h3> </a> <p>強力な PHP 統合開発環境</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/toolset/development-tools/469" title="ドリームウィーバー CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="ドリームウィーバー CS6" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/toolset/development-tools/469" title="ドリームウィーバー CS6" class="phpmain_tab2_mids_title"> <h3>ドリームウィーバー CS6</h3> </a> <p>ビジュアル Web 開発ツール</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac版</h3> </a> <p>神レベルのコード編集ソフト（SublimeText3）</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ja/ai">もっと見る</a> </div> </div> </div> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>ホットトピック</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/gmailyxdlrkzn" title="Gmailメールのログイン入り口はどこですか？" class="phpgenera_Details_mainR4_bottom_title">Gmailメールのログイン入り口はどこですか？</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>7515</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>15</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/cakephp-tutor" title="CakePHP チュートリアル" class="phpgenera_Details_mainR4_bottom_title">CakePHP チュートリアル</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1378</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>52</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/steamdzhmcssmgs" title="Steamのアカウント名の形式は何ですか" class="phpgenera_Details_mainR4_bottom_title">Steamのアカウント名の形式は何ですか</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>79</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>11</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/winactivationkeyper" title="Win11 Activation Key Permanent" class="phpgenera_Details_mainR4_bottom_title">Win11 Activation Key Permanent</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>53</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>19</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/newyorktimesdailybrief" title="NYTの接続はヒントと回答です" class="phpgenera_Details_mainR4_bottom_title">NYTの接続はヒントと回答です</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>19</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>64</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ja/faq/zt">もっと見る</a> </div> </div> </div> </div> </div> <div class="Article_Details_main2"> <div class="phpgenera_Details_mainL4"> <div class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div class="phpgenera_Details_mainL4_info"> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/561448.html" title="Python を使用して WeChat アプレットを開発する" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/168699808785682.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Python を使用して WeChat アプレットを開発する" /> </a> <a href="https://www.php.cn/ja/faq/561448.html" title="Python を使用して WeChat アプレットを開発する" class="phphistorical_Version2_mids_title">Python を使用して WeChat アプレットを開発する</a> <span class="Articlelist_txts_time">Jun 17, 2023 pm 06:34 PM</span> <p class="Articlelist_txts_p">モバイル インターネット技術とスマートフォンの普及により、WeChat は人々の生活に欠かせないアプリケーションになりました。 WeChat ミニ プログラムを使用すると、アプリケーションをダウンロードしてインストールすることなく、ミニ プログラムを直接使用して、いくつかの簡単なニーズを解決できます。この記事では、Python を使用して WeChat アプレットを開発する方法を紹介します。 1. 準備 Python を使用して WeChat アプレットを開発する前に、関連する Python ライブラリをインストールする必要があります。ここでは、wxpy と itchat の 2 つのライブラリを使用することをお勧めします。 wxpy は WeChat マシンです</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/499581.html" title="小さなプログラムでも反応できますか?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202212/29/2022122911012413779.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="小さなプログラムでも反応できますか?" /> </a> <a href="https://www.php.cn/ja/faq/499581.html" title="小さなプログラムでも反応できますか?" class="phphistorical_Version2_mids_title">小さなプログラムでも反応できますか?</a> <span class="Articlelist_txts_time">Dec 29, 2022 am 11:06 AM</span> <p class="Articlelist_txts_p">ミニプログラムはreactを利用することができます 使い方: 1. 「react-reconciler」に基づいてレンダラーを実装し、DSLを生成します; 2. DSLを解析してレンダリングするためのミニプログラムコンポーネントを作成します; 3. npmをインストールし、開発者ビルドを実行しますツール内の npm; 4. パッケージを独自のページに導入し、API を使用して開発を完了します。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/629516.html" title="WeChat ミニ プログラムにカードめくり効果を実装する" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/000/164/170053532674944.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="WeChat ミニ プログラムにカードめくり効果を実装する" /> </a> <a href="https://www.php.cn/ja/faq/629516.html" title="WeChat ミニ プログラムにカードめくり効果を実装する" class="phphistorical_Version2_mids_title">WeChat ミニ プログラムにカードめくり効果を実装する</a> <span class="Articlelist_txts_time">Nov 21, 2023 am 10:55 AM</span> <p class="Articlelist_txts_p">WeChat ミニ プログラムでのカードめくり効果の実装 WeChat ミニ プログラムでは、カードめくり効果の実装は、ユーザー エクスペリエンスとインターフェイス インタラクションの魅力を向上させることができる一般的なアニメーション効果です。以下では、WeChat アプレットでカードめくりの特殊効果を実装する方法と、関連するコード例を詳しく紹介します。まず、ミニ プログラムのページ レイアウト ファイルに 2 つのカード要素を定義する必要があります。1 つは前面のコンテンツを表示するため、もう 1 つは背面のコンテンツを表示するためです。具体的なサンプル コードは次のとおりです: &lt;!--index.wxml- ->&l</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/623955.html" title="アリペイ、希少文字ライブラリを収集・補完する「漢字拾い-希少文字」ミニプログラムを開始" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/169875871676361.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="アリペイ、希少文字ライブラリを収集・補完する「漢字拾い-希少文字」ミニプログラムを開始" /> </a> <a href="https://www.php.cn/ja/faq/623955.html" title="アリペイ、希少文字ライブラリを収集・補完する「漢字拾い-希少文字」ミニプログラムを開始" class="phphistorical_Version2_mids_title">アリペイ、希少文字ライブラリを収集・補完する「漢字拾い-希少文字」ミニプログラムを開始</a> <span class="Articlelist_txts_time">Oct 31, 2023 pm 09:25 PM</span> <p class="Articlelist_txts_p">10月31日の当サイトのニュースによると、今年5月27日、アント・グループは「漢字拾いプロジェクト」の立ち上げを発表し、最近新たな進展を迎えた：アリペイが「漢字拾い-珍しい文字」ミニプログラムを開始協会からコレクションを収集する レア文字は、レア文字ライブラリを補完し、アリペイでのレア文字入力方法の改善に役立つように、レア文字に異なる入力エクスペリエンスを提供します。現在、ユーザーは「漢字ピックアップ」「珍文字」などのキーワードで検索することで「珍文字」アプレットに入ることができる。ミニプログラムでは、ユーザーがシステムで認識・入力されなかった珍しい文字の画像を送信し、確認後、Alipay のエンジニアがフォントライブラリに追加エントリを作成します。当サイトでは、発音が不明瞭な珍しい単語を対象とした最新の単語分割入力方法をミニプログラムで体験できることに注目しました。ユーザー解体</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/620863.html" title="uniapp がミニ プログラムと H5 の間で迅速な変換を実現する方法" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/169778234413172.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="uniapp がミニ プログラムと H5 の間で迅速な変換を実現する方法" /> </a> <a href="https://www.php.cn/ja/faq/620863.html" title="uniapp がミニ プログラムと H5 の間で迅速な変換を実現する方法" class="phphistorical_Version2_mids_title">uniapp がミニ プログラムと H5 の間で迅速な変換を実現する方法</a> <span class="Articlelist_txts_time">Oct 20, 2023 pm 02:12 PM</span> <p class="Articlelist_txts_p">uniapp がミニ プログラムと H5 の間で迅速な変換を実現するには、具体的なコード例が必要ですが、近年、モバイル インターネットの発展とスマートフォンの普及に伴い、ミニ プログラムと H5 は不可欠なアプリケーション形式となっています。クロスプラットフォーム開発フレームワークとして、uniapp は一連のコードに基づいて小規模プログラムと H5 間の変換を迅速に実現し、開発効率を大幅に向上させます。この記事では、uniapp がミニ プログラムと H5 の間で迅速な変換を実現する方法と、具体的なコード例を紹介します。 1. uniapp uniaの紹介</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/533570.html" title="Python で簡単なチャット プログラムを作成するためのチュートリアル" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/168354222945345.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Python で簡単なチャット プログラムを作成するためのチュートリアル" /> </a> <a href="https://www.php.cn/ja/faq/533570.html" title="Python で簡単なチャット プログラムを作成するためのチュートリアル" class="phphistorical_Version2_mids_title">Python で簡単なチャット プログラムを作成するためのチュートリアル</a> <span class="Articlelist_txts_time">May 08, 2023 pm 06:37 PM</span> <p class="Articlelist_txts_p">実装アイデア: チャット ルームのさまざまな機能を処理するために、スレッドのサーバー側を確立します。x02 クライアントの確立はサーバーよりもはるかに簡単です。クライアントの機能はメッセージの送受信と、特定の文字を特定の規則に従って入力するため、クライアント側では、メッセージ受信専用とメッセージ送信専用の 2 つのスレッドを使用するだけで、さまざまな機能を使用できます。使用しないでください。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/608139.html" title="ミニプログラム登録の操作方法" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202309/13/2023091316263518882.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="ミニプログラム登録の操作方法" /> </a> <a href="https://www.php.cn/ja/faq/608139.html" title="ミニプログラム登録の操作方法" class="phphistorical_Version2_mids_title">ミニプログラム登録の操作方法</a> <span class="Articlelist_txts_time">Sep 13, 2023 pm 04:36 PM</span> <p class="Articlelist_txts_p">ミニ プログラムの登録操作手順: 1. 個人 ID カード、法人営業許可証、法人 ID カードおよびその他の提出資料のコピーを準備します; 2. ミニ プログラム管理のバックグラウンドにログインします; 3. ミニ プログラム設定ページに入ります; 4. 「基本設定」を選択; 5. 出願情報を入力; 6. 出願資料をアップロード; 7. 出願申請を送信; 8. 審査結果を待ちます。出願が不合格の場合は、理由に応じて修正してください9. 出願のフォローアップ操作は可能です。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/779211.html" title="WeChat ミニ プログラムのメンバーシップを取得する方法" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202405/07/2024050710205016817.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="WeChat ミニ プログラムのメンバーシップを取得する方法" /> </a> <a href="https://www.php.cn/ja/faq/779211.html" title="WeChat ミニ プログラムのメンバーシップを取得する方法" class="phphistorical_Version2_mids_title">WeChat ミニ プログラムのメンバーシップを取得する方法</a> <span class="Articlelist_txts_time">May 07, 2024 am 10:24 AM</span> <p class="Articlelist_txts_p">1. WeChat ミニ プログラムを開き、対応するミニ プログラム ページに入ります。 2. ミニ プログラム ページでメンバー関連の入り口を見つけます。通常、メンバーの入り口は下部のナビゲーション バーまたはパーソナル センターにあります。 3. メンバーシップポータルをクリックして、メンバーシップ申請ページに入ります。 4. 入会申込ページにて、携帯電話番号、氏名等の必要事項をご入力の上、送信してください。 5. ミニ プログラムは会員申請を審査します。審査に合格すると、ユーザーは WeChat ミニ プログラムの会員になることができます。 6. 会員になると、ユーザーはポイント、クーポン、会員限定アクティビティなど、より多くの会員権を享受できます。</p> </div> </div> <a href="https://www.php.cn/ja/weixin-marketing.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！</p> </div> <div class="footermid"> <a href="https://www.php.cn/ja/about/us.html">私たちについて</a> <a href="https://www.php.cn/ja/about/disclaimer.html">免責事項</a> <a href="https://www.php.cn/ja/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1744717786"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '9']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <script> // top layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); document.addEventListener("DOMContentLoaded", (event) => { // 定义一个函数来处理滚动链接的点击事件 function setupScrollLink(scrollLinkId, targetElementId) { const scrollLink = document.getElementById(scrollLinkId); const targetElement = document.getElementById(targetElementId); if (scrollLink && targetElement) { scrollLink.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认链接行为 targetElement.scrollIntoView({ behavior: "smooth" }); // 平滑滚动到目标元素 }); } else { console.warn( `Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.` ); } } // 使用该函数设置多个滚动链接 setupScrollLink("Article_Details_main1L2s_1", "article_main_title1"); setupScrollLink("Article_Details_main1L2s_2", "article_main_title2"); setupScrollLink("Article_Details_main1L2s_3", "article_main_title3"); setupScrollLink("Article_Details_main1L2s_4", "article_main_title4"); setupScrollLink("Article_Details_main1L2s_5", "article_main_title5"); setupScrollLink("Article_Details_main1L2s_6", "article_main_title6"); // 可以继续添加更多的滚动链接设置 }); window.addEventListener("scroll", function () { var fixedElement = document.getElementById("Article_Details_main1Lmain"); var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器 var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度 var scrollHeight = document.documentElement.scrollHeight; // 页面总高度 // 计算距离底部的距离 var distanceToBottom = scrollHeight - scrollTop - clientHeight; // 当距离底部小于或等于300px时，取消固定定位 if (distanceToBottom <= 980) { fixedElement.classList.remove("Article_Details_main1Lmain"); fixedElement.classList.add("Article_Details_main1Lmain_relative"); } else { // 否则，保持固定定位 fixedElement.classList.remove("Article_Details_main1Lmain_relative"); fixedElement.classList.add("Article_Details_main1Lmain"); } }); </script> </body> </html>