htmxは、HTMLの属性を追加するだけで、インクリメンタル検索やインライン編集をはじめとするさまざまな動的なUI（User Interface）を実現できるJavaScriptライブラリです。SPA（Single Page Application）フレームワークのような大がかりなビルド環境を用意することなく、すでにあるサーバーサイドアプリケーションに段階的に導入できる点も大きな魅力です。 本記事では、htmxの基本的なしくみや使用方法を紹介したのち、架空のタスク管理アプリケーションを題材に、htmxで実現できるさまざまなインタラクションを紹介します。 htmxの概要 HTMLを拡張するアプローチ htmxの基本的なアイデアは、HTMLの属性を使ってサーバーとの通信およびDOM更新を宣言的に記述するというものです。 たとえば、ボタンがクリックされたらサーバーからデータを取得し、画面の一部を

GitHubが大好きなセキュリティチームのhikaeです。GitHubは先日、GitHub Copilot Free / Pro / Pro+ の入出力などを、オプトアウトしない限りAIモデルの学習に利用する方針変更を発表しました。適用は2026年4月24日を予定しています。Copilot Business / Enterprise の利用者はこの変更の対象外ですが、本当に安心なのでしょうか？ 「自社の開発者が必ずBusiness / Enterpriseライセンスの経路で使っている」と言い切れるかという観点から、意図せず学習に使われる経路をどう塞ぐかについて実装方法を整理し、その実装方法を整理し社内で実施した対処法について紹介します。 github.blog 学習許可のオプトアウトに注意 今回注意すべきはinteractionの範囲です。もしもCopilotユーザーが学習利用をオンにして

Let’s Encryptの短期証明書は、90日証明書の延長くらいの感覚で入るとかなり厳しいです。 サブドメインを含む複数の証明書を短い間隔で発行・更新する構成では、証明書発行まわりのレート制限に引っかかりやすくなります。短期証明書では更新回数が増えるので、その影響がかなり表面化しやすくなります。 まずステージング環境で試した方がよい 開発やテストでは、本番ではなくステージング環境を使った方がよいです。本番と同じ種類の挙動をかなり緩い制限で試せるので、証明書の切り方や更新方法を確認する段階では先にこちらを使う方が安全です。 環境 ACME directory URL 短期証明書はレート制限に当たりやすい 短期証明書は有効期限が160時間しかなく、Let’s Encryptは3日ごとの更新を勧めています。90日証明書より更新回数が大きく増えるので、レート制限に当たりやすくなります。 特に厳し

こんにちは、PR TIMESでインターンをしている笹山雷雅です。 レビュー中や検証中に、いま触っているブランチをそのまま残したまま、別ブランチの挙動を確認したくなる場面は少なくありません。 ただ、git switch を繰り返す運用では、未コミット変更を気にしたり、作業の文脈が途切れたりしやすく、修正前後を見比べるにも手間がかかります。 そこで今回は、git worktree と Docker Compose を組み合わせて、作業中ブランチを切り替えずに別ブランチを https://<slug>.app.dev.local で並行確認できるようにした構成を紹介します。 この記事では、PR TIMES のローカル開発環境で実際に試した構成を、公開向けに一般化して紹介します。 この記事の要約 git worktree と Docker Compose を組み合わせ、作業中ブランチを切り替えずに

💡 5つの判断基準 1. ワークロードの特性（実行時間とステート） Lambda 1回の実行時間は「最大15分」 → 短時間で完了するステートレスな処理（APIのバックエンド、軽量な非同期処理など）に最適。 ECS 実行時間の制限無し。 → 15分を超えるような重いバッチ処理、機械学習の推論、WebSocketなどによるクライアントとの継続的な接続（ステートフルな処理）が必要な場合はこちら。 2. トラフィックの傾向とスケーラビリティ Lambda 突発的なアクセス増に極めて強い。アクセスが来たら一瞬で自動的に並列スケールし、使われない時はゼロ台になる。 → トラフィックの予測が難しいシステムに最適。 ECS オートスケーリングは可能だが、コンテナの起動には数十秒〜数分の時間がかかる。Lambdaほどの瞬発力はない。基本的には常に必要最小限のコンテナを稼働させておき、メトリクス（CPU使

【読売新聞】　漁獲量が減っている三河湾のアサリを回復させるため、愛知県は、三河湾の海洋の水質環境基準を緩和することを決めた。アサリが減っているのは、水質が改善した結果、餌が少なくなったためだとする漁業関係者の声を受けた措置。国が昨年

連載目次 AIコーディングエージェントの進化により、自然言語でWebサイトのUI（ユーザーインタフェース）が作れるようになった。しかし実際に使ってみると、「修正を頼むたびにボタンの形が変わる」「ページごとに色のトーンがバラバラになる」といった、デザインの一貫性が保てない問題に直面することがある。 この「AIがバラバラなUIを作る問題」に対し、Google LabsのStitchチームが、2026年3月18日（米国時間）に公式ブログで注目すべき解決策を提示した。それが、プロジェクトのルートディレクトリ（最上層のフォルダ）に置く設計図、DESIGN.mdファイルだ。 DESIGN.mdファイルは、AIが理解するために最適化されたデザインシステム（共通ルール）用のドキュメントである。Markdown（マークダウン：簡単な記号で構造化するテキスト形式）の見出しやリスト構造を活用することで、人間が読

