puppeteer を用いて Web ページをまるごと保存する
puppeteer は Headless Chrome 使用することができる Node.js のライブラリです。今回は、その pupeteer を用いて Web ページをのリソースをまるごと保存する方法を紹介します。 記事内で紹介するものは CLI として npm で公開しています。すぐに試したい方は次のコマンドから試すことができます。 $ npx ankipan https://zenn.dev $ npx serve zenn.dev # 保存した Web ページは `serve` ですぐに確認できます 全体のコードを読みたい方は、以下のリンクからリポジトリを参照してください。 💬 動機 きっかけは Web ページのパフォーマンスニューニングをする環境を自作したくなったことでした。これを満たすためには、任意の Web ページを再現できる形でそのまま保存する必要がありました。 Web
肉汁たっぷりハンバーグの秘訣は『低温』『肉の鮮度』『塩』｜樋口直哉(TravelingFoodLab.)
食の博識、樋口直哉さん(TravelingFoodLab.)による科学的「おいしい料理」のつくり方。15回目のテーマは『ハンバーグ』。ご紹介するのは樋口直哉流の新レシピ。卵を使わず玉ねぎも炒めない新しい調理法です。思わず唸るようなハンバーグ調理のポイントの数々をぜひご覧ください。 洋食の定番ハンバーグは、みんな大好きなメニュー。しかし、料理をする側からすると、なかなか悩ましい料理です。 まず、ハンバーグ自体がむずかしい料理の部類に入ること。一番の問題は焼き加減の見極めです。ハンバーグには空気が入っているので、火の通りが悪いのです。そのため「焼けた！｣と思っても、まだ中は生の状態という失敗も多く、かといって火を通し過ぎると肉汁が失われてしまいます。 また、おいしいハンバーグの定義も様々。一般的なのはふんわり感を強調し、ソースとの一体感を目指した仕上がりで、いわゆる正統派、日本のハンバーグです
シールを貼ったらスピーカーの音がよくなる!? 産総研の実験データからも明らかになったAdPower Sonicの威力｜DTMステーション
先日、レコーディングエンジニアの森元浩二さんから、「ぜひ、一度試してもらえませんか？」と言われ、AdPower Sonicなるシールをウチのモニタースピーカーに貼ってみました。実際、森元さんが自宅にいらっしゃり、そのシールを貼るというか、バスレフポート（スピーカーの穴）にちょっと入れてもらったところ、明らかに音が良くなった感じがして驚いたのです。これは記事にして紹介してみたいと思う一方、ホントだろうか？何か騙されてないか？と少し自分の耳を疑ってみたりもしました。 そこで森元さんに、「何か客観的なデータってないですか？」と聞いたところ、「いま公的研究機関である産業技術総合研究所で実験・測定を行っているところなので少し待ってほしい」と言われたのです。産総研から客観的な結果が出てくれば、それは間違いなさそうだけど、ホントに違いが分かるのだろうか……と思っていたところ、先日森元さんから「明らかな違
タナカヒロカズ178人集結 同姓同名が集まるギネス世界記録を達成：朝日新聞デジタル
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
車椅子になった
30歳前半の男。春に事故に遭い現在は車椅子生活。リハビリを受けているが、以前と元通りって訳には行かない。車椅子なしの生活に戻れるか不明だし、そんなの待ってたら30代が終わりそう。そんな訳でこれからどうしようか考えている。 家族、加害者と親御さんの誠実な対応、保険会社のおかげでしばらく生活に困ることはないがずっとボケっとしてるわけには行かないし。車椅子の状態でも働ける職場はあるが前職は営業で特別なスキルもないため、どうしても周りに迷惑をかけながら給料をもらうお情け就労になってしまう。それは俺の性に合わない。 状況としては、目覚めた直後は視界も悪かったし簡単な計算も「…あれ？」って感じだったけど、幸いどちらも元通りになった。完全に感覚が無くなったわけではなく、トレーニングもしたので多目的トイレなら一人で入れるものもある。全力で支えに掴まれば、かろうじて数秒立てる。歩行は不可。両親は現在実家を風
“閉店後IKEA”サバイバルゲーム『The Store is Closed』、IKEAから怒られる。「IKEA風やめて」と告げられたと報告 - AUTOMATON
協力サバイバルゲーム『The Store is Closed』が、家具販売チェーンIKEAから作品の変更を要求されたようだ。同作の舞台はIKEAをモデルとしており、看板などの意匠が類似。その点がIKEAにより問題視されたようだ。海外メディアKotakuが伝えている。 『The Store is Closed』は、サバイバルゲームだ。舞台となるのは「STYR」と呼ばれる大型の家具モール。とはいえ、普通の家具モールではない。常軌を逸した広大さかつ、夜になるとミュータント化した店員が襲い来る異常空間となっているのだ。プレイヤーはこのモールにて、道具のクラフトや拠点の建築などが可能。プレイヤーは一人プレイやオンライン協力プレイで、家具モールのあらゆる設備やアイテムを利用して生き残りを目指す。本作は現在Kickstarterにてクラウドファンディングキャンペーンを実施しており、目標額を大幅に上回る約
恋が無いことを歌って欲しい
初めに言うと、自分でやれと言われそうだがそこまでの熱意がない面倒臭がりの意見なので、そこを念頭に愚痴を言わせて欲しい。 あくまでチラ裏の愚痴！セクシャリティの世界に詳しくもない。まじで個人の愚痴。主語がでかくなってるところがあるかもしれないから、先に言っとく「これは全部私個人の叫びです」 マイノリティの知名度向上とかそういう高尚な願いがある訳ではない。 結論だけ先に書いとくと「己が共感できる歌が今すぐ突然生成されねえかな〜」だ。それを長々と愚痴ったらしく書いている。 誰も否定する意図は無い、そう捉えられたらごめん。 Aの歌が欲しい。Aの歌が欲しい！！！！！！ タイトル:Aの歌をくれ 世の中の歌に共感できなさすぎてそろそろク、クソーーーッ！てなる。作らんけど！！！クソー！！！！！ 私はいわゆる「アロマンティック」とか「アセクシャル」と言われるもの、なんだと思う多分。 もう四捨五入したら30に
『全固体電池入門の入門』第２回 ビジネス視点で解説 自動車業界へのインパクト ニュースイッチ by 日刊工業新聞社
# 全固体電池 # ニュースイッチラボ 現在の主流のリチウムイオン電池よりも安全、長寿命、高性能と言われる全固体電池。将来的には市場規模が大きい車載用に搭載されることが期待されています。 今、自動車メーカーの開発状況はどうなっているのか、いつ採用が始まるのか、課題は何か。技術的な側面だけではなくビジネス視点で解説します。 講師はホンダでリチウムイオン電池の開発に携わり、その後、サムスンＳＤＩの常務として電池事業の陣頭指揮をとり、現在は名古屋大学未来社会創造機構客員教授でエスペック㈱上席顧問を務める佐藤登氏です。 昨年には「電池の覇者 ＥＶの命運を決する戦い」（日経新聞社）を上梓、業界に最も精通する同氏と、日刊工業新聞の自動車担当記者が「ここだけの話」をします。
美しい姉弟 - 堤翔 / 美しい姉弟 | くらげバンチ
美しい姉弟 堤翔 相田譲と田中ほなみは、親の再婚によって義理の姉弟となった。同じ高校に通いながら義理の姉弟になるという、最高のシチュエーションに期待が爆上がりする二人だが、現実は理想とは少し違って……？
イーロン・マスクとランチをしながら「ツイッター買収の本音」と「怒りの原因」を聞いてみた | 「テスラは持続可能なエネルギーの到来を20年早めた」
「ツイッター」を買収して「言論の自由」を獲得しようとしたり、ウクライナ戦争を終わらせるための“和平案”を提案したりと、何かと話題に事欠かないイーロン・マスク。もちろん、火星開拓への執着ぶりは変わらない。現在「ダイエット中」のマスクと英「フィナンシャル・タイムズ」紙の記者が、ランチをした。 イーロン・マスクとのディナーは、テスラでのドライブから始まった。テキサス州の州都オースティンで、私はマスクの2歳半の息子Xと並んで後部座席に座る。午後7時くらいだった。案の定、Xはぐずりだした。向かう先はマスクお気に入りのメキシコ料理店「フォンダ・サン・ミゲル」。 その前に私は同僚と、コロラド川のほとりに建つ「ギガファクトリー」を案内されていた。この巨大な生産工場で、テスラの最新小型スポーツ多目的車（SUV）の「モデルY」が生産されている。モデルYは世界で最も売れているテスラEVで、マスクを長者番付の首位
H.265/HEVC特許暗黒時代 - Qiita
MPEG議長Leonardo Chiariglione氏のブログ記事によると、2020年6月現在の権利者は45企業・団体に急増しており、うち2/3は3つの特許プールいずれかに所属するが、残り1/3はいずれにも属さないという分布状況です。日本でもBS4K/8K実用放送が開始されたように放送業界ではH.265/HEVCコーデック利用が本格化し始めましたが、ストリーミングや双方向Web会議など動画像コーデック需要が急騰しているWeb業界での利用はわずか12%程度に留まるため、MPEG系コーデックのプレゼンス低下は避けられないと予測しています。 MPEG動画像コーデックの歴史を振り返ると、特許問題はそれぞれの商業的成否に強い影響を与えてきました。 MPEG-2 Videoコーデックは2020年現在の日本でもテレビ放送に使われ続けており、明らかな成功モデルとなっています。ちなみにMPEG-2 Vid
さようならElasticsearch、よろしくElastic Cloud - Nota TechConf
by yuiseki yuiseki.icon 2022/5/19 20:25 - 20:40 （明らかに15分で収まる内容の資料ではないですが、資料はモリモリで発表はスカスカでもScrapboxで盛り上がれるか、という仮説の検証を兼ねています） yuisekiですyuiseki.icon Gyazoのプロジェクトマネージャー兼ソフトウェアエンジニアです 本日お集まりいただいたみなさん、ありがとうございます 本日お集まりいただいたみなさん ノバウサギ…？nyanco.icon ユニコーンガンダム…？issac.icon タイマーちゃん！takker.icon 12年間運用を続けているB2C SaaSの検索インフラの実態（14分まで、1分間） Gyazoは2021年、「画像の瞬間発見」をテーマに、検索に力を入れていた Nota Tech Conf 2021 Springでのyuiseki.i
Redditor acquires decommissioned Netflix cache server with 262TB of storage
A Reddit user named PoisonWaffle3 recently acquired a 2013-era Netflix cache server that had been pulled from service and wiped for disposal, which marks a rare occasion where the public has been able to get a look at the mysterious hardware, Vice reports. The decommissioned cache server—called an "Open Connect Appliance" (or OCA)—operated as part of Netflix's Open Connect content delivery network
メンタルの不調に効く方法教えて
できれば筋トレ以外がいい。筋トレはそんなに効果を実感できなかったので。 なんか冬季うつっぽい感じがして困ってる。 【追記】 良い夢見たら治った。 でも自分の意思でコントロールできる方法じゃないのでみなさんの意見を参考にしてみます、ありがとう
「ファッションにもうトレンドはない」キコ・コスタディノフが文化服装学院で特別講義
今回の特別講義は、今夏キコ・コスタディノフがリサーチを兼ねて文化学園の図書館に来館したことをきっかけに実現。午前は文化服装学院アパレルデザイン科の3年生と希望する2年生を対象に、午後はシューズデザイン科の学生に向けて講義を開いた。午前は質疑応答形式で、「流行やファストファッションについてどう思っている？」という質問に対してキコは「ファッションにもうトレンドはないと思っている。誰も新しいシルエットを作り出していないから。『ミュウミュウ（MIU MIU）』のミニスカートは新しく感じたけれど、2000年代のブリトニー・スピアーズ（Britney Spears）みたいだし。ソーシャルメディアの時代において、みんなミックスしてファッションを楽しんでいるから、作り出せるのは色のトレンドくらいだろうね」と回答。また、ローラは「私も学生の頃に同じ質問を講師にして、『ポストモダニズムの時代に生きていて、トレ
300円テトリスに好きな画像を出すまでの道のり - inajob's blog
この記事ははJLCPCBの提供でお送りします。 JLCPCBとは jlcpcb.com (↑こちらは日本語版のログインページで、お得なクーポンも配布されています。) JLCPCBとは、プリント基板製造などで有名な香港の企業です。 日本からでもWebページでポチポチするだけでKiCADなどで作成した基板データの製造を依頼できます。 値段もかなりお手頃で、ホビー電子工作ユーザーの間では広く利用されています。 この記事の作例もJLCPCBに基板を発注して実現しました。 300円テトリス？ 最近は100円均一ショップで電子ゲームが手に入るようになっているようです。 まぁさすがに100円とはいかず、300円のようですが・・ さて、この300円テトリスですが、好きなゲームをプログラミングして動かせるようにできないものでしょうか？ そんな素朴な思いからこのプロジェクトは始まりました。 分解してみる 何は
ミュージシャンと絵師のAIに対する反応の違いが面白い
自分は両方やってるんですが(たまにお金貰えるけど専業は無理なレベル)２つの村でAIが話題になるたび結構反応が違うのが面白いです。 簡単に言うと、絵師の人達はAIに対して厳しめで、ミュージシャンの人達はゆるめ。 絵師の中では、反対派はもちろんたとえAI肯定派の人達も「補助ツールとしてなら」「AIオンリーやちょっと手を加えた程度の場合は明記するべき」「学習される側の権利は守るべき」くらいの立場の人が多い印象です(もちろん全部完璧に正論です) ミュージシャンの場合、上のような「条件」も「まあそんな気にしなくて良くね？」と思ってる人がそこそこ多い。 なんでそうなるかって言うと、音楽の場合そこら辺の意識(美意識？)がガバガバな作り方が良くも悪くももう既に市民権を得ちゃってるからだと思います。 AIによる作曲はまだそこまで強くない(簡単なBGM程度や補助ならいけるけどかっこいい曲がパッと出てくるのはま
アメリカでは時代についていけない人のことを”floppy”と呼ぶ
アメリカの掲示板で最近知ったアメリカスラングで、時代についていけない、最新の技術にコミットしない人たちのことを”floppy”と呼ぶらしい。もちろん、老人が多い増田なら気づいているだろうが、語源はフロッピーディスクからきている。 なぜフロッピーなのか？海外でも「昔フロッピーディスクというものがあって……」などと昔を懐かしむ老人が多いらしい。増田でもEZWebやらADSLやら、今では使われていない過去の技術をネタにして笑いをとる風潮がある。外国では、そうした一定の年齢層以上でしか通じない話をすることはコミュニケーションを取るつもりがない、といった態度で取られるそうだ。それゆえに、時代に取り残された人、ついていけない人という意味で”floppy”な人と呼ばれたりする。 ……というのは全部嘘で、そんなスラングは存在しない。少しでも騙されてくれた人がいれば嬉しいと思う。ペラペラに薄い嘘増田でした。
新型コロナとインフルエンザ 2つ同時に感染しうるのか？同時感染すれば重症化しやすいのか？（忽那賢志） - エキスパート - Yahoo!ニュース
今年のはオーストラリアで新型コロナとインフルエンザの同時流行がみられました。 これらのウイルス性呼吸器感染症について「同時に感染したらどうなるの？」と周りの方によく聞かれるのですが、そもそも同時感染は起こり得るのでしょうか？同時感染するとしたら重症化しやすくなるのでしょうか？ ウイルス干渉とは？複数の呼吸器系ウイルスが同時に流行している時期に、人が同時に、あるいは連続してウイルスに感染することでお互いの感染に影響を与えることがあります。 例えば、新型コロナウイルスに感染した人が、その後にインフルエンザに感染すると、新型コロナウイルス感染症の経過がインフルエンザウイルスによる影響を受けるということです。 これは「ウイルス干渉（Viral Interference）」と呼ばれ、1960年代から複数のウイルス間の相互作用について研究されています。 例えば、あるウイルスに感染すると一時的に自然免疫
イベントループとプロミスチェーンで学ぶJavaScriptの非同期処理
JavaScript の非同期処理は非常に難しく、その難しさの原因は「制御の流れ」が掴みづらいことにあります。 この本では非同期処理を理解するために必要な概念であり、仕組みでもあるイベントループでプロミスチェーンの処理がどのように行われるかをクイズ形式で学ぶことによって、非同期処理の「制御の流れ」を掴めるように訓練します。 知識面については中枢となるイベントループの機構から、実行環境と API、async/await や Promise.all などの一通りの範囲を学習し、最終的には並列化や順序づけて反復処理を行うための制御方法と TypeScript での型注釈までを網羅します。
ソフトウェアライセンスでヒヤッとした事例から学んだ教訓 - Activ8 Tech Blog
こんにちは、エンジニアリングマネージャーの渡辺（@mochi_neko_7）です。 少し前にTwitterで、GitHub CopilotがLGPLライセンスのコードをライセンス表記なしに出力する、という話が話題になったのをご存じですか？ @github copilot, with "public code" blocked, emits large chunks of my copyrighted code, with no attribution, no LGPL license. For example, the simple prompt "sparse matrix transpose, cs_" produces my cs_transpose in CSparse. My code on left, github on right. Not OK. pic.twitter.c
「やばいよ、やばいよ」モルドバの首相が会いに来た、私に | NHK | News Up
「やばいよ、やばいよ」 最初に話が来た時の私の気持ちは、リアクション芸人のそれである。 首相が、私に会いに来るというのだ。 それも世界で注目されている国の首相だ。 何で私に？Why me？ でもやるしかない、覚悟を決めた。 (ネットワーク報道部 野田麻里子) その国は、小さな国で人口およそ260万人、大きさは九州くらいである。 経済状況もかんばしくない。ヨーロッパの中でも特に厳しいと言われている。 国名を「モルドバ共和国」といい、この小さな国を世界的に有名にしたのは理不尽なできごとからだった。 それがロシアのウクライナ侵攻。 モルドバ共和国はウクライナの、西隣に位置している。 それ故に侵攻の影響をすぐ受け、ウクライナから避難する人が一時、30万人近くになった。人口の10分の1以上だ。 比較するのはとても変だが、日本に1200万以上の人たちが避難してきたような計算だ。 そうした人たちをモルド
Next.js 13 結合テストに挑戦してみた
Next.js 13 新機能の App ディレクトリの勉強がてら、結合テストをどう書いていったらよいか考察しました。参照している公式ドキュメントが beta 版なのはもちろん、App ディレクトリそのものが beta 版なので、実運用には使えるものではないと思うので予めご了承ください。一応こんな感じで書けそう、という話です。 結合テストの準備 本稿が指す結合テストとは、App ディレクトリのルートセグメントを構成する、特別なファイル（Special Files）が、与えた状態に応じてどのように表示されるかを検証するテストを指します。 ルートが外部から受ける要因として大きいものが、URL に含まれるクエリパラメーター・パスパラメーターです。コンポーネントは、これらの値を参照して API サーバーにリクエストしたり、ORM ライブラリからクエリーを発行したりなど、コンポーネント表示に必要な処理
鄭大世選手 現役引退のお知らせ | FC町田ゼルビア オフィシャルサイト
この度、FW 鄭大世選手が、2022シーズンをもって現役を引退することになりましたのでお知らせいたします。 【鄭大世選手コメント】 「裏山の鶯の鳴き声で目を覚ます。そんな清々しい朝を迎えてた町田での2年間 最後の最後まで。本当に最後の試合まで苦しかった。 これを遅くに書き上げた後に夢で、外されてるのに怒鳴られる夢でうなされ、朝思わず加筆した。 現実もそんな日常だった。 全て伏線だと言い聞かせ、この”痛みや苦しみ”は自分だけの花を咲かせるためだと 愚痴りながらも、食らいついた 自分と、周りが思う今の質の差にも薄々気がついてたが 年甲斐もなく、まだできる！とギラついてたけど、変わることはなかった。 苦しさは変わらずで、こんな歳でも、悔しくて何度も泣いた。 でも喜びは、喉が裂けるほど咆哮したあの頃とは、もう違う。 同世代に勇気づけられ、ひと回り下に慰められた。歳の半分以下の選手たちと鎬を削った
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - andrelmlins/puppeteer-extra-plugin-auto-scroll: A auto scroll plugin for puppeteer-extra
エンプラ情シスのAWSあるある（業務システム編）
GitHub - FreeTubeApp/yt-channel-info: A Node.js module for grabbing channel information without any official API
家族の感染で痛感したDX無縁の地方のコロナ支援【小寺信良のシティ・カントリー・シティ】
https://twitter.com/imaga_/status/1586022795414118401
[特別読切] 人間メイドロボめるる - あきやまえんま | となりのヤングジャンプ![[特別読切] 人間メイドロボめるる - あきやまえんま | となりのヤングジャンプ](https://cdn-ak-scissors.b.st-hatena.com/image/square/347e186c6b2bd4f0580030e64fbf5988d55c0bd6/height=288;version=1;width=512/https%3A%2F%2Fcdn-img.tonarinoyj.jp%2Fpublic%2Fseries-thumbnail%2F316190246910400497-248d9e4265885595ac01960984373f38%3F1666760515)