この記事は、以下のモダンCSSに関する記事のHTML版です。 せっかくならHTMLもちゃんと学んでみようと思い、最近のHTMLの新機能を改めて学び直したので、アウトプットついでにこの記事を書いています。 HTML Living Standardの時代へ 2019年5月28日、W3CとWHATWGは、HTMLとDOM標準の開発をWHATWGが主導することで合意しました。これにより、HTMLは「HTML5」のようなバージョン番号を持つ仕様から、継続的に更新される「HTML Living Standard」へと移行しました。 この変化は単なる管理体制の変更ではなく、HTMLの進化の方向性を示しています。この記事で紹介する2019年以降の新機能を見ると、以下のような傾向が明確に現れています： 宣言的UI構築への移行 - JavaScript実装から、HTML属性による宣言的な記述へ ブラウザネイテ

ZETA DIVISION所属のta1yoさんが、在学中の慶応大学の卒業研究発表にて最優秀賞「RG Award」を受賞したことを自身のXで報告しました。 配信活動の傍ら、卒論準備に励んでいたta1yoさん。「卒論うまくいったぞ！！！！」という報告には多くの祝福が寄せられました。 卒論うまくいったぞ！！！！ pic.twitter.com/B4uwaPr4E9 — ta1yo (@ta1yo_tv) July 17, 2025 発表当日には、緊張でマイクを両手でしっかり握る姿の写真も投稿され、元OWL王者とは思えぬ（？）かわいい一面も披露。 緊張でマイク両手もちになってる図 pic.twitter.com/8V81j2afL5 — ta1yo (@ta1yo_tv) July 18, 2025 ta1yoさん開発のSenti-Flowシステム ta1yoさんの研究テーマは「ライブストリーミン

2023年は、私にとって、プライベートで激動の一年でした。実家で暮らしている両親（10年ほど前に母が腰を悪くして、寝たきりではないものの、父が介護をしていた）のまわりで、いろんなことが続けておこりました。大まかなタイムラインはこんな感じです。 2023/1月：父が救急搬送・入院（胃がんが判明し胃摘出・腹膜播種で治療は無理、余命1年程度）、母はショートステイへ 2023/3月：父が退院、金沢の施設に入ることにして、それを探す間、リハビリ入院 2023/4月：父母そろって金沢の施設へ入居 2023/10月：父のがんが進行し、徐々に体調が悪くなる 2024/1月：父が亡くなる 2024/3月：母が亡くなる（予兆なしの突然） それぞれで、いままでしならなかったこと（社会制度など）がたくさんあり、それぞれにいろんな手続きがあり、本当にいろんな経験をしました。誰でも1回しかない経験かもしれませんが、そ

いしかわひろこ📖限界ズボラゆるトレ大全発売中！ @kumainunews 【歩いても疲れない🦶足裏アーチトレ】（1/2） 歩くとすぐ疲れたり足首が痛くなっちゃう…⚡️そんな弱った足は、足裏のアーチを鍛えることで、インソールに頼らない快適足に🙆‍♀️🦶✨ぜひお試しあーれ！ pic.x.com/eqc4g7FyVv 2025-07-08 19:02:34

tl;dr OpenAI から ChatGPT agent が発表されたよ Deep Research や Operator を ChatGPT に統合したよ 使うには Pro / Plus / Team プランが必要だよ 現状 ChatGPT agent のためだけに Plus / Pro プランを契約するのはオススメしないよ 参考文献 Introduction to ChatGPT agent Introducing ChatGPT agent: bridging research and action ChatGPT agent System Card ChatGPT agent Makes Slideshows ChatGPT can Research & Action on Tasks ChatGPT agent Customization ChatGPT agent Does

tl;dr foobarhogehoge.invalidは絶対にリクエストが飛ばないのでおすすめ あらすじ 書いていたコードは、とあるミドルウェア向けに内部利用するURLを環境変数で受け取るようになっていた。普段は実際の内部のURLが書かれているのだが、テスト時には以下のようにダミーを設定していた: FOOBAR_EXTERNAL_URL="https://example.com/foobardummy" テストではこのURLを利用しないのだが、内部で環境変数のバリデーションを行っている都合上、とりあえず適当なURLを指定しなければ起動してくれないから、こうなっていた。重ねて言うが、実際はこの環境変数を利用していないのでこれでいい。 しかしこれだと、うっかり内部の様子がおかしくなったりエンジニアが狂ってしまった場合に、example.comに本当にアクセスしてしまう。なおかつ、セキュリティ

