The Latest Posts

CSSのセレクタを理解しよう!class指定が不要になりソースもスッキリして管理も容易になります!

抜粋

平成最後の夏は大変暑かったですが、残暑が厳しい8月もそろそろ終わりですね。 9月になったら涼しくなって欲しいと思います。 さて、CSS にはセレクタによってどのタグに対してスタイルを指定するかを決めています。 今回はそんなセレクタの指定方法についてまとめます。 HTML5 ではタグに意味を持たせることと <div> タグの乱立を防ぐ意味でも <article> タグや <section> タグなどの使用を推奨しています。 これらのタグを使うとこれまで class で意味づけしていたものがタグ名で整理でき、更にスタイルシートのセレクタが簡潔になり、管理・変更も容易になります。 タグ名による指定 (要素型セレクタ) タグ名による指...

NIkonがフルサイズミラーレスを発表!SONYとスペックを比較します。

抜粋

先日8/23(木)、Nikon がフルサイズミラーレスの発売を発表しました。 遂に SONY が唯一の選択肢でなくなる日が近付いてきましたね。 そこで、今回はスペックを比較してみたいと思います。 スペック上はそれほど特筆すべき点はないですが、使用感や出てくる画が気になります。 発売時期、価格 まずは、発売時期と価格をみていきましょう。 Nikon Z7 発売時期は、2018年9月下旬です。 発売価格は、店頭予想価格でボディのみで44万円となかなか高価です。 フルサイズミラーレスのフラッグシップモデルで、SONY α7RIII 同様に高画素 (4575万画素) 機となっています。 Nikon Z7 発売時期は、2018年11月下旬です。 発売価格は、店頭予想価格で...

CSSの小技を紹介します!【中央揃え】【レシポンシブ対応アスペクト比固定要素】

抜粋

現在のWebデザインでは HTML はページ構成を、CSS はデザインを担うこととなっています。 そんな中で地味にどうやってコーディングすれば良いのかと頭を悩ませるものがありますので、紹介したいと思います。 特に最近ではスマホのような低解像度な画面から 4K のような高解像度まで対応したレシポンシブなデザインが求められていますので、描画領域の幅が不明でも使える小技となっています。 中央揃え 意外につまずくのが中央揃えです。 CSS の "text-align : center;" でやろうとするとブロック要素には効かずに頭を悩ませます。 (インライン要素であれば "text-align" で中央揃えにできます) こちらについては主に3通りのやり方がありま...

「ふくろい遠州の花火」を撮影したので写真と設定を公開します

抜粋

打上総数が日本でも屈指である「ふくろい遠州の花火」を撮影してきました。 写真と合わせて設定も記載しますので花火撮影の参考になれば幸いです。 花火の撮影方法は別記事にもまとめてありますので、併せてどうぞ。 [blogcard url="https://analogstd.com/photography/how2take-hanabi/"] 花火の写真と設定 ふくろいの花火は会場周辺が非常に混雑しますので、今回は2kmほど離れた山の中からです。 その為、レンズは 85mm (フルサイズ換算127.5mm) を使用。 また、蚊などの虫が多かったので大部分の写真はリモコンレリーズのインターバル撮影機能を使って自動的に撮影しました。 f=85mm f/13 SS=60sec ISO100 f=85mm f/13 SS=60sec ISO100...

風鈴の音色が涼しい!「遠州三山風鈴まつり」に行ってきました

抜粋

2017年から袋井市が企画している「遠州三山風鈴まつり」に今年も行ってきました。 袋井市にある "法多山", "可睡斎", "油山寺" の3箇所で涼し気な風鈴を楽しむことができます。 気温は高いですが、透き通った音を聞くと気分がスッキリしますよね! 基本的には無料で観覧できますのでお財布にも優しいです。 「遠州三山風鈴まつり」とは? 公式サイトには以下のように説明されています。 ふくろいの夏、 ​遠州三山の境内に 願いを奏でる風鈴の音 夏のスイーツで ​ひとときの涼のおもてなし。 お寺では邪気除けの意味でお堂や塔の軒の四方に「風鐸」(ふうたく)と呼ばれるものが吊り下げられております。この風鐸が風鈴の由来とも伝えられ...

一眼レフやミラーレスで花火をキレイに撮影する方法

抜粋

夏といえば花火!ということで花火を撮影する方法についてまとめていきます。 設定だけ分かってしまえば全然難しくないので、一眼レフやミラーレスをお持ちの方はお試し下さい。 設定はこれ! では、早速設定を以下にまとめます。 この設定で撮れば概ね問題なく撮れます。 項目 設定 絞り f/8.0~f/13程度 ISO感度 100 or 200 (基準感度) シャッター速度 BULB (バルブモード) ホワイトバランス 色温度指定 → 6000K前後 ピント合わせ MF → 無限遠 or 明るいうちに遠い場所に合わせる 手振れ補正 ある場合は、OFFにする 控えめな花火を幾つか重なるように撮ると華やかになります。 花火は意外に明るいので結構絞って撮ります。暗い...

