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と対話す
※本記事には映画『悪は存在しない』のネタバレが含まれます。 第80回ベネチア国際映画祭で銀獅子賞(審査員グランプリ)を受賞した濱口竜介監督最新作『悪は存在しない』が4月26日(金)に日本公開されました。 長野県・水挽町。自然が豊かな高原の小さな町に、グランピング施設の建設の話が持ち上がる。政府からの助成金を目当てにプロジェクトを進めている東京の芸能事務所の社員・高橋(小坂竜士)と黛(渋谷采郁)による住民説明会に参加した人々は、町の貴重な財産である水源を汚染しかねない杜撰な計画に憤る。高橋らは、この町に代々住んでいる“なんでも屋”の巧(大美賀均)に相談を持ちかけるが──。 初の商業映画『寝ても覚めても』(18年)がいきなりカンヌ映画祭コンペティション部門に選出、2021年には長編第2作目『偶然と想像』(21年)が第71回ベルリン国際映画祭で審査員グランプリ(銀熊賞)を受賞、同年の第74回カン
入力欄のプレースホルダーの話をします。プレースホルダーというのは、フォームの入力欄で、ユーザーが入力するまでの間に表示されているテキストのことです。 書籍「Webアプリケーションアクセシビリティ1」では、「3.1 ラベルと説明」のところで、紙版にして約1.5ページの分量を割いて、フォーム入力欄のプレースホルダー(<input> 要素や<textarea> 要素の <placeholder> 属性)の問題点を指摘しています。 この本で指摘されているプレースホルダーの問題点は以下の3つです。 プレースホルダーの色が薄く視認しづらい プレースホルダーとフォームコントロールの値との区別がつかない フォームコントロールに値を入力したときにプレースホルダーの値が見えなくなってしまう Webアプリケーションアクセシビリティ さらに、Nielsen Norman Groupによる「Placeholders
文末が「。」だと威圧感があるか?──マーケティング支援事業を手掛けるフォーイット(東京都渋谷区)は5月8日、「マルハラ」と呼ばれる現象に関する調査結果を発表した。全国の20~60代の男女500人を対象に、Webアンケートを実施。「先輩や目上の人からのメッセージで、文末が『。』で終わる文章を受け取ったときどう感じるか?」などを聞いた。 マルハラとは「マルハラスメント」の略称。LINEなどで中高年から受け取ったメッセージの文末が句点だと、若者は距離感や冷たさを感じて恐怖を抱くというもの。2月上旬に、産経新聞などがこの言葉を報じ、ネット上で議論になっていた。産経新聞の記事では、23歳女性から「読みやすくするための句点でルールだと理解しているが、区切られてシャットダウンされている印象がある。会話が続けにくい」などの意見が上がったという。 調査では、句点終わりの文章に対してどのように感じるかに対して
──歴史的な円安や30年ぶりのインフレの中、これまであまりお金の勉強をしてこなかった日本の40代以上は今、どう行動すべきでしょうか? できるなら日本以外の場所に引っ越すことですね。日本での残りの人生は良いものにはなりませんから。 なぜなら40年後、日本は幸せな場所ではなくなっているはずで、それに備える必要があります。もしあなたが日本に留まるとしたら、困難な時代への備えが必要です。できるだけお金を貯め、お金について学ぶ必要があります。お金の知識は、本来誰もが学ぶべき人生の基本的な教養なのです。 ──日本人がお金についてもっと学ぶには、何からスタートすべきですか? ほとんどの人は、お金を使い、お金を貯め、お金を投資し、経験することで学んでいきます。少額からでもやってみるといいでしょう。 例えば、私たちは皆、食料品店への行き方を知っていますし、何をどう買うか知っているでしょう。でも、そこで必要の
濱口竜介監督による最新作「悪は存在しない」が4月26日から公開がスタートした。同作は世界から注目される監督となった濱口監督 の「ドライブ・マイ・カー」(2021)以降の長編映画最新作品 。第80回ヴェネチア国際映画祭・銀獅子賞(審査員グランプリ)を受賞するなど、国内外から注目度の高い作品だ。今回、批評家の伏見瞬に同作についてコラムを依頼した。 ※記事内では映画のストーリーに言及する部分があります。映画観賞後に読んでいただくと、よりお楽みいただけると思います。 「悪は存在しない」を観た時、私はなにより心地良い映画だと思った。すさまじさや不気味さより、ささやかな悦びを感じた。快楽的、といっても差し支えない。そう感じたのはおそらく、本作が音楽的な快楽を生むように編集されているからだ。 もちろん、音楽家の石橋英子の依頼に端を発したことから考えても、本作が音楽と強い関係を結んでいるのは明らかだ。「ド
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
元乃木坂46の山崎怜奈(26)が4日、読売テレビの情報番組「ウェークアップ」に出演。イスラエルによるパレスチナ自治区ガザへの攻撃に対し、米国の名門大学などで抗議デモが広がっていることに「大学を退学処分になる可能性もはらんでいる中で、デモの有効性ってどこまであるんだろう」と持論を展開した。だが、この発言には「今の若い人達はそんな風に捉えるのだな」「コスパ志向の行き着く先」と批判的な反応も出ている。 イスラエル軍の攻撃が続くガザ地区では、死者が3万4000人を超える。これに対し、米国のコロンビア大学などではイスラエルへの抗議デモが起きていることが、番組内で紹介された。ジャーナリストの堀潤さん(46)は「日本でも新宿や渋谷で若者たちを中心に『パレスチナを守って』と声を上げている。東大でも早稲田でも数人の学生たちが声を上げ始めている。そういう声に私たちが遠巻きに見ていていいのか。『政治じゃない、宗
その他のサンプル: Wikipedia:良質な記事, Wikipedia:長いページ 紹介 「テキストゆれないくん」は文章に含まれる表記揺れを検出するツールです。「コンピュータ」と「コンピューター」、あるいは「全て」と「すべて」といった同じ単語の別表記が使われていないかどうかをチェックできます。 「テキストゆれないくん」は元々このサイト (https://inzkyk.xyz/) の文章校正用に開発されました。機能が成熟してきたので UI を付けて公開します。 このページから手動で使う限り、「テキストゆれないくん」は商用/非商用を問わず自由に使って構いません。「テキストゆれないくん」は無保証で提供されます。 特徴 ウェブブラウザから使える このページをウェブブラウザで開いているなら、「テキストゆれないくん」は既に動いています。このページの最初にあるのは「テキストゆれないくん」を使うための完
IIJ 技術担当部長 最近はインターネットの技術を紹介するのがお仕事です。元々プログラマ、サーバ・データセンター・ネットワーク・セキュリティ・モバイルといろいろやってきました。 最近ニュースなどで「データセンター」がよく取上げられます。実は、この記事を書いている私自身も、TV番組に出演してデータセンターの解説をしていました。 千葉・印西市に世界が注目 データセンター集結の理由は【Bizスクエア】 2024年3月28日放送(TBS) 池上彰のニュースそうだったのか!! 2024年5月4日放送【1時間9分あたり~】 (テレビ朝日/TVer) この番組で取材を受けたのは「IIJ白井データセンターキャンパス」(千葉県白井市※)です。 ※印西市・白井市にまたがる千葉ニュータウンの一角に立地 番組中でもいろいろご説明しているのですが、この記事では基本に立ち戻って「そもそもデータセンターって何なの?」
タイトルのとおり、生産性向上のためにお金をかけてよかったものをご紹介します。 基本的には仕事道具と健康系が多いです。 腰痛 睡眠 集中力向上 このあたりにお悩みをお持ちの方の一助になれるかもしれません。 おしりセレブ 他のトイレットペーパーだと、おしりを拭いた後大体痛くなってしまいます。 そのまま長時間椅子に座って作業をするのが辛い…というのがあったのですが、おしりセレブを使うようになってからその悩みがなくなりました。 ステッパー メンタリストDaiGoさんがお薦めされていたのを見て購入しました。 もともと腰痛に悩まされており、「少し運動しようか」という日頃ランニングを日課としていました。 が、ランニングのために決まった時間をガッツリ取らないといけなかったり、雨の日はできなかったりという課題がありました。 ステッパーを買ってからは雨でも気にせず有酸素運動ができるし、Amazon Prime
ベランダ掃除、これでいいじゃん。新作「バケツのケルヒャー」が手放せない2024.05.03 14:00288,274 小暮ひさのり 信じられます? これケルヒャーです。 家の掃除って、意外と水が必要な場面が多いですよね。特に戸建ての家だと、サッシやベランダを掃除したいのにホースが届かない! なんてことも。我が家もまさにソレで苦しんでいます。 ジョウロでチョロチョロ流しても、いまいちスッキリしない。ケルヒャーの“高圧洗浄機”も持っていて、実力はもちろん申し分ないのですが、セッティングが面倒くさいしそもそも電源コードとホースが届かない。 なんて、ベストな答えが無くて結局掃除が後回しになっていたのですが、ついに解答を得られました。 Photo: 小暮ひさのりケルヒャーから出た「マルチクリーナー OC 3 FOLDABLE」です。こちら、ざっくり言えば「面倒じゃないケルヒャー」です。 高圧洗浄機の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く