Nemoto Masaya

2023年10月のVS Codeのアップデート ver1.84でGitHub CopilotのVS Code拡張機能が色々アップデートされています。その目玉機能の一つがチャットエージェント機能です。 チャットエージェントとはVS CodeのGitHub Copilot Chat拡張機能において、あらかじめ設定された特定の質問を実行してくれるものです。VSCodeをver1.84以上にアップデートすると、あらかじめ用意された@workspaceと@vscodeの二つのエージェントをGitHub Copilot Chat拡張機能で使用できるようになっています。@でエージェントを指定で...

提案段階のVS CodeのチャットエージェントAPIを動かしてみた (GitHub Copilot拡張機能)

https://open-ui.org/Open UI はW3Cのコミュニティグループの一つ以下の文章は上記サイトに書いてあることをまとめたもの 発足背景WHATワーキンググループは、多数のWebサイトで見られる最も一般的なパターンをHTML自体で体系化する取り組みに着手した。それにより、Web開発者がHTMLを使用するだけでリッチなフォームを実装できるようになった。しかし、それらの最後の大幅な改定から15年以上経過し、現在のWebアプリケーションはより多くの複雑なインターフェースを提供するようになった。したがって、HTMLをもう一度最新化し、今日のWebサイトのUI...

Open UI コミュニティグループについて調べた

概要https://twitter.com/alvarlagerlof/status/1692998609501864167React Server Components のブラウザ拡張機能がリリースされたので、紹介します。この拡張機能は、主にNext.jsのApp Router機能を開発時にデバッグすることができるようです。インストールはこちらからhttps://chrome.google.com/webstore/detail/rsc-devtools/jcejahepddjnppkhomnidalpnnnemomn 実験と機能紹介 起動これをApp Rout...

React Server Componentsのブラウザ拡張機能"RSC Devtools"の紹介

環境  OS   Windows 11 ProのWSL Ubuntu   CPU  Intel Core i9-13900K背景https://operating-system-in-1000-lines.…

"Writing an OS in 1000 lines"のDocker + Rustでの開発環境を構築してみた

https://medium.com/@hnasr/how-slow-is-select-8d4308ca1f0cこの記事を読みつつ、色々調べたことのまとめになります。間違い指摘・補足頂けたら有難いです。 導入PostgreSQLでは、ページをフェッチして共有バッファプールに配置すると、そのページ内のすべての行と列にアクセスできる。RDBMSはページまたはブロックと呼ばれる決まった大きさ（以下、ページ）の単位ごとにデータを読み書きします。RDBMSのページのイメージは図1のようになっています。...この図を見ればわかると思いますが、RDBMSのI/Oの最小単位はレコード単...

なぜSQLの"SELECT *"が遅くなるか

導入「Four Keys」などここ数年で開発生産性の計測への注目が高まっています。https://cloud.google.com/blog/ja/products/gcp/using-the-four-keys-to-measure-your-devops-performanceちょうど最近、Gihub公式によるメトリクス計測のためのActionが公開されたようです。 仕組み言及されているレポジトリのコードを見ると、内部的にはPythonのgithub3というGithub APIを扱うライブラリを使用して、基本的なメトリクスの計算ロジックを実装し、関数として呼び出せる...

Github Actionでお手軽にPRのリードタイムを計測する

多くのサンプルでは、createTRPCRouterを使わない例であった。createTRPCRouterはcreate-t3-stack@latestの最初のテンプレートで使用されていた。tRPCのバージョンアップによるもの？かで、ネット上の過去のサンプルコードと違い、困ったため共有する。import { createTRPCRouter, publicProcedure } from "@/server/api/trpc";import { z } from "zod";export const TodoSchema = z.object({  id: z.string...

Prisma + tRPCのAPIの返り値の型をZodスキーマに変換する

背景API版のchatGPTは入力データを学習データとして利用しないという情報を見て、(機敏な機密情報を含まない）業務のソースコードを使って質問し、作業効率化を図りたいと思い、slackでchat…

slack CLI(slack platform)を使ってchatGPTのbotを作る

結論vue/no-unused-property を使うhttps://eslint.vuejs.org/rules/no-unused-properties.html背景ReactのJSX…

VueのOptionAPIで使われていないプロパティを検知するESlintルール

環境Android Studioサンプルプロジェクトにあるcompose projectを選択buildscript {    ext {        compose_ui_version = '1.1.1'    …