Puppeteer を使っていて
なにかと便利なwaitFor
だけどこんなメッセージが表示されて
いずれ使えなくなるみたいな。。。
waitFor is deprecated and will be removed in a future release. See https://github.com/puppeteer/puppeteer/issues/6214 for details and how to
migrate your code.
そんなときはコレだ！
const wait = (ms) => new Promise(resolve => setTimeout(resolve, ms))
(async() => {
。。。
await wait(3000);
。。。
Laravelのblade内で、DataTablesを使ってたんだけど
td の中にプルダウンを設置したくて、
どうにかできないかと
もっとよい方法がありそうだけど
とりあえずこれでしのいだ
|
1 2 3 4 5 6 7 8 |
{ 'data' : 'test', render: function(data, type, row) { let tag = '{{ Form::select('test[]', $testSelectList, null, ['class'=>'form-control']) }}'; tag = tag.replace('value="'+data+'"', 'value="'+data+'" selected="selected"'); return tag; } }, |
JavaScriptでクリックイベントを拾おうとしたときに
動的に追加した要素に対して、on でいけると思ったのに
ダメだったのでメモメモ
|
1 2 3 |
$(document).on("click", "セレクタ", function(){ なんか処理する }); |
複数ファイルをDLさせたくなったんだけど
なかなかうまくいかなくて、、、
そのときの対応内容をメモメモ
1ファイルのDLが終わったら、
次のファイルのDLが始まる感じ
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
$('#dl').on('click', function(e){ let urlList = [url1, url2, url3, ... ]; fileDl(urlList, 0); }); function fileDl(urlList, idx) { let href = urlList[idx]; console.log(href); loadFile(href, function (responce) { if (responce!=null){ downloadAsFile(responce); }else{ alert("DLに失敗しました"); } if (idx >= urlList.length-1) { $('#loading').remove(); } else { fileDl(urlList, idx+1) } }); } var loadFile = function(href, cb) { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ if (this.readyState == 4 ){ if ( this.status == 200) { cb(this.response); }else{ cb(null); } } } xhr.open('GET', href, true); xhr.responseType = 'blob'; xhr.send(null); } var downloadAsFile = function(blob) { var objectURL = window.URL.createObjectURL(blob); var link = document.createElement("a"); document.body.appendChild(link); link.href = objectURL; link.download = 'filename'; link.click(); document.body.removeChild(link); }; |
テキストは普通に遅れるのに、
画像のデータが受け取れない。
きっと、formタグと同じように
enctype=”multipart/form-data”
みたいなのが必要なんだろなー
と思いつつも路頭に迷ってたら
どなたか神様のようなかたが
解決してたので、同じ方法で
無事にクリアできた！
感謝感謝
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
var form = $('#form').get()[0]; var formData = new FormData( form ); $.ajax({ 'type': 'POST', 'dataType': 'json', 'url': '/hogehoge', 'data': formData, 'processData': false, 'contentType': false, 'success': function(data) { // 成功したときの処理 }, 'error': function() { // アクション側でExceptionが投げられた場合はここに来る。 // エラーをここで処理したい場合はExceptionを投げても良い } }); |
puppeteerをインストールしようとしたのだけれど
パーミッションがないよ！みたいに怒られた
フルで権限を与えてもダメだったけど
オプションを付けたこのコマンドで
サイドチャレンジしたら成功した
|
1 |
npm install -g puppeteer --unsafe-perm=true --allow-root |
ちなみにpuppeteerの読み方は
ググるとパペッティアらしい
意味は操り人形。
一応、Googleの人がしゃべってる動画で確認したら
「パペッティーァ」みたいな感じだったｗ
Centos7系を使ってたんだけど
なにも考えずにyumでnodeをインストールすると
バージョンが6だったりする
古いとなにかと不便（asyncとかが使えない）ので
バージョンアップしようと思ったらnvmという
node.jsのバージョンを管理できるような便利なものが
あるらしいのでその内容をメモメモ
root権限でnvmをインストールして
他のユーザからでもnvm経由でインストールしたnodeを
使えるようにしたーい！
まずはnvmのクローンを作成
|
1 2 3 |
cd /usr/local git clone git://github.com/creationix/nvm.git nvm . /usr/local/nvm/nvm.sh |
一応nvmのバージョン確認
|
1 2 |
nvm --version 0.3.11 |
ログイン時にnvm.shが自動的に実行されるように設定
/etc/profile.d/nvm.sh を新規に作成し、下記の内容を書き込む
|
1 2 3 4 |
if [[ -s /usr/local/nvm/nvm.sh ]]; then source /usr/local/nvm/nvm.sh fi export NODE_PATH=`npm root -g` |
いざインストール
|
1 2 3 4 |
nvm install stable node -v v11.3.0 |
無事に最新の安定板のインストール完了
複数バージョンを入れて、切り替えることも可能らしいけど
今回は特に必要がないのでスルー
ある数字からある数字まで
カウントダウンしながら表示するやつ
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<div id="price"> <span>10,000,000</span> 円 </div> <script> $(function(){ var price = 10000000; $({count: price}).animate({count: price-10000}, { duration: 500, easing: 'swing', progress: function() { var dispPrice = Math.floor(this.count); dispPrice = String(dispPrice).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,'); $('#price span').text(dispPrice); } }); price-=100; }); </script> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
// ランクごとに配列に格納 var rankAve = []; var rank = ''; if (saData.rows instanceof Array) { // 順位の高い順にソート saData.rows.sort(function(a,b){ if(a.position < b.position) return -1; if(a.position > b.position) return 1; return 0; }); saData.rows.forEach(function(row) { rank = Math.floor(row.position); if (!rankAve[rank]) { rankAve[rank] = []; } rankAve[rank][rankAve[rank].length] = row.ctr; }); } // 合計 var sum = function(arr) { return arr.reduce(function(prev, current, i, arr) { return prev+current; }); }; // 平均 var average = function(arr) { return sum(arr)/arr.length; }; var rankAveSamAll = []; var rankAveSam = []; for (var i in rankAve) { rankAveSam.push('"'+i+'":'+average(rankAve[i])); } |