JavaScriptで要素をフェードイン・フェードアウトで切り替える ―async/awaitでrequestAnimationFrameを使う―

妻の歌人としての個人サイトのトップページで、短歌をアニメーションで切り替える処理をJavaScriptで書いている。jQueryには上のような専用メソッドがあるフェードイン・フェードアウト処理を自分でググりつつ書いてみたところ、試行錯誤できるポイントがあ…

Puppeteerで記事本文中のはてなブログタグを取得する

はてなブログの新機能 はてなブログの記事にはてなブログタグを設定できる機能がリリースされた。 はてなブログタグとは 「はてなブログタグ」は「はてなキーワード」からWikiのようなユーザーによる編集機能が除外されて名称変更したサービスで、はてなブロ…

PuppeteerでWebスクレイピングが捗る ―株マップ.comの銘柄スクリーニング結果を取得する―

趣味の株式投資で投資対象の選定にクォンツ・リサーチ社が運営する株マップ.comの銘柄スクリーニングを便利に使わせて貰っているけれど、これまで ブラウザのブックマークからスクリーニング結果にアクセス 表の文字列を手元のテキストエディタにコピペ 正規…

自作オセロの思い出

3年前にJavaScriptで作ったオセロを今になってGitHub Pagesで公開してみた。プログラミングを勉強し始めたばかりの頃に作ったもので、Canvasで駒と盤面を描画して、そこそこ強い対戦AIまで付いていてなかなか凝っている。コードは汚過ぎて自分でも読めないけ…

Macで指定したディレクトリから壁紙をランダムに設定するスクリプト

Windows 10にはDailyPicという、Bingのトップページにある日替りの写真をフルHD画質でダウンロードできる楽しいアプリがあることを以前紹介した。この記事では、PowerShellを使って集めた画像をランダムに壁紙に設定する方法を紹介したけれど、最近はMacを使…

Google Apps Scriptでスプレッドシートを操作してみる ―株式投資の運用実績のグラフ化を例として―

最近初めてGoogle Apps Scriptを書いてみて、案外快適にスプレッドシートを操作することができたので、最初の取っ掛かりを得るまでのポイントを整理したい。 スクリプトエディタを開く Googleスプレッドシートのメニューの「ツール」から「スクリプトエディ…