javascript
PHPerなら多くの方が利用しているLaravel、そのLaravelで配列を便利に扱えるクラスといえばCollectionですね！自分もPHPerでJS等のフロントよりの作業もたまにありますが、JavaScriptで配列を扱うのが苦手でした。 ですが、JavaScriptでもこのLaravelのColle…
Google Apps Script（以下、GAS）で、ウェブアプリで公開しつつ、表示されたHTML上のScript内でwindow.prompt()を使用して、文字列の入力を取得していました。 実行環境のブラウザはchromeを使っていたのですが、ある日から急に動かなくなったので、それの原…
まずは、今回の独自システムで作成したアイキャッチ画像はこちらになります。 今回は、これを作成できる仕組みを作ったので、それを紹介しようと思います。 概要 完全無料で作りたかったので、有料のサーバは用意していません。そのため、簡単に無料でスクリ…
今回は「指定したURLを含むリンクを探す」について紹介したいと思います。 この手法を知ったときは結構感動したし、結構便利なものなので個人的にとてもおすすめです！ DOM構成 まずは今回使用するDOMの構成についてです。 <table border=1> <tbody> <tr> <td class="cls001" id="id001"><a href="./gyudon">牛丼</a></td> <td class="cls002" id="id002"><a href="./cheese">とろーり3種のチーズ牛丼</a></td> </tr></tbody></table>
今回は「属性を選択する」について紹介したいと思います。 DOM構成 まずは今回使用するDOMについてです。 <table border=1> <tbody> <tr> <td class="cls001" id="id001"><a href="./gyudon">牛丼</a></td> <td class="cls002" id="id002"><a href="./cheese">とろーり3種のチーズ牛丼</a></td> <td class="cls003" id="id003"><a href="./mentai">高菜明太マヨ牛丼</a></td> </tr> <tr> </tr></tbody></table>
今回は「現在の各要素から相対的に指定する」について紹介したいと思います。 DOM構成 まずは今回使用するDOMの構成についてです。 <table border=1> <tbody> <tr> <td class="cls001" id="id001"><a href="./gyudon">牛丼</a></td> <td class="cls002" id="id002"><a href="./cheese">とろーり3種のチーズ牛丼</a></td> <td class="cls003" id="id003"><a href="./mentai">高菜明太マヨ牛丼</a></td> </tr>…</tbody></table>
今回は「複数のうちインデックス番号でフィルタリングする」について紹介したいと思います。 DOM構成 まずは今回使用するDOMの構成についてです。 <table border=1> <tbody> <tr> <td class="cls001" id="id001"><a href="./gyudon">牛丼</a></td> <td class="cls002" id="id002"><a href="./cheese">とろーり3種のチーズ牛丼</a></td> <td class="cls003" id="id003"><a href="./mentai">高菜明太マヨ牛丼</a></td></tr></tbody></table>
今回は「現在の各要素から指定した条件に合致する子孫要素を選択する」ということについて紹介したいと思います。 DOM構成 まずは今回使用するDOMの構成についてです。 <table border=1> <tbody> <tr> <td class="cls001" id="id001"><a href="./gyudon">牛丼</a></td> <td class="cls002" id="id002"><a href="./cheese">とろーり3種のチーズ牛丼</a></td> <td class="cls003" id="id003"><a href="./mentai">高菜明太マヨ…</a></td></tr></tbody></table>
今回もjQueryの基本となるところになると思います。今回は要素についているidやclassを取得する方法を紹介したいと思います。 DOM構成 こちらは毎度おなじみのものになります。 <table border=1> <tbody> <tr> <td class="cls001" id="id001"><a href="./gyudon">牛丼</a></td> <td class="cls002" id="id002"><a href="./cheese">とろーり3種のチーズ牛丼</a></td> <td class="cls003" id="id003"></td></tr></tbody></table>
今回は基本となる「タグを指定して取得する」ことについて紹介したいと思います。 1日目でしれっと使ってしまいましたが、改めてこちらの記事で紹介したいと思います。 DOM構成 まずは今回使用するDOMの構成についてです。 <table border=1> <tbody> <tr> <td class="cls001" id="id001"><a href="./gyudon">牛丼</a></td> <td class="cls002" id="id002"><a href="./cheese">とろーり3種のチーズ牛丼</a></td> </tr></tbody></table>
JavaScriptでWebページをスクレイピングするボットをたまに作っています。スクレイピングをするときにjQueryでDOMを操作をして現在のページの状態を判断したり、その結果どのリンクを踏むかなどを決めたりしています。 DOMの取得について その、ページの状態…
タイトルの通り、jqueryで指定したURL、または指定した文字列を含むURLのリンクを探す方法です。 普段はaタグを探すとなると、このように指定すると思います。 $('a') これに追加して指定のclassやidのaタグを探すときは、 $('a.className') $('a.idName') …
