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

こんにちは。ヨッピーです。 写真は作者である「まるでゆきみ」さんの才能にビックリして固まっている僕です。 本日お邪魔しているのはNintendo Switch向けに配信されている「ツクールシリーズ　るんるんスーパーヒーローベイビーズDX」の作者である「まるでゆきみ」さんのご自宅なのですが、なんとこの「まるでゆきみ」さんは金融機関で正社員として働く傍ら、6人の子どもを育てつつ、合間を縫ってこのゲームを完成させたそうです。 6人も子どもが居たら普通に働くだけでも大変そうなのにゲームまで作ってしまうって、「いったいどういう環境でゲームを作ってるのか」「どうやって時間を捻出しているのか」などなど、お話を聞くことで「いつかゲームを作りたい！」と思っている人の参考になれば、と思って取材に来たのですが、お話を聞いているうち「この人が天才すぎて、話を聞いてもなんの参考にもならないのでは？」と思ってしまいま

以下の記事が面白かったので、簡単にまとめました。 ・Hello GPT-4o 1. GPT-4o「GPT-4o」 (「omni」の「o」) は、人間とコンピュータのより自然な対話に向けた一歩です。テキスト、音声、画像のあらゆる組み合わせを入力として受け入れ、テキスト、音声、画像の出力のあらゆる組み合わせを生成します。 音声入力にはわずか232ミリ秒 (平均320ミリ秒) で応答できます。これは、人間の会話における応答時間とほぼ同じです。英語のテキストおよびコードでは「GPT-4 Turbo」のパフォーマンスに匹敵し、英語以外の言語のテキストでは大幅に改善されており、APIでははるかに高速で50%安価です。「GPT-4o」は、既存のモデルと比較して、特に視覚と音声の理解に優れています。 2. モデルの機能「GPT-4o」以前は、音声モードを使用して、平均2.8秒 (GPT-3.5) および5

米OpenAIは5月13日（米国時間）、生成AI「GPT」の新たなモデル「GPT-4o」を発表した。テキストはもちろん、音声や画像、映像での入力、音声での応答に対応し、アプリ版の「ChatGPT」ではユーザーと自然に対話できるようになった。開発者向けにAPIとして提供する他、同日からChatGPT内で利用できるように展開を始める。 GPT-4oは無料ユーザーでも利用可能になる。ChatGPTでは従来、無料ユーザーが使えるモデルは「GPT-3.5」までで、「GPT-4」を利用するには課金する必要があった。ただし、有料のChatGPT Plusユーザーは時間当たりのメッセージやり取り可能回数が無料ユーザーに比べて5倍に緩和される。企業向けのTeamやEnterpriseユーザーはさらに制限が緩和されるとしている。 同社は発表会のライブデモで、GPT-4oを搭載したiOS版ChatGPTと対話す

──歴史的な円安や30年ぶりのインフレの中、これまであまりお金の勉強をしてこなかった日本の40代以上は今、どう行動すべきでしょうか？ できるなら日本以外の場所に引っ越すことですね。日本での残りの人生は良いものにはなりませんから。 なぜなら40年後、日本は幸せな場所ではなくなっているはずで、それに備える必要があります。もしあなたが日本に留まるとしたら、困難な時代への備えが必要です。できるだけお金を貯め、お金について学ぶ必要があります。お金の知識は、本来誰もが学ぶべき人生の基本的な教養なのです。 ──日本人がお金についてもっと学ぶには、何からスタートすべきですか？ ほとんどの人は、お金を使い、お金を貯め、お金を投資し、経験することで学んでいきます。少額からでもやってみるといいでしょう。 例えば、私たちは皆、食料品店への行き方を知っていますし、何をどう買うか知っているでしょう。でも、そこで必要の

FIDOアライアンスが仕様を策定した「パスキー」は、パスワードではなく生体情報を用いて認証する「FIDO 2.0」を「Webauthn」標準に基いて利用して得た資格認証情報をデバイス単位で管理運用する技術です。このパスキーが抱える問題点について、Webauthn標準に関わったエンジニアのFirstyearことウィリアム・ブラウン氏が自身のブログで解説しています。 Firstyear's blog-a-log https://fy.blackhats.net.au/blog/2024-04-26-passkeys-a-shattered-dream/ Webauthnがパスワードに代わる認証技術として大きな可能性を秘めていると考えていたブラウン氏は、2019年にオーストラリアからアメリカに渡り、友人と共にWebauthnのRust実装であるwebauthn-rsの開発を始めました。その過程で

