UserCSS

chrome.google.com 自分で使うための UserCSS 拡張機能を作って公開した。 Chrome の拡張機能は意外と信用しづらくて、ある拡張機能がいつの間にか全く違う人に買われてて自動更新でどんどん使いづらくなるとか、あるいは変なコードを埋め込まれてて情報が送られているみたいなことが多々起きている。特に仕事しながら使うならそういうの困るな〜と思って自分でさくっと書いた。大体完成したと思っているけど、エクスポート/インポートはしたいかもなとも思ってきて、 JSON でガッとやったりできるとよさそう。よければお使いください。 ちなみにアイコンはオリーブオイルで、料理にちょっと足すイメ…

あけおめことよろ！ 結局2020年もロクに記事を書かなかった。多分今年もそんな感じだと思う（諦め）

(追記 2020/12/31) →こういうことのようだった: monaco-editorをmonaco-editor-webpack-pluginで使う言語を絞ってwebpackでバンドルする - hogashi.* monaco-editor 使って webpack でバンドルするといろんな言語の？ファイルが登場するけど UserCSS の拡張機能に使うので CSS しかほしくない、そういう設定は見当たらない気がするし探し方が悪いのか誰もそんなことしたいって言ってない、 Chrome 拡張機能は変なコード混ざってないかチェックされるのでできるだけ使うファイルだけに絞るのが理想だし、ファイル名…

chrome.google.com 自分で使うための UserCSS 拡張機能を作って公開した。 Chrome の拡張機能は意外と信用しづらくて、ある拡張機能がいつの間にか全く違う人に買われてて自動更新でどんどん使いづらくなるとか、あるいは変なコードを埋め込まれてて情報が送られているみたいなことが多々起きている。特に仕事しながら使うならそういうの困るな〜と思って自分でさくっと書いた。大体完成したと思っているけど、エクスポート/インポートはしたいかもなとも思ってきて、 JSON でガッとやったりできるとよさそう。よければお使いください。 ちなみにアイコンはオリーブオイルで、料理にちょっと足すイメ…

9月末から使い始めた Scrapbox。ターミナルとかエディタ（VSCode）をダークテーマにしているので、一緒に開くことが多い Scrapbox も黒っぽくしたくなった。（ブログだけはずっと白いのだけど…） Scrapbox には、たくさんテーマが用意されている。 黒系は2種類。自分は緑色が好きなので、Hacker 2 にしてみた。 適用してみてわかったのだが、メモの中身は黒くならない…。 Hacker 2 デフォルト うーん、悪いわけじゃないけど、黒くする方法はないのかと調べたら、UserCSS というのを使って、CSS をカスタマイズできることがわかった。 そして、Scrapbox の開…

Scrapbox のノートを Mac のスティッキーズのように表示できるアプリを作った。 github.com Mac のスティッキーズはちょっとしたメモを残したいときに便利だけど、とにかくエディタが使いづらいのが不満だった。 Scrapbox にあるような文章を書くのに優れたエディタが使えれば…と考えたのが開発のきっかけ。 実は2年前に既に動くものができていたが、当時の自分の技術力ではメンテし続ける自信がなく、結局公開できていなかった。 今は TypeScript や React をいい感じに使えるようになり、Electron アプリを安心して開発できるようになったので公開した。 Scrap…

古き良きブラウザなら訪問済みのリンクが紫になっていた。 通常のウェブページなら訪問済みならもう新しい情報はない可能性があるので色を薄くしたりするけど、Scrapboxのページ一覧では、訪問済みのページは、あの時の情報を見たい、という目的で探している場合があるので、訪問済みのページが目立っていると便利。こういうCSSをsettingsに置いてみる。UserCSSについてはUserCSS - Scrapbox ヘルプを参照。 code:style.css .grid li.page-list-item a .title { color: #777; } .grid li.page-list-ite…

本日の関数：requests.get() こんにちは。 テービーテックの村松です。本日ご紹介する関数は「requests.get()」。 ※※これまでご紹介した関数はこちら※※ どんな関数？ Requests は Python の HTTP ライブラリです。 WEB上でのデータ収集をする際に使用します。 引数は？ requests.get(url, params) 引数は、 url：対象のURLを指定します。 params：URLパラメータを辞書型で指定することもできます。 使ってみよう input #「本日の関数」の目次ページのURLを用意 url = 'https://ds-blog.tb…

ブログ移転ひとつめくらいは誰かの役に立ちそうな記事にしたいな。 おいらの「役に立つ」とか、万人には全く役に立たないけど。 とか言ってるうちに違うどうでもよい記事あげちゃったけど。 何度目かの正直で再開して、ようやくどうにか半年以上は定着継続に至ってるウルドゥー語の独習環境で、個人的にはキモになったかな、と思った環境整備づくりのひとつを紹介しようかと。 そうは言っても、あくまでおいら個人にとっての学習補助ソリューション………を共有したまでで、すごいボリュームな割に、ちっとも完璧なソリューションじゃあないです。むしろおいらの預かり知らぬところで弊害は多いかも。 文字の壁、書体が壁では説 ウルドゥー…

Stylus - Chrome ウェブストア 2020年4月、google翻訳の仕様が大幅に変更されてしまい、 ソースを確認したところ以前の様に原文の後ろに翻訳文が挿入されてるタイプではなくなっていました。 それまで重宝してた「原文訳文を上下で同時表示するブックマークレット」が使えなくなりまして、どうにかgoogle翻訳を見やすくできないか、無い知恵を絞ったのが下記のUserCSSです。 まあ要するにgoogle翻訳の原文テキストボックスを大きく広げて見やすくしただけ。 ・白背景で長時間は目に辛い！→ 背景を暗くして目に優しい表示に変更。 ・マウスオーバーで浮かび上がる原文テキストの枠を大きく…

utgwkk.hateblo.jp 以前このような記事を書いて、時刻を表す要素を強調表示するUserCSSについて紹介した。 しばらく運用してたけど、フォントサイズが大きくなるのでいろいろなサイトのレイアウトが崩れまくるという問題があった。フォントサイズはそのままに、かつ目立たせられないか、ということでCSSアニメーションで書き直した。 やってることは以下の2つ。 時刻を表す文字列の色を白くする 時刻を表す文字列の背景色を、赤→緑→青→赤… と切り替える これなら、既存のレイアウトを破壊することなく、時刻を効率的に目立たせることができる。どうぞご利用ください。 gyazo.com time, …