448 articles
[フロントエンドパフォーマンス - 第 7 回] Long Task の分解：なぜ 50ms が UX を壊すのか
[Frontend Performance - Part 7] Long Task を分解する：なぜ50msがUXを壊すのか？
📝 注意 本記事は AI の補助を受けて編集しています。 内容は大規模 Web アプリケーションの実務経験に基づいています。 📚 目次 問題：「処理が速いのに UX が悪い」の正体 なぜ 50ms が UX の境界線なのか？ Long Task の本質：時間ではなく「占有」の問題 ...
Original: 📝 注意 本記事はAIの補助を受けて編集しています。 内容は大規模Webアプリケーションの実務経験に基づいています。 📚 目次 問題：「処理が速いのにUXが悪い」の正体 なぜ50msがUXの境界線なのか？ Long Taskの本質：時間ではなく「占有」の問題 ...
【前編】9割の新人エンジニアがやっている 「承知しました」の落とし穴
はじめまして。株式会社PRUMでエンジニアをしている人見です。 日々、プログラミング学習や実務の中で、つまずきやすいポイントや考え方を整理して発信しています。 PRUMについて気になった方は、コーポレートサイトもぜひご覧ください。 ▶コーポレートサイト 【前編】9割の新人...
Original: はじめまして。株式会社PRUMでエンジニアをしている人見です。 日々、プログラミング学習や実務の中で、つまずきやすいポイントや考え方を整理して発信しています。 PRUMについて気になった方は、コーポレートサイトもぜひご覧ください。 ▶コーポレートサイト 【前編】9割の新人...
Neovim で最高級の Markdown ビューワーの開発 – md-render.nvim
Neovim で最高の Markdown ビューワーを作る - md-render.nvim
本記事は Vim Station Relay 2026/4/22 の投稿です。前回は ultimatile さんによる「ブラウザで日本語入力中に IME が勝手に切り替わると思ったら、Neovim の LSP が原因だった」という記事でした。 作成したプロジェクト 最初に作成したものを紹介します。 delphinu......
Original: この記事は Vim 駅伝の 2026/4/22 の記事です。前回は ultimatileさんによる「ブラウザで日本語入力中にIMEが勝手に切り替わると思ったらNeovimのLSPが原因だった」でした。 作ったもの 最初に作ったものを紹介します。 delphinu...
プッシュ通知の許可フロー設計 ― ブラウザやデバイスごとの違いと実装パターン
はじめに 今回は Firebase Cloud Messaging（FCM）によるプッシュ通知を本番運用するうえで考えるべき課題の中から「許可取得」にフォーカスして、具体的な設計と実装を深掘りしていきます。 せっかく自分のサイトにプッシュ通知を導入するなら、できるだけ多く...
Original: はじめに 今回は Firebase Cloud Messaging（FCM）によるプッシュ通知を本番運用するうえで考えるべき課題の中から「許可取得」にフォーカスして、具体的な設計と実装を深掘りしていきます。 せっかく自分のサイトにプッシュ通知を導入するなら、できるだけ多く...
AIがCTOみたいに計画から実装まで進めてくれた話
はじめに 個人開発で色々なAI系ツールを試している中で、 Verdent AI というツールの新機能 Manager を触る機会があったので、実際に使ってみた感想をまとめていきます。 結論としては「AIにコードを書いてもらう」というより「AIにプロジェクトマネジメントごと...
Original: はじめに 個人開発で色々なAI系ツールを試している中で、 Verdent AI というツールの新機能 Manager を触る機会があったので、実際に使ってみた感想をまとめていきます。 結論としては「AIにコードを書いてもらう」というより「AIにプロジェクトマネジメントごと...
n8n で「ランチ自動提案 Bot」を作ってみた（Google Maps × Discord）
n8nで「ランチ自動提案Bot」を作ってみた（Google Maps × Discord）
はじめに 毎日のランチ、こんな悩みありませんか？ 毎回どこ行くか迷う 同じ店ばかり行ってしまう 新しい店を開拓したい そこで今回は n8n + Google Maps API + Discord を使って ランチを自動で提案してくれる Bot を作ってみました。
Original: はじめに 毎日のランチ、こんな悩みありませんか？ 毎回どこ行くか迷う 同じ店ばかり行ってしまう 新しい店を開拓したい そこで今回は n8n + Google Maps API + Discord を使って ランチを自動で提案してくれるBot を作ってみました。 作っ...
【初心者エンジニア向け】開発業務の視野を広げる運用のはなし
こんにちは。 株式会社 PRUMのmasaです。 今日はITサービスの"運用"について、初心者エンジニア、プログラミング初学者向けに記事を書きました。 この記事を読むことで、リリース後のシステムがどう守られているかを知り、保守しやすいコードを書く視点を得られると思います。興...
Original: こんにちは。 株式会社 PRUMのmasaです。 今日はITサービスの"運用"について、初心者エンジニア、プログラミング初学者向けに記事を書きました。 この記事を読むことで、リリース後のシステムがどう守られているかを知り、保守しやすいコードを書く視点を得られると思います。興...
Prisma migrate resolve を使って Rails と Prisma のマイグレーションを共存させる
prisma migrate resolveを使ってRails+Prismaのマイグレーションを共存させる
はじめに 本来であれば、1 つの DB に対して ORM は 1 つに統一するべきものです。 しかし、詳細は割愛しますが、Rails と Hono（Prisma を ORM として使用する Web フレームワーク）が同じ DB を触らざるを得ない状況になってしまいました。同じ境遇のエンジニアの方に向けて、その...
Original: はじめに 本来であれば、1つのDBに対してORMは1つに統一するべきです。 しかし詳細は割愛しますが、RailsとHono（PrismaをORMとして使用するWebフレームワーク）が同じDBを触らざるを得ない状況になってしまいました。同じ境遇のエンジニアの方に向けて、その...
Opus 4.7 の登場により、Claude Code の開発者と公式が「これはもうやめろ」と言い始めた 6 つのこと
Opus4.7の登場により、Claude Codeの開発者と公式が「これはもうやめろ」と言い始めた6つのこと
2026 年 4 月 16 日、Anthropic が Claude Opus 4.7 をリリースしました。同時に公式ブログ「Claude Code での Claude Opus 4.7 の利用に関するベストプラクティス」が公開され、Claude Code の著者 Bor...、
Original: 2026年4月16日、AnthropicがClaude Opus 4.7をリリースしました。 同時に公式ブログ「Best Practices for Using Claude Opus 4.7 with Claude Code」が公開され、Claude Code作者のBor...
その“親切な設計”、たぶん無駄です - エンジニアがハマる「やりすぎ問題」-
はじめまして。株式会社PRUMでエンジニアをしている ひとみ です。 日々、プログラミング学習や実務の中で、つまずきやすいポイントや 考え方を整理して発信しています。 PRUMについて気になった方は、コーポレートサイトもぜひご覧ください。 ▶コーポレートサイト その“親切...
Original: はじめまして。株式会社PRUMでエンジニアをしている ひとみ です。 日々、プログラミング学習や実務の中で、つまずきやすいポイントや 考え方を整理して発信しています。 PRUMについて気になった方は、コーポレートサイトもぜひご覧ください。 ▶コーポレートサイト その“親切...
AI に送る前に機密情報を伏せるライブラリ「makkuro」を作った
こんにちは。細々とプログラミングをしている sotanengel です。 今回は、生成AIをもっと安全に使うためのローカルプロキシ makkuro を作った話を書きます。 簡単に言うと、以下のようなプロンプトを AI に投げたときに、 田中さん (tanaka@exampl...
Original: こんにちは。細々とプログラミングをしている sotanengel です。 今回は、生成AIをもっと安全に使うためのローカルプロキシ makkuro を作った話を書きます。 簡単に言うと、以下のようなプロンプトを AI に投げたときに、 田中さん (tanaka@exampl...
Figmaの株価を一夜で7%下落させた「Claude Design」がやばすぎたので徹底解説します
2026年4月17日、AnthropicがAIデザインツール「Claude Design」をリリースしました。 リリース当日には、Figmaが7%・Adobeが2.7%・Wixが4.7%と、デザイン／Web制作系の株価が軒並み下落するほどのインパクトでした。 実際に触ってみ...
Original: 2026年4月17日、AnthropicがAIデザインツール「Claude Design」をリリースしました。 リリース当日には、Figmaが7%・Adobeが2.7%・Wixが4.7%と、デザイン／Web制作系の株価が軒並み下落するほどのインパクトでした。 実際に触ってみ...
22年間ゲームだけをしてきた私がついに勉強を始めます
現在 2年目のエンジニアです。開発を主に担当しています。 webアプリを2回ほど開発してきましたAIを使用しすぎてしまい、先輩になぜこのコードを書いたか聞かれても説明できずに自分のコードの理解力のなさに絶望しました。このままではだめだと思い、ついに勉強を始める決心がつきま...
Original: 現在 2年目のエンジニアです。開発を主に担当しています。 webアプリを2回ほど開発してきましたAIを使用しすぎてしまい、先輩になぜこのコードを書いたか聞かれても説明できずに自分のコードの理解力のなさに絶望しました。このままではだめだと思い、ついに勉強を始める決心がつきま...
【Delphi】フォームのない常駐アプリケーションを作る
はじめに たまには小さな EXE を作りたい時がありますよね？「フォームは要らない、でもコンソールアプリケーションじゃないのがいい」みたいなの。 コード こんな感じでしょうか？ formless.dpr program FormLess; {.$DEFINE USE...
Original: はじめに たまには小さな EXE を作りたい時がありますよね？「フォームは要らない、でもコンソールアプリケーションじゃないのがいい」みたいなの。 コード こんな感じでしょうか？ formless.dpr program FormLess; {.$DEFINE USE...
IBM Bob によるカスタムスキル開発："pptx-generator" で PowerPoint 生成
IBM Bob カスタム・スキル 開発："pptx-generator" で PowerPoint 生成
はじめに IBM Bob（ボブ）によって、PowerPoint を生成するスキル「pptx-generator」が個人で開発されました。 現時点では、GitHub 上で公開しています。 興味をお持ちの方がおられる場合は、当記事、動画を、および Git リポジトリ内の README をご確認ください。
Original: はじめに IBM Bob（ボブ） のスキル、PowerPoint を生成する "pptx-generator" を個人(& Bob) 開発しました。 現時点、GitHub上で公開しています。 気になる方は当記事、動画および Git リポジトリ内のREADMEをご確認いただ...
AI時代のSEに残る仕事は「責任を持つ」ことかもしれない 〜単体テストを題材に〜
AI時代のSEに残る仕事は「責任を持つ」ことかもしれない 〜単体テストを題材に〜 投稿内容は私個人の見解に基づくものであり、所属企業・部門見解を代表するものではありません。 はじめに AI にコード生成を任せる場面がかなり増えてきました。実装だけを見ると、かなり...
Original: AI時代のSEに残る仕事は「責任を持つ」ことかもしれない 〜単体テストを題材に〜 投稿内容は私個人の見解に基づくものであり、所属企業・部門見解を代表するものではありません。 はじめに AI にコード生成を任せる場面がかなり増えてきました。実装だけを見ると、かなり...
AI学習を頑張れば頑張るほど高校生に戻りたくなる問題解消法
はじめに 未経験からエンジニアになって早8年目。 絶賛 「英語や数学等、基礎知識の土台の無さ」 にぶち当たっております梅干しと申します！ 今回は、AIやITの学習にあたって、 勉強すればするほど英語の読み書きが必要と気づく AIを使用すればするほど、数学をもっと真剣に勉...
Original: はじめに 未経験からエンジニアになって早8年目。 絶賛 「英語や数学等、基礎知識の土台の無さ」 にぶち当たっております梅干しと申します！ 今回は、AIやITの学習にあたって、 勉強すればするほど英語の読み書きが必要と気づく AIを使用すればするほど、数学をもっと真剣に勉...
記憶を持たないLLMの記憶 ― コンテキスト/メモリー/ハーネスエンジニアリング入門の前に
はじめに 記憶を持たないはずのAIが、私を覚えている LLM自体は記憶を持ちません。直前の会話で何を話したかを本当は「覚えていない」はずなのです。それなのに、ChatGPTのようなチャットアプリや最近のエージェントと会話すると、まるで相手が自分を覚えていてくれて、記憶...
Original: はじめに 記憶を持たないはずのAIが、私を覚えている LLM自体は記憶を持ちません。直前の会話で何を話したかを本当は「覚えていない」はずなのです。それなのに、ChatGPTのようなチャットアプリや最近のエージェントと会話すると、まるで相手が自分を覚えていてくれて、記憶...
【Obsidian】作図を簡単にできるプラグイン「Excalidraw」の紹介
【Obsidian】作図が簡単にできるプラグイン「Excalidraw」の紹介
はじめに 図を描くことは、物事の理解を深めたり、思考を整理して誰かに説明したりする上で非常に便利です。しかし、「メモ書きなどで作図ツールを使うのはめんどくさい」と感じた経験がある方も多いのではないでしょうか。そんな方におすすめなのが、Obsidian のコミュニティプラグイン「Excalidraw」です。
Original: はじめに 図を描くことは、物事の理解を深めたり、思考を整理して誰かに説明したりする上で非常に便利です。しかし、「メモ書きなどで作図ツールを使うのはめんどくさい」と感じた経験がある方も多いのではないでしょうか そんな方におすすめなのが、Obsidianのコミュニティプラグイ...
ハーネスエンジニアリング時代の「環境構築」を一撃で終わらせるAPM
AIエージェントを使い始めると、ほぼ全員がぶつかる壁があります。 「エージェントがコンテキストを理解してくれない」 Claude Code、Cursor、GitHub Copilot、OpenCode。 どのツールも、適切な指示（コンテキスト）を与えないと真価を発揮しません...
Original: AIエージェントを使い始めると、ほぼ全員がぶつかる壁があります。 「エージェントがコンテキストを理解してくれない」 Claude Code、Cursor、GitHub Copilot、OpenCode。 どのツールも、適切な指示（コンテキスト）を与えないと真価を発揮しません...