background-imageの表示ラグ問題を（ほぼ）CSSのみで実装するCSS遅延読み込みで解決
ベストプラクティスとも限らないですが、プレーンなHTML・CSSサイトでも手軽に実装できる方法を紹介します。 background-imageの一瞬表示されない問題 CSSのbackground-imageはその画像が表示されるまで読み込まれません。例えばユーザーのアクションに応じてbackground-imageを変える場合、変更後の画像はユーザーアクションが行われてから初めて読み込まれます。（この読み込みは初回のみ行われるので、2回目以降は発生しません） 遅延表示のサンプル より具体的な現象としては、独自デザインのラジオボタンやチェックボックスをクリックした時、初回のみ一瞬遅れて表示される、というのがあります。他にもdisplay: noneで非表示にしている要素を表示させた場合でも同様の表示ラグが発生します。 ▼初回のみ表示が遅くなっている様子（分かりやすくするためにネットワーク速度
【SEO対策】画像形式WebPでデータを軽減し、検索順位を上げよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
そのなかでもみなさんが気になっているのはWebP（JPEGやPNG、GIFの各利点と高い圧縮率を兼ね備えた静止画像フォーマット）対応だと思います。実装にはいくつか方法があるのですが、まずどうやってWebP形式の圧縮画像を作ればいいのか。 一つひとつの画像を圧縮・WebP変換するにはGoogle謹製の画像処理サービス Squoosh がおすすめです、という話を前回させていただきました。しかし、このサービスの難点は、複数画像の一括処理がブラウザ上ではできないこと。 そう、「ブラウザ上では」。 コマンドライン版Squoosh 実はSquooshはコマンドライン版というものが存在します。というかむしろこっちが本命だと思われます。ちなみに今回の内容も非エンジニア向けなので、CLI（コマンドラインインターフェイス）と呼ばれるあの黒い画面にアレルギーが発症しない方はぜひトライしていただきたいです。 利用
CSSの新機能カスケードレイヤーが主要ブラウザにサポートされます、最初に理解しておきたい基礎知識を解説
CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレイヤー化（階層化）でき、これまでのCSSの実装方法が大きく変わるものです。 Chromeのデベロッパーによるカスケードレイヤーの基礎知識を紹介します。 Cascade layers are coming to your browser by Una Kravets 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに準じて翻訳しています。 はじめに CSSの詳細度とカスケード @layerの動作 レイヤーの優先順位の管理 インポートファイルの整理 レイヤーとカスケード カスケードレイヤーの注意点 カスケードレイヤーの参考リソース はじめに カスケードレイヤー（@layerC
東京都心に地上9階建ての“積層型”小学校、教室の上に体育館やプール、校庭も
東京都港区芝浦1丁目に、地下1階・地上9階建ての積層型学校が誕生する。2022年4月に開校する「港区立芝浜小学校」だ。高さは約55m、建物の平面サイズは約64m×約23m。
普通の女の子が誘拐されて皇子の身代わりになるマンガ｢流血女神伝｣が引き込まれる。→｢原作全部持ってる｣｢ラノベじゃなくてヘビーノベルだよ…｣
比呂 @helloohiro この原作コバルト文庫からでてる「流血女神伝」超絶面白いし、強く生きる女の子という性癖を作り出してくれてた尊い作品なので興味がある方は是非読んでいただきたい。 twitter.com/akinok91/statu… 2022-02-13 20:38:01 ともえ @cj_symphony めっちゃ懐かしいです。この頃コバルト何冊か読んでた記憶もあるしこれも一冊は読んだ記憶あるんですけれどコミカライズか。とりあえず身代わり以降の翻弄されっぷりはこの紹介漫画からは想像できない程だったことは何となく覚えてます。この頃のコバルトとかビーンズ初期とか小説読むの楽しかったな。 twitter.com/Akinok91/statu… 2022-02-14 12:09:51
コミュ力重視の人が見ている世界
あるメーカーで技術職をしてるオッサンなんだけどけど聞いてくれ。 先日会社のマーケティング主導の製品企画のキックオフミーティングに呼ばれたんだけど、非エンジニアの文化にはじめて接していろいろ面食らっている。 なんていうか、普段馴染みのあるエンジニアだけで動いている会議って論点が割と明確なのよ。工業デザイナーの製品イメージがあって、筐体サイズや電力の制約があって、納期やコスト、開発リソースから実現可能性を考えてという具合に、製品の要素を実装可能な状態に落とし込むために要件を絞り込んでいく的な感じ。 一方、この前初めて参加したマーケ主体のミーティングはソフトバンクの決算で孫正義がやってるような感じのポエミーなプレゼン資料がポンポン飛んできて頭がくらくらした。「プロジェクトに対する私の思い」だとか、「製品のコードネームを決めよう！(提案者は製品コンセプトが抽象画なのでピカソ推し)」とかエンジニア目
海外在住の友人にお願いしてはいけないこと｜シマフィー
大人になってから、日本に住んだのはたったの1年４ヶ月で、それ以外は海外だった私。（＊現在はアメリカ東海岸在住です） 日本に帰るときはフェイスブックやなんかで繋がっている友人（と呼ぶには会ってない時間が長すぎる）たちに ”お願い！” と言われることがたまーーーーーーにある。独身の頃のお願いは ”今度帰ってくる時アレ買ってきて！”系のお願いがほとんどで、お土産を兼ねて喜んで買って帰っていたが、結婚してからちょっと様子が変わった。 たった1年４ヶ月の日本在住時代に知り合った方や、昔の友人、夫の職場の上司などが、そして更には彼らの家族や友人（私たちには赤の他人）が、私たちが結婚してアメリカに移住する（夫にとっては帰国）となった時に必ずお願いしてきたのが ”うちの子をホームステイさせてちょうだい” 正直に言う。これはいくら仲良くしている友人でも、ましてや単なる知り合いなどには、絶対にしてはいけないお
都道府県・男女別進学率の表を作ったら、毎日記者の脳が心配になった
こんな記事があった 声をつないで：女子の大学進学 東京と鹿児島で格差2倍超 10県は30％台どまり | 毎日新聞 https://mainichi.jp/articles/20220213/k00/00m/040/124000c これを見て他の都道府県も知りたかったので、基になっている学校基本調査という奴から表を作ってみた。ただこの統計表は4年生大学以外の短大や専門学校への進学も含まれるものだ。 わかること 進学率そのものは女性の方が高い。これは全国的にも鹿児島県でも同じで、男性の方が進学率が高いのは、北海道、山梨県、静岡県。ただいずれも値は拮抗し男女差2％以内。 進学率が最も低いのは鹿児島県ではなく沖縄県の41%。ついで山口県で44%、鹿児島県で45%なので、沖縄県が4ポイントも低いことに。トップは京都府で70%の進学率がある。沖縄県に対して27ポイントも違うので、男女格差よりも都道府県
医師国家試験には｢選択したら不合格｣になる『禁忌肢』なるものがある→｢ここで一度4年前に確認された伝説の写真を見てみましょう｣｢ヒェッ｣｢都市伝説では…｣
生き証人 @zXCjPPsuoJEfGnw 112回医師国家試験、禁忌単独落ちしてしまいました。 自己採点で受かったと確信していただけにショックでした。 結果で評価される世界に行くわけで言い訳は許されないのは承知しています。1年間頑張って113回医師国家試験で決めます！ pic.twitter.com/cLR4PBBCIL 2018-03-25 09:21:46
オイシックス配送トラブル「高精度な物流システム」が原因 「イレギュラー対応難しく」
食材宅配サービス「Oisix」を運営するオイシックス・ラ・大地は2月10日に開いた2021年4～12月決算発表会で、22年1月に起きた配送トラブルについて詳しく説明した。 1月に稼働スタートした新物流センターの「高精度な物流システム」が裏目に出た。想定外の納入遅れにシステムが対応できず、1週間にわたって配送が混乱。約11万人に影響が出たという。 同社は1月18日、神奈川県に開設した大規模物流センター「海老名ステーション」の稼働を開始したが、商品の納品遅れなどが発生した。 このため、入荷後の在庫管理、棚入れができなくなるなど荷受けオペレーションが混乱。棚に商品が入っていないとラインが稼働しない高精度なシステムを導入していたため、“商品が足りない”というイレギュラーな状況に対応できなかったという。 その後、強制的にラインを稼働させて商品出荷を再開。1月25日以降は遅延のない配送ができたという。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
どこからが生きていると言えて、どこからが生きていないと言えますか？｜読むらじる。｜NHKラジオ らじる★らじる