Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。

むしろこの湿らせるという行為を味わうために渇いていたいのかもしれない。手段と方法が逆転してしまうというのは本末転倒だが、俺の性（さが）はそこまで求めてしまっているのだ。 そう、qureateの新作を！（ここでタイトルコール） ということで、いよいよ春……春が来た……！ いや、すでに初夏だが。2024年4月18日、Nintendo SwitchとSteam用にとんでもないタイトルが発売された。いや、されてしまった！ それが『バニーガーデン』である！ 自分は本作の情報公開後から鋭い眼光で本作のことをチェックしており、「ふふふ……さすがqureateだ」と膝を打った。そしたら無脊髄反射で足がぴょーんとなった。 知らないピュアボーイのために説明すると、いや、説明の必要はないだろうが、念のため説明しよう。これは記事なんだから。 qureateさんは公式サイトを見るとわかるように、非常にクレバーな紳士

ztYkb7bOb9Q2bKpXbQrZs3iVpxaPWHWH ztYkb7bOb9Q2bKpXbQrZs3iVpxaPWHWH 389f14ef340c4cf8c8f2a7d9d38e9f18

みなさんこんにちわ、カカオ豆です。 皆さんは家でコーヒーを飲みますか？僕は一日4杯くらい飲みます。 コスパ良く美味しいコーヒーが飲みたすぎて自家焙煎までしはじめて、職場の同僚にもその良さを布教しまくるようなウザムーブをかまして、気がつけば2年が経ちました。 さて、自宅コーヒーは、ちょっと気をつけて投資するだけでその辺のカフェくらいなら余裕で追い越せるくらい美味しいのが淹れられるようになります。 え？「プロをなめんな？」 いえいえ、もちろん超こだわったお店で超こだわる客に出す超高い一杯を超えるのは相当難しいです。 しかし普通のカフェが出す普通のお客さんに出す普通の一杯は極限までコストを削減しなければならないのです。 それはそれでプロの仕事ですが、我々自家消費のしろうとはコスト感覚を無視して高級豆を使えるのです。よく「ドリップ技術」なんて言われますが、コーヒーのドリップは豆の品質がほとんどです

米Epic Gamesは4月23日（現地時間）、複数の画像やレーザースキャンデータをもとに、現実空間を3D空間上に構築するフォトグラメトリー（写真測量）ソフト「RealityCapture 1.4」を公開した。以前のバージョンからプラン体系を刷新、年間収益が100万ドルを超えない個人・法人なら無料で使えるようになった。 RealityCaptureは、Windows向けのハイエンドフォトグラメトリーソフトで、画像やレーザースキャンデータをもとに、仮想現実シーン、テクスチャ付き3Dメッシュ、正射投影、地理参照マップなどを自動作成できる。もともとCapturing Realityという企業が提供していたツールだったが、2021年3月にEpic Gamesが買収している。 価格は、過去12カ月間の収益が100万ドル未満の個人および中小企業、教育機関、学生であれば無料で利用可能。年間の総収益が10

ウェブページ上には「クレジットカード番号」「郵便番号」「電話番号」といった数値の入力欄が存在することがありますが、実装方法によってはブラウザの挙動によって入力内容が変化してしまったり、テンキーでの入力を受けつけなくなってしまったりします。そこで、数値入力欄の実装時に気を付けるべき点をまとめてみました。 KeyboardEvent - Web API | MDN https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent Why the GOV.UK Design System team changed the input type for numbers – Technology in government https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-desig

Interactive GIF Music Video by AC-bu

