Lookbook is a UI development environment for Ruby on Rails applications. It combines a powerful component browser and preview system with an integrated documentation engine to help teams build robust, modular, maintainable user interfaces.
タグ
- すべて
- 法務 (6)
- 1Password (1)
- ACT (2)
- AGPL (3)
- AI (99)
- AIIT (3)
- AKATSUKI (1)
- AL (1)
- API (32)
- ARM (2)
- ASP.net (1)
- AWS (10)
- AWS Lambda (1)
- Actions (14)
- ActiveRecord (14)
- ActiveStorage (2)
- Adobe (1)
- Ads (1)
- Akamai (1)
- Algolia (2)
- Algorithm (1)
- Amazon (2)
- Amazon Web Services (1)
- Android (1)
- Animation (1)
- App Store (1)
- Apple (9)
- Apple Music (1)
- Auth (3)
- Azure (2)
- BANDAI (1)
- BGM (5)
- BIGBOX (2)
- Bcrypt (2)
- Benchmark (5)
- Benevity (1)
- Bikeshed (1)
- Biology (1)
- Book (3)
- Boolean (1)
- Brakeman (1)
- Bundler (6)
- Business (24)
- C (2)
- C# (1)
- C++ (2)
- CAPCOM (1)
- CASE Shinjuku (2)
- CDN (1)
- CEO (1)
- CI (4)
- CLI (1)
- CPU (1)
- CSS (3)
- CTO (7)
- CVE (4)
- Cache (1)
- Campfire (1)
- Charty (1)
- ChatGPT (50)
- Chrome (3)
- CircleCI (1)
- Classroom (1)
- Cloud Firestore (1)
- Cloudflare (1)
- CoC (1)
- Coaido (1)
- Code Club (1)
- Code of Conduct (1)
- CoderDojo (177)
- Codespaces (3)
- Codespacs (1)
- Communication (1)
- Compiler (1)
- Components (4)
- Concurrent (2)
- Conference (1)
- Cookie (3)
- Cookpad (3)
- Copilot (3)
- Cosense (1)
- Crab (1)
- Crawler (1)
- Crystal (1)
- DB (19)
- DCL (1)
- DDD (1)
- DDR (1)
- DHH (35)
- DJ (1)
- DMA (1)
- DNS (2)
- DOM (2)
- DSOS (1)
- DecaDojo (1)
- Decision (2)
- DeepLearning (1)
- Deploy (2)
- Design (6)
- Design Doc (1)
- Design Thinking (3)
- Dev Container (2)
- Devise (5)
- Django (3)
- Docker (17)
- Docs (2)
- Doctor (1)
- DojoCon Japan (4)
- Domain (1)
- Doorkeeper (1)
- Drive (1)
- Drupal (3)
- ENECHANGE (1)
- ERB (4)
- Earth (1)
- Elixir (3)
- Emacs (1)
- Emoji (2)
- English (4)
- Executive Director (1)
- FAQ (1)
- FLOSS (1)
- FOSS (6)
- FUD (1)
- Facebook (7)
- Fastly (1)
- Figma (2)
- Firebase (3)
- Firefox (2)
- Flash (1)
- Fly.io (1)
- Formatter (1)
- FoundX (1)
- Foundation (2)
- Framework (5)
- Free (3)
- FreeBSD (1)
- Frontend (3)
- Fund (1)
- GC (1)
- GCP (2)
- GIL (2)
- GMO (2)
- GNU (2)
- GPL (2)
- GPT (5)
- GPT-4 (2)
- GVL (2)
- Gem (12)
- Gemfile (2)
- Geo (2)
- Geolonia (3)
- Git (16)
- GitHub (136)
- GitHub Pages (3)
- GitLab (10)
- Gmail (2)
- Go (11)
- Golang (2)
- Google (22)
- Google Cloud (2)
- GraphQL (6)
- Guides (2)
- Gyazo (2)
- HHKB (2)
- HTML (6)
- HTTP (8)
- Hacker News (2)
- Hardware (2)
- Heroku (20)
- Hotwire (49)
- IDEO (2)
- IPA (16)
- IRB (4)
- Indeed (2)
- JIT (8)
- JSON (2)
- Japan (4)
- Java (2)
- JavaScript (38)
- Jekyll (11)
- Kamal (2)
- Kubernetes (2)
- LAN (2)
- LLM (14)
- LRama (2)
- LSP (6)
- Laravel (9)
- License (6)
- Linter (2)
- Linux (10)
- Lookbook (2)
- MDN (2)
- MINIX (3)
- MITOU (2)
- MacBook (3)
- Map (7)
- Matz (12)
- Medium (2)
- Memory (2)
- Micro (3)
- Microsoft (4)
- Minecraft (5)
- Monolith (4)
- NHK (2)
- NLP (2)
- NPO (3)
- NTT (2)
- Next.js (8)
- Node.js (4)
- Nujabes (2)
- OIST (4)
- ONCE (2)
- ORM (4)
- OS (12)
- OSS (38)
- OSS Gate (2)
- Okinawa.rb (4)
- OpenAI (29)
- PHP (9)
- PMF (2)
- Packwerk (3)
- Parser (19)
- Password (2)
- Performance (8)
- Ph.D. (2)
- Podcast (2)
- PostgreSQL (4)
- Pricing (3)
- Prism (6)
- Prisma (3)
- Profiler (2)
- Progate (6)
- Prompt (3)
- Python (13)
- Qiita (5)
- Quora (2)
- RBS (7)
- RDBMS (5)
- REST (5)
- RESTful (4)
- RIZAP (2)
- RSpec (5)
- Rack (3)
- Radio (2)
- Rails (756)
- Railsガイド (220)
- Railsチュートリアル (289)
- Rake (2)
- Raspberry Pi (4)
- React (18)
- Render (5)
- Research (2)
- RuboCop (10)
- Ruby (964)
- Ruby on Rails (67)
- RubyGems (8)
- RubyKaigi (85)
- RubyMine (2)
- RubyWorld (6)
- Rust (16)
- Ruvy (2)
- SCIM (2)
- SDK (2)
- SNS (6)
- SPA (12)
- SQL (6)
- SQLite (7)
- SQLite3 (2)
- SSL (3)
- STORES (3)
- SaaS (9)
- Safari (2)
- Scala (2)
- Scrapbox (7)
- Scratch (10)
- Search (2)
- Security (60)
- Shopify (23)
- Sidekiq (2)
- Slack (10)
- Song (2)
- Sponsor (3)
- Starlink (2)
- Startup (7)
- Stats (18)
- Stimulus (3)
- Story (2)
- Storybook (3)
- Strada (2)
- Stripe (3)
- Supabase (3)
- Swift (2)
- TOYOTA (2)
- TechRacho (3)
- Test (10)
- Timee (2)
- Translation (3)
- Turbo (10)
- Twemoji (2)
- Twitter (21)
- Type (3)
- TypeScript (11)
- UART (2)
- UI (4)
- UUUM (2)
- UX (2)
- Uber (3)
- Ubuntu (2)
- VM (2)
- VS Code (6)
- ViewComponent (11)
- WASI (9)
- WASM (27)
- Web (45)
- WebAssembly (18)
- WebComponents (2)
- Web開発 (5)
- Windows (3)
- Wistia (2)
- WordPress (2)
- YJIT (13)
- YassLab (8)
- YouTube (11)
- Zenn (4)
- a11y (2)
- blockchain (2)
- chocoZAP (2)
- copyright (4)
- curl (2)
- debug (4)
- education (6)
- esa (2)
- extension (2)
- freee (5)
- iOS (6)
- iTerm (2)
- jQuery (2)
- language (3)
- macOS (4)
- microbit (2)
- microservices (3)
- minitest (5)
- mruby (6)
- note (5)
- opensource (2)
- pixiv (2)
- programming (4)
- rodauth (2)
- trademark (2)
- webサービス (5)
- wikipedia (8)
- ことば (2)
- ほぼ日 (2)
- アジャイル (2)
- アルゴリズム (8)
- アーキテクチャ (6)
- イノベーション (2)
- イベント (2)
- イラスト (3)
- インタビュー (7)
- エンジニア (23)
- エンジニアリング (2)
- オンライン (3)
- オープンソース (4)
- ガイドライン (2)
- キャリア (4)
- ゲーム (7)
- コミュニケーション (8)
- コミュニティ (18)
- コンテナ (2)
- コンピュータ (5)
- コーヒー (3)
- サウナ (2)
- スタートアップ (12)
- セキュリティ (35)
- ソニックガーデン (2)
- ソフトウェア (20)
- ソフトウェア開発 (5)
- チューニング (4)
- ツール (8)
- テスト (11)
- デザイン (13)
- デジタル庁 (3)
- デバッグ (3)
- ドキュメント (6)
- ドメイン (2)
- パフォーマンス (8)
- ビジネス (30)
- フリー素材 (2)
- ブラウザ (9)
- プログラミング (58)
- プログラミング教育 (3)
- プロダクト (13)
- プロダクト開発 (2)
- ポケモン (5)
- マイクロサービス (3)
- マネジメント (15)
- マンガ (2)
- マーケティング (3)
- モチベーション (5)
- ライセンス (8)
- ライフハック (3)
- ライブラリ (7)
- リモートワーク (5)
- ログ (1)
- ロボット (2)
- 並列処理 (3)
- 事件 (3)
- 人工知能 (10)
- 人生 (7)
- 仕事 (39)
- 任天堂 (4)
- 会社 (12)
- 会議 (4)
- 個人開発 (2)
- 健康 (4)
- 入試 (5)
- 利用規約 (6)
- 創業 (9)
- 労働 (2)
- 動画 (11)
- 医療 (4)
- 協賛 (3)
- 博士号 (2)
- 司法 (4)
- 合宿 (2)
- 商標 (3)
- 地図 (4)
- 型 (12)
- 大学 (8)
- 大学院 (5)
- 契約 (6)
- 子ども (7)
- 学習 (12)
- 完走 (3)
- 広告 (3)
- 引用 (2)
- 心 (3)
- 成果物 (3)
- 技術 (26)
- 技術選定 (4)
- 投資 (7)
- 採用 (6)
- 教育 (21)
- 数学 (2)
- 書籍 (8)
- 未踏 (55)
- 未踏ジュニア (51)
- 未踏事業 (7)
- 未踏会議 (2)
- 未踏社団 (2)
- 本 (5)
- 東京 (2)
- 東大 (5)
- 検索 (3)
- 機械学習 (4)
- 歴史 (11)
- 求人 (5)
- 決済 (2)
- 沖縄 (2)
- 法務 (7)
- 法律 (4)
- 漫画 (2)
- 無料 (2)
- 生活 (3)
- 研修 (4)
- 研究 (23)
- 磐梯町 (2)
- 社会 (18)
- 福岡 (3)
- 科学 (2)
- 素材 (2)
- 組織 (11)
- 経営 (22)
- 経済 (10)
- 統計 (9)
- 継続的翻訳 (2)
- 翻訳 (7)
- 考え方 (20)
- 脆弱性 (15)
- 自然言語処理 (2)
- 英語 (4)
- 著作権 (8)
- 行政 (2)
- 裁判 (2)
- 言葉 (5)
- 言語 (28)
- 設計 (25)
- 読み物 (2)
- 調査 (9)
- 起業 (13)
- 転職 (4)
- 近畿大学 (2)
- 通知 (2)
- 週刊Railsウォッチ (2)
- 配信 (3)
- 開発 (96)
- 音楽 (4)
- 高田馬場 (2)
- Ruby (964)
- Rails (756)
- Railsチュートリアル (289)
- Railsガイド (220)
- CoderDojo (177)
- GitHub (136)
- AI (99)
- 開発 (96)
- RubyKaigi (85)
- Ruby on Rails (67)
Lookbookに関するYassLabのブックマーク (2)
-
YassLab 2023/02/28
“A Development UI for ViewComponent - Lookbook is a tool to help develop, test and document ViewComponents in isolation from your main application.”- Storybook
- Lookbook
- Rails
リンク -
実践ViewComponent（2）: コンポーネントを徹底的に強化する（翻訳）｜TechRacho by BPS株式会社
🔗 コンポーネントを徹底的に強化する ViewComponentはやるべきことをうまくやってくれますが、Railsほど手取り足取り懇切丁寧にやってくれるわけではありません。この方面の規約がまだ不足しているため、自分で考える以外に切り抜ける方法がない場面もちょくちょくあります。 しかし心配ご無用です。本章ではEvil Martiansがビューコンポーネント周りのコードを構築するときの方法を紹介し、すぐにでも皆さんが生産性を高めて貴重な時間を節約できるようにしたいと思います。 注意: 本記事で紹介するテクニックには「非標準」のものも多くありますのでご了承ください。ビューコンポーネントのEvil Martians流クッキングレシピにつき、当然ながら賛否が大きく分かれることになるでしょう。しかしその中のいくつかについてはViewComponent本家にマージする計画がありますので、今後もご注目よ
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx