PHP での XML アプリケーション開発の基本 ノードの追加 ノードの削除 ノードのクエリ セクションのクエリ_PHP チュートリアル

WBOY
リリース: 2016-07-21 15:36:39
オリジナル
905 人が閲覧しました

1. XML の概要

XML (Extensible Markup Language) は W3C 標準であり、主に Web アプリケーションとサーバー間の簡単な対話、データの保存、使用に使用されます。

XML標準を使用してエンコードされたデータは、人間やコンピューターが容易に解釈できる意味と構造を持っています。 XML データはプラットフォームやアプリケーションに依存しません。言うまでもなく、このこと自体が XML をインターネットにとって理想的なデータ交換形式にしています (実際、XML はまさにこの目的のために開発されました)。最近、ブロードバンド接続の成長と、あらゆる媒体でデータを共有するアプリケーションに対する消費者の需要により、XML Web サービスとアプリケーションがますますリッチになってきています。

XML は、まさにインターネット上の豊富なデータを記述するという組織上の問題を解決するために発明されました。これまでのところ、この問題は HTML を賢く使用することで部分的にしか解決できません。

以下は XML ドキュメントの例です:
プログラム コード

コードをコピーします コードは次のとおりです:

<場所>私の家<時間>午後7時<名前>ジョン・ブログ<アイテム>フォスターの箱 < ;/ゲスト>
<名前>/名前> <アイテム>ボンベイミックス
;ゲスト>


これまで XML を見たことがない場合は、HTML に似ていると考えることができます。 HTML は SGML アプリケーションであり、XML はそのサブセットです。ただし、類似点には、類似したラベル区切り文字があることも含まれます。

上記の XML スニペットを見るだけで、データが多数のゲストを含むパーティーを記述しており、各ゲストが項目に対応していることがわかります。データを説明するために使用されるラベル名はすべて作成者によって選択されます。すべての XML 標準では、データに一貫性があり、データの記述に使用されるタグが適切な形式である必要があります。文書型宣言 (DTD) または XML スキーマを使用して、データの整合性をさらに強化できます。ただし、簡単にするために、この記事ではプレーン XML のみを使用します。


2. XML アプリケーション


ここまで、XML を使用してあらゆる種類のデータを記述する方法を見てきました。実際、XML は現在、多くの Web アプリケーションで広く使用されています。有名なアプリケーションの説明をいくつか示します。

· XHTML - これは最も広く使用されている XML アプリケーションの 1 つです。これは HTML に基づく SGML に似ており、Web ページ上でデータがどのように表示されるかを記述するために使用されます。 XHTML は DTD を使用して、すべてのドキュメントが標準に準拠していることを確認します。 XHTML の登場により、Web プログラマにとって開発は若干容易になりましたが、CSS および XHTML 標準と完全に互換性のある Web ブラウザはまだ登場していません。
· XML-RPC-リモート プロシージャ コール (RPC)。分散アプリケーションでリモート コンピューター上のプロシージャを呼び出すために使用されます。 XML-RPC は、XML を使用してプロシージャ呼び出しに関する情報をエンコードし、HTTP を使用してそれを受信側コンピューターに送信します。プロシージャの戻り値は XML で再度エンコードされ、HTTP 接続を使用して呼び出し元のコンピュータに送り返されます。

・ RSS - Really Simple Syndication/Rich Site Summary は、特別なアプリケーション (アグリゲーター サーバー) を使用して Web サイトのコンテンツ (ニュース、記事、株価、リンクなど) を集約するために使用される方法です。ユーザーの PC 上の RSS フィードバック。この RSS データは XML を使用してエンコードされて送信されます。

・AJAX - 非同期 JavaScript と XML を使用すると、Web 開発者は Web ブラウザーで実行される機能豊富なイベント駆動型 Web アプリケーションを作成できます。このうち JavaScript は、XML エンコードされたデータをサーバー側スクリプトに送信する (またはサーバー側から XML エンコードされたデータを受信する) ために使用され、すべてのページ コンテンツを更新せずに部分的なリアルタイム ページ更新を可能にします。
上記は、XML の可能な応用例のほんの一部です。今後の記事では、これらのアプリケーションを PHP で使用する方法を分析します。