元スレ／https://may.2chan.net/b/res/1208180219.htm 名無しのろぼ プラモの箱絵スレ 名無しのろぼ 名無しのろぼ 名無しのろぼ 開田裕治先生のボックスアートすき… 名無しのろぼ 小松崎茂先生 名無しのろぼ ガンプラのパッケージアートまとめた画集欲しい ウエハースもよかったけどランダムなのがね・・・ 名無しのろぼ >>ガンプラのパッケージアートまとめた画集欲しい ウエハースもよかったけどランダムなのがね・・・ それこそ開田裕治なら出てる 名無しのろぼ 上田信いい… 名無しのろぼ >>上田信いい… 物語性を感じられるパッケージいい 名無しのろぼ >>上田信いい… MSVのはどれも珠玉 名無しのろぼ 名無しのろぼ 作者自ら 名無しのろぼ 名無しのろぼ エルメス 名無しのろぼ 伝説のパケ絵 名無しのろぼ いつ見ても絶妙に状況わけわからんイラストで好き 名無し

Red Hatが主導して開発するDocker互換のコンテナエンジンであるPodmanを搭載した、Docker Desktop代替となるGUIツール「Podman Desktop」の最新版「Podman Desktop 1.9」正式版がリリースされました。 Podman Desktopの主な機能 Podman Desktopは、デスクトップアプリケーションのGUIを通じて、コンテナの一覧、検索、実行、終了などの基本的な操作、コンテナイメージのビルド、コンテナレジストリへのコンテナイメージのプッシュやプルなどのライフタイムを通じた管理、ローカルでのKubernetes環境の実現、CPUやストレージの利用量の参照などを手軽に行えるツールです。 さらにDocker Dekstopの拡張機能を取り込むこともできます。 Podman Desktop 1.9の新機能 Podman Desktop 1.9

こんにちは、料理ブロガーの山本リコピンです。 以前ご紹介してたくさんのコメントをいただいた、豚こまを少ない油でカリカリに焼くレシピ。片栗粉をしっかりまぶすのがポイントです。 www.hotpepper.jp 今回はそのレシピをもとに、辛みと柚子の香りがあとを引く柚子こしょうを入れた「豚こまのカリカリ柚子こしょう焼き」を作ります。ピリ辛でうま味もあって、おかずにもおつまみにも最適ですよ！ 柚子こしょうは小さじ1入れるので、余りがちな柚子こしょうも一気に消費できます。柚子こしょうに塩気があるので、あとは鶏がらスープの素を少し入れれば味も決まりますよ。 ご飯もすすむこの柚子こしょう焼き。ここでは、インスタントのみそ汁も添えて定食スタイルにしています。みそ汁にも少し柚子こしょうを入れて、柚子の香りを満喫するのがおすすめです。 気温も高くなり冷たいビールが美味しくなっていく季節ですから、定食を肴に一

先達エンジニアに学ぶ 思考の現在地 Online Conference https://findy.connpass.com/event/313119/

ハブ・ア・バッドメモリー 柳葉とと 病院で血まみれで会ったのは、いつもすれ違う女の子。傷痕はいつか消えちゃうけれど、消したくないものもあるみたい。

文章の折り返しはウェブ制作において意外と難しいものです。URLが文章に含まれている場合、URLがレイアウトを突き抜けてしまった、という経験をみなさんはお持ちではないでしょうか？　この記事では、国内のウェブ制作において「開発者が考えることが少なくてよくなる」安全なCSS指定を紹介します。 結論から説明すると、以下の指定を提案します。 body { overflow-wrap: anywhere; /* 収まらない場合に折り返す */ word-break: normal; /* 単語の分割はデフォルトに依存 */ line-break: strict; /* 禁則処理を厳格に適用 */ } この記事では上記の指定にいたった理由と、折り返しの理解について必要なoverflow-wrapとword-breakプロパティを中心に解説します。 overflow-wrap overflow-wrapは

