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

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

はじめに SREチームの大木( @2357gi )です。 ECS Serviceのオートスケーリングやバッチなど、ECS Taskの起動停止が頻繁に行われる環境でAWS Configを有効にしていると、AWS Configのコストが無邪気に跳ね上がってしまうことがあります。 インターネット上では特定のリソースを対象外にすることによりコストを抑える手法が多くの記事として見かけますが、対象外にするとAWS Config側で「リソースタイムラインの表示」ができなくなったり、Security hubで使用する情報の記録を行うことができなくなってしまいます。 そこで、特定のリソースを「記録から除外」するのではなく、「日時記録に設定」することにより前述した懸念点を解消しつつ、コスト削減をすることができたので紹介します。 経緯 我々のプロダクトでもサービスのスケールや機能拡大に伴い AWS Config

はじめに 2022 年 1 月から、趣味で PC 向けの将棋アプリを開発しました。その中で取り組んだことや学んだことについて簡単にまとめます。 作ったもの Electron将棋 (electron-shogi) GitHub: sunfish-shogi/electron-shogi GitHub Pages: Electron将棋 背景 最近ではスマホやタブレットでも将棋の対局や研究ができるようになりましたが、本格的に将棋の勉強や研究をするには必ずしも十分ではなく、特に将棋 AI を動す上で PC の処理能力やカスタマイズ性は有用です。 2010 年あたりからオープンソースの将棋 AI が増えましたが、その多くは GUI や通信対局機能を備えておらず GUI のアプリケーションと組み合わせて使う必要があります。AI と GUI がやりとりするための USI という共通仕様があり、 USI

この動画は3Blue1Brownの動画を東京大学の学生有志団体が翻訳・再編集し公式ライセンスのもと公開しているものです。 チャンネル登録と高評価をよろしくお願いいたします。 日本語版Twitter https://twitter.com/3B1BJP 元チャンネル（英語） https://www.youtube.com/c/3blue1brown 元動画（英語） https://youtu.be/wjZofJX0v4M?si=9YsuEzHATlhPtpOF Check out our new channel Ufolium https://www.youtube.com/watch?v=wrNCjIjIzuk&pp=ygUj5aSn57Wx6aCY6YG45oyZ44Gu5LuV57WE44G_IHVmb2xpdW0%3D Richard Turner's introduction

WebAssemblyをちょっといじってみて思ったところをまとめてみます。 設計思想 WebAssembly/designに設計文書がまとまっています。特にHighLevelGoals.mdから読み取れるポイントは以下の4点です。 サンドボックス化された環境であること。 移植性があること。つまり、特定の実CPUアーキテクチャ等に依存しないこと。 少なくともC/C++の(十分に高速な)コンパイルターゲットとして機能すること。 安定した仕様を持つこと。 サンドボックスという観点からは、先行技術として以下のようなものが特筆に値します。 Webサンドボックス JavaScript および asm.js Javaアプレット Flash (ActionScript) NaCl, PNaCl Web以外のサンドボックス OSのユーザーランド、特にLinux userland これらのサンドボックスとの比

PayPayカードのメリット・デメリット|怖いと言われる理由と評判レビュー。ゴールドと一般どっちがおすすめ?

三珠さくまる🤹動画勢Vtuber @MitamaSakumaru 技術の無駄遣いとジャグリングと動画の個人勢Vtuber。僕に見せたいもの→#見たかさくまる。ご連絡:DM or mitamasakumaru@gmail.com youtube.com/@mitamasakumaru

【特集】電子書籍ストアから見るライトノベルのいま　BOOK☆WALKER×ブックライブ×Reader Store担当者座談会 独占インタビュー「ラノベの素」。今回は2010年頃を契機にして、私たちの身近な存在となっている電子書籍にフォーカスした座談会をお届けします。昨今は紙の高騰なども相まって、電子書籍への注目度は日々高まりを見せています。ライトノベルの電子書籍も、話題の面でも売上の面でも、決して切り離すことはできない存在となっています。「電子書籍のライトノベルは売れているのか？」、「電子書籍で最も売れ線のジャンルは何か？」など、実情と実態について、総合電子書籍ストアである「BOOK☆WALKER」、「ブックライブ」、「Reader Store」の3社の担当者にお集まりいただき、電子書籍とライトノベルをテーマのひとつに据えつつ、電子書籍ストアから見えるライトノベルの景色など、様々なお話を語

","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\">\n <div class=\"

「横浜って何か名物ある？」という質問に横浜市民なら一度は頭を抱えたことがあると思う。家系ラーメン？焼売？中華街の食べ放題？どれをお勧めするのが正しいのかわからないというのが横浜あるあるだ。 しかし昨今の辛い物ブーム、麻辣ブーム、多分だけれど横浜が売り出すべきなのは本格四川麻婆豆腐なのだと俺は思う。つい10年前まで四川麻婆豆腐は激辛好き専用という認識が広がっていたけれど大阪でのスパイスカレーの流行りや関東ではアジア料理は女性中心にどんどん広がっているし「辛いのはちょっと…」という理由だけで麻婆豆腐を避ける人も前よりは減ったのではないだろうか？マーは好きだけれどラーは嫌いとか、そういう人もいるとは思うが一度は麻婆豆腐を食べてみてほしい。 という訳で麻婆豆腐好きの俺が観光客にお勧めする本格四川料理屋を参考にして横浜に行って麻婆豆腐を食ってくれ。 お勧め　そのいち ◆京華樓 鶴屋町CRANE店 h

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

