ノーマルビュー

今日 — 2026年1月18日 Zennのトレンド

Honoの型推論は好きだけどRPCの書き方が苦手な人のための、RESTな型安全クライアント「hono-typed-rest」を作った

著者:andy
2026年1月16日 22:30
Honoを使っていると、サーバー側で定義したルーティングの型(AppType)をフロントエンドで使い回せる「Hono RPC」の便利さに感動します。しかし、その独自の書き方に戸惑いを感じたことはないでしょうか? 今回は、Honoの型推論の恩恵を最大限に受けつつ、使い慣れたRESTの書き方で通信できるライブラリ 「hono-typed-rest」 を作ったので、その紹介をします! https://github.com/Andyyyy64/hono-typed-rest なんで作ろうと思ったか RPCのDX(開発体験)は好きだけど、書き方が嫌い Hono公式の hc (Hono Cl...

💾

2025年に調べたり構築した開発環境について

2026年1月16日 19:34
はじめに 2025 年に調べたり構築した開発環境について、振り返っておこうと思います。基本的に Linux をメインに Web アプリの開発環境を構築することが多いです。 ! この記事は 2024 年に調べたり構築した開発環境をアップデートした内容となります。 本記事内に出てくる環境について、一部の具体的な構築方法については次の記事で公開してあります。 モダンな Web アプリの開発環境というと、VS Code + Docker + Git が必須となっているので、これらをベースとして環境構築をしています。2025 年は、これらを使った開発環境の構築をしていました。また、生成 ...

💾

Anchor Positioningが全対応。HTML・CSSだけのポップオーバーが完全体に

著者:鹿野 壮
2026年1月16日 16:07
2026年1月13日に、Firefox 147がリリースされ、「CSS Anchor Positioning」が全ブラウザ対応しました。HTML・CSSだけでポップオーバー表現をしつつ、好きな要素を基準に、ポップオーバーを表示できるようになりました。 たとえば、タスク管理のサブメニューを右側に表示する表現や、ヘッダーのユーザーアイコン下にドロップダウンメニューを表示できます。 タスク管理のサブメニュー ユーザーアイコンの下にドロップダウンメニューが表示される 私はずっっっとこの表現をHTML・CSSで実現したいと思っており、Firefoxの対応を待ち望んでいました。本記事で詳しく解説...

💾

iOS Safariでhaptic feedbackを自由に扱えるOSSを公開しました

著者:asuma
2026年1月16日 14:51
自己紹介 はじめまして、DaikoAIというブロックチェーン × AIプロダクトを作っているasumaです。 前置きはさておき、早速本題です。 タイトルの通り、iOS Safariでhaptic feedbackを任意のタイミングでtriggerするuse-hapticというライブラリを公開しました。 https://github.com/posaune0423/use-haptic ⚠️ iPhoneを使っていて、まだブラウザでhapticを体験したことがないという方、まずは以下のデモで是非体験してみてください👇🏻 iOS Safariにhapticを扱うAPIなんてあるん...

💾

日本語特化拡散言語モデル「ELYZA-LLM-Diffusion」の公開

著者:tt
2026年1月16日 10:30
はじめに こんにちは、ELYZA Lab チームの Trisitichoke Tasavat です。本記事では、日本語性能に特化した拡散言語モデル (Diffusion LLM) ELYZA-Diffusion-Base-1.0-Dream-7B および ELYZA-Diffusion-Instruct-1.0-Dream-7B の2つのモデルを公開するとともに、その設計背景、学習方法、評価結果について紹介します。 拡散言語モデルとは、近年の画像生成AIの技術をテキストに応用したモデルであり、従来手法の構造上生じる「左から右に生成し、途中で言葉を消したり追加したりしない」という制限を...

💾

AgentCore Gateway で MCP サーバー・ツールのアクセス制御を実現する 3 つの方法の徹底比較

2026年1月16日 07:48
はじめに AWS Japan AI/ML Specialist Solutions Architect の Kujirada です。 2026 年は、社内全体で利用可能な Agent を開発・運用するための基盤の導入が加速すると予想されます。それに伴い、社内向けの MCP サーバーの開発や、MCP Registry の整備も進んでいくと考えられます。 その際、「Agent が実行可能な MCP サーバー・ツールをどのように制御するのか」、というセキュリティ観点での検討が重要になります。特にエンタープライズ環境では、ユーザーの権限に応じて、Agent が利用可能なツールを制御する仕組み...

💾

Emacsに浮気してしまったVimmerが2026年に思うこと

著者:laraochan
2026年1月16日 04:22
! この記事はVim駅伝の2026-01-16の記事です!! 前回の記事はKamiyamaさんの2026年になったのでVSCodeからNeovimへ移行しましたです。 Vim駅伝は常に参加者を募集しています。詳しくはこちらのページをご覧ください。 はじめに この記事では学生から現在の社会人一年目までの間、Vimを使ってきた自分が、2026年になってEmacsを再燃した理由を気楽に述べていく記事になっております。 これは宗教改宗の話とかの話ではなく、どちらがいいと断定するものではありません! Vimについてももちろんこれからも愛し設定し続けていこうと思っています!! Vimmerとし...

