Hatena Blog Tags
はてなブログ トップ
Storybook
このタグでブログを書く

Storybook

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
PLAY DEVELOPERS BLOG•17日前

GitHub Copilot を活用して社内 UI コンポーネントの Storybook カタログを作った話

こんにちは。テックリードの丸山 @maruyamaworks です。最近は Claude Code に全部賭けています。 弊社も生成 AI を活用することで開発効率を圧倒的に高めるべく、さまざまなツールの検証や導入、社内ルールの整備などを急ピッチで進めています。また、実際に開発支援系 AI を活用してうまくいった事例もいくつか出てきています。今回はその中から、GitHub Copilot を活用して社内 UI コンポーネントのカタログを作った話をご紹介したいと思います。 社内 UI コンポーネントについて Storybook を利用した UI カタログの整備 Story ファイルを作成してもら…

#GitHub Copilot#生成AI#LLM#Storybook

ネットで話題

もっと見る
346ブックマーク【レビュー】小説作成ソフトで論理的に物語を構成 - オープンソースソフト「StorYBook」 (1) StorYBookの概要とインストール | パソコン | マイコミジャーナル筋の練られた小説を読んだり、ドラマを見たりして感心させられることも多いだろう。中には、自分でも小説を書きたいと思う人もいるかもしれない。また、ケータイ小説への投稿も流行っている。そんな小説作りに最適かもしれないソフトが、オープンソースで開発され、提供されている「StorYBook」である。「StorYBook」で...journal.mycom.co.jp
320ブックマークStorybookを書くだけでリグレッションテストが 実行される世界へようこそspeakerdeck.com
157ブックマークStorybook: Frontend workshop for UI developmentstorybook.js.org
131ブックマーク[Next.js]フロントテストのコストはStorybookで削減出来るzenn.dev
130ブックマークStorybook First な開発のススメblog.ojisan.io
127ブックマークStorybook for Vueでエンジニアとデザイナーの協業を加速させる - Studio Andystudio-andy.hatenablog.com
117ブックマークMOONGIFT: » 目指せ小説家！「StorYBook」:オープンソースを毎日紹介www.moongift.jp
116ブックマークReact Storybook で変わるUI開発フロー (Redux Flavor) - Qiitaqiita.com
94ブックマークreact-storybookを用いたReactコンポーネント開発 - Hatena Developer Blogdeveloper.hatenastaff.com

関連ブログ

LayerX エンジニアブログ•2ヶ月前

Storybook Play functionでAHA testingのすゝめ

バクラク事業部でソフトウェアエンジニアをしている @ta1m1kam です。 フロントエンド開発において「どのテストをどれだけ書くべきか？」という問いは、誰もが一度は悩むテーマです。ユニットテスト？E2Eテスト？ビジュアルリグレッション？それぞれに役割があり、バランスが求められます。 Testing Trophy そんな悩みに対する一つの指針として、Kent C. Dodds氏が提唱した 「Testing Trophy（テスティング・トロフィー）」 という考え方あります。（提唱自体は2021年ごろなので、今では割と一般的になっているかなと感じています。） kentcdodds.com ポイント…

#フロントエンド#Storybook#react#フロントエンドテスト#testing
ITANDI Engineer Blog•4ヶ月前

デザインシステム「ITANDI BB UI」とそれを支えるStorybookの紹介

こんにちは！イタンジのFrontend Unit所属の薄羽です。2024年3月に中途入社しました。好きなnpmパッケージは @emotion/react です。 イタンジのFrontend Unitには主務で薄羽と西野が在籍しており、デザインシステム「ITANDI BB UI」の開発とプロダクトのフロントエンドを横断的に見ること*1を主な仕事としています。 今回はITANDI BB UIとそれを支える「Storybook」を紹介します。 ITANDI BB UI イタンジには、物件管理や申込管理など、様々な機能が存在します。それらの機能は別々のチームで開発されており、同じ見た目や振る舞いのコン…

