サイトの写真の表示方法の変更
サイトの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度レンダリングされてしまう。
関連エントリー
- flex layout によるレスポンシブ入力フォームの勘どころ 重要な点 常に単に縦に並べるだけなら flex layout はいらない。 適用箇所 たくさんの項目をできるだけ詰め込む場合 flex la...
- Google Photo のリリースで無料分のサイズ拡大・アスペクト比別最大サイズの求めかた 今までは2048px以下なら無料というルールだったので、写真をあげるときは全て Lightroom 側で長辺 2048px でリサイズしてい...
- Adsense のレスポンシブ広告の正しい使いかた 前提知識:レスポンシブ広告といっても、既定の広告サイズからコンテナサイズによって選ばれて表示されるだけで、広告そのもののサイズは固定です。 ...
- Markdown → PDF にする Makefile markdown で HTML にして wkhtmltopdf で PDF 化する汎用 Makefile です。 Markdown で書いて...
- ST7735S 使用の 128x160 TFT SPI 液晶 だいぶ前に買ったのを放置してたので動かした。なぜかSDカードコネクタとかついてる。最初は 5V インターフェイスでレギュレータを使うようにな...
月
関連エントリー
- SIGMA 35mm F1.4 DG HSM | Art を買った SIGMA 単焦点広角レンズ Art 35mm F1.4 DG HSM キヤノン用 フルサイズ対応 340544 cho45 シグマ(Sig...
- RF28mm F2.8 STMを買った RFレンズをはじめて買ってみた。RF28mm F2.8 STM は安い割に画質はそこまで悪くない感じ。最短撮影距離が 23cm であまり寄れ...
- SIGMA MC-11 + α7R II でいろいろ試す SIGMA シグマ EF-E用 キヤノン⇔ソニーEマウント マウントコンバーター MC-11 フルサイズ 一眼レフ ミラーレス cho45 ...
- サーマルカメラの近距離分解能をレンズで改善する UNI-T UTi260B サーマルカメラ UNI-T UTi260B を買ったが、近い距離だと結構ボヤっとしていて解像度が低い感じになる。そんなものなのかなーと思って...
- α6000 + SIGMA 30mm F1.4 DC DN をしばらく使ってみて ソニー ミラーレス一眼 α6000 ボディ グラファイトグレー ILCE-6000 H cho45 ソニー(SONY) ★ 5.0 / 5....
✖
✖
最近のインターネットの意識高めの記事 (意識高い系ではなく) がほんと受け付けない。客観的にはいい記事なんだろうけど、主観的にはほんとに無理。エンジニアとして成長しよう!みたいな記事も無理。お前はダメなやつだと間接的に言われてるみたいで不愉快。
ITエンジニア、変人変人いわれてるような人でも実際のところめっちゃ真面目で仕事だいしゅきみたいな人が大多数なんだけど、自分そういうんじゃないなとおもう。
多様性大事みたいなこと言う人も、仕事しない人/できない人はあきらかにバカにしているように思うし、OSSのイシューは英語で書くのが常識だろ!とか言いだすので全然油断できないし、二重基準ではないのかとさえ思う。
焦燥感みたいなのに終われてなにかするのはほんと疲れ果ててしまった。それで何か頑張っても、だからなに?という結果にしかならない。
精神を安定させて働きたいけど、ぜんぜんその方法が見つからない。今の仕事より向いている仕事はあるかと考えても、特に思いつかない。仕事と名のついて、対価として金がもらえる行為は全部ダメだと思う。
関連エントリー
- ✖ 仕事で意識高い系の記事がとかキツい。全く面白くない。 自分でルールを作って、そのルールに沿って生きていくのが人生だと思うが、他人にルールを強...
- ✖ エンジニアの年収がナントカみたいな記事が胸糞悪いので、出てくるエンジニアが担当している全てのサーバが同時に落ちればいいのに。 結局、ああいう...
- ✖ そういえば31歳になっていた。 妻が誕生日プレゼントだ!つってウィッシュリストに入れておいた家庭用トランポリンを買ってて、組立てたけどだいぶ...
- ✖ 全然日記書いてないことに気付いた。毎日なんかしらやってはいるけど、どうも書くモチベがかなり失われている。 面白いと思っていた人たちはいろんな...
- 20代終了 ついに終わってしまったな〜 30といえば、21歳ぐらいのときのあるバイトの面接?か面談?で30ぐらいになると気持ちが落ち着くみたいな話を聞い...
子どもがパソコン触りたいと言ったときに開くページ
data:text/html,<body><textarea style="width: 100%; height: 100%;font-size: 40px"></textarea>
多重露光みたい
α6000 + SIGMA 30mm F1.4 DC DN をしばらく使ってみて
やはり連射が便利
α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 cho45
価格に対して画質がほんとに良い。30mm (フルサイズ換算45mm) 画角もちょうどいい。歪曲が多めのレンズだけど気になるときはLrで現像時に補正しているので問題ない。
中央付近から外れるとAFが効かなくなること・レンズフードが外れやすいこと以外は何の不満もない。レンズフードは既に一回落として買いなおした…… いつのまにかなくなっていた。
SIGMA レンズフード LH586-01 cho45
キットズームが残念すぎる一方で、このレンズは絶対に買うべきだってぐらい満足度が高い。とにかくキットズームは買ってはいけない。
その他使用感
当初はこれ1台だけ持ち歩いて子どもの写真を撮るつもりだったが、結局フルサイズのカメラも持ち歩いてる。α6000はだいたい妻に使ってもらっている。おかげで自分と子どもが写っている写真が増えたのでこれは予期せず良かった。キヤノンと違ってフルオートモードでもRAW記録できるのが地味に親切で現像時に救える写真も多い。
関連エントリー
- α6000 レンズキットを買って失敗した ちなみに E PZ 16-50mm F3.5-5.6 OSS のキットを買った。後述するけど結果的に追加でレンズを買っている。年末に買ったの...
- SONY α7R II + SIGMA MC-11 を買った α7R II を買った。SONY の FE レンズは買わずに SIGMA MC-11 を一緒に買った。 動機 今まで使っていた 5D Mar...
- たまにやってくるピンホールカメラ期 30年生きてきてピンホールは3回ぐらい期がきてるので、病気としては10年ぐらいで免疫が切れると考えられる。 ミラーレスフルサイズ (Eマウン...
- EOS R6 Mark II+ EF-EOS R を買った 2017年4月からSONY α7R+SIGMA MC-11 を使っていたが、思い立ってキヤノンに戻ることにした。 αはコストパフォーマンスも...
- RF28mm F2.8 STMを買った RFレンズをはじめて買ってみた。RF28mm F2.8 STM は安い割に画質はそこまで悪くない感じ。最短撮影距離が 23cm であまり寄れ...
子どもに COOLPIX W100
3歳になる子供の誕生日プレゼントとして買ってみた。おもちゃとしては若干高価だが、ただのおもちゃよりは面白そうだろうという感じ。いわゆるおもちゃメーカーの、おもちゃのカメラってものよりは、カメラメーカーの耐衝撃モデルのほうが良いだろうと思い、COOLPIX W100 にしてみた。他のメーカーはこの価格帯で耐衝撃モデルを出してないので、一択になってしまう。
事前に子供に何が欲しいか聞い感じでも反応は良かったのだが、実際に渡してみてもとても喜んでいて、さっそくバシバシ撮っていた。
ピンクなのは子どものリクエストだからです。
操作が理解できるか
まだひらがなも読めないのに使いこなせるのか? 理解可能なのか? という不安もあったが、普段から親が撮っているのを見ているせいかシャッターに手をかけて押せば写真がとれるということは何もしなくても理解しているようだった。
ただし「シャッター半押しでピントがあう」「そのあと全押しすると写真が撮れる」ことは何度か教えてみたけどまだ理解されてない。毎回全押しを連打する(子どもは連打する生き物なのだ)。防水モデルのためか全押しが若干固いので、子どもには押しにくくブレやすい気がする。
実際の操作は電源のオン・オフというモーダルな操作が必要なのだが、これは意外とすんなり覚えてくれた。毎回オン・オフボタンを連打する(子どもは連打する生き物なのだ)けど、なんかうまいことなってるみたいでそんなに問題にはなってない気がする。電源オン時に音が鳴るのは気がきいてると思う。起動に2秒〜5秒ぐらいかかるのでちょっと遅い。
画像再生は教えてないのだけどいつのまにかできるようになってた。撮ったやつを再生して「みてみて〜」と言ってくる。
ズームはわかってないっぽい (とりあえずいらないと思うので教えてない)。
画質
値段が値段なので仕方ないけど、最近のスマフォよりも悪い。ダイナミックレンジが狭くて、10年ぐらい前のカメラで撮った感じ。うまくシーンがハマると結構いいけど、まぁどんなカメラでもそうといえる。
何を撮ってるか
Bluetooth 転送
BLE でスマフォと常時接続していて、撮った写真が転送されるようにできる。BLE なので最大サイズ(13Mピクセル)で転送するとかなり時間がかかる (デフォルトでは2Mピクセル)が、設定しておけば Google Photos に全自動バックアップ可能なので割と便利。32GB のSDカードで4000枚超記録可能っぽいので、しばらくは挿しっぱなしでも良さそう。
アプリからWiFi 経由で接続して転送というのもできるんだけど、いまいち接続が安定しないうえでにレスポンスが悪いので、多少遅くても放っておけば転送されるBLEのほうがいいかなという印象。リモート撮影もできるけど、わざわざこのカメラでリモート撮影することはないだろう。
ストラップ
付属しているのがハンドストラップだけなので、同時にネックストラップも買った。面倒なので特に調べずにニコン純正を買ってみたが、子供用には調整してもかなり長かった。調整して余ったヒモが邪魔になる。
Nikon ネックストラップ コンパクトデジカメ・COOLPIX用 AN-CP23 シンプル ブラック ANCP23 cho45
どれぐらい使ってくれるか
わからない。
関連エントリー
- デジタル一眼レフ (EOS) をウェブカメラ的にとして使う スクリーンキャストとカメラの同時録画 の動画を撮ったときは Mac 内蔵のカメラを使ったので、自由にカメラを動かせず難儀した。ウェブカメラが...
- ゼルダやってた 最初のほう。 あんまりスクリーンショット撮ってなかった。 祠さん…… ライネルさん…… まじゲーム下手なので最初はヒノックスすら怯えてて、ラ...
- 普段づかいのバッグ買い替え しばらくエレコムのカメラバッグを普段使いとして使っていた。けど会社の行き帰りにしか使わないので、カメラを入れて運ぶことは全くなくて全然意味が...
- α6000 レンズキットを買って失敗した ちなみに E PZ 16-50mm F3.5-5.6 OSS のキットを買った。後述するけど結果的に追加でレンズを買っている。年末に買ったの...
- サーマルカメラ UNI-T UTi260B サーマルカメラ買ったのが届いた。ちょっと遊んだ感じブレーカーの温度分布が面白いかな pic.twitter.com/z9WlvScbLY —...
















