こんにちは。レモンティーです。 今回はPuppeteerのevaluateメソッドのPageFunctionへ引数を渡すときの話です。（公式） こういう風に書くと出力はundefinedです。 index.js const a = 'text'; const b = 283; const c = {a:21,b:23}; const x = await page.evaluate(a,b,c => { return `${a} ${b} ${c}`; }); console.log(x); PageFunctionに渡す引数は第二引数に渡す必要があるようです。 なので下のように書くとちゃんと渡されます。 出力はtext 283 [object Object] となります。 index.js const x = await page.evaluate(arg => { const {a,b,

こんにちは。レモンティーです。 今回ははてなスターAPIでスターの取得です。 以下のqに記事のurlを入れてnode.jsで実行するだけ。 index.js const request = require('request'); const q = "https://www.sawalemontea.com/entry/2019/06/19/160507"; (async () => { const main = 'http://s.hatena.com/entry.json?uri='; const url = main + q; const body = await requestAsync(url); const stars = JSON.parse(body).entries[0].stars; let last; //重複スキップ用 for(const star of stars

こんにちは。レモンティーです。 今回は過去にはてなブログに貼った画像を一括ダウンロードする方法です。 普通に「写真を投稿」で張り付けていれば画像は全てはてなフォトライフにあるので今回の方法で手直しなくいけると思います。 準備 コード 出力 おしまい 準備 まずは自分のブログのデータをエクスポートします。 続いて適当なフォルダをつくります。ここではblogpicとします。その中にdataフォルダをつくり、先ほどエクスポートしたファイルをdata.txtと改名して入れます。 ダウンロードした写真用にimagesフォルダをつくります。 こんな感じです。あとはindex.jsにnode.jsで実行するコードを書きます。(Node.js入門) blogpic index.js images data data.txt コード index.js const fs = require('fs'); co

こんにちは。レモンティーです。 今回はNode.jsで使えるORMのSequelizeを使います。 github.com 導入 環境を設定 モデル作成 migration CRUD操作 sample Association migrationの更新 sample (おまけ)Herokuでは おわり 導入 まずプロジェクトを作成して必要なモジュールをインストールします。 express --view=ejs sample cd sample npm installさらにSequelizeとpgをインストール。この時、モデルの追加やmigrationが簡単にできるCLIも一緒にインストールします。 npm install --save sequelize pg sequelize-cliさっそくCLIを使って必要なディレクトリ等を生成します。 npx sequelize initこれでSequ

こんにちは。レモンティーです。 今回はinput type=submitのお話です。 developer.mozilla.org HTML5からはjavascriptを使用しなくてもinputごとに別々のパスにpostできるようです。 やりかたはinputにformaction属性を指定するだけです。 form自体のactionと両方指定した場合はformactionが優先されるようです。 例えば以下の場合はボタンAではaaaに、ボタンBではzzzに、ボタンCではcccにpostされます。 便利ですね。 index.html <form action='/zzz' method='post'> <input type='text' name='abc'> <input type='text' name='xyz'> <input type='submit' formaction='/aaa

こんにちは。レモンティーです。 今回はpuppeteerでheadless:falseの時にマウスカーソルの位置を表示させます。 内容はまんまこれです github.com page.mouse.move()とか使ったときにちゃんと思った通りになっているのか確かめたくてもデフォルトだとマウスカーソルは表示されません。そこでリンク先のコードを使うと便利です。 リンク先は即時関数になっているのでちょっと本来の使い方と違うのかもしれませんが index.js function mouseHelper(){ const box = document.createElement('div'); ... } としておいて、puppeteerでカーソルを出したいページで await page.evaluate(mouseHelper); とすると以降マウスの位置にDevToolと同じ半透明な黒っぽい丸が

こんにちは。レモンティーです。 今回はpuppeteerではてなスターを自動でつけてみます。そんな便利なものでもないので大丈夫だとは思いますが実用はしないでください。スターに関してはスパムを禁じる規約とかが見当たらなかったのですが、あまり意味のないスパムまがいの行為ですしね…。私も今回試した以外は使いません。 puppeteerとは？ 準備 メイン部分 ログイン リストをつくる スターをつける 実行 結果 puppeteerとは？ github.com webbibouroku.com 準備 プロジェクトのディレクトリをつくりpuppeteerをインストールします。 mkdir hatena-auto-star cd hatena-auto-star npm init -y npm i puppeteer メイン部分 以下のようになります index.js const puppeteer

こんにちは。レモンティーです。 今回はFirebaseのCloudFirestoreのルールについてです。 普通に公式ドキュメントに書いてあるのに見落としていたことなので多くの人には問題ないかもしれません。 ちょうどここに書いてあります。 https://firebase.google.com/docs/firestore/security/rules-query?authuser=0 例えば allow read :if request.auth.uid == resource.data.author;のようなルールできちんとルールを満たしているのに ERROR Error: Missing or insufficient permissions. が起こる場合は、クエリ側で .where("author","==",user.uid)のようにし忘れている可能性があります。 これを書き加

こんにちは。レモンティーです。 今回はnpmによるパッケージの管理です。 前回までに登場したモジュールはBuiltInモジュールといって Node.jsで最初から使えるモジュールでした。 Node.jsにはそれ以外にも色々な人が作ったモジュールがあり インストールして使用することができます。 インストールには専用のPackageManagerである npmを使います。 npmはNode.jsと一緒にインストールされますので 別途ダウンロードなどは必要ありません。 npmでパッケージをインストールするには 次のコマンドを使います。 npm install パッケージ名https://www.npmjs.com/ で欲しいパッケージを探すことができます。 自分がインストールしているパッケージの名前とバージョンを見るには 次のコマンドを使います。 npm list --depth=0 //グロー

こんにちは。レモンティーです。 今回はFileSystemモジュールでファイル操作をします。 fsモジュールではこれまでに使ったファイル読み込みの他にも 書き込み、削除、リネーム…など色々できます。 読み込み 書き込み 削除 リネーム 読み込み これまではreadFileSyncでサーバをつくる前に同期的に読み込んでいましたが、 サーバでの処理ではreadFileを使うことで非同期的に読み込みます。 これはファイルへのアクセスのような時間のかかる処理を同期的に行うと その完了まで待機することになりパフォーマンスが低下するためです。 しかし非同期だと普通に次の行からファイル読み込みの続きを書いても 意図した順番に実行されるとは限りません。 なのでファイル読み込みが完了したら行いたい続きの処理を readFileメソッドの引数で渡します。 callBack関数というやつです。 readFile