UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

2023-10-01から1ヶ月間の記事一覧

【CSS】grid周りのプロパティを毎回忘れてしまうのでまとめる

CSSのgrid周りのプロパティを毎回忘れてしまうので、自分なりに見返せるようにまとめる grid-template-columns 行の数と幅を定義 // 左から200px、auto、100pxの幅を持つ grid-template-columns: 200px auto 100px; //1frの幅を3回繰り返す grid-template-c…

【Mac】Mac OS Sonomaにアップデートしたらgitが動かなくなった

Mac

Mac OSをSonomaにアップデート後、gitで操作をしようとしたら以下のエラーが出た xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun 調べたらアプ…

【CSS】dialogの showModal() と show()

CSS

dialogのshowModal()とshow()の違いがわからなかったので調べた developer.mozilla.org showModal()とshow()は、JavaScriptでダイアログボックスやモーダルウィンドウを表示するための関数 違いをざっと書き出す showModal() モーダルダイアログを表示するた…

【CSS】view-transitionでスムーズなモーダル表現

CSS

view-transitionを使うとスムーズなモーダル表現ができることを知って調査した developer.mozilla.org 詳細は以下の記事が参考になる ics.media 具体的には一覧のサムネイルをクリックすると、そのサムネイル画像が拡大し、モーダルの要素になるというものを…

【Fastly】VCLの正規表現

FastlyのVCLの正規表現は何度も調べてしまうのでまとめておく VCL 正規表現早見表 | Fastly ヘルプガイド req.url == "/phrase" 完全一致 req.url ~ "phrase" 部分一致 req.http.host ~ "^www" 前方一致 req.url ~ "\.jpg$" 後方一致 req.url ~ "\.(png|jpg|…

【Fastly】GoogleBotを判定したい

FastlyでGoogleBotを判定する方法を調べた やり方はドキュメントになっていて以下をみると良い developer.fastly.com 例えば、GoogleBot以外のユーザーの国コードを取得したい場合は以下のように設定する if (client.bot.name != "Googlebot" && !req.http.c…

【Fastly】サブドメインへのリダイレクト

すでにあるサイトのコンテンツの一部をサブドメインに移行したい すでにパスが公開されているのでリダイレクトなのでFastlyでどうやるのかを調べた まずは、DNSにてサブドメインを作成し、Fastlyではサービスとドメインを新たに作成する ドメインの設定 | Fa…

【Fastly】Set-Cookieの値の取得方法

beresp.http.Set-Cookie または resp.http.Set-Cookieの値は正規表現を使って取得していたが、安全に取り出せる関数があることを知ったのでメモ docs.fastly.com よく問題になるのが以下のようなSet-Cookieが複数あるレスポンスの場合 HTTP/1.1 200 OK Cache…

【Elasticsearch】3台構成にしたローカルのES dockerコンテナが起動しない

ローカルのdockerで3台のElasticsearchのクラスターを構成したい 必要な設定をdocker-compose.ymlに書いて起動したところ2つのノードで以下のエラーが発生した elasticsearch ERROR: Elasticsearch exited unexpectedly, with exit code 137 エラーコード13…