javascript

javascriptでGETパラメータを整形するときはURLSearchParams

※ レガシーブラウザの対応を除く この記事で終了、ってなっちゃうけど。 qiita.com 試してみる let url = new URL('http://thr3a.hatenablog.com/search?q=rails&order=date'); let params = new URLSearchParams(url.search.slice(1)); params.get('q') // …

jQueryのanimate()が効かない

animate()とは jQuery標準メソッドの1つで、要素を動かしたり、隠したり色々できるスグレモノ http://api.jquery.com/animate/api.jquery.com その中でも要素の背景色を別の色にフェードさせながら変えたいと思った。 <div id="mybox" style="width:300px;height:300px"></div> <script> $('#mybox').animate({backgroundCol</script>…

jQuery 3.xでajax()でエラーになったときに疑う箇所

なるほど、jQuery 3.0では多くの非推奨メソッドが削除されて2.xで動いていたものが動かなくなることがある 詳しくは以下のサイトが詳しい 【翻訳まとめ】jQuery 3.0 alpha リリースノート - Qiita 中でもajax()で若干ハマったのでメモ success() error() com…

初心者がNodeJSでBabelとgulpをインストールする

ES2015とかなんぞいって奴がちゃんと1から環境の構築をしてみる 環境 bash-3.2$ node -v v5.12.0 bash-3.2$ npm -v 3.10.6 babelのインストール まずはbabelのインストールから始める。 npm install-D babel-cli 適当にa.jsでもつくって以下 const myfunc =…

jQueryで追加削除が可能なリストを作成する

やりたかったこと 項目の追加と削除ができるリスト型入力フォーム 完成品 先に完成品見たほうが早い 失敗作 まぁとりあえずリストだしクリックされたリスト番号取得してremove()すればいけるっしょって思ってたけどこれだと削除ボタンだけじゃなくてリストの…

Socket.IOでroom内のクライアント数取得方法

ゴリゴリcount変数回すことなんてなかったんや・・・! console.log(Object.keys(io.nsps["/"].adapter.rooms["room"]).length)

Javascript+正規表現の際に変数使いたければnew RegExpを使え

Javascriptでマッチするかどうかは以下のようにしてできる。文字列に「あ」が含まれているかどうかチェックしたい場合 var str = "あいうえお"; if(str.match("あ")){ console.log('match!'); } この場合は正規表現を使ったマッチではないので変数が使える v…

Jqueryでクリックされたテーブルの位置(X行X列目)を取得する

普通にこんな感じのテーブルがあったとして <table border="3"> <tr> <td>データセル1-1</td> <td>データセル1-2</td> <td>データセル1-3</td> </tr> <tr> <td>データセル2-1</td> <td>データセル2-2</td> <td>データセル2-3</td> </tr> <tr> <td>データセル3-1</td> <td>データセル3-2</td> <td>データセル3-3</td> </tr> </table> 以下のようにすると「Row: 2, Column: 2 」のようにクリックされたセ…

NodeでNon blockingなSleepをさせる方法

Node上でPHPのように一定時間停止、つまりsleepさせるには以下が一番有名 https://www.npmjs.org/package/sleep npm install sleep 以下のように使う var sleep = require('sleep'); //3秒間スリープ sleep.sleep(n); //0.3秒間スリープ sleep.usleep(300000…

外部サイトに頼らずにYoutubeをリピート再生させるブックマークレット

単純にloop=1をつけても効いてくれないので1動画を仮のプレイリストにぶち込んでリピート再生 javascript:(function(){ if (location.href.match(/https?:\/\/www\.youtube\.com\/watch\?v=([^&]+)/)) { var url = "https://www.youtube.com/embed/" + RegE…

express jadeめも

わからんわw 超基本 doctype html html head meta(charset='UTF-8') title タイトルタイトル body h1 やっほ p ほげほげ views ディレクトリにjadeファイル npm startするとpackage.json内の「"start": "node ./bin/www"」が実行される 新しくページを作り…

jPlayerでストリーミングMP3を再生してみる

jPlayerってストリーミング再生もできるのね。すげーなこれ。 <html> <head> <title>AnimeNfo Radio</title> <meta charset="utf-8" /> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> <script type="text/javascript" src="//code.jquery.com/jquery-latest.js"></script> </link></meta></head></html>

Javascript「のみ」でTwitterAPIを叩いてみる

PHPに一切頼らずJavascriptのみでもできるんだね。。。 必要なもの jquery.js(今回は2.1.0) https://oauth.googlecode.com/svn/code/javascript/sha1.js https://oauth.googlecode.com/svn/code/javascript/oauth.js var options = { method: "GET", apiURL:…

GithubにあるJSファイルを直リンクで読込すると「Refused to execute script」と出る件

ChromeでGithubのJavascriptファイルのURLを直接書いて実行させようとしたらエラー Refused to execute script from 'https://raw.github.com/path/to/js.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is en…

めも

前提 プロジェクトの新規作成で「ナビゲーションアプリケーション」を選択 ボタンをクリックして~を実現したい場合 home.html <body> <div class="fragment homepage"> <header aria-label="Header content" role="banner"> <button data-win-control="WinJS.UI.BackButton"></button> <h1 class="titlearea win-type-ellipsis"> </h1></header></div></body>

Bootstrap3を使ってタブメニューを実装する

なんてことはない、テンプレートに用意されているから特に加える点はない タブの切替にはjquery.jsが必要だからそこだけ注意。 <html> <head> <meta charset="UTF-8"> <title>Bootstrap3を使ってタブメニュー</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> </body></html>

アマゾンの商品コード(ASIN)と商品名をJavascriptで取得してみる

主にブックマークレット目的だが。 AmazonのURLの一部にもなっている商品固有コード、通称ASINの以下のようにして取得できる。 asin=document.getElementById('ASIN').value; 商品名はこんな感じ title=document.getElementById('btAsinTitle').innerText; …

Javascriptで連想配列を使う

Javascriptは連想配列に対応しているのか、というと非対応っぽい。 厳密に言えば対応してないけど、それっぽいコードは書ける。 <script> var ary = { "hoge": 'ほげー', "fuga": 'ふがー', "piyo": "ぴよー" } for(var key in ary){ document.write("KEY:" + key + </script>…

はてなブログで一発で引用文を作成するブックマークレット

以下の一文を適当に登録し、引用したい文章を選択した状態でブックマークレットを実行すればおk. javascript:var qt=""+document.getSelection();qt=qt.replace(/(\n|\r)/g,"<br />");var s='<textarea onclick="this.select();">>>\n'+qt+'\n<<\n<span style="font-size:80%;float:right"><i><a hre</textarea>…

はてなブログで簡単にコードをハイライト表示できるブックマークレット

めっちゃ長いけど以下。Chromeにて確認。 javascript:(function(d){function l(){(function($){$.getScript("http://thr3a.web.fc2.com/jquery.selection.js", function(){var id = "#body";var type = prompt('タイプを入れて', 'php');$(id).selection('in…