Windows 11ではスタートメニューの検索バーで、Windows 10ではスタートアイコン横の検索ボックスか検索アイコンで、PC内を検索して一致する結果を呼び出すことができます。しかしこの時、同時に入力したキーワードでBingのWeb検索候補も表示されるため、検索結果が表示されるまで数秒待つ必要があります。テクノロジー系メディアのTom's Hardwareの編集長であるアブラム・ピルチ氏が、WindowsのWeb検索機能を無効にするための操作について解説しています。 How to Disable Windows Web Search and Speed Up Your PC | Tom's Hardware https://www.tomshardware.com/how-to/disable-windows-web-search Windows 11でWindowsキーを押して「g

その他のサンプル: Wikipedia:良質な記事, Wikipedia:長いページ 紹介 「テキストゆれないくん」は文章に含まれる表記揺れを検出するツールです。「コンピュータ」と「コンピューター」、あるいは「全て」と「すべて」といった同じ単語の別表記が使われていないかどうかをチェックできます。 「テキストゆれないくん」は元々このサイト (https://inzkyk.xyz/) の文章校正用に開発されました。機能が成熟してきたので UI を付けて公開します。 このページから手動で使う限り、「テキストゆれないくん」は商用/非商用を問わず自由に使って構いません。「テキストゆれないくん」は無保証で提供されます。 特徴 ウェブブラウザから使える このページをウェブブラウザで開いているなら、「テキストゆれないくん」は既に動いています。このページの最初にあるのは「テキストゆれないくん」を使うための完

「ChatGPT」などの人工知能（AI）チャットボットを使って意図した結果を得られるかどうかは、プロンプトごとにどれだけ多くの背景情報を含められるかにかかっている。だが、作業に時間がかかったり、同じ作業を繰り返したりすることになりかねない。そこで役立つのが、ChatGPTの「Memory」機能だ。 OpenAIは米国時間4月29日、有料版の「ChatGPT Plus」の全ユーザーがMemory機能を利用できるようになったことを明らかにした。Memory機能を使うと、ユーザーから提供された知見や、その後の回答の生成に役立つ可能性がある情報を、このチャットボットが記憶できるようになる。 Memory is now available to all ChatGPT Plus users. Using Memory is easy: just start a new chat and tell C

サインインした状態で「いいね」を押すと、マイページの 「いいね履歴」に一覧として保存されていくので、 再度読みたくなった時や、あとでじっくり読みたいときに便利です。

SNSを利用している方であれば、おそらくほとんどの方が「もふもふ動画」や「最多情報局」といったアカウントを一度は見たことがあるでしょう。 面白動画やかわいいペットの写真などの投稿で、多くのフォロワーを集めていますが、実はその大半が無断転載によるもの。転載を知らされていない元の投稿主らから、問題視されています。 ■　「削除依頼はDMまで」とあるものの、要請に応じず 投稿を見てみると、完全に無断転載しているものと、Xの動画引用方法（URLの末尾に「video/1」を付ける方法）を使用した、“仕様の範囲内”で引用しているものの2パターンがあります。 しかしながら後者の“仕様”を使った場合でも、投稿者（動画や写真の権利者）が嫌だといえばそれまで。投稿者には著作権および著作者人格権があり、Xにポストしたからといって権利を手放したわけではありません。 これは利用規約の概要にも「ユーザーは、ポストまたは

数日前の学校カメラマン不足に関する反応の中で少しひりついた流れがあったので、今更ながらまとめ。 お金を出せないなら自助で、というのは一見代替えの論としては正当に見えますが、カメラマンへの待遇改善には繋がりませんし撮影技術の乏しい生徒でも出来るみたいな見下しの視線が透けてしまいますねぇ。 あと、俺みたいにAndroidの民もいる事を忘れてはいけない

借金も明記する これらのプラスの財産だけでなく、マイナスの財産である借金についても記載しておきましょう。 借金があった場合、借金も法定相続人に相続されてしまいます。相続放棄をすれば借金の返済義務を回避できますが、相続放棄の手続きは原則として、「自己のために相続の開始があったことを知ったときから3か月以内」に行う必要があります。 また、相続放棄をする前に財産に手をつけると、法定単純承認が成立し、相続放棄が認められなくなってしまいます。 したがって、借金があるかどうかは、相続人が相続放棄をするかどうか判断するにあたって重要な事情ですので、借金について明記しておくことは非常に意味があります。 また、サブスクリプションサービスの契約もリストアップしておくと良いでしょう。知らぬ間に契約上の地位が、相続人に引き継がれて料金が発生してしまうことを防ぐことができるからです。 財産を譲りたい人を決める 財産

本を読んでて、気になるところがあったら、 その要点をテキストファイルに箇条書きにして、整理しながら読書する。 これだけ。 これだけで、読書の質が桁違いに上がります。 これをやると、「普通に本を読むだけだと、理解した気になってるだけで、実はろくに理解してなかった」と分かって驚きます。 話はこれで終わりですが、 以下の点が気になる方もいらっしゃるでしょう。 ●どんな人がどんな本を読む場合にもそうなるわけじゃないだろ。具体的に、どんな人がどんな本を読む場合にそうなるんだ？ ●そんなの面倒くさくてやってらんない。手間をかけずにやる方法はないの？ ●具体的にどうやるとうまくいくのか、もっとちゃんと説明しろ。 そういう方のために、以下、これらについて補足します。 まず、読書を以下の９種類に分類します。 (1)リアルタイム活用読書読んだ知識を今やっている仕事/生活/趣味にリアルタイムに活用しながら読む方

クリエイターの権利団体であるSociety of Authors (SoA)が、会員を含めたクリエイターを対象とした調査を2024年1月に行い、イラストレーターの4分の1以上、翻訳家の3分の1以上が生成AIによって仕事を失ったことがわかったと報告しています。 SoA survey reveals a third of translators and quarter of illustrators losing work to AI - The Society of Authors https://www2.societyofauthors.org/2024/04/11/soa-survey-reveals-a-third-of-translators-and-quarter-of-illustrators-losing-work-to-ai/ SoAは2024年1月に、1万2500人の会員

And so we put goldfish in the pool. Director/Writer：Makoto Nagahisa ●vimeo.com/user41349261 ●nagahisa.strikingly.com/ massage→ hello@naname.ro !!!The Short Film Grand Jury Prize in Sundance!!! Story This is a true story which took place in Saitama in 2012. In the summer of 2012, 400 goldfish were released in the swimming pool of a junior-high school in Sayama Town, Saitama. The culprits: four fe

世界の音楽市場でDXを進めてきたBelieveが日本に上陸した。TuneCoreの親会社でもあるBelieveはフランスに本社を置き、パリのユーロネクストに上場している世界有数のデジタル音楽企業だ。年間1400億円 (8億8000万ユーロ) 以上の売上を持ち、国によっては世界的なメジャー企業に比肩、あるいはそれ以上の売上シェアを達成している。 アジア太平洋地域を統括するシルヴァン・ドランジェ氏にインタビューしたが、今や同社はアーティスト育成とデジタル・マーケティングの専門家へと変貌を遂げ、音楽産業の成長に欠かせない存在になりつつあるのが見えてきた。 （インタビュアー：Musicman編集長 榎本幹朗　取材日：2024年3月13日） シルヴァン・ドランジェ（Sylvain Delange） Believeアジア太平洋地区社長。フランス生まれ。2013年初めにBelieveに入社して以来、アジ

賀来賢人との対談で 俳優の鈴木亮平が日本のドラマの現状について「韓国に20年くらい差をあけられた」と発言し波紋を広げている。これは3月31日に放送されたフジテレビ系「だれかtoなかい」での出来事。Netflixで世界的ヒットとなったドラマ「忍びの家 House of Ninjas」を企画し主演した俳優の賀来賢人と対談した鈴木は、司会の中居正広から「（日本のドラマは）監督業、脚本業、プロデュース業と分けて……」と振られると「それで今まではこれた んですけど。我々は日本国内だけに向けて作品を作っていたけど、気がついたら海外、例えばお隣の韓国に20年くらい差をあけられちゃったっていう危機感がある」と打ち明けたのだ。... 記事全文を読む

すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を