Sarrera

erd-editor entitate-erlazio diagramen editore bat da. Web aplikazio, Google Drive aplikazio, VS Code luzapen, IntelliJ plugin, Obsidian plugin eta zure orrian txerta dezakezun <erd-editor> elementu pertsonalizatu gisa dago eskuragarri. Guztietan editore bera eta dokumentu-formatu bera erabiltzen dira.

Non eskuratu

Plataforma	Instalazioa	Zer lortzen duzun
Web aplikazioa	erd-editor.io	PWA instalagarria, konexiorik gabe funtzionatzen du, denbora errealeko elkarlana
Google Drive	Google Workspace Marketplace	ERD Editor gehitzen du Drive zerbitzuko Open with eta New menuetan, eta fitxategi berean gordetzen du berriro
VS Code	Marketplace	.erd.json fitxategiak editore pertsonalizatu batean irekitzen ditu
IntelliJ	JetBrains Marketplace	Editore bera, IntelliJ plataforman oinarritutako IDEetarako
Obsidian	Community plugins	.erd eta .erd.json fitxategiak biltegi bateko fitxa batean irekitzen ditu, mahaigaineko bertsioan soilik
Zure orria	npm install @dineug/erd-editor	Frameworkik gabeko <erd-editor> elementu pertsonalizatua. Ikus Instalazioa
Kodetze-agenteak	@dineug/erd-editor-mcp	MCP zerbitzari bat: Claude Code, Codex edo beste bezero bati diagrama bat editatzen uzten dio, zuzenean VS Code editorean, JetBrains IDE batean edo Obsidianen, edo fitxategian bertan

IDE batean probatzeko, sortu .erd.json luzapena duen fitxategi huts bat eta ireki. Obsidianen, exekutatu ERD Editor: Create new diagram komandoa komando-paletatik, edo aukeratu New ERD fitxategi-arakatzaileko karpeta baten laster-menuan. Bietako edozeinek .erd fitxategi huts bat sortzen eta irekitzen du. Google Drive zerbitzuan, aukeratu New → More → ERD Editor, eta ondoren hasi saioa Google kontuarekin. ERD Editor aplikazioak harekin sortzen edo irekitzen dituzun fitxategiak soilik atzitzen ditu. Web aplikazioan, Google Drive zerbitzuan, VS Code editorean, JetBrains IDE batean eta Obsidianen, diagrama berri eta huts bat ongietorri-pantailan irekitzen da, lehen urratsak eskaintzen dituen menu batean: New Table, New Memo, Import, Command Palette eta Shortcuts. Korritzeak, zooma aldatzeak eta fitxaz aldatzeak diagrama berri baten fitxategi hutsa dagoen bezala uzten dute, diagrama berri batean blokeo guztiak aktibatuta baitaude. Ikus Blokeoa. VS Code editoreak ERD fitxategi bat JSON testu gisa irekitzen du Source Control, Local History eta Compare with Saved ikuspegietan, VS Coderen txataren eta GitHub Copilot eta Claude Code bezalako kodetze-agenteen edizio-berrikusketetan, eta GitLens, GitHub Pull Requests eta Git Graph bezalako luzapenen berrikuspen-ikuspegietan; beraz, aldaketa bat lerroz lerro alderatzen da. Reopen Editor With... komandoak Git berrikuspen bat irakurtzeko soilik dagoen diagrama gisa erakusten du.

Obsidian plugina eguneratu ondoren, berrabiarazi Obsidian: ordura arte, leihoak aurreko bertsioak kargatutako editorea mantentzen du. Eguneratu ERD Editor diagramak partekatzen dituzun leku guztietan: taula-taldeak sartu aurreko bertsio batek ez du gako nagusien ikonorik erakusten uneko bertsioak gordetako fitxategi batean, eta fitxategia han gordetzeak haren taula-taldeak eta SQL eskemako scriptak kentzen ditu. Halako bertsio batek gordetako fitxategi bat uneko forman berridazten da fitxategian gordetzen den lehen aldaketan. Ikus Blokeoa. Ordura arte, fitxategia bere $schema propietatearen arabera balidatzen duen JSON editore batek baliogabetzat jotzen du.

Zer egiten duen