〈2024年秋〉世界で唯一「中銀カプセルに泊まれる」施設が横須賀市に誕生建築家・黒川紀章氏が設計した中銀カプセルタワービル、解体後のオリジナルカプセルをデザインするクリエイターを募集 株式会社エンジョイワークス 本社 ： 神奈川県鎌倉市由比ガ浜1-3-1 電話 ： 0467-53-8583 代表取締役 ： 福田和則 設立 ： 2007年11月 コーポレートホームページ ： https://enjoyworks.jp ◆令和6年度 国土交通省PPP協定パートナー ◆宅地建物取引業 [神奈川県知事(3)第28062号] ◆一級建築士事務所 [神奈川県知事登録 第16506号] ◆不動産特定共同事業者 [金融庁長官・国土交通大臣 第114号]（第1号、2号、3号、4号に掲げる事業を行う） ◆第二種金融商品取引業 [関東財務局長(金商)第3148号] ◆住宅宿泊管理業者 [国土交通大臣(02)第F

人は無能に到達するまで昇進するという「ピーターの法則」というのがある。 「階層型の組織においては、どんな人も、昇進を繰り返すことでいずれは能力の限界に達し、十分に職責を果たせなくなって無能化する。その結果、「あらゆるポストは、職責を果たせない無能な人間によって占められる」という。 https://mba.globis.ac.jp/about_mba/glossary/detail-20919.html グロービスとくにリーダーが劇的な環境変化に異動、転職、抜擢で放り込まれるとこの法則が強烈に作用する。なぜなら周りの方が知識や経験があり自分がその組織内で最もそれがない人になってしまうからだ。一方で、この人は何かしてくれるのでは？という期待を関係者からは持たれる。「組織内で最も無能なのに最も期待される」という特殊状態を過ごすことになる。 12年ほど前に突然、社長をというキャリアチェンジを経験を

モニクル社内3分LTで発表しました。技術職以外の人向けに話したので、抽象度高めにしてあります。

ビジネスに使えるデザインの話ビジネスにデザインの知識はけっこう使えます。苦手な人も多いから１つ知るだけでもその分アドバンテージになることもあります。noteは毎日午前7時に更新しています。 欧文のルール日本人は知らない欧文（主に英語）のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くあります。 知っておくと何かとアドバンテージになるので少しずつご紹介していきます。ご紹介した欧文のルールはこちらのマガジンにストックしていきます。 「＆」の正体正式にはアンパサンド（ampersand）と言います。日本では「アンドマーク」と呼ばれていることが多いこの記号。正しい名前は“ampersand”（アンパサンド）です。日本でも馴染みのある記号で、企業名などでもよく目にするのではないでしょうか。 情報通信・メディア系

※本作品の音源はベストアルバム「SCIENCE FICTION」収録の音源とは異なります※ 宇多田ヒカル「SCIENCE FICTION」 2024年4月10日発売 CD：https://utadahikaru.lnk.to/SCIENCEFICTION ST/DL：https://umj.lnk.to/SCIENCE_FICTION ■収録内容 [DISC1] 1 Addicted To You (Re-Recording) 2 First Love (2022 Mix) 3 花束を君に 4 One Last Kiss 5 SAKURA ドロップス (2024 Mix) 6 あなた 7 Can You Keep A Secret? (2024 Mix) 8 道 9 Prisoner Of Love (2024 Mix) 10 光 (Re-Recording) 11 Flavor Of

新しいプログラミング言語やライブラリ、フレームワークを学ぶには、実際にそれらを試して挙動などを見てみることが大事ですが、実行環境を用意するのは手間がかかります。 そこで役立つのが、いわゆる「プレイグラウンド」と呼ばれる、Webブラウザでプログラミング言語やライブラリ、フレームワークをすぐに試すことができるサービスです。 主要なプログラミング言語の公式サイトには、実際にその言語をすぐに試せるプレイグラウンドが用意されていることも多く、また公式サイト以外にもネット上にはさまざまなプレイグラウンドがあります。 プレイグラウンドを使えば、気軽にいろんなプログラミング言語やライブラリ、フレームワークを試せます。 この記事ではそうしたプレイグラウンドをまとめてみました。ここで紹介したプレイグラウンドの他にも、あなたのお気に入りのプレイグラウンドがあればX/Twitterやブックマークのコメント、メール