CSSを書き換えて、画面のどこかにあるボタンを押すだけのゲームです。 ただし、ボタンはズレていたり、隠れていたり、押せなかったり、なぜか埋まっていたりします。 margin、position、display、overflow などを駆使して、壊れたレイアウトをさらに壊しながら正解へたどり着こう！ CSSを完全に理解している人も、だいたい理解している人も、たぶん理解していない人も遊べます。 画面右側のエディターに CSS を入力して、左側のステージ上の要素を動かしたり、隠したり、押せる状態にしたりします。 編集モード ステージ上の要素をクリックすると、その要素を選択できます。 選択した状態で右側に CSS を入力すると、選択中の要素にスタイルが反映されます。 CSS は ; まで入力すると確定します。 プレイモード 正解のボタンを押せる状態にしたら、画面上部の プレイモード を押します。 そ

筆者プロフィール: ソフトウェアエンジニア。「知った気にならない。いつまでも学び続ける」を信条に、業務と個人開発の両輪で技術を磨いています。AI 駆動開発で複数の個人開発アプリを構築・運用中。 👉 ポートフォリオ: 筆者ホームページ この記事は約5分で読めます。 「個人開発はサーバ代がかかるから公開できない」 — そう思っていませんか？ 私は現在 3 つのプロダクトをインターネット上に公開していますが、月額の運用コストは完全に 0 円です。この記事では、0 円を実現するために行った技術選定とトレードオフの判断をすべて公開します。 前提: 私のプロダクト構成 プロダクト 種別 技術スタック

エグゼクティブサマリー この記事は、AIコーディングツールまわりで増えがちな AGENTS.md、CLAUDE.md、GEMINI.md、SKILL.md、agents系ファイルをどう分けるか、という話です。 結論はかなりシンプルで、「常に読ませるもの」「必要なときだけ読ませるもの」「役割を持つ別エージェント」を分けると扱いやすいです。 AGENTS.md を共通ルールの正本にしつつ、ツール固有ファイルは薄くし、手順は SKILL.md、役割分担は agents系ファイルに逃がす、という点です。 今回のキーメッセージはこれです。 常時ルールは AGENTS.md ツール固有の入口は薄くする 手順は SKILL.md 役割分担は agents系ファイル 結論 まずは、この理解で十分かなと思います。 書くもの 一言でいうと 向いている内容

BeRealで炎上中の西日本シティ銀行に友達がいるので様子を聞いてみたら「もうよかけん、これ以上聞かんとって。たまらんばい」と言われた→なぜか方言警察が集まる流れに

はじめに 画像やPDFのテキストをコピーしたいとき、オンラインのOCRサービスに画像を送るのはちょっと抵抗がありませんか？ 特に社外秘の資料や個人情報が写っている場合。 通信ゼロ、ブラウザの中だけで完結するOCR があれば安心して使えるのに — そう思って、Chrome拡張機能を作りました。 以前からいくつかの日本語OCRを試してきて、ブラウザ内でも実用レベルで動くことがわかっていたので、それを誰でも気軽に使える形にしたかったのが動機です。 yomitokuで作る日本語OCR Webアプリ — サーバーサイドで高精度な日本語OCR Tesseract.jsでカスタムモデルのトレーニング — ブラウザOCRの可能性と限界 ブラウザだけで完結する日本語OCR＋透視変換 — NDLOCRをブラウザで動かす Chrome Web Store で「オフラインOCR」と検索してもヒットします。 これま

ゆかりちゃん @yukaric03886076 あの⁉️もしもし⁉️ 数日前に韓国の方のポストがおすすめに流れてきて 「わかめスープを作る時はわかめを時間をかけてしっかり炒めるととんでもなく美味しくなる」 と書いてあったので早速炒めてるんだけど爆発起こしてるんやが😭 何が原因？😭 （恐怖のあまりｳｨﾘ！という変な声が入っていますが気にしないでください...） 2026-04-28 19:58:55

