Javascript

javascript から別サーバーのPHPファイルを呼び出す

javascript のファイルから、別サーバーのPHPファイルを呼び出したかったので、 ↓こちらのサイトのやり方をしてみました。 hirapi.hatenablog.jp 呼び出すPHPファイル側のコードで許可してあげる。 header('HTTP/1.0 200 OK'); header('Access-Control-Allow…

【Javascript】疑似ヒアドキュメントを使ってみる

PHPのように、Javascript でヒアドキュメントが使えないか調べていると、 ありました。擬似的なものだけど。 jun8man.hatenablog.com

【Javascript】テキストを読み上げる

Javascript だけで、テキストを合成音声で再生できました。 // 日本語音声で読み上げ var speech = new SpeechSynthesisUtterance(); speech.lang = 'ja-JP'; speech.text = text; speechSynthesis.speak(speech); an.hatenablog.jp 細かいオプションの設定 …

【Javascript】自身の要素をHTML文字列で取得

javascript や jquery で 要素内のタグを取得するのは、innerHTML などでできるけど、 自身の要素はどうやって取得するのだろうと思っていたら、関数を作っている人がいました。 shanabrian.com (function($) { $.fn.selfHtml = function(targetIndex) { var…

【JavaScript】xpathを使ってみる

JavaScript で xpath を使用したいことがあったので、メモ。 qiita.com input テキストに値を入れる場合は、↓こんな感じ。 var nodesSnapshot = document.evaluate(【xpath】, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null ); nodesSnapsh…

PHPを使って、Javascriptファイルを難読化してみる

↓こちらのサイトを参考にして、 tech.nikkeibp.co.jp PHPを使って、Javascriptファイルを難読化してみました。 使用する class.JavaScriptPacker.php の ファイルは、↓こちら。 joliclic.free.fr

PHPで動的にJavascriptファイルを出力してみる

PHPで、動的にJavascriptファイルを作りました。 test.php これを↓こちらのブックマークレットで呼び出すと、動的に作ったJSファイルを呼び出すことができます。 javascript:(function()%7Bvar script=document.createElement('script');script.type='text/…

javascript で XPath を使用してみる

python で使っている selenium に出てくる XPathが、javascript でも使えないかなと調べていたところ、 ↓こちらの記事を見つけました。 www.softel.co.jp かなり前の記事ですが、これはまだ使えそう。 document.getElementsByXPath = function(expression, p…

【Javascript】変数で参照なしの「値渡し」をしたい

Javascript で配列などプリミティブではない型の変数をコピーする時の話です。 コピーした後の変数を変更したら、コピーする前の変数の値まで変わってしまうというよくある「参照渡し」問題。 ↓一度JSON化して文字列にしてから、変数に入れて元に戻すという…

【Javascript】文字列から空白を削除する方法

Javascript で 文字列から空白を削除する方法。 TargetString = TargetString.replace(/\s+/g, ""); trim は、↓こちら TargetString = TargetString.replace(/(^\s+)|(\s+$)/g, "");

【Selenium + Python】クリックできな時の対処法

以下は、アンカーやボタンなどをクリックするコード。 driver.find_element_by_class_name('test') .click() しかし、なぜかこれがクリックできない時があります。 そんな時は、以下のようにjavascript の記述を試すとよいです。 element = driver.find_elem…

【Selenium + Python】Javascriptを使ってブラウザの下にスクロールする

Selenium + Python で、ブラウザの下にスクロールする時は、Javascript を使用します。 driver.execute_script("window.scrollTo(0, document.body.scrollHeight);")

【JavaScript】iOSでのオーディオ再生・終了に気をつける

以前、ブラウザで音声を再生するテストをしました。 パソコンでは問題ありませんが、iPhoneのブラウザを使う時は、ユーザーにクリックしてもらい、そのイベントを取得しないと、音声が流せないようです。 ↓こちらで、紹介されている 、wa.js を少し拡張しま…

JSを使って2点の座標を結ぶ線の方程式を求めてみる

2点の座標の直線の方程式を求める場合の公式は、 y=ax+b これをjavascript を使って求めてみると、 var a = (endPt.y - startPt.y) / (endPt.x - startPt.x); var b = startPt.y - (startPt.x * a); この方程式を元に、キャンバスの端で交わる座標を…

回るキャンバスに絵が描けるものを作ってみた【解説】

マウスの座標はstage から取得して、それを shapeのgraphicsに描いて反映させます。 その時にポイントなるのが2点。 1つ目は、stage上で、shapeを回転させるための基準点を真ん中に変更。 stage.setTransform(canvas.width / 2, canvas.height / 2); 2つ…

レンタルサーバーに置いている画像にウォーターマークを入れてみる【Javascript 編】

画像にウォーターマークを入れることができるか、まずはJavascriptを使ってやってみることにしました。細かくいうと「jquery」です。 ↓こちらを参考にして、コーディングしてみました。 jQuery Watermark Plugin Examples sample.html <html> <head> <meta charset="UTF-8"> <title>jQuery Watermark </title></meta></head></html>…