3. PHP での XML の使用


PHP 5.0 以降、PHP が XML と対話するために利用できるオプションが大幅に増加しました。 PHP バージョン 4 が提供できるのは、不安定で w3c と互換性のない DOM XML 拡張機能です。
以下では、XML との対話を可能にする PHP 5 によって提供される 3 つのメソッド (DOM、シンプル XML、XPath) に焦点を当てます。可能な場合は、それぞれのアプローチに最適な条件とデータを提案します。すべてのサンプル コードでは、XML データ ソースを使用して、図書館とそこに含まれる書籍を記述します。

プログラムコード



コードをコピー

コードは次のとおりです:




ウェブ開発
データベース プログラミング
PHP
Java



Apache 2
ピーター・ウェインライト
Wrox
1


高度な PHP プログラミング
<著者>ジョージ・シュロスナグル
開発者ライブラリ
1
3


Visual FoxPro 6 - プログラマー ガイド
<著者>エリック・ストロー
Microsoft Press
2


Java 2 をマスターする
<著者>ジョン・ズコウスキー
Sybex
4





四、DOM

DOM PHP 拡張名は、W3C DOM API を使用した XML 文書上の操作を許可します。PHP 5 が登場する前では、これは PHP が XML 文書を取得できる唯一の方法です。 DOM が使用されているため、これらのオブジェクト モデルは同様であると認識されています。 W3C 互換のオブジェクト モデルの API と互換性があります。

次のサンプルコードでは、DOM を使用してそれぞれの情報を表示します。その後、各本の簡単な説明を示します:

PHP:


复制コード次のように:

/*ここでは XML バージョンを指定する必要があります: 1.0 です */
$xml = new DomDocument('1.0')
$xml->load('xml/library.xml'); ;
/*まずディレクトリリストを作成します*/
$categories = array();
$xml->getElementsByTagName('categories')->item(0); ;getElementsByTagName('category') as $categoryNode) {
/*属性の取得方法に注意してください*/
$cid = $categoryNode->getAttribute('cid')
$categories[$cid] = $categoryNode - >firstChild->nodeValue;

;?
php foreach($xml->getElementsBytagName('book') as $book):
/*タイトルを検索*/
$title = $book->getElementsByTagName('title')->item(0) - >firstChild->nodeValue;
/*著者を見つける - 簡単にするために、著者は 1 人だけであると仮定します*/
$author = $book->getElementsByTagName('author')->item(0)- >firstChild->nodeValue;
/* ディレクトリのリスト */
$bookCategories = $book->getElementsByTagName('category');
foreach($bookCategories as $category) {
$ catList .= $categories[$category->firstChild->nodeValue] ', ';
$catList, 0, -2) ?> h2>

著者:: < /p>

カテゴリ: :


?>

[html]
やはり XML の修正は面倒です。たとえば、ディレクトリを追加するコードは次のとおりです。

PHP:
[code]
function addCategory(DOMDocument $xml, $catID, $catName) {
$catName = $xml->createTextNode($catName) ; //テキストを格納するノードを作成します
$category = $xml->createElement('category') //カタログ要素を作成します
$category->appendChild($catName); element
$category->setAttribute('cid', $catID); // ディレクトリ ID を設定します
$XMLCategories = $xml->getElementsByTagName('categories')->item(0); > appendChild($category); //新しいディレクトリを追加します
}



5. XMLを保存します

save()メソッドとsaveXML()メソッドのいずれかを使用して、DOM記述をXMLに変換できます。文字列の説明。 save() メソッドは XML を指定された名前でファイルに保存しますが、saveXML() はドキュメントの一部または全体から文字列を返します。

$xml->save('xml/library.xml');
//すべてのファイルを保存
$categories=$xml->saveXML($XMLCategories);
//カテゴリを含む文字列を返す

To DOM 互換のコードを別の言語に移植することがいかに簡単かを示します。上記と同じ機能を JavaScript で実装するコードは次のとおりです:
Javascript:

コードをコピーします

コードは次のとおりです:

function doXML(){
/* まずはカテゴリリストを作成します*/
var category = Array();
var theCategories = XMLCategories.getElementsByTagName(' category');
for (var i = 0; i /* 属性の取得方法に注意してください*/
var cid = theCategories[i].getAttribute('cid');カテゴリ[cid] = theCategories[i].firstChild.nodeValue;
var theBooks = xml.getElementsByTagName('book');
for(var i = 0; i < theBooks.length; i++) {
var book = theBooks[i];
/* タイトルを検索します */
var title = book.getElementsByTagName('title')[0].firstChild.nodeValue
/* 簡単にするために、著者は 1 つだけであると仮定します。 author */
var author = book.getElementsByTagName('author')[0].firstChild.nodeValue;
/* カテゴリのリスト*/
var bookCategories = book.getElementsByTagName('category');
var catList = '';
for(var j = 0; j < bookCategories.length; j++) {
catList += カテゴリ[bookCategories[j].firstChild.nodeValue] + ', '
}
catList = catList.substring(0, catList) .length -2);
document.open();
document.write("

" + title + "

");著者:: " + author + "

");
document.write("

カテゴリ: : " + catList + "< /p>");
}
document.close();
}



6. シンプルXML


シンプルXMLは実にシンプルです。これにより、オブジェクトおよび配列のアクセス メソッドを使用して、XML ドキュメントとその要素および属性にアクセスできるようになります。その仕組みは簡単です:
・要素 - これらは SimpleXMLElement オブジェクトの個別のプロパティとして記述されます。複数の要素がドキュメントまたは要素の子として存在する場合、配列インデックス フラグを使用して各要素にアクセスできます。

$xml->books;//要素「books」を返します
$xml->books->book[0];//books要素の最初の本を返します

・属性 - の属性要素は連想配列フラグを通じてアクセスおよび設定されます。各インデックスは属性名に対応します。

$category['cid'];//cid属性の値を返す

・要素データ - 要素内に含まれるテキストデータを取得するには、(string)を文字列として、またはprint または echo を使用して出力します。要素に複数のテキスト ノードが含まれる場合、それらは見つかった順に連結されます。

echo($xml->books->book[0]->title);//最初の本のタイトルを表示

以下は単純なXMLを使ったオリジナルの変換例です。 XML ファイルをロードするには、simplexml_load_file() 関数を使用します。この関数は、XML ファイルを解析して SimpleXMLElement オブジェクトにロードします:

PHP:



コードをコピー
コードは次のとおりです: < ;? php $xml = simplexml_load_file('xml/library.xml');
/* ディレクトリのリストを配列にロードします*/
$categories = array(); ;category as $category) {
$categories[(string) $category['cid']] = (string) $category;

XML ライブラリ

books->book as $book):
/* ディレクトリのリスト*/
$catList = '';
foreach($book->category as $category) {
$catList .= $categories[((string) $category)] . ', ';
}
$catList = substr($catList, 0) , -2);

title) ?

: author) ?>


カテゴリ: :




7. XMLの変更

単純なXMLを使用してテキストデータや属性値を設定することはできますが、これらのオブジェクトを作成することはできません。ただし、SimpleXM は、DomElement オブジェクトと DomElement オブジェクトの間で変換する方法を提供します。これを行うために、addCategory() 関数を変更して、simplexml_import_dom() 関数を使用してカタログを追加し、ドキュメントを単純な XML 形式に変換する方法を示しました。

PHP:
コードをコピーします コードは次のとおりです。

function addCategory(SimpleXMLElement &$sXML, $catID, $catName) {
$xml = new DOMDocument
$xml->loadXML($sXML->asXML()); = $xml->createTextNode ($catName); //テキストを格納するノードを作成します
$category = $xml->createElement('category') //カタログ要素を作成します
$category->appendChild ($catName); //カタログ要素にテキストを追加します
$category->setAttribute('cid', $catID) //カタログIDを設定します
$XMLCategories = $xml->getElementsByTagName('categories'); ->item(0) ;
$XMLCategories->appendChild($category); //新しいディレクトリを追加します
$sXML = simplexml_import_dom($xml); 同様に、asXML SimpleXMLElement オブジェクトの () 関数を使用して、XML 文字列を取得し、ファイルに保存し直すことができます。


8. xPath

Xpath が「XML ケーキの上の桜」であることは疑いの余地がありません。 XPath を使用すると、SQL のようなクエリを使用して、XML ドキュメント内の特定の情報を検索できます。 DOM と SimpleXML にはどちらも XPath のサポートが組み込まれており、SQL と同様に、XML ドキュメントから必要なコンテンツを抽出するために使用できます。

プログラムコード · //category - ドキュメント内に表示されるすべてのカテゴリを検索します。
·/library/books-library の子として表示されるすべての書籍を検索します

·/library/categories/category[@cid]-library/categories の子として表示され、属性 cid を持つすべてのカテゴリを検索します。

· /library/categories/category[@att='2'] - library/categories の子として表示され、値 2 の属性 cid を持つすべてのカテゴリを検索します。

· /library/books/book[title='Apache 2'] - /library/books の子であり、title 要素の値が Apache 2 である book をすべて検索します。

実は、これはxPathの氷山の一角にすぎません。 xPath を使用すると、ドキュメントからほぼすべての情報を抽出するための多数の複雑なクエリを作成できます。 xPath の使用がいかに簡単で楽しいかを示すために、サンプル コードを再度変更しました。

PHP:



コードをコピーします

コードは次のとおりです。
/title> <span style="CURSOR: pointer" onclick="doCopy('code56099')"><body> <u><?php foreach((array)$xml->xpath("/library/books /book") ) as $book): </u>/*ディレクトリの一覧表示*/ </span>$catList = ''; </div>foreach($book->category as $category) { <div class="codebody" id="code56099">/*この ID のディレクトリを取得*/ <br> $category = $ xml->xpath("/library/categories/category[@cid='$category']"); <br> $catList .= (string) ', '; $catList = substr ($catList, 0, -2); <br><div><?php echo($book->title) ?></h2< ;p><b>著者:</b>:<?php echo($book->author) ?></p><br><p><b>カテゴリ:</ b>: <?php echo($catList) ?></div> <br></html> <br>9. XPath<br> <br><br> DOM で XPath クエリを計算するには、DOMXPath オブジェクトを作成する必要があり、以下の Evaluate() 関数は DOMElement 配列を返します。 <br><br><br><br>コードをコピーします<br><br> コードは次のとおりです:<br><br> <br>$xPath = new DOMXPath($xml); <br>$xPath->evaluate("/library/books/book[title='Apache 2' ]"); <br><br><br><strong> 10. 結論</strong> <br><br> これで、PHP が提供するツールを使用して XML を操作する方法を学びました。この時点で、「準備が整い」、XML アプリケーションを詳しく調べる準備が整いました。次の記事では、AJAX と、それが Google などのサイト開発でどのように使用されるかについて説明します。 <p align="left"></p> <div style="display:none;"> <span id="url" itemprop="url">http://www.bkjia.com/PHPjc/322071.html</span><span id="indexUrl" itemprop="indexUrl">www.bkjia.com</span><span id="isOriginal" itemprop="isOriginal">tru​​e</span><span id="isBasedOnUrl" itemprop="isBasedOnUrl">http://www.bkjia.com/PHPjc/322071.html</span><span id="genre" itemprop="genre">技術記事</span><span id="description" itemprop="description"> 1. XML の概要 XML (Extensible Markup Language) は W3C 標準であり、主に Web アプリケーションとサーバー間の簡単な対話、データ保存、および使用に使用されます。 XML 標準を使用してコンパイルされました...</span> </div> </div> <div class="art_confoot"></div> </div></span> </div></strong> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>関連ラベル:</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=php" target="_blank">php</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=xml" target="_blank">xml</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=1つ" target="_blank">1つ</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=消去" target="_blank">消去</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=スケーラブル" target="_blank">スケーラブル</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=ベース" target="_blank">ベース</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=アプリ" target="_blank">アプリ</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=開発する" target="_blank">開発する</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=お問い合わせ" target="_blank">お問い合わせ</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=マーク" target="_blank">マーク</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=に追加" target="_blank">に追加</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=の" target="_blank">の</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=導入" target="_blank">導入</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=ノード" target="_blank">ノード</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">ソース:php.cn</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/ja/faq/309796.html" title="PHP での MySQL データベース操作クラス (discuz から変更)_PHP チュートリアル"> <span>前の記事:PHP での MySQL データベース操作クラス (discuz から変更)_PHP チュートリアル</span> </a> <a href="https://www.php.cn/ja/faq/309798.html" title="php HtmlReplace入力フィルタリングセキュリティ関数_PHPチュートリアル"> <span>次の記事:php HtmlReplace入力フィルタリングセキュリティ関数_PHPチュートリアル</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">このウェブサイトの声明</div> <div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div> </div> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <div class="wzconZzwz"> <div class="wzconZzwztitle">著者別の最新記事</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796639331.html">NullPointerException とは何ですか?どのように修正すればよいですか?</a> </div> <div>2024-10-22 09:46:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796629482.html">初心者からプログラマーへ: 旅は C の基礎から始まります</a> </div> <div>2024-10-13 13:53:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796628545.html">PHP による Web 開発のロックを解除する: 初心者ガイド</a> </div> <div>2024-10-12 12:15:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796627928.html">C の謎を解く: 新人プログラマーのための明確でシンプルな道</a> </div> <div>2024-10-11 22:47:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796627806.html">コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング</a> </div> <div>2024-10-11 19:36:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796627670.html">内なるプログラマーを解き放つ: まったくの初心者のための C</a> </div> <div>2024-10-11 15:50:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796627643.html">C で生活を自動化する: 初心者向けのスクリプトとツール</a> </div> <div>2024-10-11 15:07:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796627620.html">PHP を簡単に: Web 開発の最初のステップ</a> </div> <div>2024-10-11 14:21:21</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796627574.html">Python で何でも構築: 創造性を解き放つための初心者ガイド</a> </div> <div>2024-10-11 12:59:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796627539.html">コーディングの鍵: 初心者のための Python の力を解き放つ</a> </div> <div>2024-10-11 12:17:31</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">最新の問題</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ja/wenda/176400.html" target="_blank" title="URL パラメータから取得した PHP 配列が期待どおりに動作しない" class="wdcdcTitle">URL パラメータから取得した PHP 配列が期待どおりに動作しない</a> <a href="https://www.php.cn/ja/wenda/176400.html" class="wdcdcCons">カテゴリ ID を含む URL パラメータがあり、それを次のような配列として扱いたいと考えています: http://example.com?cat[]=3,9,13 PHP では、...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 2024-04-06 22:09:02</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1428</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ja/wenda/176398.html" target="_blank" title="ApacheのどこにCustomLogディレクティブを配置すればよいですか" class="wdcdcTitle">ApacheのどこにCustomLogディレクティブを配置すればよいですか</a> <a href="https://www.php.cn/ja/wenda/176398.html" class="wdcdcCons">私はphp:7.2-apachedockerを使用しています。ヘルスチェック URL ログイン アクセス ログを無効にする必要があります。このリンクに基づいて、Customlog ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 2024-04-06 22:03:59</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>990</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ja/wenda/176397.html" target="_blank" title="戻り値の変数の形式は何ですか?" class="wdcdcTitle">戻り値の変数の形式は何ですか?</a> <a href="https://www.php.cn/ja/wenda/176397.html" class="wdcdcCons">私はphpの初心者です。コードを見つけました: if($x<time()){return[false,'error'];} ロジックや変数は重要ではありませんが、[false...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 2024-04-06 21:55:20</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>778</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ja/wenda/176382.html" target="_blank" title="opentbs を使用して odt ファイルを生成するときに発生する問題: 同じキーの値が別の列ではなく同じ行に表示されます。" class="wdcdcTitle">opentbs を使用して odt ファイルを生成するときに発生する問題: 同じキーの値が別の列ではなく同じ行に表示されます。</a> <a href="https://www.php.cn/ja/wenda/176382.html" class="wdcdcCons">PHPでodtを作成するためにOpenTbsというライブラリを使っていますが、列と行が動的に生成されるので利用しています。行と列の作成方法は知っていますが、それらを整理する方法がわ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 2024-04-06 20:18:18</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>483</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ja/wenda/176363.html" target="_blank" title="ループするために MySQL の結果を ID ごとにグループ化する" class="wdcdcTitle">ループするために MySQL の結果を ID ごとにグループ化する</a> <a href="https://www.php.cn/ja/wenda/176363.html" class="wdcdcCons">mysqlにフライトデータを含むテーブルがあります。 codeigniter3Journey_idair_idFlightDurationout_or_inflightdurati...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 2024-04-06 17:27:56</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>406</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>関連トピック</div> <a href="https://www.php.cn/ja/faq/zt" target="_blank">詳細> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/phpwjzmdk"><img src="https://img.php.cn/upload/subject/202407/22/2024072214120868901.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="phpファイルの開き方" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/phpwjzmdk" class="title-a-spanl" title="phpファイルの開き方"><span>phpファイルの開き方</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/jsscjddff"><img src="https://img.php.cn/upload/subject/202407/22/2024072214115932190.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="ノードを削除するjsメソッド" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/jsscjddff" class="title-a-spanl" title="ノードを削除するjsメソッド"><span>ノードを削除するjsメソッド</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/wordzmsckby"><img src="https://img.php.cn/upload/subject/202407/22/2024072214101321524.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Wordで空白ページを削除する方法" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/wordzmsckby" class="title-a-spanl" title="Wordで空白ページを削除する方法"><span>Wordで空白ページを削除する方法</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/phpzmqcszys"><img src="https://img.php.cn/upload/subject/202407/22/2024072214004499289.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="PHPで配列の最初のいくつかの要素を削除する方法" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/phpzmqcszys" class="title-a-spanl" title="PHPで配列の最初のいくつかの要素を削除する方法"><span>PHPで配列の最初のいくつかの要素を削除する方法</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/phpfxlsb"><img src="https://img.php.cn/upload/subject/202407/22/2024072214003558557.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="PHPのデシリアライゼーションが失敗した場合の対処法" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/phpfxlsb" class="title-a-spanl" title="PHPのデシリアライゼーションが失敗した場合の対処法"><span>PHPのデシリアライゼーションが失敗した場合の対処法</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/phpljmssql"><img src="https://img.php.cn/upload/subject/202407/22/2024072213560082376.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="PHPをmssqlデータベースに接続する方法" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/phpljmssql" class="title-a-spanl" title="PHPをmssqlデータベースに接続する方法"><span>PHPをmssqlデータベースに接続する方法</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/phpljmssqlsjk"><img src="https://img.php.cn/upload/subject/202407/22/2024072213555538594.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="PHPをmssqlデータベースに接続する方法" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/phpljmssqlsjk" class="title-a-spanl" title="PHPをmssqlデータベースに接続する方法"><span>PHPをmssqlデータベースに接続する方法</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/htmlzmsc"><img src="https://img.php.cn/upload/subject/202407/22/2024072213512540557.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTMLのアップロード方法" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/htmlzmsc" class="title-a-spanl" title="HTMLのアップロード方法"><span>HTMLのアップロード方法</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle">人気のおすすめ</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Mac コンピュータでホストをセットアップする方法 (画像とテキスト付きの手順)" href="https://www.php.cn/ja/faq/448310.html">Mac コンピュータでホストをセットアップする方法 (画像とテキスト付きの手順)</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="PHP を使用してシンプルな QQ ロボットをすばやく構築する" href="https://www.php.cn/ja/faq/448391.html">PHP を使用してシンプルな QQ ロボットをすばやく構築する</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="API共通の署名検証方法(PHP実装)" href="https://www.php.cn/ja/faq/448286.html">API共通の署名検証方法(PHP実装)</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="PHP における一般的な日付と時刻の操作のコレクション" href="https://www.php.cn/ja/faq/448309.html">PHP における一般的な日付と時刻の操作のコレクション</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="PHP はグラフィック検証コードを生成します (拡張干渉タイプ)" href="https://www.php.cn/ja/faq/448308.html">PHP はグラフィック検証コードを生成します (拡張干渉タイプ)</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>人気のチュートリアル</div> <a target="_blank" href="https://www.php.cn/ja/course.html">詳細> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">関連するチュートリアル <div></div></div> <div class="tabdiv swiper-slide" data-id="two">人気のおすすめ<div></div></div> <div class="tabdiv swiper-slide" data-id="three">最新のコース<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/ja/course/812.html" title="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)" href="https://www.php.cn/ja/course/812.html">最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)</a> <div class="wzrthreerb"> <div>1420003 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ja/course/74.html" title="PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ" href="https://www.php.cn/ja/course/74.html">PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ</a> <div class="wzrthreerb"> <div>4262447 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ja/course/286.html" title="JAVA 初心者向けビデオチュートリアル" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初心者向けビデオチュートリアル"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 初心者向けビデオチュートリアル" href="https://www.php.cn/ja/course/286.html">JAVA 初心者向けビデオチュートリアル</a> <div class="wzrthreerb"> <div>2505323 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ja/course/504.html" title="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル" href="https://www.php.cn/ja/course/504.html">Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル</a> <div class="wzrthreerb"> <div>505402 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ja/course/2.html" title="PHP ゼロベースの入門チュートリアル" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP ゼロベースの入門チュートリアル"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP ゼロベースの入門チュートリアル" href="https://www.php.cn/ja/course/2.html">PHP ゼロベースの入門チュートリアル</a> <div class="wzrthreerb"> <div>860360 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/ja/course/812.html" title="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)" href="https://www.php.cn/ja/course/812.html">最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)</a> <div class="wzrthreerb"> <div >1420003 回の学習</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ja/course/286.html" title="JAVA 初心者向けビデオチュートリアル" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初心者向けビデオチュートリアル"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 初心者向けビデオチュートリアル" href="https://www.php.cn/ja/course/286.html">JAVA 初心者向けビデオチュートリアル</a> <div class="wzrthreerb"> <div >2505323 回の学習</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ja/course/504.html" title="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル" href="https://www.php.cn/ja/course/504.html">Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル</a> <div class="wzrthreerb"> <div >505402 回の学習</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ja/course/901.html" title="Web フロントエンド開発の簡単な紹介" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web フロントエンド開発の簡単な紹介"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Web フロントエンド開発の簡単な紹介" href="https://www.php.cn/ja/course/901.html">Web フロントエンド開発の簡単な紹介</a> <div class="wzrthreerb"> <div >215512 回の学習</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ja/course/234.html" title="PSビデオチュートリアルをゼロからマスターする" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="PSビデオチュートリアルをゼロからマスターする"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PSビデオチュートリアルをゼロからマスターする" href="https://www.php.cn/ja/course/234.html">PSビデオチュートリアルをゼロからマスターする</a> <div class="wzrthreerb"> <div >884000 回の学習</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/ja/course/1648.html" title="[Web フロントエンド] Node.js クイック スタート" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web フロントエンド] Node.js クイック スタート"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web フロントエンド] Node.js クイック スタート" href="https://www.php.cn/ja/course/1648.html">[Web フロントエンド] Node.js クイック スタート</a> <div class="wzrthreerb"> <div >6978 回の学習</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ja/course/1647.html" title="海外のWeb開発フルスタックコースの完全なコレクション" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="海外のWeb開発フルスタックコースの完全なコレクション"/> </a> <div class="wzrthree-right"> <a target="_blank" title="海外のWeb開発フルスタックコースの完全なコレクション" href="https://www.php.cn/ja/course/1647.html">海外のWeb開発フルスタックコースの完全なコレクション</a> <div class="wzrthreerb"> <div >5420 回の学習</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ja/course/1646.html" title="Go言語実践GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go言語実践GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go言語実践GraphQL" href="https://www.php.cn/ja/course/1646.html">Go言語実践GraphQL</a> <div class="wzrthreerb"> <div >4572 回の学習</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ja/course/1645.html" title="550W ファンマスターが JavaScript をゼロから段階的に学習します" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W ファンマスターが JavaScript をゼロから段階的に学習します"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W ファンマスターが JavaScript をゼロから段階的に学習します" href="https://www.php.cn/ja/course/1645.html">550W ファンマスターが JavaScript をゼロから段階的に学習します</a> <div class="wzrthreerb"> <div >659 回の学習</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ja/course/1644.html" title="Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる" href="https://www.php.cn/ja/course/1644.html">Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる</a> <div class="wzrthreerb"> <div >23104 回の学習</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>最新のダウンロード</div> <a href="https://www.php.cn/ja/xiazai">詳細> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">ウェブエフェクト <div></div></div> <div class="swiper-slide" data-id="twof">公式サイト<div></div></div> <div class="swiper-slide" data-id="threef">サイト素材<div></div></div> <div class="swiper-slide" data-id="fourf">フロントエンドテンプレート<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery エンタープライズ メッセージ フォームの連絡先コード" href="https://www.php.cn/ja/toolset/js-special-effects/8071">[フォームボタン] jQuery エンタープライズ メッセージ フォームの連絡先コード</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 MP3 オルゴール再生効果" href="https://www.php.cn/ja/toolset/js-special-effects/8070">[プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果" href="https://www.php.cn/ja/toolset/js-special-effects/8069">[メニューナビゲーション] HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード" href="https://www.php.cn/ja/toolset/js-special-effects/8068">[フォームボタン] jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS 模倣 Kugou 音楽プレーヤー コード" href="https://www.php.cn/ja/toolset/js-special-effects/8067">[プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤー コード</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="古典的な HTML5 プッシュ ボックス ゲーム" href="https://www.php.cn/ja/toolset/js-special-effects/8066">[html5特殊効果] 古典的な HTML5 プッシュ ボックス ゲーム</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="画像効果を追加または削減するための jQuery スクロール" href="https://www.php.cn/ja/toolset/js-special-effects/8065">[画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3 個人アルバム カバー ホバー ズーム効果" href="https://www.php.cn/ja/toolset/js-special-effects/8064">[フォトアルバム効果] CSS3 個人アルバム カバー ホバー ズーム効果</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8328" title="室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート" target="_blank">[フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8327" title="フレッシュカラーの個人履歴書ガイドページテンプレート" target="_blank">[フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8326" title="デザイナーのクリエイティブな仕事の履歴書 Web テンプレート" target="_blank">[フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8325" title="現代のエンジニアリング建設会社のウェブサイトのテンプレート" target="_blank">[フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8324" title="教育サービス機関向けのレスポンシブ HTML5 テンプレート" target="_blank">[フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8323" title="オンライン電子書籍ストア モールのウェブサイト テンプレート" target="_blank">[フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8322" title="IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します" target="_blank">[フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8321" title="パープルスタイル外国為替取引サービスウェブサイトテンプレート" target="_blank">[フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-materials/3078" target="_blank" title="かわいい夏の要素のベクター素材 (EPS+PNG)">[PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-materials/3077" target="_blank" title="4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)">[PNG素材] 4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-materials/3076" target="_blank" title="歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材(AI+EPS)">[バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-materials/3075" target="_blank" title="金色の卒業帽ベクター素材(EPS+PNG)">[PNG素材] 金色の卒業帽ベクター素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-materials/3074" target="_blank" title="黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)">[PNG素材] 黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-materials/3073" target="_blank" title="異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材(EPS+PNG)">[PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-materials/3072" target="_blank" title="フラット スタイルの植樹祭バナー ベクター素材 (AI+EPS)">[バナー画像] フラット スタイルの植樹祭バナー ベクター素材 (AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-materials/3071" target="_blank" title="9つのコミックスタイルの爆発するチャットバブルベクター素材(EPS+PNG)">[PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材(EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8328" target="_blank" title="室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート">[フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8327" target="_blank" title="フレッシュカラーの個人履歴書ガイドページテンプレート">[フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8326" target="_blank" title="デザイナーのクリエイティブな仕事の履歴書 Web テンプレート">[フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8325" target="_blank" title="現代のエンジニアリング建設会社のウェブサイトのテンプレート">[フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8324" target="_blank" title="教育サービス機関向けのレスポンシブ HTML5 テンプレート">[フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8323" target="_blank" title="オンライン電子書籍ストア モールのウェブサイト テンプレート">[フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8322" target="_blank" title="IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します">[フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8321" target="_blank" title="パープルスタイル外国為替取引サービスウェブサイトテンプレート">[フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <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?1732303449"></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> </body> </html>