かすみん日記

暇なときに何か喋ります

Web

ブラウザのスクロールバーをカスタマイズ【CSS】

CSSでスクロールバーの色とかを変えたりできる。何でもはできないけど。 See the Pen Untitled by nakasu (@nakasu) on CodePen. webkit系 SafariやChromeは以下のようにしてカスタマイズ可能。 bodyのスクロールバーをカスタマイズしている。 body::-webkit…

【まとめ】ブラウザごとに適用するCSSを切り替える方法【CSSハック】

各ブラウザのみで有効なCSSと記述するためのCSSハック方法のまとめ。 OS別の対応にはJavaScriptライブラリ使えばよさげ。 はじめに 以下のサイトで赤く表示されている方法が、現在開いているブラウザで有効な方法らしい: browserstrangeness.github.io 以下…

【dアニメストア】制作年・シーズン別タグ一覧が見づらいので整理した

dアニメストア公式HPのタグ一覧ページがクソ使いづらいので、制作年タグのURLだけここに抽出しておきます。 anime.dmkt-sp.jp ↑見出しidが設定されてないので、毎回アホみたいにスクロールしないといけない。 年の順番もバラバラだし。 とういことで整理↓ シ…

Jekyll + Netlify CMSでブログ構築

静的サイトジェネレータJekyllとホスティングサービスGitHub Pagesを利用して、サークルのホームページを公開している。 でも引き継ぎのことを考えると、非エンジニアにGitやらJekyllやらを使えというのはさすがに酷な気がして、やっぱりWord Pressみたいな…

【CSS】画像がはみ出るときは中央に寄せる

ページの幅が小さくなったときに画像がはみ出る場合に、上左で合わせるのではなく中央に合わせる方法です。 下の埋め込みのResultだとページの幅を変えられないので、右上の「EDIT ON CODEPEN」をクリックして編集ページでウインドウ幅を変えてみてください…

ニコ動のDL方法【2021】

特にツールを使わずともニコ動の動画をDLできるので、その方法を紹介します。 環境 2021年5月時点でまだ有効 PCのブラウザで 方法 動画ページをブラウザで開き、動画部分を右クリック。 表示されるメニューから「視聴方法の切替(https > hls)」をクリック…

【Rails】ブラウザの再読み込みを自動化

キーワード: ブラウザ、自動更新、自動読み込み、オートリロード、ライブロード railsで開発しているとき、ファイルに変更があるたびに手動でブラウザの更新ボタンを押さなきゃいけないのはダルいので、自動で再読み込みしてくれるようにした。 Browsersync…

DeepLで翻訳するときに改行を消す

DeepLでは改行は文末だと認識されてしまう。 毎回手で改行を消すのは面倒なので、自動で改行をスペースに置き換えるツールを作った。 znuko.github.io 使い方 入力欄の「Sample」ボタンを押すとサンプルテキストが挿入されます。 「Open DeepL」ボタンを押す…

HerokuにRailsアプリをデプロイできたよ

とりあえずrails newしたやつをherokuにデプロイできたので記録。 環境 macOS bigsur rails 6.x 前提 railsはインスコ済み github垢持ってる heroku垢持ってる rails 一応、rails のバージョンは6系とする。 初めからアプリを作る場合は、sqlをデフォルトの …

【mkdocs】インストールしたテーマが使えない

homebrewでインスコしたmkdocsで既存テーマをインストールして使おうとしたら、なんかてこづったのでその失敗談と解決法の譚。 何も考えたくないならば、brewじゃなくてpipでmkdocsをインストールした方が良さげ。 追記:pipでインストールした方が良いです…