最近では、HTMLとCSSは非常に進化し、強力になってきました。これからの時代はJavaScriptは本来のJavaScriptでしかできないことに使い、HTMLとCSSで可能なものはCSSとHTMLで実装すべきです。 HTMLとCSSだけで実装できる、あるいはごくわずかなJavaScriptで実装できるUIコンポーネントのまとめを紹介します。 NoLoJS NoLoJS -GitHub NoLoJSは、JavaScriptの負荷を軽減するために、No-JavaScript、あるいはLo-JavaScript（最小限）で実装できるUIコンポーネントをまとめたものです。 ライセンスはGNU General Public License v3.0で、商用プロジェクトでも無料で利用できます。

米疾病対策センター（CDC）は14日、激しい下痢や腹痛を伴う感染症サイクロスポラ症の感染者が34州で確認されたと発表した。寄生虫に汚染された食品や水を摂取することで感染する。流行期が始まる5月1日から今月14日までに1645人の感染を確認。5100人以上に感染疑いがあるとみて分析している。感染源は調査中だが、レタスの可能性もあるという。 CDCによると、ほかの主な症状は嘔吐や食欲不振、微熱など。食べる前に流水でよく洗うことや70度以上に加熱することが感染防止につながる。人から人へ直接感染する可能性は低いという。

日本維新の会の梅村聡衆院議員は15日の衆院厚生労働委員会で、牛のレバーの生食用としての販売・提供が平成24年から禁止されていることについて、解禁に向けてリスク回避を研究すべきだと訴えた。上野賢一郎厚生労働相は「（禁止前に）ごま油に付けて食べたことがある。大変おいしかった記憶がある。（解禁には）科学的知見に基づいて安全性が確保されることが重要だ」と述べた。 梅村氏「私は諦めていない」牛の生レバーの提供が食品衛生法で禁じられたのは23年、焼き肉チェーン店で腸管出血性大腸菌「O（オー）111」に汚染された牛のユッケを食べた5人が死亡した集団食中毒事件がきっかけだった。ただ、水面下で生レバーを提供する店が後を絶たない。 飲食店が多い大阪・十三地区などを含む大阪5区選出の梅村氏は「2～3年で（安全性確保の）知見が得られるのかと思ったが、14年たった。禁止しておけば食べる文化がなくなると思っているかも

JavaScriptには、scrollTo()メソッドやscrollBy()メソッドなど、目的のところまでスクロールする関数があります。これらの関数と一緒に使われることが多いのがbehaviorプロパティに"smooth"を設定して、目的地まで滑らかにアニメーションさせる方法です。たとえば目次をクリックしたら該当の章までスムーズにスクロールさせるなど、使ったことがある方も多いと思います。 スムーズスクロールの課題として一番大きなものは、スクロールの完了後に行う処理が書きづらいことです。Chrome・Edge 150から使えるプログラマティック・スクロール・プロミスでは、今までscrollendイベントの監視やsetTimeout()メソッドなどで検知していたスクロール完了を、Promiseを使って制御できるようになります。 スクロール完了をPromiseであつかう Promiseは非同期の

HIROPON @hiropon_hp2 しかもこの場合、「顔の上にコウモリが」というのが最大の不幸。脳に近い位置なので、発症してからの猶予がほとんどない。まぁ、猶予があっても、発症しちゃってからでは手の打ちようがほとんどないのだけど……。 x.com/dantyutei/stat… 2026-07-03 14:05:27 丸山宗利 Maruyama🍥 @dantyutei 噛まれてもいないというのが恐ろしい。爪による微小な擦過傷か目や鼻の粘膜にコウモリの唾液が触れて感染したのだと思うが、海外でコウモリと誤って接触してしまった場合は念のための暴露後接種を受けた方がいいのかもしれない。海外にいくフィールドワーカーは必ず事前に予防接種も！ x.com/cnn_co_jp/stat… 2026-07-03 09:33:23

よし。きょうは朝から仕事だが、午後早めには終われそうだ。感覚としては午後半休に近い。 ということは……2.5ターンくらい動けそうだな！ 掃除＆買い物で0.5ターン消費、 ブログの記事を1本書いて1ターン消費、 YouTubeでライブ配信をして1ターン消費！ これで合計2.5ターン！ 貴重な余暇を有意義に過ごせたぞ！ ぼくは時間管理がうまいほうである。 「どちらかと言えば」程度だし、そもそも時間は管理して当然だろと思うが、ありがたいことに周りからよくホメられるので、うまいほうだと言ってよいだろう。「身体が何個あるんですか」みたいなこともよく言われる。 そこで、ぼくが独自に編み出し、いつも使っている時間管理法をここに紹介しよう。 とは言っても、ビジネス本にあるような細かいタイムスケジュールのハウツーではなく、「なんとなく頭に入れておいて、おもに休日や余暇の時間をなんとなく有意義に過ごすための考

