すずしいはいけい

すずしいはいけいにしてみました。pixabay.com こーどデザインCSS body { background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/sawalemontea/20190806/20190806154555.png); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; } 白い部分がちょっと読みにくいけど涼しげですね。

Puppeteer eveluateメソッドのPageFunctionに引数を渡す

こんにちは。レモンティーです。今回は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に渡す引数は第二引数に渡す必要があるようです。 なので下のように書くとちゃんと渡されま…

Chromeをキーボードで操作

こんにちは、レモンティーです。今回はChromeをキーボードで操作する方法です。ちなみに公式に全部書いてあります。ここでは一部だけ。前回↓、入力作業中の移動や範囲選択をキーボードでやる方法を書きましたがあれの続きみたいな感じですね。 www.sawalemontea.com 操作キー 新しいタブを開くCtrl+T タブを閉じるCtrl+W 最後に閉じたタブを開くCtrl+Shift+T 検索Ctrl+K 検索欄にフォーカスCtrl+L タブを移動Ctrl+Tab タブを移動（逆）Ctrl+Shift+Tab リロードCtrl+R キャッシュを無視してリロードCtrl+Shift+R リンクや入…

入力時にキーボード操作で移動と範囲選択

こんにちは。レモンティーです。今回はキーボード操作での移動と範囲選択です。 ただしキーボード等によって若干異なるかもしれません。例えばノートパソコンで左矢印（←）がhomeキーを兼ねる場合はHomeはfn+←になるといった違いがあります。 移動 範囲選択 お試し用 移動 普通の一文字単位の移動は矢印キーでできます。 Ctrlを押しながら矢印で単語単位で移動できます。 Endキーで行の末尾に移動、Homeキーで行の先頭に移動できます。 範囲選択 Shiftを押しながら先ほどの移動を行うと通った範囲が選択できます。 Ctrl+Aで全選択できます。 お試し用 お試し用テキストです。 これを使って入力…

Node.js ある記事にはてなスターを付けたユーザの一覧