個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお

「起業家なら、最初は全部、自分でやれ」そんな昔話です。 僕は、2019年1月に自動車整備領域のスタートアップ「株式会社Seibii（セイビー）」を創業し、6年間経営してきました。創業時点で僕1人だったところから、4月に2人、5月に4人となり、僕が退任した6年後の2025年3月時点では正社員60名、売上16億円、整備士900名、月間10,000件の整備サービスを北海道から沖縄まで全国で提供するまでに成長しました。 （こちらも読んで欲しい：セイビーを創業した時の話） もちろん、自分が目指していたところからすれば、成功とは到底呼べないのですが、何もなかったところから会社として体をなし、確固たる顧客基盤を有し、付加価値を社会に提供する「社会の一部として必須の存在」になったとは自信を持って言えます。 もともと僕は、とにかくインターネットのサービスで起業したかったです。でも、文系・営業でプログラミング

飲み会の精算で幹事にメールタイプのamazonギフトカードを送りました…というつもりだったんですが、実は宛先を間違えてて知らない人に送ってました。公式情報を見るにメールを送ってしまったらキャンセルはできないし有効期限は10年だし、期限が切れてどうなるかはどこにも書いてないし…ということで、数日前はお先真っ暗でした。 悶々としていた本日、ふと「購入履歴ページにアクセスしてメールを再送信できるのは知ってる。そのときに宛先アドレスを変更できないだろうか」とひらめいて、試したところうまくいきました。宛先を自分にして自分で受け取れました。日本銀行券よりは流動性は低いものの、おそらく余裕で使い切れるamazonのポイントに変換されました。満足。 終わりです、。誰かのなにかの役に立てばいいですね。

事例で学ぶ！B2B SaaSにおけるSREの実践例/SRE for B2B SaaS: A Real-World Case Study

こんにちは、わさびーふです。 今回は Claude Code の --dangerously-skip-permissions オプションを使いながらも、hooks↗ 機能と deny-check.sh スクリプトで安全性を確保する方法を紹介します。 問題：権限チェックのジレンマ Claude Code には通常、安全のための権限チェック機能がありますが、開発効率を重視して --dangerously-skip-permissions を使うことがあります。 しかし、これには以下のリスクがあります。 システム設定を変更する git config コマンドの実行 パッケージの自動インストール（npm install -g、brew install など） 権限変更（chmod 777）や強制削除（rm -rf）の実行 GitHub の API を使った破壊的操作 解決策：PreToolUse

まずはこちらをご覧ください。 これは私の職場に貼ってあるポスターの一部です。注目していただきたいのはこの「優」の文字。これを見て何か見えてくるものはありませんか？ 結論から言うと記事のタイトル通りこの「優」の漢字の中におじいちゃんが見えるんです。 どうですか？言われて見てみるとおじいちゃんが見えてきませんか？私には完全におじいちゃんが見えています。 このポスターは私の職場と、グループ会社にのみ貼られているものなので、万が一同じ職場の社員がこの記事を読んでいたら身バレするのが恐ろしいです。 引きで見たらどうでしょうか？案外こちらの方がおじいちゃんが見えてきやすいかもしれません。見えます、かなりおじいちゃんが見えます。 ここまでの説明で「優」の中におじいちゃんが見えた方、おめでとうございます。 見えなかった方も大丈夫です、そういう方も多いと思います。 ここまで読んで「全く何を言っているか分から

2025-07-06 設定ファイルと起動オプションに不備があったので修正しました。今度こそ大丈夫です！！！！！ 2025-07-09 設定ファイルに不備があり、セッションの更新がされずAPIエラーになる事象を修正しました。本当に今度こそ大丈夫だと思います！！！！！！！ 2025-07-10 挑戦に失敗はつきもの Claude Codeくんは便利ですが、ちょっとドジなところもあるので目を離すのはちょっとこわいですね。 このようなときはVMやコンテナで開発環境を完全に隔離すれば安全安心が手に入るわけですが、プロジェクトごとに設定するのは面倒くさい。 悪意のないAIのうっかりミスを防げる程度の軽量なサンドボックスがあると嬉しいのですが、Macには意外と手頃なものがないんですね。 普段dev containerを使ってる人ならそれで良さそうですが、わたしはMac上で直接開発したいので……。 ところ

