JavaScript では、特定のサイトで入力されたコンテンツが正確で最新であることを確認する必要がある場合があります。たとえば、長いフォームに記入して新しい変更を観察するとき、または Web サイトをテストするときに、Web ページに最新のコンテンツを表示する必要があります。このような場合、JavaScript を使用して 5 秒ごとに Web ページを自動更新すると、このような状況に対処するのに非常に役立ちます。
この記事では、JavaScript を使用して 5 秒ごとに Web ページを自動更新する方法について説明します。
VIDEO
JavaScript を使用して 5 秒ごとに Web ページを自動更新する方法は?
JavaScript を使用して 5 秒ごとに Web ページを自動更新するには、次の方法を利用できます。
説明した方法を 1 つずつ実行してください。
方法 1: JavaScript で setInterval() および document.querySelector() メソッドを使用して 5 秒ごとに Web ページを自動更新する
「 setInterval() 」メソッドは、指定された時間間隔で関数にアクセスし、「 document.querySelector() 」メソッドは、CSS セレクターに一致する最初の要素を取得します。これらのメソッドを組み合わせて使用して、特定の見出しタグにアクセスし、タイマーを使用して必要な機能に時間間隔を設定できます。
構文
setInterval ( 関数、ミリ秒、par1、par2 )
上記の構文では、「 関数 ” は、アクセスする必要がある機能を指します。” ミリ秒 」は実行する特定の時間間隔であり、「 ペア 1 ' と ' パー2 」は追加のパラメータです。
クエリセレクター ( CSS )
ここ、 ' CSS セレクター 」は、1 つまたは複数の CSS セレクターを表します。
次の例を確認してください。
例
まず、
タグと <h2> タグでタイトルと見出しをそれぞれ指定します。</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> 題名</span></a> ></span> 5 秒ごとにページを更新<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> 題名</span></a> ></span> <br>
<span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> <span class="kw3"> スタイル</span><span class="sy0"> =</span><span class="st0"> 'text-align: left'</span> ></span> ページの自動更新<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span>
<p> ここで、タイマー値を「 <strong> 1</strong> 」：</p> タイマーを聞かせて<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span>
<p> その後、「 <strong> setInterval()</strong> ” を含むメソッド <strong> 1000ミリ秒</strong> ' 価値。これにより、タイマーが毎秒インクリメントされます。また、指定した見出しにアクセスして「 <strong> ドキュメント オブジェクト モデル(DOM)</strong> 」 設定されたタイマー値の終了時に。</p>
<p> 最後に、「」のインクリメントで timer の値を繰り返します。 <strong> 1</strong> 」を使用して「 <strong> ++</strong> 」 ポストインクリメント演算子を使用して、値が 5 を超えた場合に「 <strong> location.reload()</strong> 」メソッドを実行すると、ウィンドウがリロードされます。</p> setInterval<span class="br0"> (</span><span class="br0"> (</span><span class="br0"> )</span> <span class="sy0"> =></span> <span class="br0"> {</span> <br> 資料。<span class="me1"> クエリセレクター</span><span class="br0"> (</span><span class="st0"> 'h2'</span><span class="br0"> )</span> .<span class="me1"> 内部テキスト</span><span class="sy0"> =</span> タイマー<span class="sy0"> ;</span> <br> タイマー<span class="sy0"> ++;</span> <br> <span class="kw1"> もしも</span><span class="br0"> (</span> タイマー<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> 位置。<span class="me1"> リロード</span><span class="br0"> (</span><span class="br0"> )</span><span class="sy0"> ;</span> <br>
<span class="br0"> }</span> 、<span class="nu0"> 1000</span><span class="br0"> )</span><span class="sy0"> ;</span>
<p> Web ページが 5 秒ごとに自動更新されることがわかります。</p>
<p> <img class="wp-image-238673" src="https://softoban.com/img/other/A8/how-to-auto-refresh-web-page-every-5-seconds-using-javascript-1.gif"></p>
<h2 id="2"> <strong> 方法 2: onload イベントを使用して JavaScript で 5 秒ごとに Web ページを自動更新する</strong> </h2>
<p> 「 <strong> オンロード</strong> 」 イベントは、オブジェクトがロードされたときにトリガーされます。この手法を実装すると、Web ページが読み込まれたときにユーザー定義関数を使用してページを更新できます。</p>
<p> <strong> 構文</strong> </p> 物体。<span class="me1"> オンロード</span> <span class="sy0"> =</span> ページの更新<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> マイスクリプト<span class="br0"> }</span><span class="sy0"> ;</span>
<p> 指定された構文では、「 <strong> 関数</strong> 」は、オブジェクトのロード時に呼び出す必要がある関数を指します。</p>
<p> 次の例を見てください。</p>
<h3> <strong> 例</strong> </h3>
<p> 最初に、前の方法で説明したように、タイトルと見出しを含めます。</p>
<span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> 題名</span></a> ></span> 5 秒ごとにページを更新<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> 題名</span></a> ></span> <br>
<span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> ページの自動更新<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span>
<p> 今、「 <strong> オンロード</strong> ” イベントと関数の呼び出し “ <strong> ページの更新（）</strong> 」とパス「 <strong> 5000</strong> 5 秒の時間間隔を示す引数として:</p>
<span class="sy0"> <</span> ボディオンロード<span class="sy0"> =</span> <span class="st0"> 'JavaScript:refreshPage(5000);'</span><span class="sy0"> ></span> <br>
<br>
<span class="sy0"> </</span> 体<span class="sy0"> ></span>
<p> 最後に、「」という名前の関数を定義します <strong> ページの更新（）</strong> ' と ' <strong> t</strong> 」を引数として、Web ページの自動更新の設定時間を参照しています。 「 <strong> location.reload()</strong> 」メソッドは、指定された時間後にページをリロードします。</p> 関数 refreshPage<span class="br0"> (</span> t<span class="br0"> )</span><span class="br0"> {</span> <br>
<br> setTimeout<span class="br0"> (</span><span class="st0"> 'location.reload(真);'</span> 、t<span class="br0"> )</span><span class="sy0"> ;</span> <br>
<br>
<span class="br0"> }</span>
<p> <strong> 出力</strong> </p>
<p> <img class="wp-image-238674" src="https://softoban.com/img/other/A8/how-to-auto-refresh-web-page-every-5-seconds-using-javascript-2.gif"></p>
<h2 id="3"> <strong> 方法 3: JavaScript で setTimeout() メソッドを使用して 5 秒ごとに Web ページを自動更新する</strong> </h2>
<p> 「 <strong> setTimeout()</strong> 」メソッドは、指定された設定時間後に関数を呼び出します。このメソッドは、設定された特定のタイムアウト後に Web ページをリロードするために適用できます。</p>
<p> <strong> 構文</strong> </p> setTimeout<span class="br0"> (</span> 関数、ミリ秒、par1、par2<span class="br0"> )</span>
<p> 指定された構文では、「 <strong> 関数</strong> ” はアクセスする機能を指します。” <strong> ミリ秒</strong> 」は実行する特定の時間間隔であり、「 <strong> ペア 1</strong> 」、「 <strong> パー2</strong> 」は追加のパラメーターです。</p>
<h3> <strong> 例</strong> </h3>
<p> HTML ページのスクリプト タグで、「 <strong> setTimeout()</strong> 5 秒が経過すると、location.reload() メソッドが Web ページをリロードします。</p>
<span class="sy0"> <</span> 脚本<span class="sy0"> ></span> <br>
<br> setTimeout<span class="br0"> (</span><span class="st0"> 'location.reload(真);'</span> 、<span class="nu0"> 5000</span><span class="br0"> )</span><span class="sy0"> ;</span> <br>
<br>
<span class="sy0"> </</span> 脚本<span class="sy0"> ></span>
<p> <strong> 出力</strong> </p>
<p> <img class="wp-image-238675" src="https://softoban.com/img/other/A8/how-to-auto-refresh-web-page-every-5-seconds-using-javascript-3.gif"></p>
<p> JavaScript を使用して 5 秒ごとに Web ページを自動更新する便利な方法をすべて説明しました。</p>
<h2> <strong> 結論</strong> </h2>
<p> JavaScript を使用して 5 秒ごとに Web ページを自動更新するには、「 <strong> setInterval()</strong> ' と ' <strong> document.querySelector()</strong> 」 タイマー値を調整する方法、「 <strong> リフレッシュ()</strong> 」 Web ページを更新するメソッド、または「 <strong> setTimeout()</strong> 」 Web ページの特定のタイムアウト リフレッシュ制限を設定するメソッド。この記事では、JavaScript を使用して 5 秒ごとに Web ページを自動更新する方法を示しました。</p>
</article>
<div class="d-flex justify-content-center">
<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
var h=d[g]('body')[0];
h.appendChild(s);
}})();</script>
<div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div>
</div>
<div class="tag-widget post-tag-container mb-5 mt-5">
<div class="tagcloud">
<a href="/tano/" class="tag-cloud-link">他の</a>
</div>
</div>
</div><!-- END-->
</div>
<div class="col-lg-4 sidebar ftco-animate bg-light pt-5">
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">カテゴリ</h3>
<ul class="categories">
<li> <a href="/raspberry-pi/">ラズベリーパイ</a> </li><li> <a href="/ethernet/">イーサネット</a> </li><li> <a href="/other/">他の</a> </li><li> <a href="/nano/">ナノ</a> </li><li> <a href="/zoom/">ズーム</a> </li><li> <a href="/cinnamon/">シナモン</a> </li><li> <a href="/reviews/">レビュー</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">無線</a> </li><li> <a href="/minecraft/">マインクラフト</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">圧縮</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">オフィス生産性ソフトウェア</a> </li><li> <a href="/boot/">ブート</a> </li><li> <a href="/system-calls/">システムコール</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">ネットワーキング</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">プレックス</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Docker</a> </li><li> <a href="/firewall/">ファイアウォール</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Synology</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">イーサリアム</a> </li><li> <a href="/parrot-os/">オウムOs</a> </li><li> <a href="/sublime/">荘厳な</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">電話</a> </li><li> <a href="/kodi/">コード</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">珍味</a> </li><li> <a href="/mouse/">ねずみ</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">トレント</a> </li><li> <a href="/tablet/">タブレット</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">カール</a> </li><li> <a href="/kde/">どこ</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">フォント</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">画像</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">イカ</a> </li><li> <a href="/mate/">メイト</a> </li><li> <a href="/vlc-media-player/">Vlcメディアプレーヤー</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">ビットコイン</a> </li><li> <a href="/keyboard/">キーボード</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">暗号化</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">スキャナー</a> </li><li> <a href="/atom/">原子</a> </li><li> <a href="/red-hat/">Red Hat</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">スカイプ</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Jupyter Notebook</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">ブログ</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">メディアプレーヤー</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">蒸気</a> </li><li> <a href="/jenkins/">ジェンキンス</a> </li><li> <a href="/power/">パワー</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">平方メートル</a> </li><li> <a href="/bluetooth/">ブルートゥース</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">グリップ</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">オデッセイ</a> </li><li> <a href="/audio/">オーディオ</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Tensorflow</a> </li><li> <a href="/autodesk/">オートデスク</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">ウィンドウズ</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge（レガシー）</a> </li><li> <a href="/internet-explorer/">インターネットエクスプローラ</a> </li><li> <a href="/office/">オフィス</a> </li><li> <a href="/tano/">他の</a> </li><li> <a href="/sukaipu/">スカイプ</a> </li><li> <a href="/razuberipai/">ラズベリーパイ</a> </li><li> <a href="/u-ebukamera/">ウェブカメラ</a> </li><li> <a href="/mediapureya/">メディアプレーヤー</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/hapurokishi/">ハプロキシ</a> </li><li> <a href="/nomu/">ノーム</a> </li><li> <a href="/buto/">ブート</a> </li><li> <a href="/zhuang-yanna/">荘厳な</a> </li><li> <a href="/removal-guides/">取り外しガイド</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nekusutokuraudo/">ネクストクラウド</a> </li><li> <a href="/mei-de/">美徳</a> </li><li> <a href="/enubidia/">エヌビディア</a> </li><li> <a href="/usbpasusuru/">USBパススルー</a> </li><li> <a href="/fedora-mao/">フェドーラ帽</a> </li><li> <a href="/sekyuabuto/">＃セキュアブート</a> </li><li> <a href="/debaisupasusuru/">デバイスパススルー</a> </li><li> <a href="/sdn/">SDN</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">人気の投稿</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/30/how-to-download-music-to-your-android-phone-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/android-xie-dai-dian-huani-yin-lewodaunrodosurunihadousurebayoidesuka">Android 携帯電話に音楽をダウンロードするにはどうすればよいですか?</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B2/what-is-list-style-type-and-how-to-use-it-in-tailwind-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/risuto-sutairu-taiputoha-hedesuka-tailwind-deno-shi-yong-fang-faha">リスト スタイル タイプとは何ですか?Tailwind での使用方法は?</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/55/argc-and-argv-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/argc-oyobi-argv-c">Argc および Argv C++</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/25/how-to-message-someone-on-discord-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/discordde-shuikanimessejiwo-songru-fang-faha">Discordで誰かにメッセージを送る方法は?</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1E/how-to-use-the-move-itemproperty-cmdlet-to-move-an-item-s-property-in-powershell-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/move-itemproperty-komandorettowo-shi-yongshite-powershell-de-xiang-munopuropatiwo-yi-dongsuru-fang-fa">Move-ItemProperty コマンドレットを使用して PowerShell で項目のプロパティを移動する方法</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/87/how-to-find-the-chipset-driver-firmware-to-install-to-get-wifi-ethernet-devices-to-work-on-linux-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/linux-de-wifi-isanetto-debaisuwo-dong-zuosaserutameniinsutorusuruchippusetto-doraiba-famuu-eawo-jiantsukeru-fang-fa">Linux で WiFi/イーサネット デバイスを動作させるためにインストールするチップセット ドライバー/ファームウェアを見つける方法</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1A/c-cpp-stringbuilder-examples-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/c-cpp-stringbuilder-no-li">C++ (Cpp) StringBuilder の例</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/2E/how-to-install-podman-on-ubuntu-24-04-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/ubuntu-24-04-ni-podman-woinsutorusuru-fang-fa">Ubuntu 24.04 に Podman をインストールする方法</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/84/how-to-write-and-use-the-hat-symbol-in-latex-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/latex-de-mao-zi-ji-haowo-shuki-shi-yongsuru-fang-fa">LaTeX で帽子記号を書き、使用する方法</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/41/where-does-linux-store-my-syslog-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/linux-ha-sino-syslog-wodokoni-bao-cunshimasuka">Linux は私の Syslog をどこに保存しますか</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E0/which-windows-phones-are-good-to-buy-in-2023-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/2023-nianni-gou-rusurunoni-shishita-windows-phone-hadoredesuka">2023 年に購入するのに適した Windows Phone はどれですか</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/8F/top-3-ways-to-fix-wi-fi-connectivity-problems-on-windows-10-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/windows-10-de-wi-fi-jie-xuno-wen-tiwo-jie-juesuru-3-tsuno-fang-fa">Windows 10 で Wi-Fi 接続の問題を解決する 3 つの方法</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A1/how-to-reduce-the-docker-image-size-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/docker-imejinosaizuwo-suo-xiaosuru-fang-fa">Docker イメージのサイズを縮小する方法</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D4/how-to-use-the-output-parser-in-langchain-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/langchain-de-chu-lipasawo-shi-yongsuruniha">LangChain で出力パーサーを使用するには?</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/8B/windows-11-s-media-player-has-arrived-on-windows-10-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/windows-11-nomedia-pureyaga-windows-10-ni-deng-chang">Windows 11 のメディア プレーヤーが Windows 10 に登場</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/07/fix-errorwindows-cannot-access-specified-device.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/fix-errorwindows-cannot-access-specified-device">エラーの修正 'Windowsは指定されたデバイス、パス、またはファイルにアクセスできません' Windows7でDVDムービーを再生する場合-Winhelponline</a> </h3>
<div class="meta">
<div> <a href="/windows/"><span class="icon-chat"></span> ウィンドウズ</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C9/lwc-queryselector-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/lwc-queryselector">LWC – QuerySelector()</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5F/special-character-t-in-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/c-no-te-shu-wen-zi-t">C++ の特殊文字 (\t)</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/09/show-system-information-using-attu-with-milvus-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/attu-to-milvus-wo-shi-yongshiteshisutemu-qing-baowo-biao-shisuru">Attu と Milvus を使用してシステム情報を表示する</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/AD/what-is-esp32-devkitc-dual-antenna-dev-19900-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/esp32-devkitc-de-yuaru-antena-dev-19900-toha-hedesuka">ESP32 DevKitC デュアル アンテナ – DEV-19900 とは何ですか</a> </h3>
<div class="meta">
<div> <a href="/tano/"><span class="icon-chat"></span> 他の</a> </div>
</div>
</div>
</div>
</div>
</div>
</div><!-- END COL -->
</div>
</section>
</div><!-- END COLORLIB-MAIN -->
</div><!-- END COLORLIB-PAGE -->
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="https://softoban.com/template/js/jquery.min.js"></script>
<script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script>
<script src="https://softoban.com/template/js/popper.min.js"></script>
<script src="https://softoban.com/template/js/bootstrap.min.js"></script>
<script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script>
<script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script>
<script src="https://softoban.com/template/js/jquery.stellar.min.js"></script>
<script src="https://softoban.com/template/js/owl.carousel.min.js"></script>
<script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script>
<script src="https://softoban.com/template/js/aos.js"></script>
<script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script>
<script src="https://softoban.com/template/js/scrollax.min.js"></script>
<script src="https://softoban.com/template/js/main.js"></script>
<script async="" defer="" src="//www.instagram.com/embed.js"></script>
<script async="" src="https://platform.twitter.com/widgets.js"></script>
<script>
window.onload = function(){
for(i in document.images)
{
if(document.images[i].naturalWidth==0){
if(window.location.pathname.length > 1){
document.images[i].style="display:none"
}
else
{
document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
}
}
}
}
$(document).ready(() => {
$('nav').find('a').each(function(){
if($(this).attr('href') == window.location.pathname){
$(this).parent('li').addClass('active')
}
})
var wrapper = '<div class="embeded-video"></div>';
if($('iframe[width="560"]').length > 1){
$('.m_v').remove();
}else{
}
$('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper);
let loc = window.location.pathname;
if(loc == '/privacy-policy'){
$('div.embeded-video').remove();
$('blockquote').remove();
}
})
</script>
<script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body>
</html>