TimeDripperというFirefox拡張機能を作ったので、実験的にリリースしてみた。 こちらでインストールできる。 TimeDripper – Get this Extension for 🦊 Firefox (en-US) この拡張機能を使うと、面白くてついついずっと見てしまうような楽しいサイトへのアクセス時間を制限する。対象となるサイトは自分でリストを編集して管理できる。 ……と、ここまでなら同様の機能を持った既存のソフトウェアが複数あるのだが、TimeDripperの最大の特徴は
続きを読むカテゴリー: Web
タブを切り替えて戻ってくると全面広告が表示されるやつについて
先日の記事「ブラウザの履歴を操作して「戻る」ボタンで広告を出すやつについて」にかなり大きな反響があったのだが、「タブを切り替えて戻ってくると全面広告が表示されるやつはどうなっているんだろう」という疑問を持っている人がけっこういるようなので、ちょっと説明する。こちらはPage Visibility API (ページ可視性 API) というのを使って実現している。 Page Visibility API – Web APIs | MDN Page Visibility APIその本来の用途としては、
続きを読む
ブラウザの履歴を操作して「戻る」ボタンで広告を出すやつについて
2023年後半頃から、ブラウザの「戻る」ボタンを押すと、訪問したおぼえのないページが表示されることが増えた。そういうページは大抵、記事風の広告やサイト内の記事へのリンクが大量に並ぶという構成になっている。 この手法はブラウザバック広告とかブラウザバックレコメンド (あるいはレコメンデーション) とか呼ばれており、国内外の複数のWeb広告会社がこれを提供しているようだ。 たとえば、こちらはGMOアドマーケティングの “TAXEL” が提供しているブラウザバックレコメンド。 【新たな収益・回遊源が誕生！】ブラウ
続きを読む
macOSでDrag & Dropで画像をWebPに変換できるようにする
画像 (1枚でも複数でもいい) をドラッグ & ドロップすると、WebPに変換し、拡張子をwebpに変換したものを保存してくれるやつをこれから作る。コマンドラインの画像変換ツール cwebp と、いろいろ自動化できる便利ツール Automator を使用する。 cwebpを入れる cwebp ならすでに入ってるよ! という人はここは飛ばして次の “Automator Applicationを作る” に進んでね。 cwebp というのはGoogleのWebPチームの作った画像変換ツールで、コマンドライ
続きを読む
かきかたプリントメーカーで「なまえ欄」を入れられるようになった
「かきかたプリントメーカー」で作ったプリントに名前を書く欄が付けられるようになった。 デフォルトではオフになっているが、位置を選ぶと こんなふうにおなまえ欄が追加される。 どうしてこんな更新をしたのかというと、「かきかたプリントメーカー」が最近「教室での配布物」作りに使われる機会が多くなったから。 もともと家庭用に使われる想定だったのだが、最近は国内外学校や各種教室の教材をかきかたプリントメーカーで作っていますというメールを国内外からいただくことも増えた。 ちなみに、生成したプリントには特にクレジットも入れ
続きを読む
SVGで「文字を書いていくアニメーション」を作る
かきかたプリントメーカーに「書き順アニメーション」という機能を実装した。 これを作る際に使ったテクニックを紹介する。スクリプトは不要。純粋なSVGだけで次ようなアニメーションが作れる。 (2021/06/16追記 : アニメーションSVGの貼り過ぎでスマホだとめちゃくちゃ重かったり表示されなかったり遅延が発生したりします。すみません。) SVGに「線を途中まで書く」という機能自体はない。そこでちょっと工夫が必要になる。 テクニックの概要はこんな感じだ。 「ものすごく荒い破線で線を表示し、破線のオフセットがち
続きを読む「かきかたプリントメーカー」に新スタイル「日めくりカレンダー」を追加
「かきかたプリントメーカー」のアップデートを行った。「日めくりカレンダー」スタイルが新たに加わった。 文字は漢字・ひらがな・英語の3種類から選べて、年表記も西暦・和暦の両方使える。レイアウトは4分割・2分割・1枚まるごとの3種類。A4で4分割にするとコンパクトな手帳サイズ、子供がのびのび書くなら2分割、デコる前提ならまるごと1枚。 好きな色のカラーペンやクレヨンで目立つ字を書くのがおすすめ。色を塗ったり、絵を書いたりしても楽しいかもしれない。最近は新型コロナウィルスの影響で家にいることが多くなり、生活が単調
続きを読む
ひらがな練習プリントを作れるサービスを公開したよ
好きな言葉でひらがなの練習ができるプリントが作れるサービス「ひらがなプリントメーカー(仮)」を公開した。今後カタカナにも対応したり、文字練習以外の教材の生成ができるようにすることもぼんやり考えているので、名前は変わるかもしれない。 (2019年01月11日追記) 0〜9の数字にも対応したので「かきかたプリントメーカー」に改名した。さらにカタカナもサポートした。 紙の向きや縦書き横書き、文字サイズが切り替えられるようになっている。書き順もつけることができるので、数字をおぼえた子ならひとりでもできる。 PDFフ
続きを読むマウスオーバーで拡大する広告はもうちょい挙動を改善してほしい
マウスカーソルを3秒〜5秒バナーに乗せると、画面いっぱいにババーンと動画が広がり、せっかく楽しんでいたコンテンツを覆い隠す……という広告を去年あたりから見かけるようになった。エキスパンド広告という名前がついているらしい。 タブレットやスマートフォンなどのタッチスクリーン端末には影響がないのだが、普通のパソコンだと、「カーソルをそのへんに置いたまま画面をスクロールしていたらいつの間にかバナーに乗っかっていて動画がでかでかと表示されてしまった!」という事故がよく起こる。 先日Twitterでこんなことを書いたと
続きを読む