• Marraztu taulak, zutabeak eta oharrak oihal mugagabe batean, eta lotu haiek lau erlazio motarekin: Zero One, Zero N, One Only, One N. Ikus Editatzen hastea. Indizeak taularen propietate-panelean definitzen dira. Bi zutabe edo gehiagoko indize bakarra gako alternatiboa da, eta Alternate Key ikuspegi-aukera aktibatuta dagoenean, diagramak haren zutabeei AK1.1, AK1.2 eta abar ezartzen dizkie. Ikus Indizeak eta Gako alternatiboak.
• Amaitu erlazio bat taula batek dagoeneko dituen zutabeetan: erlazioa sagu edo arkatz batekin marrazten duzun bitartean, erlazioa amaitzen den taularen ondoko Map to existing columns aukerak taula gurasoaren gakoa taula horren zutabeekin parekatzen du, eta Create new columns aukerak zutabe berriak gehitzen ditu. Erlazio baten laster-menuko Map Columns aukerak haren zutabeak geroago aldatzen ditu. Ikus Mapatu zutabeak. Erlazio batek ON DELETE eta ON UPDATE ekintzak ere izan ditzake. Ikus ON DELETE eta ON UPDATE.
• Editatu azkar: Alt + N lasterbideak taula bat gehitzen du; Alt + Enter lasterbideak zutabe bat gehitzen du; Alt + K lasterbideak gako nagusia aktibatzen edo desaktibatzen du fokuratutako zutabean, edo hautatutako zutabe guztietan, fokuratutakoa horietako bat denean; eta Delete edo Backspace teklak hautapena ezabatzen du. Bakoitza desegite-urrats bat da. Ikus Lasterbideak. Oihalaren behealdean dagoen oihaleko tresna-barrak ere klik bakarrez gehitzen du taula edo ohar bat.
• Koloreztatu taula, ohar edo taula-talde bat kolore aurrezarriak eta diagramak dagoeneko erabiltzen dituen koloreak dituen hautatzaile batetik, eta kendu kolorea No color edo Remove color aukerarekin. Ikus Taulen eta oharren kolorea ezartzea.
• Bildu erlazionatutako taulak taula-taldeetan: haien atzean dagoen koadro bat, izena eman eta koloreztatu dezakezuna. Marraztu talde bat Alt + G lasterbidearekin edo oihalaren laster-menuko, oihaleko tresna-barrako edo Bilaketa azkarreko New Table Group aukerarekin, edo sortu talde bat hautatutako tauletatik T eta ondoren G sakatuta edo haien laster-menuko Group selected tables aukerarekin. Taula bat talde batean sartzen da barruan askatzen duzunean, eta irten egiten da kanpoan askatzen duzunean, eta talde bat titulu-barratik arrastatzean haren taulak harekin batera mugitzen dira. DBML formatuak taldeak bi noranzkoetan eramaten ditu, TableGroup bloke gisa.
• Inportatu lehendik dagoen eskema bat json, Schema SQL, GraphQL, DBML edo AML formatutik. Ikus Fitxategiak inportatzea edo esportatzea. SQL eskema, GraphQL, DBML edo AML fitxategi bat inportatzean, haren taulak erlazioei jarraituz antolatzen dira, edo errenkadatan erlaziorik ez badu. Import and Add aukerak fitxategi bat diagramaren azpian gehitzen du, hura ordeztu beharrean.
• Esportatu diagrama json formatuan; SQL eskema gisa SQL eskema fitxatik, .sql fitxategi gisa gordeta edo kopiatuta; edo Export image elkarrizketa-koadrotik PNG edo SVG irudi gisa, edo PNG gisa arbelean.
• Idatzi SQL eskema zortzi datu-base hornitzaileren sintaxian: Databricks, MSSQL, MariaDB, MySQL, Oracle, PostgreSQL, Snowflake eta SQLite. Ikus Taulekin lotutako funtzioak. SQL eskema fitxako aukeren panelak idatzi beharreko sententziak, goiburua eta taula-taldeak aukeratzen ditu, eta zure SQL propioa diagraman gordetzen du, taulen aurretik eta ondoren idazteko.
• Sortu kodea hogeita bi helburutarako: C#, Go, Java, Kotlin, PHP, Rust, Scala, Swift eta TypeScript lengoaiak; Doctrine, Drizzle, JPA, SeaORM, Sequelize, SQLAlchemy eta TypeORM ORMak; eta AML, DBML, GraphQL, JSON Schema, Mermaid eta Zod. Kode-sortzailea fitxako aukeren panelak lengoaia, datu-basea eta izenen idazkerak aukeratzen ditu, eta kodea lengoaiaren luzapena duen fitxategi gisa gordetzen da edo kopiatu egiten da. Ikus Kode-sortzailea.
• Irakurri eskema Bisualizazioa fitxan, indarretan oinarritutako Graph gisa edo erlazioei jarraituz antolatutako taula-txartelen Flow gisa; bertan, taula baten gainetik sagua pasatzean, taulak ukitzen duen guztia argiztatzen da. Sakatu Alt + F ERD fitxan hautatutako taulak fokuratzeko, haiekin erlazionatutako taulekin batera.
• Lan egin ertzik gabeko oihal batean: mugitu ikuspegia diagrama hedatzen den edonora, egin zoom 10% eta 150% artean Ctrl + Wheel (Mac sisteman, ⌘ + Wheel) lasterbidearekin, teklatuarekin edo atximurtze-keinu batekin, eta kendu bistatik dena, diagrama izan ezik, zen moduarekin. Saguaren erdiko botoiarekin arrastatzeak ikuspegia mugitzen du oihaleko edozein lekutatik, baita taula baten gainetik ere. Ikus Oihalean zehar mugitzea.
• Antolatu diagrama oso bat urrats bakarrean Antolaketa automatikoa erabiliz: indar-simulazio bat, ezkerretik eskuinerako fluxu bat edo bi norabideetako edozeinetan zuhaitz bat, taula-talde bakoitzaren taulak elkarrekin mantenduz.
• Exekutatu komando bat edonondik Bilaketa azkarra erabiliz, edo hasi bilaketa #, @ edo : ikurrarekin taula batera, zutabe batera, edo iruzkin edo ohar batera jauzi egiteko. Ibili edizio-historian urratsez urrats Desegin eta berregin erabiliz, erreproduzitu saio honen historia oihalean Denbora-bidaia erabiliz, edo alderatu diagrama beste .json fitxategi batekin Diferentzia-ikustailean. Haren zuhaitzak, bi bertsioen ondoan, gehitu, aldatu edo ezabatu diren edo izena aldatu zaien taulak, zutabeak, indizeak, gako arrotzak, oharrak eta taula-taldeak zerrendatzen ditu.
• Arakatu diagrama Arakatzailean, oihalaren ezkerrean ainguratutako zuhaitz batean: taulak, bakoitza bere zutabe, indize eta gako arrotzekin, eta ondoren taula-taldeak eta oharrak. Egin klik errenkada batean oihalean adierazten duen elementura joateko; gako arrotz baten errenkadak dagokion erlazioa ere argiztatzen du. Tresna-barrako Explorer botoiak, Search botoiaren ondoan dagoenak, irekitzen eta ixten du.
• Bilatu testua Arakatzailearen goialdean dagoen Bilatu eta ordeztu funtzioarekin. Taulen, zutabeen, indizeen eta taula-taldeen izenetan bilatzen du, baita iruzkinetan eta oharretan ere, haiek aktibatzen dituzunean, eta bat-etortzeak Arakatzailearen zuhaitzean erakusten ditu. Ordeztu bat-etortze bat edo guztiak; Preserve Case aukerak ordezpen bakoitzari ordezten duen testuaren maiuskulak eta minuskulak ematen dizkio. Ctrl + F (Mac sisteman, ⌘ + F) lasterbideak Arakatzailea irekitzen du testu-kurtsorea Bilatu eremuan dagoela, eta berriro sakatzeak Arakatzailea ixten du.
• Erabili editorea 25 hizkuntzatan, tresna-barrako Display Language botoitik edo Bilaketa azkarretik aukeratuta. System aukerak nabigatzailearen edo aplikazio ostalariaren hizkuntzari jarraitzen dio, eta arabierak, hebreerak eta persierak editorea eskuinetik ezkerrera antolatzen dute, diagrama ezkerretik eskuinera geratzen den bitartean. Editorearen testua bakarrik aldatzen da: izenak, SQLa eta sortutako kodea idatzita dauden bezala geratzen dira. Tresna-barrako gai-sortzaileak itxura (System, Light edo Dark), gris-tonu bat eta nabarmentze-kolore bat aukeratzen ditu. Ikus Hizkuntza eta gaia.
• Mantendu diferentziak garbi: korritze-posizioa eta zooma, irekita dagoen fitxa, Kode-sortzailearen lengoaia eta izenen idazkerak, eta mugatzaile mota lehenespenez blokeatuta daude; beraz, fitxategiak blokeatu zirenean zituzten balioak gordetzen ditu, eta korritzeak, zooma aldatzeak edo fitxaz aldatzeak ez du inoiz hura aldatzen. Fitxategia ordena finko batean idazten da, eta kanpoan uzten ditu neurtutako zabalerak, pilatze-ordena, konektoreen aingura-puntuak eta kendutako elementuak; beraz, diagrama bat ireki eta editatu gabe ixteak fitxategia zegoen bezala uzten du.
• Utzi Claude Code edo Codex bezalako kodetze-agente bati diagrama editatzen MCP zerbitzariaren bidez: zuzenean VS Code editorean, Obsidianen edo JetBrains IDE batean, aldaketa bakoitza gertatu ahala oihalean agertzen dela, edo fitxategian bertan.
• Editatu elkarrekin denbora errealean web aplikazioan (esperimentala). Saioak parekoen artekoak eta muturretik muturrera zifratuak dira; beraz, ez dago zure eskema gordetzen duen zerbitzaririk, eta parekoek elkarren kurtsoreak, fokua eta hautapenak ikusten dituzte. Zure orrian, getSharedStore() funtzioak ekintza-jario bera ematen dizu nahi duzun garraioaren bidez.

Hasi Edizio-gidarekin.

Proiektu honen arrazoia

Lehendik zeuden modelatze-tresnek ez zuten nik nahi nuen erabiltzaile-esperientziaren maila eskaintzen.
Horregatik, proiektu hau hasi nuen erabiltzaile-esperientziarik onena eskaintzeko.
Proiektuaren lehentasun nagusia erabiltzailearen edizio-esperientzia da.
Editatzean esperientzia harrigarria eskainiko dizu.