#デザインシステム#Storybook#TypeScript#フロントエンドテスト
青いやつの進捗日記。•4ヶ月前

storybook、なにもしていないのに急にFailed to fetch dynamically imported moduleって言われた が、結局キャッシュ消してリロードしたら解決した

Failed to fetch dynamically imported module: http://localhost:6006/node_modules/.cache/storybook/1c3385a5d25e538d10b518b310c74d3ca2690b6aaffeadccd74da79736171f86/sb-vite/deps/@storybook_addon-interactions_preview.js?v=ca377e5c The file does not exist at "/Users/[ユーザー名]/Documents/git/[プロジェクト名]/node_m…

#Storybook
アドグローブブログ | 渋谷のIT会社•5ヶ月前

UI開発を効率化！Storybookでコンポーネントの「見える化」＆管理をラクに！

こんにちは。 株式会社アドグローブ ソリューション第一事業部の清水です！ 突然ですがフロントエンド開発で、こんなお悩みありませんか？ 「コンポーネントが増えて、どんなコンポーネントがあるか把握できない...😥」 そんな悩みを解決してくれるのが Storybook です！特に、フロントエンド開発でコンポーネント管理に課題を感じている方におすすめです。 この記事では、Storybookの導入方法やメリットを紹介します！ Storybookとは？ Storybookを導入するメリット 導入方法 起動 Storybookにコンポーネントを追加する インタラクションテストを導入する ドキュメントページを…

#Storybook#UI開発
Mirrativ Tech Blog•7ヶ月前

StorybookとVitestではじめるフロントエンドのかんたん自動テスト

こんにちは フロントエンドエンジニアの どじねこ です。 今回は Storybook 8.3 から追加された Vitest 統合機能を活用して、フロントエンドアプリの自動テストを強化した事例をご紹介します。 Storybook とは storybook.js.org Storybook は OSS として開発される UI コンポーネントワークショップです。 具体的には、フロントエンドアプリケーションの UI コンポーネントを開発する際の作業環境、ドキュメンテーションツール、テスティングフレームワークとして活用できる開発環境が提供されます。 React や Vue、Angular、Svelte、…

#CI#Storybook#TypeScript
techtekt•8ヶ月前

Tech × CreativeのMIXから生まれるコラボレーションを推進する〜UXDIG活動紹介

UXDIGとは 2021年当時、テクノロジー本部サービス開発部はゼロイチの新規サービス開発に専任で取り組む部署でした。しかし、企画〜デザイン〜開発の各工程に課題があり、企画・デザイナー・エンジニア間でタスクが曖昧になったり、見落とされたりする状況も発生していました。 順序として開発は最後の工程となるため、企画の遅れやデザインの変更の影響を受けやすく、結果として開発工期の短縮により機能の縮小を余儀なくされる状況も出始めます。 同時期、UXエンジニアという職種が登場し、デザイナーやエンジニアの枠を超え、ユーザーエクスペリエンス（UX）の観点からプロダクト開発を行うことの重要性が強調されるようになり…

#パーソルキャリア#techtekt#エンジニア#UXエンジニア#UXDIG#デザインエンジニア#Storybook#OOUI#勉強会
VISASQ Dev Blog•9ヶ月前

Storybookをもっと活用したい

はじめに 背景と課題 今回やったこと コンポーネントの整備 セマンティックトークンを見える化 実装上の制限 今後の課題 最後に はじめに こんにちは、クライアント開発チームの石岡です。やっと暑さが落ち着いてサウナに入って外気浴も気持ちいい季節になり始めて嬉しさを感じています。 私が所属するチームが開発しているクライアントポータルというプロダクトでは、フロントエンド開発の技術にnuxt, vue3 デザイナーとの連携ツールにstorybookを導入しています。今回は、クライアントポータルの開発プロセスで、デザイン側とより連携しやすく開発しやすくするためにどうstorybookを活用していくかを考…

#Storybook