こんにちは。レモンティーです。今回ははてなスター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(u…

Node.js 自分のブログのはてなフォトライフなどの画像を一括ダウンロードする方法

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

Node.js request.jsで画像をダウンロードして保存すると壊れるとき

こんにちは。レモンティーです。今回はrequest.jsで画像をダウンロードして保存するときのお話です。 リクエストはうまくいったのに画像がちゃんと保存できていないときはoptionのencodingをnullにするとうまくいくかもしれません。そうしないとrequestモジュールが勝手にエンコードをいい感じにやってくれようとしてバイナリが壊れるようです。つまりこんな感じですね。 request({ url:'https;//hoge.com/pictures/fuga.png', encoding:null },callback); 今回はこれでおしまいです。 www.sawalemontea…

また広告でてない

また広告がでなくなっているのでAdSenseのクロールエラー見てみたら「ホスティングの問題:サーバの過負荷」 このエラーは、はてなブログのユーザー側ではどうしようもないようです。 前回なったときは、はてなのサポートの方に自動広告だとこれになる人がいるのでので手動で貼ってくださいと言われて実際解決したのですが一年もたたず再びこの状態に… まあこんな個人ブログの収益なんてたかが知れているので「広告がでないからとても困る」ってことはないんですけど 現実的にはたいした害がなくても気持ち的にはモヤッとしますよね。。

ノベルの米事情

とあるノベルサービスのコメント事情 休日と平日の時間帯別米数 0は0時から1時までの一時間です 平日の方は7時ごろがぴょんと増えてますがこれは通勤・通学中にやる人の分ですかね～。16時を境に急に増え始めるのも学校・仕事が終わるころだからでしょうか。 月別米数 1は1月の一か月間の米数です。 3月と8月が多いですね。これは学生ユーザーが長期休暇で暇があるのでしょう。でも4月が多いのと11月が少ないのは意外ですね。当たり前じゃんと思うひともいるのでしょうか。個人的には謎です…。 おわり これでおしまいです。え。まあ雑記なので…

はてなブログテーマのアレンジを見に行く

こんにちは。レモンティーです。今回ははてなブログのテーマについてです。 テーマストアの各テーマには「利用中のブログ」というボタンがあり、そのテーマを使っている人を何人か見ることができます。そしてその中には結構凝ったアレンジもあります。はてなブログで発信しているくらいですから結構カスタマイズとかが好きな人が多いわけですね。そこで今回はそれらのアレンジの中で目にとまったものを書いていこうと思います。(あくまで「利用中のブログ」から軽い気持ちで選んだもので変な意味はないです。ほかのブログと比べてどうこうと言っているわけでもありません。選んだ理由は「きまぐれ」です。) NavyDarkCode編 意識…

Puppetter はてなブログで誰を購読中かわけわからなくなったら…購読中のブログ一覧と読者一覧

こんにちは。レモンティーです。今回ははてなブログの読者リストと購読中のブログリストのお話です。はてなブログはSNSではないので購読中の一覧を楽に見る機能はありません。そのためそこそこ数が増えてくるともうわけがわからなくなってせっかく購読していても読みたいものが埋もれていたりしますが手動で管理するのは非常に面倒です。そこで今回は例によってPuppetterで購読中のブログと読者のhatenaIdの一覧をつくります。サムネ一括変更↓の時も言いましたがエラーがでたユーザーはスキップしていくので歯抜けはログを見ながら自分で埋める必要があります。 www.sawalemontea.com 準備 概要 メ…

Puppetter はてなブログで誰を購読中かわけわからなくなったら…購読中のブログ一覧と読者一覧

こんにちは。レモンティーです。今回ははてなブログの読者リストと購読中のブログリストのお話です。はてなブログはSNSではないので購読中の一覧を楽に見る機能はありません。そのためそこそこ数が増えてくるともうわけがわからなくなってせっかく購読していても読みたいものが埋もれていたりしますが手動で管理するのは非常に面倒です。そこで今回は例によってPuppetterで購読中のブログと読者のhatenaIdの一覧をつくります。サムネ一括変更↓の時も言いましたがエラーがでたユーザーはスキップしていくので歯抜けはログを見ながら自分で埋める必要があります。 www.sawalemontea.com 準備 概要 メ…

Sequelize入門 Node.jsとExpressからPostgreSQLを使う

こんにちは。レモンティーです。 今回は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も一緒にインストールします。…

Heroku 環境変数にダブルクオートを使うと消えるとき

こんにちは。レモンティーです。タイトルの通りなのですが、ググると 丸ごとシングルクオートで囲って heroku config:set HOGE='{ "hoge": "huga" }'みたいにすればいい、とでるのですが それでもなお実行すると HOGE='{ hoge: huga }'のようにダブルクオートが消えてしまう場合は heroku config:set HOGE={ \"hoge\": \"huga\" }のようにエスケープするとちゃんとダブルクオートが残ります。今回はこれでおしまいです。

HTML JSを使わずにform内の複数のinputから別々のパスにsubmitする

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

Node.js requestモジュールで別サーバへmultipart/form-dataをPOSTしてファイルアップロード

こんにちは。レモンティーです。今回はrequestモジュールのmultipart/form-dataです。 github.comnode.jsで、あるHTMLフォームと同じリクエストを送りたいという場合、requestモジュールが便利です。例えば以下のHTMLのformと同じリクエストを送りたい場合…index.html <form action="http://hoge.com/upload.php" method="POST" enctype="multipart/form-data"> <input type="file" name="file1"> <input type="submi…

Puppeteer nameのないiframe内のDOM要素を操作する（セレクタでiframeを取得する）

こんにちは。レモンティーです。今回はpuppeteerでiframe内のDOM要素を操作する方法です。 iframeにnameがあれば const frame = await page.frames().find(f => f.name() === 'hoge'); のようにできますが、ない場合はelementHandleクラスのcontentFrameメソッドを使うのが簡単そうです。 github.com 例えばexample.html <div class="hoge"> <iframe> </div> こんな場合にはこれでいけますexample.js const eh = await p…

Node.js Gmailを簡単に送信する

こんにちは。レモンティーです。今回はNode.jsでGmailを送信します。 developers.google.comGASを使えばすごく簡単に送信できる上に定期実行もできるので基本的にはGASでやればいいです。 ただローカルファイルがらみでWindowsのタスクスケジューラで定期実行してそのログを通知したいけど「電子メールの送信」が非推奨になっているといった場合には使用できます。Node.jsからGmailを送る場合はGASよりは少し書く量が増えます。そこで簡単にするためにそれを包んでgmail-senderなるものをつくります。 （こことかが参考になります。）これを使うとindex.js…

Puppeteer headless:falseの時にマウスカーソルの位置を表示する

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

Puppeteer はてなブログのアイキャッチ画像をカテゴリ別に一括変更する

こんにちは。レモンティーです。今回はpuppeteerではてなブログのアイキャッチ画像をカテゴリ別に一括変更します。 このブログでは長いことすべての記事のアイキャッチ画像が顔つきレモンティーの絵でした。全文表示のときはそれでもあまり関係ないのですが、ブログのデザインをNavyDarkCodeにして記事を一覧表示に変更すると同じ画像が並んでいて結構気になります。しかしすでに記事の数は200を超えています...。そこでpuppeteerです。以下のようにカテゴリと画像URLの対応だけつくったらあとは自動でそれを適用してくれたらいいですよね。複数カテゴリがある場合は先頭のカテゴリで。（画像URLは、…