【実録】ソニーの「8年間の部品保有」とは何だったのか。フラッグシップ機TA-ZH1ES、生産終了から3年半で修理拒絶された記録 はじめにこれは、ソニーの高級据え置き型ヘッドホンアンプ「TA-ZH1ES」が、生産終了からわずか約3.5年で修理を拒絶された記録です。 私自身はすでに自力で問題を解決していますが、同様の被害者を減らすという公益目的のため、また一人のソニーファンとして感じた不誠実さを残すため、事実をベースに発信します。 前提：メーカーの「8年間の約束」家電メーカーは通常、生産終了後も一定期間修理ができるよう「補修用性能部品」を保有しています。本機の取扱説明書には、はっきりとこう記されています。 「当社ではヘッドホンアンプの補修用性能部品(製品の機能を維持するために必要な部品)を、製造打ち切り後8年間保有しています。ただし、故障の状況その他の事情により、修理に代えて製品交換をする場合

自動車愛好家たちが集うカーミーティングは、オーナー同士の交流が魅力の一つだ。埼玉県では、マツダ・ロードスターのオーナーによる「ミーティングOHT（仮）」が18年にわたり開催されていたが、4月12日をもって終了となった。原因は一部の飛び入り参加者らによるマナー違反。度重なる注意喚起を行っていた運営側は、苦渋の胸中を明かした。 自動車愛好家たちが集うカーミーティングは、オーナー同士の交流が魅力の一つだ。埼玉県では、マツダ・ロードスターのオーナーによる「ミーティングOHT（仮）」が18年にわたり開催されていたが、4月12日をもって終了となった。原因は一部の飛び入り参加者らによるマナー違反。度重なる注意喚起を行っていた運営側は、苦渋の胸中を明かした。 背伸びして購入した高級外車…大御所タレントが35年以上所有し続ける愛車（JAF Mate Onlineへ） 「4/12に18年の歴史あるロードスター

八月 @8th_month メルカリに出てる人間国宝の帯や着物が（新品・新古品ですら）2-3万でも売れてない一方で、機械織りの新之助上布（反物3万円代〜）は抽選販売するほどの人気で若い世代に売れている。やり方次第でまだ商機はある。 pic.x.com/E6yPyjqhkv 2026-04-25 14:52:15

はじめにLayerXで執行役員／VP of Product をしているnumashiといいます。 これまでキャリアの多くを、新規プロダクトの立ち上げにプレーヤーとして費やしてきました。ゼロからプロダクトを作り、顧客に届け、失敗し、作り直す——その繰り返しの中で、Minimum Viable Product(以下、MVP)という概念は自分にとって単なるフレームワーク以上のものでした。 「何を作るべきか」を問い続けるための、思考の型でした。 今、新規事業をやる中で、改めて生成AIの登場によってMVPの意味が根本から変わりつつあると感じたため、言語化しようと思います。 MVPとは何か新規プロダクトを作る際、MVPは開発の羅針盤でした。 Minimum Viable Product——その本質を説明するとき、Henrik Knibergのイラストがよく引用されます。 「車を作るなら、まずタイヤだけ

なんだかんだ定期的に会ったりしてたけど、疲れてしまった。友達のこと嫌いになったわけではないし、縁を切りたいとまでは思っていないけど、しばらく距離を置きたい。 問題はその子が私のことを好きで、きっと傷つくってことだ。でも私の言ってることが伝わらなくて、私がどれだけ配慮してるかも理解せず、むしろ自分だけがいつも被害者みたいな態度を取られることに私も苦しくなってしまった。私は話し合いで解決したかったけれど、話し合いにもならない。ただ責められたと思われて、内容は全く理解してなくて、その感情を反復し続けて、5年後とかに急に「あのとき色々言われて傷ついた」って言ってくる。しかも喧嘩してるときとかじゃなくて、普通に楽しく遊んでるときに言ってくるから、どうしたらいいかわからない。 友達以上姉妹未満みたいな関係で、小さい頃からずっと面倒をみていた。私にとっては昔から対等じゃない。対等な関係じゃないと友達関係

はじめに Claude Code のプラグインエコシステムが急速に拡大しています。2026 年 4 月時点で、公式マーケットプレイス（claude-plugins-official）には 160 個のプラグインが登録されています。うち 32 個が Anthropic 製、残りはサードパーティ製です。 しかし、数が多すぎて「結局どれを入れればいいの？」と迷う方も多いのではないでしょうか。 この記事では、公式マーケットプレイスの中身を実際に確認した上で、おすすめのプラグインと MCP サーバー系プラグインを紹介します。 プラグインの基本 プラグインとは Claude Code プラグインは、スキル・フック・MCP サーバー・エージェントをパッケージ化して配布する仕組みです。プラグインをインストールするだけで、新しいスラッシュコマンドやツールが使えるようになります。 インストール方法 # 公式マ

