令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
「S/4HANA」への切り替えでトラブルの江崎グリコ、1カ月経過も商品の出荷停止続く
「プッチンプリン」をはじめとする江崎グリコのチルド食品が店頭から姿を消した。2024年4月3日に実施した基幹システムの切り替えでトラブルが発生。同社が物流・販売を請け負っていた他社製品を含め、一部商品を出荷できなくなった。同月18日に出荷を一部再開したものの、トラブルは終息せずに再び出荷を停止。システム障害の影響で、当初業績予想より売上高を200億円程度押し下げるとみる。 「スーパーにもコンビニにも『プッチンプリン』が見当たらない」「『カフェオーレ』を長年愛して飲んでいるが、どこの店舗も販売休止中だ」――。2024年4月中旬、X（旧Twitter）で、このような投稿が相次いだ。 江崎グリコの看板商品が店頭から姿を消した理由は、システムトラブルによるものである。同社は2024年4月3日、基幹システムの切り替えを実施した。旧システムを独SAPのERP（統合基幹業務システム）パッケージ「SAP
女の友達との餃子フェスに誘われた人「割勘苦手なコやし、2人分ごちそうしてもらえるならなんですが…大丈夫ですか？」と聞かれ、即断る「割勘苦手なコって何やねん」
ダダスベーリ✴フランシスコ１世 @metabolic_s 「奢られるのが苦手(借りを作りたくない)」「奢るのが苦手(他人に奢りたくない)」は普通に分かるけど、「割り勘が苦手」というのは意味がわからない。 x.com/Ganbare3K/stat… 2024-05-11 13:31:36
「スカートめくり」自体は『ハレンチ学園』以前からあった｜ちゆ12歳
これについて、「漫画表現のせいで現実のスカートめくりが発生した」のはほぼ事実です。これは発端になった漫画を描いた永井豪先生も自分で認めてらっしゃいます。その後「まいっちんぐマチコ先生」でさらに大流行となり、女児被害者が多発、PTAが猛抗議し、連載差し止めになる等大騒ぎになりました。 https://t.co/JnHuInQgVE — しお（汐街コナ） (@sodium) January 11, 2023 そいで、「『漫画表現のせいで現実のスカートめくりが発生した』のはほぼ事実」というのは事実なの？ みたいな件について、いちおう、出せる資料だけ出しておこうかな……と思いました。 「スカートめくりの元祖」さて、ツイートで「発端になった漫画」と言われているのは、永井豪先生の『ハレンチ学園』です。 実際、『少年ジャンプ』誌上でも、『ハレンチ学園』を「スカートまくりの元祖」と宣伝していました。 週刊
「打つよ」家族思った夫は翌朝死亡 ワクチン救済諦めなかった妻 | 毎日新聞
自治体から送られてきた健康被害認定の書類を見つめる遺族＝栃木県内で2024年3月10日午後4時、金秀蓮撮影（画像の一部を加工しています） 「（旦那さんの死亡と）ワクチンに関係はありません」。栃木県内に住む60代のミエさん（仮名）は2021年7月、医師にこう告げられた。 夫のコウスケさん（60代、仮名）は前日の午前9時、かかりつけのクリニックで1回目の新型コロナワクチンの接種を受けた。2人の娘を含め家族4人で接種を受けるか話し合った際、コウスケさんは「打つよ。感染しちゃったらダメだからね」と話していた。 接種後、昼過ぎまでは普段と変わらぬ様子だったコウスケさんだが、夕方ごろから体調が急変する。手足がしびれ、夕食時には箸も持てなくなった。 ミエさんがかかりつけの医師に電話をすると、救急車を呼ぶように指示された。体を支えられないと起き上がれなくなったコウスケさんは「元に戻るんかな。このままどうか
マクドナルド店員が年配客に「表に出ろ」激怒 同僚女性店員が止めに入る動画が拡散 「心より深くお詫び」謝罪（ENCOUNT） - Yahoo!ニュース
大手ハンバーガーチェーン・マクドナルドの店内で、男性店員が、年配の男性客を怒鳴りつけたとされる動画が拡散し、物議を呼んでいる。「表に出ろ！」などと激高し、同僚の女性店員が必死になって仲裁しようとする様子が映し出されている。日本マクドナルド株式会社はENCOUNTの取材に対して、「再発防止に努めてまいります」と回答した。 【写真】早朝のマクドナルドが「1時間半待ち」 “異常事態”となった原因 目を疑う光景だ。SNS上に出回っている動画によると、男性店員が年配の男性客に対してカウンター越しに「表に出ろ、この野郎！」「帰れよ！」などと激怒して叫び、机をたたいて威嚇。女性店員が男性客をその場から離れさせるが、かなりの剣幕で男性店員がカウンターから出てくる。体格差のある女性店員が必死になって止めに入るという内容だ。男性店員を止めようとするのは3人の店員で、「私と代わるって約束したでしょ」「やめよう」
すぐに行動する派は不利なのか？「反応閾値」の話→「私が彼氏と一緒には暮らせない理由これ」「結婚生活でも大事」
まぐかっぷ @sokosoko_de_OK 家族とのこの差を「気になる指数」って勝手に呼んでたんだけど「反応閾値」と呼ぶのを初めて知った！ 言語化されると理解しやすいね。 x.com/koidemotoki/st… 2024-05-06 15:19:21 りいゆ @ri_yu2326 こんな呼び方があるの知らなかったけど 反応閾値の低い人と高い人が身内にいるので、なんとなくわかる しかも家で高い人(掃除しない人)でも、なぜか仕事場や親戚の家とかでは低いパターンもある 逆に、常に反応閾値が低い2人は どっちもアレルギー反応が強いので それが原因な気もする x.com/koidemotoki/st… 2024-05-06 16:29:12
巷の「ReactとNext.jsの比較」はここがおかしい、というか比較すること自体が微妙 - honey32
(WIP まとまったら Qiita とかに上げるかも) TLDR; 「React と Next.js を比較」という記事で、 Next.js と比較できるのは「フレームワークなしで React を使うという選択肢」であって、「React そのもの」ではない。 ✅️ React を使うのに 「フレームワークあり」 vs 「フレームワークなし」 ❌️「React」 vs 「Next.js」 それはそうと、「create-react-app の機能・特徴」のことを、「React の機能・特徴」であるかのように書いてしまっている記事が多い create-react-app 自体が擬似的なフレームワーク（といえそう） そもそも、create-react-app は今は更新されてないので create-vite-app を使うべき フレームワークあり or フレームワークなし 【フレームワークあり】
「史実では坂本龍馬は大したことしてない」という説を見かけるが、最新の歴史学を調べてみたら全然活躍してるし「司馬史観」の歪みも言語化できた話
倉本圭造@新刊発売中です！ @keizokuramoto 経済思想家・経営コンサルタント。大卒でマッキンゼー入社。その後日本らしさを活かす一貫した新しい戦略の探求を始め、社会の真のリアルを見るため時にはブラック企業や肉体労働現場等にまで潜入した後独立。コンサル業のかたわら「個人の奥底からの変革」を支援する”文通サービス”も。その他詳細や著作情報はホームページ↓へ keizokuramoto.com 倉本圭造@新刊発売中です！ @keizokuramoto 史実では「坂本龍馬は大したことしてない」「実は織田信長は常識人」という話をSNSで時々見かけますが、最新の歴史学では実際はどういう説になっているのか気になって調べてみたので聞いてください。結論から言うといわゆる「司馬遼太郎史観」が「課長・島耕作」的世界観に立脚していたからこその歪みがこのギャップに繋がっているのだと私は感じました。 ・ １
プッチンプリンなど6月まで出荷停止延長 5月中旬の再開間に合わず：朝日新聞デジタル
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 --><!--株価検索 中⑤企画-->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">
スクエニHD、約221億円の特別損失を計上へ 開発ゲームの見直しでコンテンツ廃棄損
スクウェア・エニックス・ホールディングスは4月30日、2024年3月期に約221億円の特別損失を計上する見込みだと発表した。同社は3月の取締役会にて、HDゲームタイトルの開発方針の見直しを決議。これを受け、ゲーム開発の状況を精査したところ、コンテンツ廃棄損として、約221億円を計上する見込みとなった。 関連記事 あす発売「FF7リバース」パッケージ版に不備 2枚組ディスクの内容が“あべこべ”に SIEの製造過程でミス スクウェア・エニックスは、2月29日に発売するゲーム「FINAL FANTASY VII REBIRTH」パッケージ版の2枚組ディスクに不備が発生していると発表した。 FF16の不正入手を確認 スクエニは「徹底的に調査を進める」 リーク映像は削除へ スクウェア・エニックスは、6月22日発売予定の新作ゲーム「ファイナルファンタジーXVI」が不正に入手されていると発表した。調査す
これで完成？と言われた世田谷区庁舎 戦後だった当時、コンクリ打ちっ放しを選んだ理由とは：東京新聞 TOKYO Web
日本モダニズム（近代）建築の旗手、前川国男（1905～86年）が設計した東京都の世田谷区第1庁舎の取り壊しが始まるのを前に、建築に関わった前川事務所出身の建築家による講演と現地見学会が4月23、25の両日に区内で開かれた。「完成から今年で約60年。60年の命だったわけですが、愛着を持っていただき、ありがとうございました」と語りかけた。（森本智之） 区庁舎はピロティと広場を中心にコンクリート打ちっ放しの複数の建物で構成される。このうち、区民会館（1959年）、第1（60年）、第2庁舎（69年）が前川の作品だが、区は老朽化を理由に、区民会館は改修、第1、第2庁舎などは建て替えることを決定。第1庁舎は大型連休明けの5月中旬に、第2庁舎は2026年9月以降に取り壊しが始まる。 23日は、区民会館と第1庁舎を担当した奥村珪一さん（90）、第2庁舎を担当した大宇根弘司さん（82）が約30人に施工当時の
ノア・スミス「日本は通貨危機におちいってるの？」（2024年4月29日）｜経済学101
もしも日本が通貨危機におちいったら，世界経済が土台から揺らいでもおかしくない．Photo by jun rong loo on Unsplashまだ，日本の通貨は自由落下してはいない．でも，そうなるかもしれない．2021年から円は安くなってきているけれど，先月，その動きは加速した： 最新の為替相場では，円がさらに下げて，1ドル154円から160円にまで進んだ． この20年ほどのあいだ，日本を訪れたときにはたいてい頭の中で「1円はだいたい1セントか，あとちょっぴり安いくらい」と考えておいて困らなかった．いまや，円はだいたい 0.63セントになってる．これはすごい値下がりっぷりだよね． 当然ながら，日本の人たちはこの事態に動揺してる．もっともな反応だ．日本は世界でも屈指の輸入依存国で，エネルギー供給の 90% 以上，食料の 60% 以上を輸入している．円が安くなると，日本の人たちはいきなり貧し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
データベースでユニークキーにUUIDを使うメリットは何ですか？連番やタイムスタンプまたは複合などではいけないのでしょうか？どうも視認性が悪く使いにくく感じますし連番でも衝突しない気もします。
やばい。私が作って会社で2年くらい運用してる今日の天気予報を自動取得して表示するシステム。2年間ずっと明日の天気表示してた。
クリア直前でゲームを投げ出したくなることってよくあるよね？「燃え尽きてしまった」ゲーマーたちの告白 | Game*Spark - 国内・海外ゲーム情報サイト
SQLは滅ぶべきか｜ミック
SQL滅ぶべし | ドクセル
えっいまさら？ 杉田水脈議員、『コスプレおばさん』と「そもそも投稿していませんし…」と主張 ネットは「なんでウソつく？」と総ツッコミ：中日スポーツ・東京中日スポーツ
ある人 / ある人 - 岡田索雲 | webアクション