TL;DR はじめに こんにちは、Dress Code でプロダクトエンジニアをしている ないとー です！ 私たちは DRESS CODE という、人事・情報システム・総務・採用・コーポレートなど複数の部門を横断する業務 OS として機能する、グローバル向けのコンパウンドプロダクトを開発しています。 扱うドメインが広いと、データを CSV でやり取りする機会が驚くほど多くなります。以前、各国の拠点から アップロードされる CSV を正しく読む話を書きました。 今回はその逆方向、人事データを顧客向けに CSV として 配布する 側で踏んだ罠の話です。これは DRESS CODE に限らず、請求書の明細、売上レポート、会員リストなど、何かを CSV でダウンロードさせるプロダクトなら、どこでも待ち受けている罠だと思います。 「CSV なんて値をカンマで join すれば終わりでしょ」。そう思わ

自治体がそれぞれ独自に作成した約200万文字の外字が、標準化により約7万文字へと整理が進む。一方、氏名が「●」に置き換わる問題や外字は消えていない。今回の特集では、行政事務標準文字に続く文字を巡る100年に及ぶ歴史と、国際標準化への課題と展望を追う。第1回は、外字が事務処理の障害となった東日本大震災を転機に、文字の標準化が新たな段階に入った経緯を解説する。 「証明書や発送する郵送物などに用いる文字が今までと違ったデザインになる場合があります」。デジタル庁や自治体がこうした内容のお知らせをホームページに載せている。 氏名などの漢字の文字は「字形」と呼ばれるデザインの範囲内で変わる場合がある。部首の大きさや曲げはねの違い、一部の長さの違いといったものだ。ただし、画数の違いがある「字体」と呼ばれる骨組みは変わらない。また戸籍は従来の文字を保持し続ける。

