Javascript

Javascript preventDefaultとstopPropagation

preventDefault()とstopPropagation()のメモ Eventの処理で使う 双方イベントリスナー内で使うことが多い。というかほとんど。イベントインターフェースのメソッドだからリスナーで処理するだろう。 stopPro...
Mac

FinderとAutomatorとサービス

MacOSのFinderの右クリックメニューにワークフロー(automator)を登録したいなら、サービスで作成する。 右クリックメニューというかコンテキストメニューというのだと思うけど、どっちでも伝わるだろうからいいか。 環境 MacOS...
Docker

Docker 単純なpythonスクリプトを選択的に実行する

pythonスクリプトを入れたイメージを作成して、引数で実行内容を分岐させる 2021/08追記: .pyファイルに引数を渡せるようにもした。 やりたいこと 単純にpythonスクリプトを実行したい。なおかつ複数の処理を選択的に実行したい。...
traefik

traefikでの期限切れ証明書の更新

dockerで運用中のtraefikでTLSの証明書(Let's Encryptを使用)が期限切れになっていた。 要約 traefikを再起動させれば更新してくれる。 以下はそれより前に試したことやエラーメッセージなどを載せておく。...
CSS

CSS フレックスボックス利用のメモ

display: flexの個人的整理 使うたびに色々なサイトを巡ってしまうのもアレなので、自分のページのサイト内検索で済むようにしたくてここに整理しておく。 詳細はMDNのフレックスボックスのガイドページを見るべき。 ここ:CSS フレッ...
Javascript

Javascriptでブラウザにデータを格納

Javascriptでブラウザにデータ(文字列)を保存する。 最近使ったのでメモを残しておく。 データの格納手段 ブラウザへの保存といえば、Cookie(クッキー、cookie)も思いつくがそれよりもデータの格納に適したlocalStora...
Mac

VSCodeでフォーマットしないで保存するコマンドの確認

VSCodeでフォーマットしないで保存する。 記事にするまでもないがあとで調べることもあるかもしれないので、書いておく。 いちいちformat on saveみたいな設定を変更する必要はなく、保存時のコマンドを変えるだけ。変えるだけと言って...
Javascript

Javascriptで非インタラクティブなアニメーションを作る

冬っぽい雪が降るだけのアニメーションをjavascriptで作った。 デモ ずっと動いたままになるので、バッテリー残量注意。 ソースもgithubに: ikapper/anim-fuyu-yuki 使ったもの canvasを直に操作するのは...
Webサービス

jekyllなサイトでfaviconをルートに置かないようにして設置

jekyllな静的ウェブサイトにfaviconを設定する。 あまりルートディレクトリにファイルをたくさん置きたくないので、アイコン類はicons/にまとめておくための設定を記録しておく。 使用したジェネレータサイト 今回はfaviconジェ...
Webサービス

Dropboxのlong-lived access tokensの廃止に対応する

DropboxのAPI Updatesに対応する。 Action Required: Token and Permission Updates こんな内容のメールが来てたので対処する。 long-lived access tokensが使え...