ポンコツエンジニアのごじゃっぺ開発日記。

いろいろポンコツだけど、気にするな。エンジニアの日々の開発などの記録を残していきます。 自動で収入を得られるサービスやシステムを作ることが目標!!

javascript

JavaScript で PHP は Laravel の Collection みたいに配列を扱える Collect.js を試してみる。

PHPerなら多くの方が利用しているLaravel、そのLaravelで配列を便利に扱えるクラスといえばCollectionですね!自分もPHPerでJS等のフロントよりの作業もたまにありますが、JavaScriptで配列を扱うのが苦手でした。 ですが、JavaScriptでもこのLaravelのColle…

クロスオリジンのiframeでのalert()やconfirm()やpromptが使えなくなった問題【GAS】

Google Apps Script(以下、GAS)で、ウェブアプリで公開しつつ、表示されたHTML上のScript内でwindow.prompt()を使用して、文字列の入力を取得していました。 実行環境のブラウザはchromeを使っていたのですが、ある日から急に動かなくなったので、それの原…

【無料】簡単に独自アイキャッチ画像を生成できる仕組みを作る

まずは、今回の独自システムで作成したアイキャッチ画像はこちらになります。 今回は、これを作成できる仕組みを作ったので、それを紹介しようと思います。 概要 完全無料で作りたかったので、有料のサーバは用意していません。そのため、簡単に無料でスクリ…

【連載】jQueryでDOMを取得しよう – 8日目「指定したURLを含むリンクを探す」

今回は「指定した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>

【連載】jQueryでDOMを取得しよう – 7日目「属性を選択する」

今回は「属性を選択する」について紹介したいと思います。 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>

【連載】jQueryでDOMを取得しよう – 6日目「現在の各要素から相対的に指定する」

今回は「現在の各要素から相対的に指定する」について紹介したいと思います。 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でDOMを取得しよう – 5日目「複数のうちインデックス番号でフィルタリングする」

今回は「複数のうちインデックス番号でフィルタリングする」について紹介したいと思います。 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でDOMを取得しよう – 4日目「現在の各要素から指定した条件に合致する子孫要素を選択する」

今回は「現在の各要素から指定した条件に合致する子孫要素を選択する」ということについて紹介したいと思います。 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でDOMを取得しよう – 3日目「idやclassを指定して取得する」

今回も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>

【連載】jQueryでDOMを取得しよう – 2日目「タグを指定して取得する」

今回は基本となる「タグを指定して取得する」ことについて紹介したいと思います。 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>

【連載】jQueryでDOMを取得しよう - 1日目「はじめに」

JavaScriptでWebページをスクレイピングするボットをたまに作っています。スクレイピングをするときにjQueryでDOMを操作をして現在のページの状態を判断したり、その結果どのリンクを踏むかなどを決めたりしています。 DOMの取得について その、ページの状態…

jqueryで指定した文字列を含むURLのリンクを探す方法。

タイトルの通り、jqueryで指定したURL、または指定した文字列を含むURLのリンクを探す方法です。 普段はaタグを探すとなると、このように指定すると思います。 $('a') これに追加して指定のclassやidのaタグを探すときは、 $('a.className') $('a.idName') …

お問い合わせプライバシーポリシー制作物