💾

jjを使っていて驚いた「1変更1コミット」という哲学

著者:imudak
2026年1月15日 19:54
jjを使っていて驚いた「1変更1コミット」という哲学 はじめに 前回の記事でjj (Jujutsu) の基本的な使い方を紹介しました。ファイルの変更が自動で記録され、コミットメッセージを後から書けるという便利さに魅了されて使い始めたのですが、使っているうちにもっと根本的な思想の違いに気づいてしまいました。 それは「1つの修正に対して1つのコミット(change)を使い、説明を上書きしていく」というスタイルです。作業履歴はローカルにとどめ、共有するのは1つのchangeのみ。issueやPRに対してもchangeは1つで、手元の作業履歴をどんどん修正していきます。 これは、Git/...

💾

GMOのエンジニアが好きなポッドキャスト20選

通勤・家事のお供に!エンジニア向けポッドキャストまとめ GMOメディアでSREチームに所属している安保です。 みなさん、インプットはどのように行っていますか? 技術書を読んだりQiita/Zennを見たりといろいろあると思いますが、私はポッドキャストを愛用しています。 通勤中や家事の合間、散歩中やジムでの運動中など「手と目は離せないけど耳は空いている」時間は意外と多いものですよね。今回は、私が普段聴いているおすすめのポッドキャストを「Tech/Engineering」「AI/Deep Tech」「Startup/Business」「Society/Culture」のカテゴリに分けて紹...

💾

「横のガードレール」でAIにアーキテクチャを教えるのをやめた話

2026年1月15日 08:15
はじめに AI駆動開発、やってますか? Claude Code や Codex に「クリーンアーキテクチャ+DDDで実装して」と指示すると、最初はある程度きれいなコードが出てきます。でも1週間後、気づいたらドメイン層が infrastructure を import してたり、UseCase に presentation のロジックが混入してたり。 仕様駆動でも最初の構成は作れる。しかし人の介入なしには維持できない。 この問題、どう解決すればいいんでしょうか。 ! この記事は note で書いた「縦と横のガードレール」の実装版です。思想的な背景が気になる方は、先にそちらをどうぞ。 ...

💾

Claude Codeの並列実行を効率化する管理アプリを作った

著者:あきの
2026年1月15日 07:10
こんにちは、秋野です。Xでもチームや組織でのAI開発効率化を発信してます。ぜひフォローいただけますと幸いです🙏 作ったもの Claude Codeで、複数のターミナルウィンドウで並行してセッションを実行していると「あのセッションは今何をしているのか?」「権限の入力待ちになっていないか?」といった状況を把握するのが難しくなりがちです。 この課題を解決するために、Claude Code Monitor(リアルタイム監視ダッシュボード)を自作しました。Claude Code Hooksを活用してイベントを収集し、WebSocketでWebUIに即座に反映します。 画面UI 実際に動かして...

💾

RAGに疲れた人に捧げるClaude SkillsをAPI経由で使って簡単にRAGっぽいものを作る方法

著者:katayuta
2026年1月15日 06:30
はじめに Claude Skills (Agent Skills)の基本的な動作などには触れていません SKILL.mdのすごい書き方みたいな話も書いてません Claude CodeからしかSkillsを使ってない人、RAGの精度に困ってる人におすすめです 本記事で紹介する方法は、Embedding + ベクター検索による典型的なRAGではなく、 Claude Skillに静的な知識を同梱し、モデル自身に検索・参照・推論を委ねる構成 を指して「RAGっぽい」と表現しています RAGでこんな経験はありませんか? 精度がでない: ベクターDBでRAGを作ってみたが、キーワー...

💾

Rust+Wasmで爆速ライフゲームを作って動く壁紙にする

著者:Twil3akine
2026年1月15日 01:06
はじめに Rust と WebAssembly(Wasm)の学習として、コンウェイのライフゲームを作成しました。 ただブラウザで動かすだけでは面白くないので、Windows の「Lively Wallpaper」を使って、自分のデスクトップ壁紙としてヌルヌル動かすところまでをゴールにしています。 成果物はこんな感じです ライフゲームが動いてる図 1000×1000 を超える巨大なグリッドでも 60fps で動作します。 この記事では、Rust によるロジック実装、特に JavaScript(以下JS)と Wasm 間での配列受け渡しをゼロコピーにする最適化と、それを Lively ...

💾

Rust アプリケーションにおける実践的トランザクション設計

