Storybook is the industry standard workshop for building, documenting, and testing UI components. It’s used by leading development teams at organizations like Shopify, Gov.UK, and NASA. One of the biggest benefits of developing in Storybook is that you get tests for free. Each isolated component example—or “story”—is a UI test. And if you want to test data fetching and user interactions, Storybook
GitHub Copilot Workspaceが利用可能になったのでゼロからアプリを作ってみた - Alternative Architecture DOJO
こんにちは、MLBお兄さんこと松村です。 昨年の MLB 全体ドラフト1位のポール・スキーンズ投手がメジャーデビューしました。予想通りの豪速球でした。 2024年4月29日についにテクニカルプレビューが開始となった GitHub Copilot Workspace ですが、ゴールデンウィーク中に私のアカウントでも利用可能となっていたため、試してみたことを書いていきます。 利用開始まで この記事を書いている時点では、 GitHub Copilot Workspace の利用には待機リスト (Waitlist) への登録が必要であり、その通過を待つ必要があります。 そのため GitHub Copilot Workspace を利用したい方は、こちらから登録を行いましょう。 githubnext.com ゼロからアプリを作ってみる 今回は練習として私がコードを書くこと無く、 C# の簡単なアプリ
FireWire、i.Link、DV、Lynxといろいろな呼び名があるのがIEEE 1394。IEEEで標準化がなされているので本稿ではIEEE 1394で通すが、AppleはFireWire、ソニーはi.Link、TIはLynxという名称を使っており、また一般にはDV端子と呼ばれることも多かったが、中身は「原則として」一緒である(多少例外はあり：後述)。 SCSIよりも美しいI/Fを求め Appleが立ち上げたIEEE 1394 IEEE 1394の規格をそもそも立ち上げようとしたのはApple Computerで、1986年のことである。1986年といえばMacintosh Plusが出たばかりの頃で、外部ストレージはSCSIを利用していたが、Apple的にはSCSIが美しくなかったのだろう。具体的には太いケーブル(なにしろ8bitのパラレルバスである)やPlug&Playの欠如、5M
Zenbook 14 OLEDでみるCore Ultra内蔵GPUのゲーミング性能。内蔵GPUのレイトレ性能はどのくらい？（西川善司のバビンチョなテクノコラム） | テクノエッジ TechnoEdge
テクニカルジャーナリスト。東京工芸大学特別講師。monoAI Technology顧問。IT技術、半導体技術、映像技術、ゲーム開発技術などを専門に取材を続ける。スポーツカー愛好家。 Core Ultra搭載のノートPCのサンプル評価機が我が家にやってきた。 モデル名はASUS「Zenbook 14 OLED UX3405」。 西川Zen司という名前でありながら、ASUSのZenbookを実際に自宅で触るのは初めてのことである（Ry"Zen"の方は初代から愛用してはいたが）。 本機の搭載CPUは、Core Ultra 7 155Hで、ラインアップ上の中間グレードに位置するモデルとなる。 搭載CPUはCore iシリーズではなく、Intelが昨年末から投入を開始した新シリーズ「Core Ultra」を採用。本機は、いわゆるIntelが2024年以降に強力に推進する「AI PC」だ。 わざわざ「
This article explains what event sourcing is, common use cases, considerations and examples. This document discusses an approach to building event sourced systems. The use cases, architecture patterns and implementation details using both AWS native services and open source options. Event Sourcing is an architecture pattern that stores an application’s state as an append-only log of events. As wel
TSKaigi2024の資料まとめ
はじめに 2024年5月11日に行われたTSKaigiの資料まとめです。 Track1 フロントエンドもバックエンドもインフラも… 全てをTypeScriptで統一したらこうなった！ TypeScript化の旅: Helpfeelが辿った試行錯誤と成功の道のり 新サービス Progate Path の演習で TypeScript を採用して見えた教材観点からの利点と課題 PMF達成の立役者！Full TypeScript Architecture の選定背景と構成 TypeScript 関数型バックエンド開発のリアル TypeScript の抽象構文木を用いた、数百を超える API の大規模リファクタリング戦略 Step by Stepで学ぶ、ADT(代数的データ型)、モナドからEffect-TSまで ハードウェアを動かすTypeScriptの世界 TypeScriptとGraphQLで実
The API database architecture - Stop writing HTTP-GET endpoints
The API database architecture - Stop writing HTTP-GET endpoints Table of contents Introduction Data retrieval via PostgREST, data modification in the existing backend Compatibility with REST, CQRS and GraphQL Strategies for adapting existing architectures Adapting a monolithic system with a single backend Adapting (domain-driven) microservices with one or more databases Benefits of the API databas
Appleの新型M4チップのCPU性能向上はArmv9アーキテクチャへの変更が大きな要因 | XenoSpectrum
AppleがiPad Proに搭載するM4チップは、早速Geekbench 6でのベンチマークテスト結果が流出しており、M3からの大きな性能向上や、上位のM3 Proすらも上回る印象的な結果を示しているが、このパフォーマンス向上の大きな鍵は、TSMCの第2世代3nmプロセス「N3E」への切り替えによるものだけではなく、どうやらCPUアーキテクチャを最新の「ArmV9」に切り替えたことが大きいようだ。 SMEサポートによる全体的なパフォーマンス向上が期待出来る M4チップのGeekbench 6でのベンチマークテストは驚くべきものだった。だが、その内訳は良く見てみると、どうやら一部の新型命令セットアーキテクチャへの対応が大きくスコアを押し上げている面も大きいようだ。 @negativeonehero氏は、M4とM3 MaxのGeekbench 6でのベンチマークテスト結果を細かく比較した表を
AI Agents are disrupting automation: Current approaches, market solutions and recommendations
The mainstreaming of AI tools has ignited hope for dramatic productivity improvements for knowledge workers and consumers alike. Transformer-based Large Language Models (LLMs) have demonstrated AI capabilities that are transforming workflows with new automation approaches. In the article below, we trace the automation journey in the age of AI and dig into some of the current and evolving platforms
On April 5th, xkcd released Machine, the 15th annual April Fools project I’ve made with them. It’s a game we’d been dreaming of for years: a giant rube goldberg machine builder in the style of the classic Incredible Machine games, made of a patchwork of machines created by individual xkcd readers. For more details, check out Explain xkcd’s wonderful writeup. This is the story of how we built Machi
HubSpotやCSS設計に明るい半田のウェブサイトです。 ウェブサイトの本質は情報を伝えることですので、それを言い訳にデザインは全体的に工事中です。 みんな大好き、あるいは大嫌いなCSS設計。そんな言葉が生まれてから久しく、JavaScriptフレームワーク（以後JSフレームワーク）を始めとする技術が提供するスコープ付きのコンポーネント環境の登場によって、そのなりを潜めている気がしなくもない。 そんなCSS設計とは何だったのか、をちょっと小難しく振り返ってみます。 なお本記事では、区別のためCSS設計が「再利用可能なパーツ」とみなす単位を（あるいは慣習的に）「モジュール」、JSフレームワークにより提供される単位を「コンポーネント」と呼びます。 CSS設計が行っていたこと 「CSS設計」と聞くと Block__Element–Modifier という形式の長ったらしいクラス名を付けることだ
We are living in a very noisy world. From the hum of traffic outside your window to the next-door neighbor’s blaring TV to sounds from a co-worker’s cubicle, unwanted noise remains a resounding problem. To cut through the din, an interdisciplinary collaboration of researchers from MIT and elsewhere developed a sound-suppressing silk fabric that could be used to create quiet spaces. The fabric, whi
Apple introduces M4 chip
M4 enables the breakthrough design and stunning display of the new iPad Pro, while delivering a giant leap in performance M4 is a system on a chip (SoC) that advances the industry-leading power-efficient performance of Apple silicon. CUPERTINO, CALIFORNIA Apple today announced M4, the latest chip delivering phenomenal performance to the all-new iPad Pro. Built using second-generation 3-nanometer t
持続可能なプロダクト開発において、技術選定の意思決定は重要な要素です。 この記事では、技術選定の意思決定において一番大切なことと、それを実現するための6つの取り組みを紹介します。 サクッと読みたい方はこちらのスライドもどうぞ。 対象読者 チーム開発で技術選定に携わっている 技術選定の意思決定に悩んでいる プロダクトの持続性を向上させたい はじめに 筆者は、5年以上の長年に渡り運用されているプロダクトでの開発から、0 → 1の立ち上げまで、様々なプロダクト開発に携わってきました。 長年運用されているプロダクトを開発する際には、保守性が低く、どうしてこんな技術選定になっているのか？なぜこのような実装になっているのか？と不満に感じることがありました。しかし、当時の背景や状況を知ることができないため、すでに動いているものが絶対視され、そのままになってしまうことが多かったです。 一方で、新プロジェク
Barracuda Networksは2024年5月1日（現地時間）、リモートデスクトップツールに関する調査結果を発表した。調査から、この12カ月で最も標的にされたリモートデスクトップツールが明らかになった他、リモートデスクトップツールを悪用したサイバー攻撃の具体例とその対策が公開された。 最も標的とされたリモートデスクトップツールをBarracudaが調査 この12カ月で最も標的にされたリモートデスクトップツールは以下の通りだ。 VNC（ポート番号5800+、5900+） プラットフォームに依存しない広く利用されているツールだ。ユーザーとデバイスはOSに依存せずサーバに接続できる。VNCはAppleのリモートデスクトップおよび画面共有ソリューションなどのベースソフトウェアとして使用されている。 Barracuda Networksの調査によると、VNCは2023年に最も標的にされたリモー
Enhancing Network Resilience with Istio on Amazon EKS | Amazon Web Services
AWS Open Source Blog Enhancing Network Resilience with Istio on Amazon EKS This is the third blog post of our “Istio on EKS” series, where we will continue to explore Istio’s network resilience capabilities and demonstrate how to set up and configure these features on Amazon Elastic Kubernetes Service (Amazon EKS). Istio equips microservices with a robust set of features designed to maintain respo
とも ちゃ日記(Tomo cha) - 元大学生のＯＬ日記-
わたしの日記は日々の出来事の鬱憤晴らしの毒だし日記がメインです。 相当病んでいます。くだを巻いています。許容出来る方のみのアクセスをお願いします。 また、この日記へのリンクは原則自由にして頂いても結構ですが、 写真への直リンクを張るのはご遠慮下さい。内容に関しては、一切保証致しません。 カテゴリ一覧 Network, Internet, IPv6, DC, NTT, Comp, Linux, Debian, FreeBSD, Windows, Server, Security, IRC, 大学, Neta, spam, 食, 生活, 遊び, Drive, TV, 仕事, seirios氏がAmazonでポチって面白いデバイスを持ってきたので、軽く検証、面白い結果が得れたので私も合計で5台ほど調達することにした。 検証した機器は、 八丁 seekswan XikeStor SKS8300-8
The economic advantages of portability are very great. In many segments of the computer industry, the dominant cost is development and maintenance of software. Dennis Ritchie and Stephen Johnson 1978 … many insist that C is the programming language and that it will last forever. Byte Magazine 1983 The August 1983 issue of Byte Magazine devoted its cover, and a large part of its editorial content,
Building an Efficient ETL/ELT Process for Data Delivery
“Data is the new oil” — a statement that has underscored our approach to data management over the past decade. We’ve dedicated ourselves to gathering, processing, and analyzing vast volumes of data to fuel our journey towards becoming a data-driven organization. However, with the rise of ChatGPT, collecting over 1 million users in just 5 days, the landscape has shifted. This phenomenon has sparked
May 1, 2024The evolution of Figma’s mobile engine: Compiling away our custom programming language We’ve long written core parts of our mobile rendering architecture in Skew, the custom programming language we invented to squeeze additional performance out of our playback engine. Here’s how we automatically migrated Skew to TypeScript without disrupting a single day of development. Skew began as a
Amazon MemoryDB for Redisの論文がSIGMOD 2024で採択されたので読んでみた | DevelopersIO
Amazon MemoryDBではトランザクションログサービスへの耐久性のオフロード、スナップショット用にephemeralクラスタを作成、形式手法(TLA+)で一貫性の検証などが活躍しています Amazon MemoryDB for RedisはAWSが2021年から提供するRedis互換でありながら高速なパフォーマンスと耐久性を兼ね備えたエンタープライズなインメモリデータベースです。このAmazon MemoryDBの仕組みについて説明した論文が、2024年6月にチリ・サンティアゴで開催される国際的なデータベース学会の「SIGMOD/PODS 2024」で採択されました。 The 2024 ACM SIGMOD/PODS Conference: Santiago, Chile - Welcome Amazon MemoryDB: A fast and durable memory-fi
本ブログはこんな人におすすめ RAG (Retrieval Augmented Generation)を使ったアプリケーションを開発しているけど評価に関心のある人 LLM (Large Language Model)やRAGのハルシネーションをどう評価するのかに関心のある人 Ragas (RAGの評価ライブラリ：Retrieval augmented generation assessment)の挙動に興味がある人 こんにちは。私はBeatrustのML周辺のお手伝いをしている鈴木宏和と申します。今回はこれから3つのパートに分けて紹介させていただきますが、LLMの応用として特に注目を集めているRAG (Retrieval Augmented Generation)について、RAGの評価の必要性とアプローチ方法について考察しつつ、RAGに特化した評価ライブラリであるRagasの有用性に関する
機械学習・データ部 / データチームの @irotoris です。こんにちは。 データチームでは社内で使うデータプラットフォームやデータマートの開発をしています。今日は弊チームの開発スタイルの中から「プレスリリース駆動開発」を紹介します。 データチームの開発スタイル データチームの開発は1週間のタイムボックスで、月曜日にバックログやプロジェクトから今週取り組むタスクを計画し、金曜にスプリントレビューを行っています。デイリーでは夕会を行っています。ベロシティの計測などは今のところできていませんが、いわゆるスクラムっぽい開発です。 その月曜朝の計画会で、まずプレスリリースを書いています。 プレスリリースとはなにか？ 本来プレスリリースは新商品や新サービス、経営・人事などの企業情報を、ニュースとしてメディアに掲載する文書ですが、ここではデータチームが開発・提供する機能や改善をユーザーに伝えるため
ごあいさつ はじめましての人ははじめまして、こんにちは！BASE BANK Divisionのフロントエンドエンジニアのがっちゃん（ @gatchan0807 ）です。 今回は、ここ数ヶ月の間にOIDC（OpenID Connect）という技術を使った開発を複数行い、この技術の概観を理解することができたので、OIDCの技術概要に触れつつBASE BANKの中でどのように使ったのかをご紹介しようと思います。 OIDCとは何なのか このパートでは、まずOIDCという技術について概要を紹介します。いくつかのWebページに記載されていた内容を参考にしてまとめさせて頂いているので、記事の最後に参照元のリンクを記載しておきます。 また、OIDCをはじめとした認証・認可の仕組みには様々な用語があり、自分自身も「調べれば調べるほど知らない用語が増えて、どんどんわからなくなってきた…」という経験をしたので、
なんと「カミソリの刃」すら通らないピッタリ密着した石積み…あまりに「精巧すぎて」スペイン時代が見劣りしてしまう「インカの文明の超技術」（志村 史夫）
あの時代になぜそんな技術が!? ピラミッドやストーンヘンジに兵馬俑、三内丸山遺跡や五重塔に隠された、現代人もびっくりの「驚異のウルトラテクノロジー」はなぜ、どのように可能だったのか？ 現代のハイテクを知り尽くす実験物理学者・志村史夫さん（ノースカロライナ州立大学終身教授）による、ブルーバックスを代表するロング＆ベストセラー「現代科学で読み解く技術史ミステリー」シリーズの最新刊、『古代日本の超技術〈新装改訂版〉』と『古代世界の超技術〈改訂新版〉』が同時刊行され、続々と重版を重ねています！ それを記念して、両書の「読みどころ」を、再編集してお届けします。今回は、前回に引き続いて、インカ文明の石積み技術を解説します。 精緻な石組みはどう組まれたのか インカ帝国の首都として栄えたペルー南部の都市・クスコのロレート通りには、直方体に成形された同じ高さの石を規則正しく積み上げた石壁（石組み）が少なくな
Bytecode VMs in surprising places
April 30, 2024 In response to a question on Twitter1, Richard Hipp wrote about why SQLite uses a bytecode VM for executing SQL statements. Most people probably associate bytecode VMs with general-purpose programming languages, like JavaScript or Python. But sometimes they appear in surprising places! Here are a few that I know about. eBPF Did you know that inside the Linux kernel, there’s an exten
謎の高性能AIモデル「gpt2-chatbot」がChatbot Arenaに登場、GPT-4.5かGPT-5なのではないかと話題に
ユーザーがログインせずに様々な言語モデルとチャットしてその出力を評価することができるウェブサイト「LMSYS.org」のChatbot Arenaで、「GPT-4.5」あるいは「GPT-5」と思われるモデルがテストされているのではないかと話題になっています。 GPT-2? https://rentry.co/GPT2 GPT-4.5 or GPT-5 being tested on LMSYS? | Hacker News https://news.ycombinator.com/item?id=40199715 プロンプトエンジニアであるdesuAnon氏によると、LMSYS.orgで利用可能になったモデルの一つである「gpt2-chatbot」は従来のGPT-4モデルやClaude 3 Opusが解決できないレベルの問題に対応し、英語だけではなく日本語の処理能力も高く、アスキーアートの
Dive deep into security management: The Data on EKS Platform | Amazon Web Services
AWS Big Data Blog Dive deep into security management: The Data on EKS Platform The construction of big data applications based on open source software has become increasingly uncomplicated since the advent of projects like Data on EKS, an open source project from AWS to provide blueprints for building data and machine learning (ML) applications on Amazon Elastic Kubernetes Service (Amazon EKS). In
MoonBit adds JS backend, up to 25x faster than native JS | MoonBit
When MoonBit officially launched in August 2023, our critical mission was unleashing the potential of WebAssembly in cloud and edge computing as a Wasm-first programming language and toolchain. By integrating the essence of Rust and Go, MoonBit has not only achieved simplicity and usability in design but also been equipped with a robust fault-tolerant type system. At the same time, MoonBit is work
2.3k{icon} {views} 複数のLLM（GPT/Claude3）とArxivの検索APIをRAGで統合し、論文サーベイの自動生成を作りました。検索結果の前処理や、サーベイ特有のプロンプトエンジニアリングやソートが重要で、最適化手法として古くからある巡回セールスマン問題（TSP）が有効に機能しました。また、生成部分ではGPTよりClaude3の明確な有効性を確認できました。 できたもの Arxivの検索APIを使って検索拡張生成（RAG）したらサーベイを自動生成できた やっていること Arxivの検索ワードをGPT-4-Turboで生成 ArxivのAPIを叩いてヒューリスティックでフィルタリング OpenAIのEmbedding APIを叩く Embeddingに対して巡回セールスマン問題（TSP）を解いてソートをかける 論文の要旨をGPT-3.5-Turboで要約 ソートした
はじめに よくQiitaでおすすめアプリとかの記事を見かけますが 逆に使わなくなったアプリの紹介記事ってなくね？ と思い今その勢いで本記事を書き進めています。需要があるかはしーらないっ。 本記事では、今年で4年目のエンジニアが作業効率を追い求める中で淘汰されていったアプリたちを紹介します。 ちなみに当方Macユーザです。 エディタ Visual Studio Code 3年目くらいまでは結構使ってました。 settings.jsonやkeybindings.jsonをdotfilesで管理してみたいなこともするくらいには使ってました。 が、何かのタイミングでvimに興味を持ち、vimを使いはじめてから徐々に使わなくなってゆきました。 vimに興味を持った最初の頃はVSCの拡張でvimがあったので、それを使ってました。 VSCでvimの操作を再現できる拡張です。 しかし vimと言えば学習コ
GitHub - dream-num/univer: Univer is an open-source alternative to Google Sheets, Slides, and Docs
Univer is an open-source alternative to Google Sheets, Slides, and Docs. Highlights: 📈 Univer is designed to support both spreadsheets and documents. Slides will be supported as well in the future. ⚙️ Univer is easily embeddable, allowing seamless integration into your applications. 🎇 Univer is powerful, offering a wide range of features including formulas, conditional formatting, data validatio
The next-generation open source office suite Break application silos and connect business data to a single platform. Get started Dependency injection based plugin architecture Functions are divided into multiple plugins. Developers can use plugins freely and customize plugins to meet personalized needs. Unified rendering engine The high-performance rendering engine, based on a single canvas, allow
基本概念から理解するAzure AI Search - Azure OpenAI Serviceとの連携まで - 電通総研 テックブログ
こんにちは。XI 本部AIトランスフォーメーションセンター所属の山田です。 先日、部内の勉強会でAzure AI Searchについて紹介したので、テックブログでもその内容を紹介したいと思います。 Azure AI Searchとは？ Azure AI Searchに保存されるデータに関する用語と概念 Azure AI Searchのスケーラビリティに関する用語と概念 Azure AI Searchでサポートされる検索の仕組み 全文検索について Azure AI Searchのアナライザー ベクトル検索について ベクトルの近傍検索アルゴリズム ハイブリッド検索 検索インデックスのスキーマ設計 検索インデックスにドキュメントを追加する方法 Pushモデル Pushモデルを利用する場合のアーキテクチャの例 Pullモデル Pullモデルを利用する場合のアーキテクチャの例 インデクサーの計算リソ
JSer.info #690 - Electron 30.0.0がリリースされました。 Electron 30.0.0 | Electron V8 12.4、Chromium 124、Node.js 20.11.1へアップデート。 File System APIをサポート、Cross Origin iframeにPermission Policyを使うように変更、WebContentsView/BaseWindowの廃止などの変更が含まれています。 Firefox 125がリリースされました。 Firefox 125.0.1, See All New Features, Updates and Fixes Firefox 125 for developers - Mozilla | MDN Intl.Segmenterのサポート、Popover APIのサポート、AV1コーデックのサポート
About Me My name is Marc Brooker. I've been writing code, reading code, and living vicariously through computers for as long as I can remember. I like to build things that work. I also dabble in machining, welding, cooking and skiing. I'm currently an engineer at Amazon Web Services (AWS) in Seattle, where I work on databases, serverless, and serverless databases. Before that, I worked on EC2 and
社内向けに「Azure の基本的な権限管理の勉強会」を開催したため資料を公開します。 主に Azure を使い始めた方を対象に、どのようにロールを付与するのかを説明する内容となっています。 補足情報 Azure サブスクリプションとリソースグループという用語は知っている前提の資料となっているため、基本的な用語を確認したい方や契約形態を知りたい方は「Microsoft Azure 利用ガイド」を一緒に見ていただくと良いと思います。 【2024年1月版】Microsoft Azure 利用ガイド完全版 Azure OpenAI Service を使いたい でもサブスクリプションの管理、ID管理の仕方よくわからない ベストプラクティス教えて！ って方向けの資料が今年入って更新されましたhttps://t.co/HlSXi4XtXR 1. 基本情報 2. ライセンス契約形態について 3. 契約…
Building top-tier enterprise-grade intelligence using LLMs has traditionally been prohibitively expensive and resource-hungry, and often costs tens to hundreds of millions of dollars. As researchers, we have grappled with the constraints of efficiently training and inferencing LLMs for years. Members of the Snowflake AI Research team pioneered systems such as ZeRO and DeepSpeed, PagedAttention / v
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Portable stories for Playwright Component Tests
277もの特許を使用して標準化した高速シリアルバスIEEE 1394 消え去ったI/F史 (1/3)
https://www.elle.com/jp/decor/decor-architecture/g60627504/world-library-architect-2405/
Event Sourcing | Event-driven Architecture on AWS
Development notes from xkcd's "Machine"
CSS設計とは何だったのか？と、コンポーネント環境との関わり
This sound-suppressing silk can create quiet spaces
未来は予測不能！技術選定の意思決定において一番大切なこと
2023年に最も狙われたリモートデスクトップツールは？
Freedom and Portability
Figma’s journey to TypeScript | Figma Blog
https://www.elle.com/jp/decor/decor-architecture/g60543618/most-beautiful-libraries-in-world-240430-hns/
RAGの評価：評価の必要性と問題点 - Beatrust techBlog
プレスリリース駆動開発のすゝめ - LayerX エンジニアブログ
OIDCって何なんだー？から、実際に使うまで - BASEプロダクトチームブログ
Arxiv RAGによる論文サーベイの自動生成 | Shikoan's ML Blog
【作業効率化】4年目エンジニアが「使わなくなった」アプリを供養する - Qiita
Univer
2024-04-26のJS: Electron 30、Firefox 125、Node.js 22、React 19 Beta、TypeScript 5.5 Beta
MemoryDB: Speed, Durability, and Composition. - Marc's Blog
「Azure の基本的な権限管理の勉強会」を開催したため資料を公開します | DevelopersIO
Snowflake Arctic - LLM for Enterprise AI