WordPressの時代は終わる？ 2026年4月、Cloudflareが衝撃的な発表をした。 EmDash — WordPressの「精神的後継者」を名乗るオープンソースCMS。 「WordPressはもう古い」「セキュリティが危機的」と言い切り、新しいCMSを世に送り出した。しかもこれ、AIエージェントを使って2ヶ月で作ったらしい。 なぜWordPressがダメなのか Cloudflareが指摘する最大の問題はプラグインのセキュリティ。 WordPressサイトのセキュリティ問題の96%はプラグインが原因 これはかなり衝撃的な数字だ。 WordPressのプラグインは基本的に「何でもできる」。データベースに直接アクセスできるし、ファイルシステムも触れる。悪意あるプラグインや脆弱性のあるプラグインが入ると、サイト全体が危険にさらされる。 EmDashとは何か EmDashは以下の特徴を持

この記事は毎週必ず記事がでるテックブログ Loglass Tech Blog Sprint の137週目の記事です！3年間連続達成まで残り22週となりました！ データベースの主キーはもう UUIDv7 一択――というのが最近の流れかもしれません。特に今は AI が「核心です！本質です！UUIDv7 です！」と自信満々に採用してくる時代です。だからこそ、人間の側もその背景をしっかり理解しておきたいものです。 ログラス プロダクト基盤部の小林です。ID体系を根本から考え直す機会はなかなかありませんが、ログラスにおいていくつかの新規事業や大規模なプロダクト改修が進む中で刺激を受け、この記事を書きました。 本稿では、 「デジタルシステムのID（DBの主キー）」 に焦点を当て、その変遷と現代のベストプラクティスを紐解きます。 TL;DR: ID技術の比較と選び方 現代のシステム構築において候補に挙が

はじめに 2026/04/02の朝に起きたら、CloudflareがWordPressの後継を名乗るCMSを公開していた。 いろんな人がWordPressを雑に使って世界中にセキュアじゃないWebサイトが乱立している現状がどうにかならんかなーと思っていた立場として、気になったからとりあえずセットアップから管理画面の操作、記事反映の挙動、デプロイまでを一通り触ってみた結果を公開する。 今回は「WordPress ライクな操作感を持ちつつ、モダンな技術スタックで構成された CMS」としてどのような印象だったかを、実際に触って分かったことベースでまとめる。 EmDash とは EmDash は、WordPress のような親しみやすい管理画面を持ちながら、Astro や Cloudflare Workers などのモダンな構成で動かせる CMS。 実際に触ってみると、編集体験は WordPres

書類の写真や古文書の画像データを入力するだけでテキストデータとして文字起こしできるウェブアプリが「NDLOCR-Lite Web AI」です。NDLOCR-Lite Web AIは2026年2月に国立国会図書館のNDLラボが公開して話題となった「NDLOCR-Lite」の派生アプリで、インストール操作不要でウェブブラウザからアクセスするだけで使用可能。さらに、各種AIのAPIキーを登録することでAIを用いた校正作業も実行できます。 NDLOCR-Lite Web AI https://cozy-starburst-e4f699.netlify.app/ 上記のリンクをクリックしてNDLOCR-Lite Web AIにアクセスすると、最初に必要なOCRモデルのダウンロードが始まります。 ダウンロードが完了すると画像データの入力待ち画面が表示されます。入力できる画像形式は「JPEG」「PNG」

CLAUDE.mdは長いほど効くわけではありません。むしろ長いほどClaude Codeは従いにくくなります。 100行書いたCLAUDE.mdと、35行に削って残りを.claude/rules/に分離したCLAUDE.md。同じ指示を出しても、後者の方がClaudeの出力品質が明らかに高いのです。 この記事では、なぜそうなるのかを公式仕様に基づいて解説し、「どの行を残し、どの行を移し、どの行を消すか」を1行単位で設計する方法論を紹介します。 CLAUDE.mdの注入メカニズム — なぜ「埋もれる」のか User Messageとして注入される事実 公式ドキュメントにはこう書かれています。 CLAUDE.md adds the contents as a user message following Claude Code's default system prompt. — Claude

はじめに グループIT推進本部 CyberAgent group Infrastructure Unit（以下、CIU）所属・Next Expertsの平井（@did0es）です。 CIUのサービスのWebフロントエンド開発に携わる傍ら、TypeScriptのNext Expertsとして情報発信や社内向けの技術支援を中心に活動しています。 本記事では、pnpm や bun への移行を検討する前に、まず npm のままで実現可能なセキュリティ対策を実施したい人を対象に、 .npmrc に入れるべき最小限の設定を紹介します。 ここで紹介する設定は、最小構成でありつつ、CIUのWebフロントエンドでも共通して採用している内容です。 背景として、npmまわりでは直近で大きなサプライチェーン攻撃が続いています。 Shai-Hulud（2025年9月〜11月） axiosパッケージ改ざん（2026年