2026年1月15日 00:00
はじめに Rust でエンタープライズアプリケーションを構築する際、トランザクション管理の設計と実装が壁となります。 所有権システムの制約により、他言語では当たり前のパターンが適用できず、多くの開発者が実装に悩むポイントとなっています。 本記事では、実際のプロダクション環境で使用できる実装パターンを、具体的なコード例とともに解説します。 Rust におけるスタンダードな DB アクセスライブラリーである SeaORM と sqlx の両方での実装を通じて、実践的なアプローチを提示します。 本記事では、PostgreSQL や MySQL のようなトランザクション機能を持つ RDBMS...

💾

Claude CodeとCodexの連携をMCPからSkillに変えたら体験が劇的に改善した

著者:owayo
2026年1月14日 23:40
はじめに Claude Codeの相棒としてCodex CLIを併用する運用を続けてきましたが、MCPでの連携には大きな課題がありました。 本記事では、MCPからSkillへの移行で得られた改善について共有します。 対象読者 Claude Codeを日常的に使っている開発者 複数のAIツールを組み合わせて使いたい方 MCP(Model Context Protocol)の運用に課題を感じている方 環境 Claude Code Codex CLI なぜCodexと連携するのか Claude Codeは非常に優秀ですが、複雑な問題や長時間の調査が必要なタスクでは、別の...

💾

[合格体験記] 基本情報技術者試験に合格しました [2026]

2026年1月14日 23:17
2026 年 1 月、基本情報技術者試験に合格しました!✨ 先日、2 回目の受験にして基本情報技術者試験に合格することができました 🚀 ⌢ ۪۫ (科目B かなりギリギリなんだけど… わーい!わーい!) かなり頑張ったので、私の勉強方法や気を付けたことをまとめて見たいと思います 🛵꤬ ׄ ᘊ ׅ 受験回数・勉強時間 受験回数 2025 年 12 月 の受験 と 2026 年 1 月 の受験 計 2 回受験し、2 回目で合格点をとることができました それぞれの点数は以下の通り: 科目 A 科目 B 1 回目 670 点 525 点 2 回目 685...

💾

Next.jsを書くときは、ある程度バックエンドを理解して書いてほしい話

2026年1月14日 21:43
はじめに 今回は、フロントエンドエンジニアがNext.jsのApp Routerに触れた際に陥りがちな問題を取り上げます。 ここ最近のトレンド(フレームワーク、AI、ライブラリなど)と共に、フロントエンドエンジニアがバックエンド処理を実装する機会がかなり増えたと感じています。 しかし、レビューをしていると何度も致命的なセキュリティ問題が見つかり、コメントをしてもバックエンドがどのように処理されるか理解しないまま書いているため、理解してもらえないことが多いです。 難しいセキュリティの専門知識を深掘りする必要はありません! すごく基本的で初歩の知識だけ紹介するので、この記事で知識をつける...

💾

AI に指示するのではなく、まずは AI に質問させた方が捗る

2026年1月14日 14:44
はじめに 頭の中には手順や判断のポイントがあるのに、それを明文化出来ていない。 その結果、関係者間で前提が共有されないまま話が進み議論がすれ違ってしまう、ということがあると思います。 これは、暗黙知が言語化されていない状態です。 そしてこれは、 AI ≒ LLM を使う上でも同じ課題に直面します。 頭の中にある暗黙知を明文化しないと、 LLM から良い回答は得られません。 この記事で紹介するのは、そういった状態をプロンプトエンジニアリングの力を使って、解決する方法です。 結論 暗黙知の言語化には、"AI に答えさせる"のではなく、AI に質問してもらう(インタビュー型プロンプティ...

💾

GitHub Copilot を極める会

2026年1月13日 22:07
はじめに GitHub Copilot は、もはや単なるコード補完ツールではありません。 どの文脈を与え、どこまで任せ、どこで人が介入するか その設計次第で、生産性にもコード品質にも大きな差が生まれます。 本記事「GitHub Copilot を極める会」では、 GitHub Copilot を 補完ツール としてではなく、 設計・実装・リファクタ・テストまでを支援する開発パートナーとして使い切ることを目標に話を進めます。 中でもエージェントモードを使いこなすことや、カスタムされた命令を Copilot に読み込ませること、更にはコーディングエージェントへコードレビューをさせる方法...

💾

React×TypeScriptで事故らない型設計:現場で効くパターン10選

React + TypeScript は「とりあえず型が付いてる」状態だと、仕様追加や改修フェーズで 型が崩壊して事故 が起きがちです。 propsの組み合わせが矛盾してUIが壊れる 状態遷移が増えて分岐漏れが起きる any が混ざって“型があるのに安全じゃない”状態になる APIレスポンスのズレで本番だけ落ちる この記事では、現場で効く「事故りにくい型設計」を 10パターン に絞って紹介します。 (どれも“型オタク”に寄せず、現実的に運用できるやつだけ) ! なぜ「型」にこだわるのか? 「型パズルが楽しいから」ではありません。 「未来の自分が、仕様変更でバグを埋め込むのを防ぐた...

💾

❌