CSSのgapプロパティーは余白を指定できる新しめの手法です。余白といえば、marginプロパティーやpaddingプロパティーを思い浮かべる方が多いと思いますが、CSS GridやFlexboxでgapプロパティーを使うと柔軟にレイアウトを組めます。もともとgapプロパティーはCSS Gridでのみ利用できていましたが、macOS Safari 14.1およびSafari on iOS 14.6からFlexboxでもgapプロパティーが使えるようになりました。 この記事ではFlexbox、CSS Gridで利用できるgapプロパティーを活用したレイアウト手法とそのメリットを紹介します。今までmarginプロパティーで要素間の余白を調整していたものもgapプロパティーで柔軟に対応できる場面もあります。なお、下記サンプルでmarginプロパティーは一切使っていません。 サンプルを別ウインドウ
DHHの Dependency injection is not a virtue(2013) という記事は有名ですが、ちゃんとした日本語訳が意外とないようなので、書き出してみて思ったことを要約してみた。[1] Rubyのエンジニアの中には、何も考えずに他のモデルのnewを書いてる人の割合が多いという(コードレビュー時のヒアリングによる)体感があり、また8年前の記事なので経験の浅い人は読んだことがない人もいると思う。該当する方は是非読んでほしい。 全部読む時間が無い人は要約へ. 原文と訳文 In languages less open than Ruby, hard-coded class references can make testing tough. If your Java code has Date date = new Date(); buried in its guts,
エアコンのパネルを開ける このエアコン機種には内部に無線LANアダプタを収納するスペースがあるので、そこに設置するように工事する。まずは電源コンセントを抜いて、エアコンの「据付工事説明書」に書いてある下記手順に従ってパネルを開けていく。 ムーブアイカバーを外す ムーブアイカバー「ネジ1本」を外しカバーを外す。 前パネル(中央)を外す 前パネル(中央)「ネジ3本」を外しカバーを外す。 電気品カバーを外す 電気品カバー「ネジ2本」を外す。 カバー左右に爪があるので、押さえながら引っ張るとカバーが外れて室内制御基板が露出する。 無線LANアダプタを取り付ける 室内制御基板のコネクターCN105に無線LANアダプターのコネクタを接続する。 アダプターを接続ケーブルに余裕を持たせ収納し、接続ケーブルを結束バンドで固定する。 ケーブルが長くて余るので、邪魔にならないように左側に引っ張って収納できるよう
急な雨への対策や防犯の一環として、「洗濯物を部屋の中で乾かしたい」という人は少なくないでしょう。しかし「洗濯物が乾きにくくて困る」「生乾きの臭い(部屋干し臭)が気になる」「そもそも部屋の中に乾かす場所を確保できない」といった悩みは付きものです。 そこでこの記事では、部屋干しをする上で気を付けたいことと、おすすめの部屋干しアイテムを紹介します。 まずは部屋干し用のスペースを確保しよう! 部屋干しをするには、部屋干し用のスペースを確保する必要があります。場所選びの主なポイントは以下の通りです。 日当たりがよいかどうか 風通しがよいかどうか (風通しのよくない場所の場合)強力に換気ができるかどうか 太陽光には、衣類に付着した雑菌を減らす効果があり、部屋干し臭をおさえてくれます。部屋干しでも太陽光が当たった方がベターなのです。サンルーム(ソラリウム)がある家なら、そこを活用するのが一番です。 サン
zenn.dev を読んでの感想です。「シーケンスナンバーをPKにする」以外の項目については言及しませんが、言及しないことは正当性や妥当性を保証していることにはならないです。 InnoDB(MySQL)を想定してます。が、原理は割と一般的なので他のDBでも適用できることが多いと思います。 追記:一般的とは分散でないような"普通の"RDBMSを想定してましたが、分散システム(distributed systemないしreplicated system)のような場合では話が違います。 なぜシーケンシャルな値がよいか 端的にいうと書き込み操作時にバッファープール(baffuer pool)に読み混む必要のあるページが少なくて済むからです。その結果書き込み操作時にバッファープールにページが存在する可能性が高くレイテンシー的に有利になる可能性が高いです。 バッファープール、ページ、btreeなど具体
以下のイベントの投影資料です。 https://confengine.com/conferences/scrum-fest-osaka-2021/proposal/15337 お問い合わせは https://twitter.com/nihonbuson まで。 【発表資料中のURL】 P…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く