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

東京・お台場のランドマークだった球形展望室の「はちたま」が、夜目には場末のキャバレーのミラーボールに見える。1997年にオープンして四半世紀、フジサンケイグループの牙城がすっかり色あせた。君臨するのは相変わらず“天皇”日枝久代表。すでに86歳、老害天国と言われて久しい。視聴率低下で株価も見放されて民放キー局ではどん尻、アクティビストが株主に登場したうえ、足元では「クリエーターの乱」に火がついた。それでも、経営陣は責任棚上げで「キシダる」ばかり。明日はあるのか。=同時進行連載、初回は全文無料 クリエーターの乱 １ その訴状は3月27日、東京地裁民事部が受理した。被告になったのは、フジテレビなどを傘下に持つフジ・メディア・ホールディングス（ＦＭＨ）の100％子会社で、大手映像・音楽メーカーの「ポニーキャニオン」とその社長である吉村隆氏である。会社には4月8日に送達された。 原告は同社元経営本部

ドワンゴは5月9日、同社の動画サービス「ニコニコ」の有料会員「プレミアム会員」において、Visaでの料金支払いを10日から一時停止すると発表した。同社は2023年11月にMastercard、24年3月にAmerican Expressでの支払いを停止しており、10日以降利用できるのはJCBとDiners Clubのみとなる。

岐阜県美濃加茂市議会の永田徳男（のりお）副議長（71）が4月、姉妹都市の豪州・ダボ市の市長らを招いた歓迎会の2次会で、市長の娘の下半身にカラオケマイクを近づけるセクハラ行為をしていたことが7日、市関係者への取材で判明した。永田氏は毎日新聞の取材に「一生懸命に場を盛り上げようとしていた。不快な思いをさせてしまい大変申し訳ない」と陳謝した。 複数の関係者によると、ダボ市のマシュー・ディカーソン市長は4月3日、一緒に来日した家族らとともに美濃加茂市を訪れていた。同日夜に市内の飲食店で開かれた歓迎会の2次会で、永田氏はカラオケで歌いながらディカーソン市長の娘の股間にマイクを近づけたという。 同席した別の市議が当時の様子を動画撮影しており、ディカーソン市長の娘がけげんな表情を見せる瞬間も写っていたという。藤井浩人市長や森弓子市議会議長らも永田氏の不適切行為をこの動画で確認した。 藤井市長は4月24日

ひとり会社を経営してこの4月から第6期になる。期間として次の12月で創業5年になる。先日、その5年近くの経営の中での失敗からのふりかえりについて書いたところ、多くの人たちに読んでいただいたので嬉しい。 この記事で引用した次の経理の書籍についても多くの人たちが読んでくれているようにみえる。それ自体は素直に嬉しいものの、約4年前の記事であるため、当時の私が起業に関して無知だったり、よくわかっていなかった内容もいくつかある。そこで現時点でのアップデートを含め、いま私が起業するならこうした方がよかったと、自身の経験からわかったことを整理してみる。 起業時に夢も希望もない私自身、先にあげた過去の記事を読み返していて、よい大人がひどい理由で会社を辞めたものだと思う。一方で世の中には既存の社会構造や組織に馴染めない人もいる。自分で会社を経営することは自己責任ではあるが、社会に対して馴染めないなにかを少し

元フルスタックエンジニア(死語)をやらせていただいていたものです。 JavaScript(TS)周りの進歩が凄く、あまりにもついていけていなかったので、気になったワードを片っ端から整理してみました。 それぞれに対する説明の正しくないものが含まれてしまっている可能性があります。 そんなところを見つけたときは優しく教えてくださると助かります。 各ツールの詳細というよりは、それぞれがどんな役割のものなのかを記載しています。 この記事が誰かの助けになれば幸いです。 調査・分類した言葉(技術)たち Hono Bun Deno Biome Vite Webpack Turbopack esbuild Babel SWC Prisma まず上記に上げたものが、どういった機能を持つものなのかもわかりませんでした。 それを整理すると以下になるようです。 JavaScript Runtime Deno Bun

