はてぶ・Qiita・Zennのトレンド記事を紹介
宣言的UI設計の本質──Flutter & Riverpodで学ぶ現代的状態管理 🔖 5
Riverpod 3が登場するいま、FlutterやRiverpodの表面的な使い方を超えて、宣言的UI・状態管理の本質や設計理論を深く掘り下げます。本書は、現代的なUI設計や状態管理の根本原則を、Flutter/Riverpodを題材にしつつも、他のフレームワークや一般的なソ
.d.tsファイルをちゃんと使うために必要な知識 🔖 107
.d.tsファイルとは、TypeScriptにおいて型定義ファイルと呼ばれるファイルのことです。残念なことに、.d.tsファイルは誤った使い方をされているのを見かけることがあります。そこで、この記事では、.d.tsファイルを正しく使うために必要な知識を解説します。 .d.ts
今回はAIエージェント間の通信・連携を補完するためのオープンプロトコルであるA2A（Agent2Agent）の公式チュートリアルを試しながら、その概要を理解していきます。 A2Aとは？A2Aは米国時間2025年4月9日にGoogleから発表されたオープンプロトコルです。複
はじめに先日のMS BuildにてNotepadに変わるTUIエディタとして「Edit」が発表された。Editという名前の検索性が悪すぎてSNS上ではそればかり話題になっていたが、Rustで書かれているLightweightな実装ということで一部のRust界隈では違う盛り上がり
!この記事は Vim 駅伝 の 6/2 の記事です。前回の記事は こまもか さんによる、 5/30 のEmacsを使い始めて半年が経ったという記事でした。 もっと遊ぼう前回、tabpanelに非表示のバッファリストを表示してみましたhttps://zenn.dev/
Unity製アプリを作る時のアーキテクチャをどこまで区切るか、あるいはレイヤードアーキテクチャの一指針 🔖 19
はじめにUnityでゲーム開発を行う際、アーキテクチャ設計は長期的な開発効率と保守性に大きく影響します。もしUnity製アプリのコードベースをインゲームとアウトゲームに分けた時、後者のアウトゲーム側は同じイベント駆動型のWebやネイティブアプリで流行している設計パターンをUn
Amazon BedrockでClaude 4を使用するときのmax_tokensについて 🔖 6
Claude4 APIを呼び出すとレート制限にBedrock APIからモデルを呼び出すときには、以下のようにmax_tokensを設定します。この値は、モデルが生成するときに許可されるトークンの最大数を規定しています [1]。詳しい情報をたくさん生成させたいときは、max_
アプリケーションユーザーにとってパフォーマンスとは、特定の指標に基づいて判断される定量的なものだけでなく、アプリケーションの総合的な体験を通じて感じる定性的なものでもあります。そのため、ユーザーがアプリケーションを「遅い」と感じる要因は様々です。Googleは以前より、ユーザー
Snowflake の Organization Listing 承認ワークフローでデータメッシュの世界観を実現する 🔖 3
はじめに2025/6/2から Snowflake 最大の年次イベント「Snowflake Summit 2025」が開催されます！私も現地サンフランシスコに行きますので、是非みなさまにお会いできれば嬉しいです！そして今回はいつもの生成 AI や Streamlit ではなくデー
実装はここ https://jsr.io/@mizchi/domain-types@0.0.8 あらすじhttps://zenn.dev/mizchi/articles/main-is-composite-functionhttps://zenn.dev/mizchi/a
やっと来た！まともにUnity+Cursor環境をReSharperを使って構築する 🔖 3
Cursor + Unityのこれまでの開発環境VSCodeをフォークして作られたAI内蔵エディタ「Cursor」は、コード生成・修正・Agent機能において競合サービスよりも強く、今では多くのAI活用をしているエンジニアに使われています。https://www.cursor
ECMAScript source phase imports がはやく動くようになってほしい 🔖 15
Node.js 24.0.0 でECMAScript source phase importsが動くようになりました。 (--experimental-wasm-modules が必要です)Node.jsエコシステムは様々なサードパーティーツールに支えられているので、Node.
関数ってどう分けたらいい？最近ぼくが意識していること 🔖 3
はじめに「関数をどのタイミングで分けるべきか？」という問いは、初歩的なテーマに思えるかもしれません。しかし実際には、コードの読みやすさや保守性、さらにはチーム全体の生産性にも大きく関わる、非常に奥の深いトピックだと思います。ここ半年ほど、社内のアーキテクトに相談しながら、自分
Claude Code Actionで5000円溶かして学んだ、AIエージェント並列開発 🔖 189
どうも、こんにちは。私です。今月、AI開発界隈がまた騒がしくなってますね。Claude Codeに加えて、Claude Code Actionという新しい選択肢が登場しました。なので、5000円ほど溶かしながら実際に触ってみました。これまでのAI開発とはまた全く違う体験で、今
【Obsidian × Whisper】アイデアを逃さずにメモする方法 🔖 2
東京大学 M2の川田です。ここ数年で知的生産ツールとしてのObsidianが急速に注目を集めており、私もこの波に乗って導入してみたところ、その多彩な機能とカスタマイズ性にすっかり魅了されてしまいました。とくに「Thino」を使うと、思いついたアイデアや作業ログをデイリーノート
Rust Bevy によるクリエイティブコーディング 🔖 2
クリエイティブコーディングとは、何らかの表現を創造することを目的とするプログラミングのことです。通常のプログラミングは何らかの機能を実現することを目的としますので、それとは異なっています。愛好家たちによって、ビジュアルアートやサウンドアートなどの作品が制作されています。以前のゆ
Ory Hydra を利用した OIDC / OAuth2.0 準拠の認可サーバーの提供 🔖 3
どうもみなさんこんにちは。バクラク事業部 Platform Engineering 部でID基盤などを管理するチームに所属してあれこれやっている @convto といいます。先日イベントでバクラクの認証基盤について発表したのですが、そこで Ory Hydra を利用した OAu
Claude Codeの/ (スラッシュ)コマンドを全部試したので解説する 🔖 4
!・Claude Codeのバージョンは1.0.6です。・コマンド＝スラッシュコマンド だと思っていただければ幸いです。・Commandの表作成だけAnthropicのClaude Opus 4を使用しました。それ以外は基本的にドキュメント参照と人力です。初投稿です。
TypeScript でエフェクトシステムを再現したい 🔖 30
tskaigi で susisu さんの Generator で Promise ランタイムを作る発表をみて、昔作ったやつがもっとやれそうな気がしたので、やってみた話。https://github.com/susisu/tskaigi2025 やりたいことTS の言語シス
何が運用負荷を増大させるのか？課題と解決、どういうチームになっていくべきか。 🔖 6
!この記事は毎週必ず記事がでるテックブログ Loglass Tech Blog Sprint の93週目の記事です！2年間連続達成まで残り13週となりました！ 自己紹介ログラスの勝丸(@shin1988)と言います。最近はクラウド基盤チームというチームのマネージャーを
はじめにTuringの基盤AIチームに業務委託として所属している東京科学大学(Institute of Science Tokyo)の藤井です。本記事では、PyTorchをsource buildした後に利用する際にCUDA Toolkitをmodule loadしておく必要
Claude Codeの使用料金を可視化するCLIツール「ccusage」を作った 🔖 85
はじめにみなさん、Claude Code使ってますか？私は毎日使っています。Vibe Codingガチアンチだったのですが、Claude Code + Sonnet 4の組み合わせがあまりにも強力すぎて、今では手放せません。ところで Claude Max プラン、最高ですよ
はじめに今回はP2P通信を使用してサーバーいらずの対戦型ブロック崩しを作ったので、その紹介と解説をします。https://github.com/yadokani389/online-breakout記事を書いた時点でのソース記事を書いた時点でのソースです。参考にしてく
量子コンピューターでRSA-2048を解くためには？ (2025年5月版) 🔖 34
はじめにRSA暗号は、巨大な整数の素因数分解の困難性を安全性の根拠とする公開鍵暗号方式です。特にRSA-2048は、2048ビット長の合成数（10進数で約600桁）を利用しており、現代のスーパーコンピューターをもってしても、既存の素因数分解アルゴリズムでは現実的な時間内での分解
Bridge パターンで Tauri アプリ開発を楽にしてみた 🔖 1
どうも、CoeFont でフロントエンドエンジニアをやってる uzimaru です。フロントエンドエンジニアなんですが、最近は Tauri でデスクトップアプリアプリを作ってます。そこで最近、Tauri でデスクトップアプリを開発する際に UI の開発やレビューのサイクルを高
Kaggle Drawing with LLMs 振り返り & 上位解法まとめ 🔖 5
Kaggle の お絵描きコンペこと 「Drawing with LLMs」 が、日本時間2025年5月28日に終了しました。本記事では、コンペ終了後の振り返りとして、概要と上位入賞チームのアプローチをまとめました。 コンペ概要https://www.kaggle.com
公開鍵暗号とはデータを暗号化して扱いたいことがあります。インターネットで誰かと通信するときは、通信経路で誰が盗み見ているか分かりません。送信者と受信者だけが中身を確認できるように暗号化を施しておくと安心です。他には、データベースに保存するようなシステムを開発するとき、センシティ
スライドや資料作成に使える！ちょうどいいイラスト素材サイト 🔖 5
はじめにみなさん、仕事でスライド作っていますか？私は、個人的に生成AIでスライドづくりを試したりしていますが、スライドに関しては、まだ生成AIで完全に自動生成が難しい領域と実感しています。特に、スライドをよりインプレッシブにするために、使い勝手の良いセンスのあるイラストが欲し
作って覚えるAIエージェント：1000行以内のtiny-agentをバイブコーディングで作ってみる 🔖 137
Hugging Faceのブログで提唱されている「Tiny Agents」、そのコンセプトに触発され、バイブコーディングで1000行以内の軽量エージェント作りに挑戦してみました。https://huggingface.co/blog/tiny-agentshttps://hu
プロファイラを利用して Node.js サーバーのレスポンス時間を 200 秒 → 20 秒に短縮した話 🔖 172
どんな問題を解決したのかこんにちは、ダイニーの ogino です。ダイニーでは、飲食店向けのクラウド POS レジを開発しています。その機能の一つとして、一ヶ月分の売上などの情報を印刷できる「月締伝票」があります。月締伝票のサンプル月締伝票に記載するデータは、Node.
RooCode に自動でリファクタさせるオーケストレーター用プロンプト 🔖 67
Deno + Claude4 + RooCode。Claude 4 が進化しているので、それに合わせて Roo のプロンプトを書き直した。リポジトリはここhttps://github.com/mizchi/vibed-pathfinderたぶん .roo/rules/rul
TypeScriptをバックエンドで使わない理由 🔖 247
はじめに!この記事は、下記の記事への反論というよりも、「TypeScriptでバックエンドを書く」というテーマについて、別の観点から整理したい という意図で書いています。元記事は、文脈が分かりづらいと感じたため、自分なりにバックエンドの特性にフォーカスして再整理しています。
Coding Agentをこれから導入するならClaude Code Actionが個人的におすすめ 🔖 141
はじめにこんにちは。イオンネクストで技術戦略をしています。@arairyusです。Code with Claudeが先週ありましたね。Claude Code Action(Vertex AI)を早速触ってみました。公式ドキュメント通りだとセットアップできない箇所があったので
Claude Codeを使う際のMAXプランのRate Limitを理解する 🔖 2
!この記事は人力で書きました。理解の促進としてAI（NotebookLM）を使いました。調べればわかる内容ですが、パッと見分かりづらいので時短できるかもしれません。なお、普通に周知の内容だったらすみません。スルーしてくださいw答えは全てここに載っています。https:
7桁で住所が分かる時代に！？デジタルアドレスの可能性と限界 🔖 36
3秒まとめデジタルアドレスは日本郵便が提供する7桁のランダムな英数字で住所を置き換える仕組みAPI経由で逆引き可能だが、匿名性の課題と総当たり攻撃への脆弱性が課題API利用は簡単だが、普及には多くのサイト対応とブラウザ対応が必要個人・法人利用では物理住所との二重管理
今回Claude Codeを用いてObsidian用のMCPサーバーを作成しました。その際気づきや課題が多かったため振り返りをClaudeと共に行っています。せっかくなので皆さんに共有できると何かの役に立つかと思い記事にしてみました。編集していますので、原文が気になる方はこ
TSKaigi 2025へ参加してきました & ほぼ全資料まとめ 🔖 6
こんにちは！チームラボフロントエンド班所属の志田と宇根です！2025 年 5 月 23-24 日、東京都 ベルサール神田にて開催された「TSKaigi 2025」に現地参加してきました。そして今回チームラボフロントエンド班からも LT 登壇者が選ばれています！本記事は 2
新しいブラウザ操作系エージェントのworkflow-useがかなり良さそうな予感 🔖 175
https://github.com/browser-use/workflow-useBrowser Useから新しいブラウザ操作系エージェントが登場しましためちゃくちゃ魅力的だったので紹介します。 従来のブラウザ操作系エージェントbrowser-useに限らず、従来の
TSKaigiの自分のレポートです。初のオフライン参加かつ、業務時間での参戦だったので記録として残しておきます。https://twitter.com/sigumataityouda/status/1925720396604617039https://twitter.com
Metaに学ぶ、大規模開発のデータフェッチ設計と最適化 🔖 49
データフェッチの設計は、保守性とパフォーマンスに強く影響します。これらはよくトレードオフに扱われ、パフォーマンスを優先すると保守性が犠牲に、保守性を優先するとパフォーマンスが犠牲になりがちです。Metaでは大規模開発における保守性とパフォーマンスの両立を目指し、研究が行われてき
vLLMのSpeculative Decodingによる推論高速化を試す 🔖 4
はじめにこの記事では、Speculative DecodingによるLLMの推論高速化をvLLMで試し、簡単なベンチマークを行った結果を共有します。 Speculative Decodingについて最初に、Speculative Decodingについて簡単に解説します。
Ryzen AI MAX+395（on Ubuntu）でFlux.1を動かす 🔖 2
はじめに どんな人向けの記事？生成 AI に興味のある方AMD Ryzen AI Max+ 395でFlux.1を動かしたい方環境Ubuntu 24.04.2 LTS＠EVO-X2（AMD Ryzen AI Max+ 395、128GB）本記事では、下記につ
TypeScriptでバックエンドを書いてもいい時代です 🔖 40
下のようなツイートを見かけたので少し書いてみます。https://x.com/nakasyou0/status/1926457184516288681おそらくこの方はバックエンドをTypeScriptで書くのは良くないという誰かの意見に反応したものだと思う。そういう意見に惑わ
発表者の X から引っ張ってきました。間違いなどあればコメントで教えてください。順番や発表タイトルは以下コードを参考にしています。https://github.com/tskaigi/tskaigi2025-web-site/blob/365fbf9b3845f8f03c3
Claude Code Actionのプロンプト設計が、AIエージェント開発にかなり参考になる件 🔖 254
Devin, Coding Agent (Github Copilot), Codex (OpenAI) やJules (Google)のような、バックグランド動作するコーディングエージェントが続々と発表されて、ついに先日のAnthropicのカンファレンスでClaude Cod
tskaigi で発表した https://tskaigi.mizchi.workers.dev/ のコピペしやすい用にしたバージョンです。ほぼ marp のソースコードそのままですが、プロンプトのコピペ用にそのまま公開します。 本資料の内容うまくいくプロンプトうま
iOSのナビゲーションバーは誰のもの？iPhoneアプリを使っていると、画面上部にある帯状のバー。これが「ナビゲーションバー」です。多くのアプリで画面の上部に表示されていて、タイトルや戻るボタンが配置されています。このナビゲーションバー、実は誰のものなのか考えたことはあり
AMD Ryzen AI Max+ 395でStable Diffusionを動かしたい 🔖 5
はじめに どんな人向けの記事？生成 AI に興味のある方AMD Ryzen AI Max+ 395でStable Diffusionを動かしたい方EVO-X2の所感を知りたい方環境Ubuntu 24.04.2 LTS＠EVO-X2（AMD Ryzen AI M
Devin Searchのプロンプト生成機能で指示の精度を上げる 🔖 23
Devin Searchの機能のうち、Devinへの実装依頼プロンプトを生成する機能がとても使い勝手がいいと感じたので、本記事でご紹介します。 そもそもDevin Searchとは？詳しい説明は公式のドキュメントをご覧いただければと思いますが、ざっくり言うと「リポジトリに関
tsgoが公開。TypeScript 7向け新コンパイラのインストール手順と10倍高速化検証 🔖 19
本日2025年5月23日、MicrosoftのTypeScriptチームは、TypeScriptのGo言語実装によるコンパイラのプレビュー版「TypeScript Native Previews」を公開しました。「tsgo」という名称の新しいコンパイラは、将来的にTypeScri