この記事では、2024〜2025年にかけて主要ブラウザで使えるようになったCSS（一部HTML）の機能を10個紹介します。「昔はセレクターとか頑張って追いかけてたけど、最近は全然追えてない」という方を対象としています。 それぞれの機能について、目的・できること・昔のやり方・注意点をまとめました。コードを見ながら「こんなの使えるようになったのか」と感じてもらえたら嬉しいです。 1. CSS Nesting（ネイティブCSSネスト） 目的 SassやLESSなどのプリプロセッサなしで、CSSにネスト（入れ子）構造を書けるようにすることです。 できること セレクターを親子関係で入れ子にして記述できます。& を使って親セレクターを参照します。 .card { padding: 1rem; background: #fff; & .title { font-size: 1.25rem; font-w

あおい みゆ @japan_miyu_ 【がち有能裁判官】 西尾太一裁判官 評価4.7／6件 「警察の証拠改ざんをバイナリレベルで暴いた」 最強裁判官 ・東京大学 理学部 卒業 ・早稲田大学大学院 法務研究科 修了（2010年） ・弁護士登録（2012年に裁判官任官前に弁護士活動） ・大阪地裁判事補（2012年1月任官） ---何をした人？--- 愛知県警パトカー ドラレコ改ざん事件 （名古屋地裁令和4年10月5日判決） 「事件の基本情報」 事故日：2020年4月6日 午後11時50分頃 場所：名古屋市天白区の交差点 当事者：県警パトカー、一般の運送会社のワゴン車 状況：スピード違反車両を追跡中のパトカーが赤信号の交差点に進入、青信号で進行中の貨物車に衝突 被害：原告に人身損害+物的損害 「事件の争点」 パトカーは交差点進入時にサイレンを鳴らしていたか？ パトカー警官の証言：「サイレンを鳴

内閣官房が2026年4月に公表した指名停止措置の対象に、情報処理推進機構（IPA）の名があることがSNS（交流サイト）などで話題になっている。IPAが再委託先の契約違反行為を把握し、国家サイバー統括室へ報告したことが発端だった。委託先選定の難しさが浮き彫りになった。 「契約相手方として不適当である」――。内閣官房が2026年4月10日に公表した指名停止措置で、こう指摘されたのがIPAだ。指名停止期間は2026年4月10日から同年9月9日までの5カ月間。この間、内閣官房が実施する競争入札などに参加できなくなる。 IPAは経済産業省のIT政策実施機関として、セキュリティー関連の情報発信や評価制度の運営、デジタル人材の育成などを担う。企業に対し、委託先の情報セキュリティー対策などの啓発もしている。そうした立場のIPAが、なぜ指名停止措置を受けたのか。内閣官房国家サイバー統括室を2026年4月23

こんにちは アクセンチュア北海道オフィス所属の唐津です。 1年ほど前にPMPを取得しました。取得して意味あったな～というのと、最近周りでPMPを取ろうとしている人がいるので、「攻略法」と「取得する意味」を改めて言語化しようと思った次第です。 ただし具体の勉強法（この参考書が役にたった、こういう学習Cycleが良かった）とかは書いてないのであしからず。 この記事は、これからPMPを取ろうとしている人たち、そしていま勉強中で「この量、本当に全部覚えるの…？」と手が止まりかけている人に向けて書いています。受験してから読む記事ではなく、受験準備のど真ん中で読んでほしい記事です。 私自身、PMPを受ける前は学習の範囲が広すぎて胃もたれしそうでしたが結局のところ、 PMPは、暗記で受かる試験ではなかった。世界観の理解で受かる試験。 問題集を周回していたときには見えなかった景色が、「あ、そういうことか」

[5:4] 短期予報のみ [5:4] 短期予報と週間予報（デザインA） [5:4] 短期予報と週間予報（デザインB） [16:9] 短期予報のみ [スマホ横長全画面] 短期予報のみ

(2025年12月) 第4部「細かすぎて伝わらない編（仮）)」を試験的に公開。現在 GitHub スポンサーの仕組みを利用した限定公開です。 (2025年12月) 書籍版の内容を基に全面的に更新。 (2024年9月) 書籍『普通の人が資産運用で99点をとる方法とその考え方』が日経BPから出版されました。詳しくはこちら。 今後もこの記事の内容は必要に応じてアップデートする予定です。質問等は、GitHub Issues までお願いします。 更新履歴 直接、ここ (Blame の結果)をみてもらうのが一番早いです。以下の更新履歴はおまけ程度です。 [2025-12-17 Wed] 第4部「細かすぎて伝わらない編(仮)」 を仮公開 [2025-12-17 Wed] 書籍版の内容に更新 (Issue #79) [2024-10-23 Wed] 目次を追加。内容は同じ。 [2024-08-01 Thu

「愚妻と言っても愚夫とは言わない」とか「愚妻というのは『愚かな妻』ではなく『愚かな自分の妻』という意味だ」などという話で盛り上がっているので調べてみた。 まず、中国語では「愚〜」は「自称」としてしか使われないようだ。 たとえば「愚兄」は年長者が使う自称で、「愚老」は老人が使う自称、「愚臣」は家臣が使う自称である。 弟が兄を指して「愚兄」、孫が祖父を指して「愚老」、王が家臣を指して「愚臣」などとは呼んだりしない。 「愚妻」や「愚息」という言い方はなさそうだが、もし存在するなら、 「愚妻」は妻自身が己を指して使う言葉となり、「愚息」は息子自身が己を指して使う言葉となるのだろう。 つまり「夫が妻を指して言う愚妻」「親が息子を指して言う愚息」は日本独自の用法ということになる。 本来は自分にしか向かない謙遜の「愚」が、自分以外（身内）に向くような用法が生まれてしまった。 第一の問題は、このねじれにあ

neovim 0.11でLSP補完が有効になった。が、枠線がなかったりプレビューが不足していたり、実用するにはあと一歩足りてない感 があった。 0.11の補完画面 が、0.12でその辺に 強化が入った。 0.12の補完画面 見た目的にも結構変化がわかりやすい。 0.12で入った強化 neovim docsのNews-0.12に書いてあるこの辺りがポイント。 補完アイテムのプレビュー popup menu にボーダー追加 個人的に大きいのは1つ目。プレビュー(枠線部)があることで 圧倒的に使いやすくなった。 2つ目も気分的にはだいぶアガる。枠線が何もないと見づらくて使いづらかったので、けっこう嬉しい。 (他にも色が表示されるようになったという細かい変更もあるが、個人的にはふーんって感じだ) 設定方法 基本はこれでOK。 vim.o.pumborder = 'rounded' -- ポップアッ

大学のDXやAI活用の話を聞く機会も増えてきた。 だが、その規模の大きさはまちまち。全学的な基盤整備として大規模に投資を進める大学もあれば、特定の学部や研究室単位で実証的に導入を進めるケースも少なくない。 前者は教育・研究・事務のあらゆる領域を横断的に変革するポテンシャルを持つ一方で、組織の合意形成や運用体制の構築に時間を要する。後者は機動力に優れるものの、取り組みが部分最適にとどまり、全体としての成果が見えにくいという課題を抱えやすい。 そんな中、今回慶應義塾が発表した動きは、ちょっと”レベル”が違う。 なんと慶應義塾は、全教職員にNotionを導入し、168年分の知的資産をまとめてAIに学習させるという、かなり大胆なプロジェクトを始動させたのだ。 この取り組みのどこがすごいのか。 ポイントは、単なるツール導入ではなく、「大学に蓄積された知識そのもの」をAIで使える形にしようとしている点

市ヶ谷フィッシュセンター（いちがやフィッシュセンター、英: Ichigaya Fish Center）は、東京都新宿区市谷田町1丁目1番地にある釣り堀[1]。 新見附濠の西端に、鯉釣り用の鯉池と小さな魚を釣る金魚池がある[2]。また、同じ場所に観賞魚、水草、草花のショップも併設されている。 1958年に営業を開始[3][注 1][注 2]。 本来は国有地であり、当初は施設の運営者が千代田区を通じて利用許可・貸与を受けていたが、1962年（昭和37年）以降は許可が更新されておらず、以後約60年ほどに渡って違法占拠状態が続いている。このため過去に東京都議会等でも問題として取り上げられているが[6]、2024年現在も解決には至っていない。

先日、包丁に熱湯と漂白剤を使うことの是非が話題になっていました。 残念ながら清潔さをイメージで捉えて勘違いをしている人が多く、安全のための行為が逆に危険を呼び寄せてしまっていると感じました。 いわゆる潔癖症の人が物事を正しく理解しようとせず「穢れ」だけを取り払おうとして儀式化してしまうような感じですね。 生の食材を扱う和食料理店で20年ほど経験を積んだ増田から汚れって何というお話をしてみたいと思います。 汚れの種類は大きく分けて４つです。 ・食べかす ・油汚れ ・傷 ・その他化学物質の付着 どうしてこのような分類をしたのかというと、汚れの種類によってもたらされる結果が変わってくるからです。 次に汚れを落とす目的を整理します。 ・食中毒にならないため ・余計な味をつけないため ・手触り、見た目のイメージ そんなの当たり前でしょって思うかもしれないんですけど、この辺の話が整理できてないとそれぞ

2026/04/16 に「技育CAMPアカデミア」で話したスライドです。2025 年のはてなインターンの講義資料 (https://speakerdeck.com/hatena/internship-2025-frontend) に手を加えたものになってます。 https://talent.sup…

三駄 乙 / Sanda Otsu @otsu_sanda 昨日、俺自身に起こった怖かった話を聞いてほしい。 オフィスで仕事をしていたら俺の個人携帯に知らない番号から2回着信があった。 まぁそれくらいだったらよくあることだから無視して仕事を終えたんだけど、 退勤後に着信履歴をよく見てみたら「瀬尾ウィルス」と書いてあった。 pic.x.com/uPw2XPVFao 2026-04-16 20:13:07 三駄 乙 / Sanda Otsu @otsu_sanda 他の迷惑電話は「日本」とか「不明」と国が書いてある場所なのに、この迷惑電話の最初の一件だけは”瀬尾ウィルス”と書いてある。 「瀬尾ウィルス」という言葉自体も気味が悪かったが、それ以上にその場所にどうやってその文字を出せたのか不思議だった。 2026-04-16 20:13:08 三駄 乙 / Sanda Otsu @otsu_san

1830年頃、わずかな夜の明かりを得るためには、約3時間の労働が必要でした。しかし1992年ごろにはそれが1秒にも満たない労働ですむようになったと言われています。ロウソクから白熱電球、蛍光灯へという技術的発展が、光を劇的に安くしたのです。 そうして光が安くなったとき、人は同じ量の光を単に安く買って終わり――ということにはなりませんでした。 人々は、かつて置こうとも思わなかった場所にまで光を置き、街路、工場、看板といった、社会のあらゆる場所に安くなった光を敷き詰めていきました。そうして、工場は曇りや雨の日にも稼働することができるようになったり、深夜営業や夜の読書といった新しい活動が可能になったのです。 そこで儲けたのは、光を提供した会社だけではなく、それをうまく使った会社でした。 では、ソフトウェアや知能が安くなったとき、私たちはそれをどのように使うのでしょうか。 生成AIによる大きな変化は

前回、GitHub Actionsを使ったCI/CDパイプラインの仕組みを作ったという話を書いたが、今回はPull Request（PR）ごとのプレビュー環境を構築したのでそれについて。 課題 フロントエンドのプレビュー環境はVercelが勝手にやってくれるので何も困らない。PRを作ればプレビューURLが払い出されてそこで確認できる。問題はバックエンドだ。 今回のプロジェクトの場合、PRは機能単位で作成されるのでフロントエンドとバックエンドの両方に修正が入ることが普通にある。フロントだけプレビューできてもバックエンドがdev環境のままだと、API側の変更を含む修正の確認ができない。 しかも同時に複数のPRが開かれてそれぞれレビューされるのもよくある。生成AIを大活用するようにした結果10とか20のタスクを並列で実行させるので、それらがPRとしても同時に並ぶ。このPRたちをそれぞれの変更内容

きっかけ 非エンジニアの同僚から、Gitの使い方を聞かれることが増えてきました。デザイナー、ライター、ディレクター、営業企画。立場は違えど、AI時代に入ってバージョン管理が自分ごとになってきた人たちです。 最初は既存の入門記事を紹介していたんですが、どれもしっくり来ないようでした。用語の説明が少ない、コマンドの意味がイメージできない、失敗が怖い。話を聞いていると、エンジニアが見落としがちな壁がたくさんあるなと感じました。 それなら自分で書いてしまおうかと思い、Git入門サイトを作ってみました。 設計の方針 サイトを作るにあたって、次のような方針で進めています。 概念は図と比喩で先に説明してから、コマンドを見せる 失敗したときの戻し方を各章の最後にまとめる エンジニア以外の実務（文書、デザイン、原稿）を例として使う 専門用語は初出時に日常語で言い換える コマンドを並べる構成にしなかった理由は

モノリスソフトと「ゼルダの伝説」シリーズとの関わりは 『ゼルダの伝説 スカイウォードソード』の 部分受託開発からはじまり、 『ゼルダの伝説 神々のトライフォース2』 『ゼルダの伝説 ブレス オブ ザ ワイルド』 『ゼルダの伝説 ティアーズ オブ ザ キングダム』と、 タイトルを追うごとに、 より深い部分のゲーム開発に携わってきました。 これからも任天堂と「ゼルダの伝説」の世界を 生み出す一員として、 さらなる「新たな驚きと感動」を追求した ゲーム開発を行っていきます。

はじめに 2026年3月31日、npmパッケージ「axios」が乗っ取られました。 axiosはJavaScriptで最も使われるHTTPクライアントです。 週間ダウンロード数は1億回を超えます。 私自身、ほぼすべてのNode.jsプロジェクトで使っています。 事件を知ったとき、まず自分のプロジェクトを確認しました。 package-lock.jsonを開き、axiosのバージョンを探しました。 幸い影響を受けるバージョンではありませんでした。 しかし「もし週末にデプロイしていたら」と思うとぞっとしました。 この記事では事件の全容と技術的な仕組みを解説します。 そして「自分のプロジェクトは大丈夫か」を確認する手順を示します。 事件の時系列 攻撃は周到に準備されていました。 以下がUTC（日本時間に変換するには+9時間）での時系列です。 時刻 (UTC) 出来事

新社会人の皆さん、おめでとうございます。怠惰で長すぎる学生生活を終え、いよいよ社会という舞台に立つ皆さんの姿を想像して、僕自身、新しい仲間を迎える喜びと、玉突きで追い出されるのではないかという不安で胸がいっぱいです。 かつてない人手不足、空前の売り手市場をたいした努力もせずに勝ち抜いた皆さんです。自信と期待に満ち溢れ、不安はないでしょう。思い通りにいかないこと、壁にぶつかることがあっても、皆さんは「ここではないどこかへ行けばいい」と気楽に考え、悩むこともせず、壁に登ろうともしないでしょう。だって他にいくらでも行く場所があるのですから。皆さんはそれくらい恵まれた世代なのです。うらやましいかぎりです。嘘でもいい、一度でもいい、失敗を恐れる姿を見せていただきたいものです。 さて、企業は（特に大手一流企業は）新社会人の皆さんを好待遇で迎えています。なかには初任給が４０万円以上という人もいるでしょう