macOS Sonomaをベースに、Macの知られざる小技・裏技を一気に40個紹介してます。知らないテクニックも必ずあるはず！ ◆おすすめの初期設定動画 https://youtu.be/yOCJaY-IeIc Apple製品や周辺機器 / Macのあるデスクづくりを中心にガジェットの情報お届けしております。 チャンネル登録はこちら！→https://www.youtube.com/channel/UCRlsT-5KoV_J-JoG9WQFzGw?sub_confirmation=1 ------------------------------------------------------- ▼今回のチャプター（目次） 00:00 - Macを使いこなすために知っていたい小技・裏技40TIPS ＜Finder系 (8項目)＞ 00:55 - クイックルック ファイルを選択して

かわいいWebサイトが作りたい Web上でグラフィックデザインっぽい表現をしてるサイト大好き！ 思いついたら追加する 「版ズレ」風 版ズレ ＝ 印刷の際に、色の版がズレて出力されてしまう現象。（アナログっぽい雰囲気を出すために、あえてズレているように見せるデザイン手法として使ってます） 一番上のレイヤーに紙っぽいテクスチャを乗せて乗算かける 後ろのテキストはaria-hidden="true"でスクリーンリーダーに読み上げられないようにする （疑似要素でやりたかったけど乗算上手くいかなかった・・） ▼ HTML <div class="hanzure"> <img src="紙っぽいテクスチャ" alt=""> <div class="hanzure01"> <p class="front">版ズレ風の表現</p> <p class="back" aria-hidden="true">版ズ

結婚相手50歳（扶養家族内での労働、週3日） 俺44歳（在宅フルタイム） 俺の実家（親と同居ではない）に引っ越したのを機に、俺はテレワークができる職場に転職し、パートナーは仕事を辞めた。 俺の年収は650万とこの年齢にしては安いし、パートナーはある程度働かないといけないので扶養家族の範囲内で働いてもらうことにした。 子供はいない。貯金はまぁまぁある。 元々パートナーはメシマズ（いいかげんなのでレシピ通りにやらない）だし、家事もいい加減だし、ズボラというよりもやる気がなく 「やらなくていいならやりたくない」という思想であるが、 扶養家族ならばある程度家事はやって欲しいと思っている。 洗濯については、洗濯機を回して干して、乾いたものを適当に畳んで箪笥に入れることはできる。ただ、適当に畳むのでシワになる。 なので、パートナーが仕事に行っている時は俺がやる。 部屋掃除は、掃除機をかけているところを

大阪府出身。河川敷で暮らすホームレスを描いた短編『ブラックタイガー』で第24回MANGA OPEN大賞を受賞し「モーニング」（講談社）でデビュー。代表作に『鬼死ね』全4巻、『マザリアン』全3巻。https://twitter.com/sakumo_info

あすなろ @readingmaururer 何を怖しいと感じるかは人それぞれだ。 小説界で怖しいと評価されるのはもっぱらホラー分野だろうと思うけど、ミステリーにもSFにもあるいは恋愛小説にも怖しい作品はあるに違いない。 そこで募集。 #あなたが一番怖ろしかった本 分野を問いません。 ネタバレなしで理由を添えてもらえると嬉しいです。 2024-04-16 22:05:33

とあるプロジェクトでナノ秒からミリ秒への変換で四捨五入してきた人がいて、時刻を扱うときは保存精度未満は切り捨てるべきというのが常識になっていないなーと思ったので。 2023-10-01 を、何年か表示する時に、2024年に丸める人はいないだろう。 13:45 が何時か表示する時も、13時と表示するだろう。（口頭で何時？と聞かれたら14時と答えるかもしれないけれど） つまり、ある精度で表した時刻は、実際には次のような半開区間を示しているのである。 2023-01-01 00:00:00 <= 2023年 < 2024-01-01 00:00:00 13:45:00.000 <= 13:45 < 13:46:00.000 そして、そう決めたからには一貫して同じように、指定精度未満は切り捨てというルールを維持しなければならない。秒以下は四捨五入で、とかやってはいけないのだ。 一貫しないと何が問題

