Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

How To Draw Like A Coder

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Eric Neuman Eric Neuman
March 14, 0204
Technology
45
0

How To Draw Like A Coder

A brief exploration of whiteboard symbols.

Avatar for Eric Neuman

Eric Neuman

March 14, 0204

More Decks by Eric Neuman

See All by Eric Neuman
StroodleDoodle: Some of Why Why and Some Of How
Avatar for Eric Neuman neuman
0
46
Being Eric Neuman: Identity In The Virtual
Avatar for Eric Neuman neuman
0
190
The Info-Groves Project
Avatar for Eric Neuman neuman
0
76
CarteBlanche Permissions CodeMentor Office Hours Webinar
Avatar for Eric Neuman neuman
0
40
Monetizing Information: 3D Printing Edition
Avatar for Eric Neuman neuman
0
96
Roadmap To a Sentience Stack
Avatar for Eric Neuman neuman
0
88

Other Decks in Technology

See All in Technology
絵ではじめるKubernetesセキュリティ
Avatar for Aoi Takahashi aoi1
4
670
なぜ「決定性」が 決定的に重要なのか？ Durable Execution 基盤の数理的理解 #serverlessjp / ServerlessDays Tokyo 2026
Avatar for y_taka_23 ytaka23
3
600
顧客に向き合う開発組織へ。リアーキテクチャとフィーチャーチーム化で挑む組織改革
Avatar for セーフィー safie
0
2.1k
映像変換サーバーなしで端末内でHLSを生成してライブ配信
Avatar for HikaruSato hikarusato
0
130
事業課題から技術的負債に向き合う
Avatar for SansanTech sansantech
PRO
2
2k
開発投資の期待値を上げるプロダクトロードマップづくり ~プロダクトエンジニアが越境して事業を伸ばす~
Avatar for Kenta Suzuki kekekenta
1
210
Railsのように考える: See through the Master
Avatar for Koji SHIMADA snoozer05
PRO
4
1.1k
例外の正しい扱い方 そのエラー try-catchして大丈夫？
Avatar for Watanabe Jin jinwatanabe
3
520
バイブコーディング時代のWebアプリ開発入門~Cloud Runで学ぶセキュアなビルドとデプロイ
Avatar for 尾﨑勇太/Yuta Ozaki waiwai2111
1
140
作って終わりじゃないサーバーレス 〜9年運用する大規模EC物流API基盤の設計・運用のリアル〜
Avatar for ZOZO Developers zozotech
PRO
0
160
Claude in Chrome 入門 / Introduction to Claude in Chrome
Avatar for yuta cielo1985
0
860
GoのInterface内部構造から学ぶ！最高パフォーマンスを出すコード設計
Avatar for Yappli Developers yappli_developers
0
150

Featured

See All Featured
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.7k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.7k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.2k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
350
How to make the Groovebox
Avatar for あそなす asonas
2
2.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2.1k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
280
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.2k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
410
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.5k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k

Transcript

  1. How to Draw Like A Programmer A Primer On Whiteboard

    Diagrams

  2. There are some symbols that pretty much everyone uses.

  3. You can create new symbols for whatever you are trying

    to diagram.

  4. The flow of information is usually expressed using arrows.

  5. Relationships between database entities can be represented using hashes.

  6. A real database diagram looks like this.

  7. Put it all together and you have everything you need

    to diagram your app.