AMD Ryzen で組むPC構成を再考してみました!【B450チップセット発売開始!】

抜粋

RyzenでPCを組みたいといい出してから早半年近く経ちます。 2000番台の登場で状況も少し変わってきたので構成を再考してみました。 ようやく B450 チップセット搭載の M/B が発売されてきたね! 今回の仕様でほぼ決定としたいので、もしご意見等あればコメント下さい。 (2018/09/04追記) 以下の構成で作りましたので、製作記事もどうぞ! [blogcard url="https://analogstd.com/pc/homebuild-computer-ryzen7-2700x/"] (2018/08/29追記) パーツ購入しました!まとめたのでそちらの記事もどうぞ。 [blogcard url="https://analogstd.com/pc/homebuilt-pc-ryzen7-2700x/"] これまでの振り返り これから組むPCの要求仕様や基本的な考え方は以...

Windowsでメモリ解放を自動的に実行するMicrosoft純正ソフトの設定方法【empty.exe】

抜粋

8月に入って一段と暑さが増したような気がする今日です。 皆さんのPCは暑さで強制終了したり誤動作を起こしてはいないでしょうか? 今回はPCの動作がどうも遅いな、という場合の原因がメモリ不足だった場合の対処法です。 ノートPCや古いPCでメモリ容量が少ない時やいつもスリープで再起動を余りしない場合には効果が分かりやすいと思います。 10分もあれば十分に設定できますが、メモリの少ないPCでは効果テキメンです! 「empty.exe」とは? このソフトは味気も何もない名前ですが、元々は "Windows Server 2003 Resource Kit Tools" というものに含まれる Microsoft 社純正のメモリ解放用のソフトです。 Windows Server は名前の通り Wi...

「LAOWA 9mm f/2.8 Zero-D」の光学性能を考察してみました!

抜粋

2018年4月に発売されたLAOWA製「9mm f/2.8 Zero-D」の性能データが LensTip.comさん に公開されていますので考察していきます。 該当ページは "Venus Optics LAOWA 9 mm f/2.8 ZERO-D" です。 以下で詳しく見ていきますが、中央の解像度が恐ろしく高く周辺光量落ちと逆光にだけ気を付ければ非常に良いレンズといえるでしょう。 [amazonjs asin="B07C62RW2J" locale="JP" title="LAOWA 交換レンズ 9mm F2.8 ZERO-D ソニーEマウント用 LAO0029 【国内正規品】"] 解像度 まずは、レンズ選びの際に私が一番気にしている解像度から見ていきます。 引用:https://www.lenstip.com/529.4-Lens_review-Venus_Optics_LAOWA_9_mm_f_2.8_ZERO-D_Imag...

Google Chrome の開発者ツールでできることアレコレ

抜粋

毎日毎日、最高気温を更新している今日ですが如何お過ごしでしょうか? 私は幸いにも暑さには慣れているので割と快適に過ごしております。 そんなうだるような日常の休閑話題として、Google Chrome や Opera の開発者ツールのアレコレについて紹介します。 どちらのブラウザも殆ど同じなので Google Chrome を使っていきます。 ※開発者ツール自体についてはいくらでも紹介記事があるので、本記事では "痒い所に手が届く" 小技を紹介することとします。 開発者ツールとは? ここで言う開発者ツールとは、Webサイト設計を支援するツールのことです。 これを使えば HTML のツリー構造がどのようになっているのか、ある要素がどのような大きさ...

Javascriptでウィンドウのリサイズやスクロールイベントの発生回数を抑える小技

抜粋

Javascriptでウィンドウのリサイズやスクロールを検出して処理を実行することがあります。 そんな時に使う「window.onresize」や「window.onscroll」は何も対策をしないともの凄い数のイベントが発生してしまいます。 そこで、そんなイベント発生回数を抑える小技を紹介します。 スクロールイベントに重い処理を行おうと考えている方は一考の価値があると思います。 リサイズイベント「window.onresize」 ウィンドウのリサイズイベントである「window.onresize」はウィンドウのサイズが僅かに変化する度にイベントが発生します。 通常、リサイズ中に処理を実行することは稀であると思います。 そこで、ウィンドウサイズが "変化している間"...

iPhoneでhoverやclickイベントが思い通りにならない場合の処方箋【CSS】【Javascript】

抜粋

Webサイトを設計する際にPCやAndroid端末では想定通りの動作をするのにiPhoneだけはうまくいかないことがあります。 そこで、今回はそうなってしまった場合にどのように対処するかをまとめます。 CSS の「:hover」疑似クラスが解除されない場合 CSSの「:hover」疑似クラスは、PCではマウスを指定した要素に合わせている間、スマホやタブレットなどのタッチデバイスでは要素をタッチしてから他の要素をタッチするまでの間、に適応されるスタイルを指定できます。 例えば、id="ele1" 要素に :hover で背景色が変化するように指定してみましょう。 <CSS> <style> #ele1{ background-color : white; width : 300px; height : 100px; li...