SVGのサイズを「縦のみ」または「横のみ」で固定したいとき

Mon, 25 Apr 2022 12:44:23 +0900

preserveAspectRatio=“none"の追加でOK

SVGをレスポンシブで表示させる時にどうしても縦横比（アスペクト比）が固定されてしまい困り果てましたが、解決する方法が分かったのでメモ。

ソース例

<svg preserveAspectRatio="none">
</svg>

たったこれだけでOKでした。あとはなどでSVGを囲んでCSSで調整するのみで解決できました。

参考ページ

https://aya404.com/blog/develop/337_svg-aspect/ https://aya404.com/blog/develop/337_svg-aspect/

https://www.design-memo.com/coding/object-fit-property https://www.design-memo.com/coding/object-fit-property

手の指の側面のケガや傷の保護に最適なサポーター

Sat, 29 Aug 2020 11:06:21 +0900

発端は無理な筋トレで靭帯断裂

今回、サポーターが必要となったきっかけは無理なウェイトトレーニング（筋トレ）で右手の人差し指の靭帯が切れてしまったこと。これによって切れた靭帯が関節に挟まり、指を曲げることはできても、ある一定のところから指を上げることができなくなりました。こういうのを**『示指MP関節ロッキング』**というらしいです。靭帯が切れなくても骨のとがった部分を靭帯が乗り越えてしまい、関節がロックされるものあるそうです。どちらかというとこっちの方が多いらしいです。

ちなみにケガしたのは人差し指なので、**『示指（しし）』**となります。他の指の場合、親指から母子（ぼし）、示指（しし）、中指（ちゅうし）、環指（かんし）、小指（しょうし）と音読みするらしいです。

病院に行き、靭帯がどんな状態になっているのかMRI・レントゲン・エコーで検査しましたが、はっきりと影が映りませんでした。示指MP関節ロッキングのよくあるケースは靭帯が関節の骨を飛び越えてしまい、指がロックされてしまうらしいで、当初はそこを疑い手術はしなくても局所麻酔をかけ、整復で靭帯を元の場所に戻す方法で大体治るらしいのですが、私の場合直りませんでした。

よって、関節をいじることもあり、全身麻酔で手術をすることになりました。約1時間ほどの手術で終わりました。先生の説明によると、いくつかある靭帯の一つが完全に切れていて、その切れた靭帯が関節に挟まっていたそうです。靭帯をつなぎ直すという手段もあったのですが、復元してもまた再発するリスクがあるのと、取り除いても生活に支障がなく、再発リスクもなくなるということで先生の判断で取り除いてもらいました。

指側面の手術傷を保護したい

手術後の翌日には退院して、抜糸前と抜糸後で普通に生活や仕事をするわけですが、気を付けていても意外に傷口のある部分をぶつけたりして痛い思いや、傷口が開くのではないかという不安な思いをしました。ガーゼと包帯だけでは弱いし、結構汚れます。これを何とかしたいとドラッグストアやスポーツ用品の量販店に行きましたが指や手首などを固定するサポーターはたくさんあるのですが、指の側面を覆ってガードするサポーターを見つけることができませんでした。

ネットで見つけたサポーター

ネットで探したらあっさり見つけることができました。突き指やばね指とかに使うサポーターみたいで、目的が違うのですが、今回これを買いました。

私の場合、関節の固定はせず、傷のガードが目的なので内臓されていたアルミプレートは取り外しました。

このサポーターのメリットとデメリット

メリット

割と大きめの男性の手でも使えるサイズ
5本の指すべてに対応
左右のどちらの手にも使える
厚みがあるので傷への衝撃を軽減できる
包帯やガーゼの剥がれや汚れを防ぐことができる
付属のアルミバーを外せば指を曲げることができる

デメリット

通気性が悪いので蒸れる

装着例

希望通り、傷口の部分を覆うことができました。包帯やガーゼに比べて少し厚みがあるので物が当たっても安心できそうです。色も黒なので汚れを気にしなくて良さそうです。

右手の5本の指にそれぞれ装着した写真

親指

人差し指

中指

薬指

小指

他に似た商品

商品名は違いますが、これも全く同じ物ではないと思う商品がありました。

固定 on qwerty.work