これでローカルサーバーが起動してlocalhostが立ち上がり、HEADコミットの差分が以下のように表示されます！ 特定コミットハッシュの指定もできます。 # Review HEAD commit npx reviewit # Review Uncommitted working directory diff npx reviewit . # Review a specific commit npx reviewit 6f4a9b7 # Review HEAD~3 npx reviewit HEAD~3 # Custom port, don't auto-open browser reviewit 6f4a9b7 --port 4300 --no-open UIはGitHub同様side-by-sideとinline、デフォルト空白無視（-w状態）でどちらもグローバルヘッダーから切り替えら

はじめに：あなたの研究パートナーのAIは？最近、X（旧Twitter）でアンケートを取ると、生成AIの利用において「Geminiが増えてきている」という印象を受けます。しかしリアルの講演会で参加の先生に「現在、主に使っているLLMサービスは？」と尋ねると、大体9割が「ChatGPT」と回答されます。 3ヶ月ちょっとの間にGeminiが大きく躍進‼️ ChatGPTとClaudeのシェアを大きく奪ってますね👀 ただX上なのでかなりアーリーアダプターのバイアスありそうです(講演とかで聞くと9割ChatGPT) 回答頂いた皆様ありがとうございました🙇‍♂️ https://t.co/D1pTj1x3JY pic.twitter.com/uyrRk68QFP — 限界助教|ChatGPT/Claude/Geminiで論文作成と科研費申請 (@genkAIjokyo) June 7, 2025

どうもこんにちは Claude Codeを使っている人ならみんな感じてると思いますが、CLAUDE.mdでどれだけ緻密なルールを組んでも3ラリーくらいするとすっかり忘れてどんどん適当に動き出すというどうしようもない現象があります そのたびに「ルールを守ってください」と500000000回は打ち込みましたし、指摘し疲れて「/a」で「ルールを再確認してください」というカスタムコマンドまで組んで対処しているような状況でした この問題で難しいのが、「語尾を◯◯にして」だったりそういうしょうもないロールプレイはずっと守るわりに、「事前に確認を取って」とか「このルールで報告して」とかそういう挙動系のルールをすぐ忘れるという点です これをどうにか解決できないかなーと考えていたのですが、そもそもなぜ語尾ルールは守れるのか？という部分から答えを見つけるべきだと思い調査を開始しました なぜ語尾ルールだけは守ら

芋 | = ´ ᵕ ` ) @Gockie だから一度さっと茹でこぼしてから焼くと、水飴や増粘多糖類などが落ちてキレイにカリカリのベーコンが焼ける フライパンに少量の湯を沸かす→ベーコンをさっと湯掻いてお湯捨てる→そのままベーコン焼き付ける pic.x.com/dIZK5MSc7b x.com/ichika_nikoma/… 2025-06-27 20:48:48 ichika @ichika_nikoma ベーコンはね 水飴で保水力を保ち膨らませてるから焼くと普通の肉より糖分が焦げつきやすいの アメリカのベーコンは水飴入ってないからカリッカリになるまで加熱しても焦げないの 2025-06-27 13:40:56

こんにちは、よしこです。 普段の開発にClaude Codeをフル活用する毎日です。 ただ、Claude Codeは検索があまり強くないので、なにか解決できないエラーや込み入った問題は別途ChatGPTアプリでo3に聞き、回答をClaude Codeにコピペする、というのが常でした。 もう二人で勝手に話してくれ〜って思いながら情報運搬職人をやっていました。 しかし！なんと今朝、OpenAI APIのo3 modelがWebSearchに対応したのです！！ つまり、MCP経由でClaude Codeが直接o3に聞いて、o3がChatGPTのように検索しまくって推論して整理してClaude Codeに返してくれる時代が来たのでは… というわけでさくっとMCPを作ってみました。 中から検索込みでo3のAPIを呼ぶだけの、1ファイルだけのごく薄いMCPラッパーです。 API Keyと一緒に、推論と