サイトのCSS・JSのちょっとした変更。1ヶ月前ぐらいから写真まわりにちょいちょい変更をいれてる。

  • 写真の高さを 100vh に制限するようにした
  • ある程度以上のスクリーンサイズのときは16MPをロードするが、時間がかかるため、あらかじめ同等の大きさの灰色の画像を表示するようにした
  • ロード中にロード中とわかるようにアニメーションをつけた (Spinner)

アスペクト比を維持した画像のリサイズがむずかしい

このサイトの画像 (img 要素) は以下のようになっている

  • max-width max-height を指定
  • width: auto; height: auto を指定
  • 十分に大きなサイズの画像を指定

これにより、max-width/max-height を超えない限り最大の大きさで、アスペクト比を保って表示することができる。しかし問題点がある。

問題点:ロード時にレイアウトが確定しない

img 要素にはロード先画像の width 及び height を属性値で指定してあるのだが、CSSで auto を指定しているため、実際に画像のサイズが得られるまで、レイアウトが確定しない。つまり画像ロードのタイミングで不定期にリフローが起こり、ページ全体の高さが変わる。

JS では実行タイミングがどうしても遅くなるので、できればCSSで対応したいが、うまい方法がない。

せっかくwidth/height 属性値でサイズを指定していて、アスペクト比がわかっていて、理論上は幅と高さを確定することができるはずなのに、これが現状ではできそうにない。

現行の対策

いい方法が思いつかなかったため、JSで動的に対処した。img 要素の width/height 属性をもとに canvas で画像を生成して、まずはこれを表示する。

これによって本来の画像を読みこむ前に、HTMLの情報だけでレイアウトを確定させることができるため、画像がロードされるたびにページの高さが変わるということはなくなる。

しかし JS でやっているため、高さが未確定の状態で1度レンダリングされてしまう。

  1. トップ
  2. tech
  3. サイトの写真の表示方法の変更

200mm で撮ったやつを1/4ぐらいにトリミング (400mm 相当?)。月を撮るときだけ 1500mm ぐらいのレンズがほしくなる

  1. トップ
  2. photo

最近のインターネットの意識高めの記事 (意識高い系ではなく) がほんと受け付けない。客観的にはいい記事なんだろうけど、主観的にはほんとに無理。エンジニアとして成長しよう!みたいな記事も無理。お前はダメなやつだと間接的に言われてるみたいで不愉快。

ITエンジニア、変人変人いわれてるような人でも実際のところめっちゃ真面目で仕事だいしゅきみたいな人が大多数なんだけど、自分そういうんじゃないなとおもう。

多様性大事みたいなこと言う人も、仕事しない人/できない人はあきらかにバカにしているように思うし、OSSのイシューは英語で書くのが常識だろ!とか言いだすので全然油断できないし、二重基準ではないのかとさえ思う。

焦燥感みたいなのに終われてなにかするのはほんと疲れ果ててしまった。それで何か頑張っても、だからなに?という結果にしかならない。

精神を安定させて働きたいけど、ぜんぜんその方法が見つからない。今の仕事より向いている仕事はあるかと考えても、特に思いつかない。仕事と名のついて、対価として金がもらえる行為は全部ダメだと思う。

data:text/html,<body><textarea style="width: 100%; height: 100%;font-size: 40px"></textarea>

ソニー SONY ミラーレス一眼 α6000 ボディ グラファイトグレー ILCE-6000 H -

5.0 / 5.0

やはり連射が便利

α6000は11FPSと高速連射が便利。あいかわらず RAW+JPEG で撮影して、撮影画像を WiFi 連携スマフォ経由で Google Photos にアップロードしているので、自動的にアニメーション GIF 画像 (動画) が作成されまくってとても良い。

Wi-Fi 連携

便利。とりあえず全画像アップロードして家族と共有しとけば、現像作業しなくても文句いわれない。

ISO AUTO低速限界が欲しいけどない

別のαだとISO AUTO低速限界といって、シャッタースピードの下限を焦点距離に応じて設定してISO感度を上げるタイミングを制御できるんだけど、α6000 にこの機能がない。α6000 には手ぶれ補正もないので、デフォルトの ISO AUTO の感度上昇タイミングだとシャッタースピードが遅めになってしまう。これがあればほとんど完全に A/Pオートでほとんど露出を気にせず撮れるはずなので、ないのは残念。

とはいえ、日中屋外での撮影ならシャッタースピードが遅くなることはまずないので、ものすごく困っているというわけでもない。

SIGMA 30mm F1.4 DC DN