【STORY】 西暦2312年・・・ 紛争根絶のため結成された独立治安維持部隊アロウズ。 だが、彼らはその力ゆえに暴走を始めていった。 その暴走を食い止めるため、平和な明日を作り出すため、 私設武装組織ソレスタルビーイングの4人の若者たちは、 その命を懸け、4機のガンダムと共に戦場を駆け巡る。 ♫UVERworld「CHANGE」 ナレーション：置鮎龍太郎 ▼ガンダム公式Xアカウント https://x.com/gundam_info ▼ガンダム公式サイト https://gundam-official.com/ ▼現在(本当に)公開中の映画『機動戦士ガンダム 閃光のハサウェイ キルケーの魔女』の公式サイトはコチラ‼ https://gundam-official.com/hathaway/theater/ #ガンダム #gundam #エイプリルフール

Googleが、まず米国のユーザー向けに、Gmailアドレスのユーザー名部分を変更できる機能を順次提供している──。 昔のあだ名や、その時のノリで付けた単語、今となっては意味の分からない数字――。そんなGmailアドレスを使い続けてきた人に朗報だ。Googleが、Gmailアドレスの「@gmail.com」より前のユーザー名を変更できる機能の提供を始めた。 同機能は、ここ数カ月にわたって準備が進んでいるとみられていた。Googleによると、米国のGoogleアカウント利用者は順次この機能を利用できるようになる。すでに変更できるようになっているアカウントもあるようだ。 新しいアドレスに変えたい場合でも、アカウント内のデータが消えたり、サービスが使えなくなったりする心配は基本的にない。メールや写真、Google Drive内のファイルなどはそのまま引き継がれ、GmailやGoogle Maps

1. はじめに：今日はエイプリルフールですが、嘘みたいな本当の話です 皆さん、こんにちは！ 株式会社ぐるなびで Principal Tech Lead を務めている小向です。 本日はエイプリルフールですが、嘘のような本当の話をします。 「管理画面を一度更新するだけで、アプリのコードもFigmaも、多言語対応がすべて自動同期される」 こう聞くと、「結局は誰かが手動で調整しているのでは？」と疑いたくなるはず。 エンジニアとして至極まっとうな反応です。 しかし、私たちが取り組んだのは、 「人力を排し、その労力を『自動化の仕組み』へ完全に移行させること」 でした。本記事では、この「嘘みたいに効率的な同期の仕組み」を具体的に解説します。 2. どんなプロダクトで実現しているのか 私たちが開発している UMAME!（うまみー！） は、 生成AIがユーザーの趣味嗜好や行動を学習し 最適な飲食店を提案する

デジタル庁が「[ダッシュボードデザインの実践ガイドブック](https://www.digital.go.jp/resources/dashboard-guidebook)」をリニューアルした。このツイートで知った。 ＜ぜひ拡散のほどを！＞ デジタル庁より公表している「ダッシュボードのテンプレート」をリニューアルしました。誰でも、より簡単にキレイなダッシュボードが作れるようになります。 ・グラフの種類を大幅に増えました ・カラーパレットが7タイプから選べます ・活用事例がどんどん増えています — hikaru / 樫田光 (@hik0107) March 31, 2026 行政向けの資料だけど、民間でもそのまま使える内容だった。チャートの選び方、Do's/Don'ts、カラーパレットまで、ダッシュボードを作るときに必要な判断基準が一通り揃っている。 業務では Lightdash で BI

この記事では npm v11.10.0 で追加された min-release-age について紹介します。 実際の動作検証や pnpm と safe-chain との比較もあわせて解説します。 こんにちは。CX 事業本部製造ビジネステクノロジー部所属の hongki です。 npm v11.10.0 で、pnpm にあった minimumReleaseAge と同等の機能である min-release-age が追加されました。 今回はこの機能について、既存の before オプションとの違いや、サプライチェーン攻撃への対策としてどのように活用できるかを解説していきたいと思います。 min-release-age とは？ min-release-age は、公開から一定日数が経過していないパッケージのインストールを防ぐ機能です。 If set, npm will build the npm

こんにちは。エムスリーでセキュリティチームに所属する山本です。セキュリティチームのブログリレー二日目となります。本日はメールセキュリティの話です。 メール配信サービスの契約をすると、オンボーディングの手順書にこんな一文が入っていることがあります。 m3.com のSPFレコードに include:somemailservice.example.comを追加してください 「よし、追加しておきましょう」と粛々と追加するのですが、そのせいでSPFレコードには数々のドメインが連なります。ケースによっては問題も発生しますので、その辺りのことを考えていきたいと思います。 おさらい：SPFってなんだっけ？ SPFとenvelope-from バウンスの受け先は配信サービスのサーバ サブドメインを使うとき それでもメインドメインにSPFを追加する理由 キャリアメール SPF lookup回数制限 SPF設