https://findy.connpass.com/event/318375/ での登壇資料です。

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

３月に入ってから、特にツイッター上で、あるうわさの真偽が議論を呼んでいます。ネットメディアのBuzzFeedは次のように伝えています。 「ある6歳児が公園のトイレで性的暴行を受け、子宮を全摘した」というツイートが拡散し、デマか事実かと論争になっている。 同様の「噂」はBuzzFeed Newsが調べただけで、1990年代から全国で何度も広がっている。噂はどのように広まり、その背景に何があるのか追った。 出典:「女児が公園のトイレで暴行を受け子宮全摘」ネットで拡散、過去にも同様の噂が 上記のBuzzFeedの記事ではうわさの真実性は懐疑的で、その上で過去にも同様のうわさが拡散された事例が多々あったことを指摘しています。筆者も過去の事例を調べた所、BuzzFeedの記事に載った事例以外にも想像以上に多くの事例があり、その全てが否定されていました。以下にそのリストを示します。 これはあくまで新聞

デジタル/ディジタル　IPAはデジタルにきめたようだね コンピュータ/コンピューター　長音をうつのが面倒くさい 他に無いよね

追記: 10/11 ハテブでバズっているようで、色々指摘があったので追記 getElement*は動作が早いのでIDやクラス名が自明の場合はgetElement*を使う方がいいと言う意見もあり、また、ページの表示で大量に呼び出されるわけではないからボトルネックにはならないと言う意見もある。 getElement*で返されるオブジェクトは動的な変化に対応しており、querySelector*は動的な変化に対応していないため、場合によってはgetElement*を使うといい。このサイトで遊んでみよう。 https://ja.javascript.info/searching-elements-dom#ref-263 for await ... ofは非推奨なので Promise.allを現代的な書き方にした 顧客先のブラウザが古い場合も考慮して、あえてレガシーな書き方もする場合があるらしい。現

【AFURIが、「雨降AFURI」という日本酒を販売している企業を商標侵害で提訴したことで、ネットで炎上している件について】 お騒がせして申し訳ございません。...

卒業していく君へ。 卒業おめでとう。本当は面と向かって言ったほうが良いのだけど先生という立場だと私の発言が思った以上に重くなってしまうので直接君にはいえない。でも、君への言葉を一度形にしておかないと私の頭に一生こびりつきそうなのでここに書かせてもらうよ。 今年、君は卒論に苦しんだね。君が卒論に苦しんだ理由は自分でも分かっていると思うけど、常に外部に正解を求めたことにあるんだ。私が「どうして、それが正しいと思うの？その理由を教えて。」と聞くと、いつも君は表情を凍らせて黙ってしまったね。何度も何度も「研究には正解とか不正解とかない。誰も答えを知らないから研究になっているんだ。だから、自分の主張をとりあえず述べて、相手の反論が正しいと思えてから自分は間違っていたと考えれば良いんだよ。」と伝えたのだけど、最期最後まで君は自分の主張の正しさを自分の言葉で言えず、常に私の保証を求めたね。はっきり言って

こんにちは。モロと申します。 実は数年前警察のお世話になり、数年裁判等をやって、昨年晴れて無罪放免となったのですが、そういえばその後どこにも情報をまとめていなかったことに気が付きました。 正直にいうとまったく気の進まない作業ですし、数年間これにかかりきりだったこともあり「わざわざまとめなくても誰でも知ってることでは……？」みたいな気持ちもあります。 とはいえ冷静に考えると大抵の人は一生関わり合いになることのない知識で、お世話になった界隈に対して何も残さないのも不義理という感じがしたため遅ればせながら筆を執らせていただきます。 はじめに 当記事は、実際に警察のお世話になり、数年間弁護士の方にご指導いただきはしたものの、あくまで法律の専門家でも何でもない一エンジニア（というか多少エンジニアリングをかじったデザイナー）によるもので、第三者による監修等もなされていません。 実体験に基づいて少しでも

実際に逮捕・起訴された人の事例をいろいろ読んでみると、普通に生活・仕事していてもされる時はされるんだと思う。 痴漢冤罪や荷物すり替えで違法薬物の運び屋にされるなどの巻き込まれケースだったり、もともとルール（法律・運用）が曖昧なグレーゾーンが拡大解釈で突然咎められたり、捜査機関の描いた架空のストーリーの登場人物にされたり、本人は犯罪の意識が希薄だったり、色々ある。 逮捕・起訴されると人生に大きなダメージを被る。会社なんかで災害を想定してBCP（事業継続計画）を事前に立てたりするけど、それと同じような感じで、万が一逮捕された場合でも「こうなる」をそこそこ認識して「こうする」を事前に決めておければ役に立つかもしれないと思うようになった。 概要 弁護士選び 逮捕～裁判の流れ 逮捕 逮捕後 留置場・拘置所 取調べ・調書 捜索差押 勾留請求・勾留質問 裁判 世論形成・名誉回復 参考事例・参考文献 概要

ウェブブラウザはネットワークから様々なリソースを集め、それらを処理して組み合わせてウェブページをレンダリングします。リソースが揃わないとレンダリングできないので、この一連の処理のどこかが遅れるとページの表示も遅くなります。レンダリングをすみやかに開始できるようにウェブブラウザはリソースの取得やその処理を最適化するための API を提供しています。本記事ではそれらを網羅的に紹介し、ウェブアプリの性能改善を図る上でどのようなブラウザ機能が使えるのかを知ってもらうことを目的としています。各機能の具体的な適用事例については他の記事に委ねます。 本記事の内容は記事公開時点での情報に基づいており、閲覧時点では既に古くなっている可能性があります。最新の正確な情報は一次情報源を参照してください。また特定のブラウザ実装について言及する場合は、断りがない限り Chrome を想定しています。誤りや補足、質問な

2021/04/10開催　Developer eXperience Day 2021 「クソコード動画『Userクラス』で考える技術的負債解消の観点」の解説資料です。 https://dxd2021.cto-a.org/program/time-table/b-3 クソコード動画はこちら …

WordPressサイトの画像を軽量なAVIFに変換できるプラグイン「ShortPixel Image Optimizer」 2024.04.26