イギリスの下院は16日、2009年1月1日以降に生まれた人が生涯にわたってたばこ製品を買えなくする法案を可決した。 リシ・スーナク首相が主導した「紙たばこ・電子たばこ法案」は、383対67の賛成多数で下院を通過した。首相経験者を含む複数の与党・保守党幹部が反対票を投じた。

Webサイトやスマホアプリの実装に、ボタンは欠かせない要素の一つです。そんなボタンの実装に設定しておくと便利なCSSのスタイルを紹介します。 スマホでボタンをタップした際にズームなどの誤動作が起きないようにするCSS、ボタンのテキストが選択されてハイライトにならないようにするCSS、フォーカス時のアウトラインをより見やすくするCSS、ボタンの論理サイズを設定するCSSなど、デフォルトのスタイルとして設定しておくと便利です。 CSS Button Styles You Might Not Know by David Bushell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに スマホでボタンをタップした際の誤動作を防止 ボタンのテキストの意図しない選択 ファイル選択のボタン ボタンをフォーカス時の視覚的なアウトライン

平素より、本サービスをご愛顧いただき、誠にありがとうございます。 2024年4月3日（水）18時より、Visa、Mastercardのご利用が一時停止いたします。 大変ご迷惑をおかけしますが、Visa、MasterCardのクレジットカードをご利用のお客様はご購入の際、 その他決済サービスのご利用をお願いいたします。 -------------------- 4/4 追記 2024年4月4日（木）18:30より、American Expressのご利用も一時停止となりました事、ご報告いたします。 -------------------- ※PayPay、コンビニ前払い、コンビニ後払い（Paidy / atone）、ネットバンキングなど、 多数の決済方法を用意しております。 [ ご利用可能決済手段 ] 急なご案内となってしまい、大変申し訳ございませんが、 何卒、ご理解・ご協力の程、よろしくお

ドイツで娯楽目的の大麻使用が１日から合法化され、首都ベルリンのブランデンブルク門には大勢の市民らが集まり歓迎した/Michele Tantussi/Getty Images （ＣＮＮ） ドイツで娯楽目的の大麻使用が４月１日から合法化され、大勢の市民らがお祭り騒ぎで歓迎した。首都ベルリン中心部のブランデンブルク門に集まった人たちは、音楽やダンスを楽しみながら宙に向かって煙を吐き出した。 巨大な大麻草をかたどったアート作品をトレーラーに乗せて自転車で走り回る人や、テレビカメラの前で大麻たばこを作って見せる人もいた。 娯楽目的の大麻の限定的な使用を認める法案は、合法化の是非をめぐる激しい論議を経て、２月にドイツ下院で可決・成立した。 ラウターバッハ保健相は１日、「真の依存症を助け、子どもや若者の使用を防ぎ、闇市場と闘う方がいい」とＸ（旧ツイッター）に投稿した。 新法では、成人が私的に利用する目的

はじめに あなたはブラウザからデータベース(DB)に情報が行き着くまでにどんな技術が使われているか説明できますでしょうか？ どのようなプロトコルが用いられ、どの技術を駆使してサーバと通信しているのか、Webサーバでは何が行われ、どのようにして負荷が分散されているのか、トランザクションはどのように管理されているのか、そしてデータベースではシャーディングや負荷対策のためにどのような対策が取られているのか… なんとなくは理解しているものの、私は自信を持って「こうなっている！！」とは説明ができません。 そこで今回は「大規模サービス」を題材としてブラウザからデータベースに至るまでの、情報の流れとその背後にある技術について、明確かつ分かりやすく解説していきたいと思います。 対象としてはこれからエンジニアとして働き出す、WEB、バックエンド、サーバーサイド、インフラ、SREを対象としております。 1.