先日、NHKの「ドキュメント72時間」という番組で、東京・池袋の中華フードコート「友諠食府」の様子が放送された。 同番組は「ファミレス、空港、居酒屋……。毎回、ひとつの現場にカメラを据え、そこで起きる様々な人間模様を72時間にわたって定点観測するドキュメンタリー番組。偶然出会った人たちの話に耳を傾け、“今”という時代」を切り取るという内容である。 筆者が、友諠食府について最初に書いたのは、もう5年ほど前のことだ。「現地感を味わえる中華料理のフードコートが人気。『旅ロス』が後押し」（2021年7月23日）というコラムだった。 筆者が運営するガチ中華を愛好するSNSコミュニティ「東京ディープチャイナ（TDC）」のウエブでも、友諠食府のレポートは何本も配信しており、このフードコートの各店で供するさまざまな料理の特徴や店主の顔ぶれについても紹介している。 同店を昔からよく知るTDCのグループの人た

進歩的な社会変革を実現するのが難しい理由の１つは、社会の仕組みがよく分かっていないことである。私たちは、エイリアンのテクノロジーの断片を、内部機構もよく分からないままいじくっているようなものだ。私たちに観察できるのは、その内部機構へのインプットと、それが生み出すアウトプットだけである。実際、マルクスの仕事が未だに魅力を持ち続けている理由の１つは、歴史的発展の基本法則を発見したと謳っていることだ。そうすることでマルクスは、社会主義に「科学的」地位を与えようとした。もう、過去の「空想的」社会主義者たちのようにあてずっぽうで行動を起こす必要はない、というわけだ。マルクスの理論によって、人間に課された制約が正確に突き止められ、どんな介入を行えば解放的な帰結がもたらされるか（あるいはもたらされないか）を事前に知ることができる、とされた。 マルクスの提示した具体的な理論は間違っていることが明らかとなっ

おでん 焼きそば あと一つは？

2026年4月24日 はてな[3930]の開示資料「資金流出事案の発生に関するお知らせ」 が閲覧できます。資料はPDFでダウンロードできます

衆院厚生労働委員会で中道改革連合の早稲田夕季氏の質問に答弁する高市早苗首相（中央）。右奥は上野賢一郎厚労相＝国会内で2026年4月24日午前10時41分、平田明浩撮影 高市早苗首相は24日の衆院厚生労働委員会で、イラン情勢を受けて懸念されている石油化学製品の原料「ナフサ」の供給問題について、調達のめどが立ちつつあることを明らかにした。「もうちょっと先になりますけれども、まもなくそんなに心配していただかなくてもいい情報もお伝えできるかと思っている」と述べた。中道改革連合の早稲田夕季氏への答弁。 ナフサ不足による注射器など医療基盤物資への波及懸念に関しては「（流通の目詰まりは）迅速に解消していると聞いている。安定供給に万全を期している」と強調。厚労省と経済産業省が連携し、代替製品の調達など医療現場への安定供給に取り組んでいるとも説明した。

JR中央線・武蔵境駅前にある「ひと・まち・情報 創造館 武蔵野プレイス」。丸みをおびたデザインのしゃれた建物で、図書館としてだけでなく、生涯学習支援、市民活動支援、青少年育成の機能を統合した複合公共施設だ。年間の利用者数は160万人を超える。昨今、図書館は人が集う“サードプレイス”としても注目を集めているが、15年前の開館当時は珍しかったはずだ。 「武蔵野プレイス」をきっかけに武蔵境に引越してきた利用者、運営を支えるスタッフ、1階のカフェの代表、それぞれの視点から魅力に迫る。 「武蔵野プレイスの近くに住みたい」。この街にマンションを買った理由だった 「武蔵野プレイスがあったから、武蔵境に引越してきたんです」というイラストレーターのねこねこさん。JR中央線沿線を中心にマンション探しをしていたが、武蔵境駅は「ずっと通り過ぎるだけの駅でした」とのこと。 「でも新築マンションのモデルルーム見学で初