SIGMA 30mm F1.4 DC HSM | Art A013 | Sony Aマウント | APS-C/Super35 -

5.0 / 5.0

価格に対して画質がほんとに良い。30mm (フルサイズ換算45mm) 画角もちょうどいい。歪曲が多めのレンズだけど気になるときはLrで現像時に補正しているので問題ない。

中央付近から外れるとAFが効かなくなること・レンズフードが外れやすいこと以外は何の不満もない。レンズフードは既に一回落として買いなおした…… いつのまにかなくなっていた。

SIGMA レンズフード LH586-01 -

3.0 / 5.0

キットズームが残念すぎる一方で、このレンズは絶対に買うべきだってぐらい満足度が高い。とにかくキットズームは買ってはいけない。

その他使用感

当初はこれ1台だけ持ち歩いて子どもの写真を撮るつもりだったが、結局フルサイズのカメラも持ち歩いてる。α6000はだいたい妻に使ってもらっている。おかげで自分と子どもが写っている写真が増えたのでこれは予期せず良かった。キヤノンと違ってフルオートモードでもRAW記録できるのが地味に親切で現像時に救える写真も多い。

Nikon デジタルカメラ COOLPIX W100 防水 W100PK クールピクス ピンク -

4.0 / 5.0

3歳になる子供の誕生日プレゼントとして買ってみた。おもちゃとしては若干高価だが、ただのおもちゃよりは面白そうだろうという感じ。いわゆるおもちゃメーカーの、おもちゃのカメラってものよりは、カメラメーカーの耐衝撃モデルのほうが良いだろうと思い、COOLPIX W100 にしてみた。他のメーカーはこの価格帯で耐衝撃モデルを出してないので、一択になってしまう。

事前に子供に何が欲しいか聞い感じでも反応は良かったのだが、実際に渡してみてもとても喜んでいて、さっそくバシバシ撮っていた。

ピンクなのは子どものリクエストだからです。

操作が理解できるか

まだひらがなも読めないのに使いこなせるのか? 理解可能なのか? という不安もあったが、普段から親が撮っているのを見ているせいかシャッターに手をかけて押せば写真がとれるということは何もしなくても理解しているようだった。

ただし「シャッター半押しでピントがあう」「そのあと全押しすると写真が撮れる」ことは何度か教えてみたけどまだ理解されてない。毎回全押しを連打する(子どもは連打する生き物なのだ)。防水モデルのためか全押しが若干固いので、子どもには押しにくくブレやすい気がする。

実際の操作は電源のオン・オフというモーダルな操作が必要なのだが、これは意外とすんなり覚えてくれた。毎回オン・オフボタンを連打する(子どもは連打する生き物なのだ)けど、なんかうまいことなってるみたいでそんなに問題にはなってない気がする。電源オン時に音が鳴るのは気がきいてると思う。起動に2秒〜5秒ぐらいかかるのでちょっと遅い。

画像再生は教えてないのだけどいつのまにかできるようになってた。撮ったやつを再生して「みてみて〜」と言ってくる。

ズームはわかってないっぽい (とりあえずいらないと思うので教えてない)。

画質

値段が値段なので仕方ないけど、最近のスマフォよりも悪い。ダイナミックレンジが狭くて、10年ぐらい前のカメラで撮った感じ。うまくシーンがハマると結構いいけど、まぁどんなカメラでもそうといえる。

何を撮ってるか

今のところぼくらとか親戚とか人を撮ってることが多い。あとはなぜか見てるテレビを撮ってたりする。


Bluetooth 転送

BLE でスマフォと常時接続していて、撮った写真が転送されるようにできる。BLE なので最大サイズ(13Mピクセル)で転送するとかなり時間がかかる (デフォルトでは2Mピクセル)が、設定しておけば Google Photos に全自動バックアップ可能なので割と便利。32GB のSDカードで4000枚超記録可能っぽいので、しばらくは挿しっぱなしでも良さそう。

アプリからWiFi 経由で接続して転送というのもできるんだけど、いまいち接続が安定しないうえでにレスポンスが悪いので、多少遅くても放っておけば転送されるBLEのほうがいいかなという印象。リモート撮影もできるけど、わざわざこのカメラでリモート撮影することはないだろう。

ストラップ

付属しているのがハンドストラップだけなので、同時にネックストラップも買った。面倒なので特に調べずにニコン純正を買ってみたが、子供用には調整してもかなり長かった。調整して余ったヒモが邪魔になる。

Nikon ネックストラップ コンパクト用 シンプル ブラック AN-CP23 -

3.0 / 5.0

どれぐらい使ってくれるか

わからない。