export type Brand<T extends symbol> = { readonly [K in T]: unknown; }; import type { Brand } from './brand'; declare const dateRangeSymbol: unique symbol; export type DateRange = { readonly start: Date; readonly end: Date; } & Brand<typeof dateRangeSymbol>; export const createDateRange = ({ start, end, }: { start: Date; end: Date; }): DateRange => { if (start >= end) { throw new Error(); } return

【読売新聞】　岩手大の研究チームは、猫は餌のにおいに慣れると食べる量が減るとの研究成果を発表した。餌を途中で残す猫は多く、これまでは「小食だから」「気まぐれだから」などと考えられていた。論文が行動生理学分野の国際科学誌電子版に掲載さ

クルーズ船で集団感染か、３人死亡　「ハンタウイルス」、大西洋航行中 時事通信 国際報道部2026年05月04日08時32分配信 世界保健機関（ＷＨＯ）本部前の表示板＝スイス・ジュネーブ（ＡＦＰ時事） 【パリ時事】世界保健機関（ＷＨＯ）は３日、大西洋を航行中のクルーズ船で、ネズミなどのげっ歯類が媒介する「ハンタウイルス」の集団感染が発生した疑いがあると明らかにした。これまでに３人が死亡、１人が集中治療を受けるなどしている。ＡＦＰ通信が伝えた。 ノジマ、クルーズ船で「内々定式」　学生つなぎ留め このクルーズ船はオランダのオーシャンワイド・エクスペディションズ社が運航する「ＭＶホンディウス」。南米アルゼンチンからアフリカ西部沖の島国カボベルデに向かう途中で１人の感染が確認された。さらに５人の感染が疑われている。 ＡＦＰによると、最初に男性乗客（７０）が船内で死亡し、この男性の妻（６９）も搬送先の

2026年4月16日、AnthropicがClaude Opus 4.7をリリースしました。 同時に公式ブログ「Best Practices for Using Claude Opus 4.7 with Claude Code」が公開され、Claude Code作者のBoris CherneyもXで「6つの新技」を投下しています。 両方を通してAnthropic公式が言っているのは「これまでのClaude Codeの使い方は、今日でやめろ」です。 4.6までは正解だった作法が、4.7では逆効果になることもあるようです ↓Claud CodeはもはやただのAIコーディングツールではなく、誰もがアプリで稼げるようになる収益化ツールです！ よければこちらのツイートも見てみてください！ 「ペアプロ（細かく指示する）」のはもうやめろ 4.6までの「細かく指示するほど賢く動く」という感覚は、4.7では

テキストや画像をボーダーで囲って、ボーダーの上部にタイトルを配置したいと思ったことはありませんか？ 以前はこれをCSSで実装しようとしてもかなりトリッキーな実装でした。またfieldsetとlegendでも実装できますが、そもそもフォームではない上に、CSSによる装飾も貧弱です。 fieldsetのコンポーネントを最小限のHTMLとモダンCSSで実現したテクニックを紹介します。レスポンシブに完全対応で、方向directionにも対応しています。 まずは、デモページでその動作をご確認ください。 上から、通常、中央配置、rtlの右書きの3つです。 See the Pen CSSを使用して<fieldset>（およびlegend）を実装 by coliss (@coliss) on CodePen. HTMLは非常にシンプルです。 見出しのh3とテキストのpをdivで括ります。

1985年福岡生まれ。思い立ったが吉日で行動しています。地味なファッションと言われることが多いので、派手なメガネを買おうと思っています。（ライターwiki） 前の記事：毎年、一カ月間しか公開されない幻のニホンオオカミを見に行く ＞ 個人サイト ＞note エゾオオカミとは かつて日本には二種類のオオカミが生息していた。本州、四国、九州に生息していた「ニホンオオカミ」と、北海道に生息していた「エゾオオカミ」だ。この二種は日本にやってきた経路も生息圏も異なる全く別のオオカミ。共通点はかつて日本にいたことだ。 和歌山県立自然博物館のニホンオオカミです（詳しくは前回の記事を参照） エゾオオカミは、1888年以降はほぼ絶滅状態であったと考えられている。『北方動物誌』を読むと、1896年に函館の毛皮商である松下氏がオオカミの毛皮を数枚ほど輸出品として取り扱った記録が最後とある。ちなみに本州では、その一

2019年にスタートした本連載「Innovative Tech」は、世界中の幅広い分野から最先端の研究論文を独自視点で厳選、解説する。執筆は研究論文メディア「Seamless」（シームレス）を主宰し、日課として数多くの論文に目を通す山下氏が担当。イラストや漫画は、同メディア所属のアーティスト・おね氏が手掛けている。X：＠shiropen2 ネコは肉食動物であり、栄養学的に植物を必要としないにもかかわらず、日常的に猫草と呼ばれるイネ科植物などを自発的に摂取する行動が見られる。この草を食べる行動はイエネコだけでなく野生のネコ科動物や他の肉食動物にも共通しており、毛玉を吐き出すため、胃腸の寄生虫を駆除するため、微量栄養素を得るためなど、さまざまな仮説が提唱されてきた。 こうした機能面の研究が進む一方、味の役割はほぼ見過ごされてきた。そこで研究チームは、植物を摂取する理由を味覚の観点から解明するた

主にインディーゲームで内容が微妙なとき、配信者や配信のコメントが「完成しただけすごい」と感想を残すが、本当に？ そうやって創作者を甘やかすから良い物ができないのではと思う。 完成するのは前提として、面白いかどうかが全てではないの？

鶏まみれ 作者:繁延 あづさ亜紀書房Amazonこの『鶏まみれ』は、長崎に移住し、猟師の知り合いにお願いして狩猟の現場に同行する過程で、狩猟と肉の解体の実体験を綴った『山と獣と肉と皮』などで知られる繁延あづさの最新ノンフィクションだ。著者の持ち味は、狩猟や食肉処理の過程を、写真家ならではの高精細な文章で紡ぎ出していく文章と、彼女の人生の流れの中に「狩猟」や「食肉処理」が自然に入り込んでいく本の構成そのものにある。 今回で言えば著者は食鳥処理場に通いはじめて、スピード重視の鶏肉処理の加工の現場を3年以上身を持って体験し、様々なことを考えこの『鶏まみれ』を書いていくわけだが、それは別にこの本を書くためにやったことではなく、彼女と彼女の家族に必要なことだったからだ。具体的には、リストラにあって失職した夫が一年を費やしても仕事が見つからず、最終的に養鶏をやって卵でも売ろうかなと言い出し、妻である著

All

2019年にスタートした本連載「Innovative Tech」は、世界中の幅広い分野から最先端の研究論文を独自視点で厳選、解説する。執筆は研究論文メディア「Seamless」（シームレス）を主宰し、日課として数多くの論文に目を通す山下氏が担当。イラストや漫画は、同メディア所属のアーティスト・おね氏が手掛けている。X：＠shiropen2 研究チームは、英国の大学生111人を対象に、短期目標（1カ月以内）と長期目標（6カ月以上）をそれぞれ挙げさせた。そして、目標に対する行動回避の可能性、達成できた場面をどれくらい鮮明に想像できるか、失敗を想像した際の予期不安など、さまざまな属性について評価を行った。 分析の結果、予想通り、先延ばし傾向が高い人ほど、短期的・長期的を問わず、目標に向けた行動を意図的に回避する可能性が高いと自己評価していることが確認された。 しかし、目標達成の場面を想像する際の