ゆるふわ怪電波☆埼玉 @yuruhuwa_kdenpa オタク必修漫画なのでみんな読んで これ読んで面白くて裁判傍聴に行くようになった 裁判長！ここは懲役4年でどうすか mangahot.jp/site/works/c_R… pic.twitter.com/i3RIOdvHme 2024-05-10 08:54:40

ろびー @NekoTamaniRobin 私が1回ﾈｺﾁｬﾝ脱走させちゃったときに近所のボス猫に頭下げに行くと戻るとは聞いたことあったけど、私は近所のボス猫がどの子でどこに居るかも知らないし、お昼に脱走してから夜中までずっと追いかけてるけどﾈｺﾁｬﾝ捕まえられないし途方に暮れて1人で玄関付近で座って泣いてたら 2024-05-08 21:56:55 ろびー @NekoTamaniRobin 気づいたら見たこともない模様のﾈｺﾁｬﾝが隣に居て、私の様子だけ見たらどっか行っちゃって…あんな模様のﾈｺﾁｬﾝ居るんだなあと思ってたら朝になったらうちの子帰ってきて…あの子が帰るように言ってくれたのかと思いながら過ごしてたら2回目また不思議な模様の子に会ったんだけど 2024-05-08 21:56:56 ろびー @NekoTamaniRobin その時は後ろ姿だけで…でも独特な模様だからすぐに気づい

江崎グリコの公式サイトより ほぼすべてのチルド食品（冷蔵食品）が、社内のシステム更新作業に伴う障害により出荷停止となっている江崎グリコ。4月初めに障害が発生し、出荷再開時期がいまだに未定という異例の事態を受け、同社は今月8日、システム障害によって2024年12月期の営業利益が60億円、売上高が200億円下押しされる見通しだと発表した。業績に多大な悪影響が生じるため、グリコがシステム更新プロジェクトの主幹ベンダであるデロイト トーマツ コンサルティングに損害賠償を求めて法的手段を取る可能性も取り沙汰されている。今後の展開について業界関係者や専門家の見解を交えて追ってみたい。 グリコは業務システムについて、独SAPのクラウド型ERP「SAP　S／4HANA」を使って構築した新システムへ切り替えるプロジェクトを推進してきた。旧システムからの切替を行っていた4月3日、障害が発生し、一部業務が停止。

アジもりだくさんの、魚問屋食堂さかなやくろへ 喫茶フレンドで電車を待ちながら 館山は小さなリゾートだった 海の街であるならば、寿司をたべよう 館山式モーニング、チキンバスケットセット 旅立ちのびわゼリー 内房の街をひたすら歩く 海水浴場の喫茶店 黄金アジフライという、天衣無縫の食べ物 突然、アジフライが食べたいなと思った。しかも、そのへんのアジフライということではなく、とびきりおいしいやつがいいなあと思った。そういうことが時々ある。揚げ物の引力だ。 それは、木曜日のことで、来る週末には何も予定がなかった。しかも月曜は有休である。しめしめと、僕はグーグルマップを開き、いいアジフライを食べられそうな場所を検討することにした。やはり海沿いがいいよな。茨城と神奈川はこの間行ったしなあ。ぱっと行けて海があるところということで、自然と目的地は千葉となった。外房はやや遠いということで、内房へとりあえず向

内容 社内でAWSの超基礎ともう一つ、ガバメントクラウドの基礎の動画を作成して欲しいとリクエストあり。その内容を資料化したものです。 ガバメントクラウドとは デジタル庁が提供する政府共通クラウド基盤です。標準化対象20業務の移行先としても利用されます。デジタル庁から認定されたクラウドサービスプロバイダー（CSP）の環境が使用されます。今回は自治体がガバメントクラウドを利用する話をします。 色々なCSPがありますが、AWSの話をします。 共通基盤を利用することのメリット AWSのアカウントは当然個人でも調達可能です。AWSのサイトに行って必要な情報を入力すればすぐにアカウントは作成できます。 そんな中で個人で別々にアカウントを調達するのではなく共通基盤を利用することのメリットは下記になります。 統制 ガバメントクラウドではデジタル庁のアカウントが親アカウントになっていいて、システム利用者はデ

多くのプログラミング言語の処理系に、攻撃者が任意のコマンドを実行できる深刻な脆弱性が見つかった。JPCERTコーディネーションセンター（JPCERT/CC）と情報処理推進機構（IPA）が共同運営する脆弱性対策情報ポータルサイト「JVN（Japan Vulnerability Notes）」で2024年4月15日に公開された。 脆弱性が確認されたのは「PHP」「Rust」「Haskell」の各言語処理系とJavaScript／TypeScriptの処理系「Node.js」、音声や動画をダウンロードできる高機能なコマンド「yt-dlp」である。ただし、この脆弱性の影響を受けるOSはWindowsだけで、LinuxやmacOSなどの他のOSには影響しない。 多くのプログラミング言語は、プログラムの中からOS上でコマンドを実行する機能を持つ。Windowsでは言語処理系が「CreateProces

僕が開発しているWebフレームワークHonoは、同じJavaScriptのフレームワーク、Expressと比べられることが多いです。どちらもやれることはほぼ同じですが、HonoのアドバンテージはファーストクラスでTypeScriptをサポートしていることです。特に「RPC」機能は他のフレームワークにはなかった「TypeScriptの型でサーバーとクライアントの仕様を共有する」ことを可能にしています。今回はそのHonoのRPCについて紹介します。 どんなものか まず、どんなものかを箇条書きで共有します。 Web APIの仕様、特にインプット・アウトプットをサーバーとクライアント間で共有するためのもの OpenAPIやgRPCを使ってやりたかったことを叶えるかもしれない サーバーとクライアントをどちらもTypeScriptで書くことが大前提である 同種のものにtRPCがあるが、Honoの場合、