938 lines
35 KiB
HTML
938 lines
35 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<meta name="viewport" content="width=1024, user-scalable=no">
|
||
|
||
<title>Category Theory for Programming</title>
|
||
|
||
<!-- Required stylesheet -->
|
||
<link rel="stylesheet" href="core/deck.core.css">
|
||
|
||
<!-- Extension CSS files go here. Remove or add as needed. -->
|
||
<link rel="stylesheet" href="extensions/goto/deck.goto.css">
|
||
<link rel="stylesheet" href="extensions/menu/deck.menu.css">
|
||
<link rel="stylesheet" href="extensions/navigation/deck.navigation.css">
|
||
<link rel="stylesheet" href="extensions/status/deck.status.css">
|
||
<link rel="stylesheet" href="extensions/hash/deck.hash.css">
|
||
<link rel="stylesheet" href="extensions/scale/deck.scale.css">
|
||
|
||
<!-- Transition theme. More available in /themes/transition/ or create your own. -->
|
||
|
||
<!-- <link rel="stylesheet" href="themes/transition/fade.css"> -->
|
||
<!-- Style theme. More available in /themes/style/ or create your own. -->
|
||
<!-- <link rel="stylesheet" href="themes/style/web-2.0.css"> -->
|
||
<link rel="stylesheet" href="themes/style/y/main.css" />
|
||
<link rel="stylesheet" href="themes/style/y/solarized.css" />
|
||
<!-- Required Modernizr file -->
|
||
<script src="modernizr.custom.js"></script>
|
||
<script>
|
||
function gofullscreen(){
|
||
var body=document.getElementById('body');
|
||
try {
|
||
body.requestFullScreen();
|
||
} catch(err) {
|
||
try {
|
||
body.webkitRequestFullScreen();
|
||
} catch(err) {
|
||
body.mozRequestFullScreen();
|
||
}
|
||
}
|
||
return false;
|
||
}
|
||
</script>
|
||
</head>
|
||
<body id="body" class="deck-container">
|
||
|
||
<div style="display:none">
|
||
\(\newcommand{\F}{\mathbf{F}}\)
|
||
\(\newcommand{\E}{\mathbf{E}}\)
|
||
\(\newcommand{\C}{\mathcal{C}}\)
|
||
\(\newcommand{\D}{\mathcal{D}}\)
|
||
\(\newcommand{\id}{\mathrm{id}}\)
|
||
\(\newcommand{\ob}[1]{\mathrm{ob}(#1)}\)
|
||
\(\newcommand{\hom}[1]{\mathrm{hom}(#1)}\)
|
||
\(\newcommand{\Set}{\mathbf{Set}}\)
|
||
\(\newcommand{\Mon}{\mathbf{Mon}}\)
|
||
\(\newcommand{\Vec}{\mathbf{Vec}}\)
|
||
\(\newcommand{\Grp}{\mathbf{Grp}}\)
|
||
\(\newcommand{\Rng}{\mathbf{Rng}}\)
|
||
\(\newcommand{\ML}{\mathbf{ML}}\)
|
||
\(\newcommand{\Hask}{\mathbf{Hask}}\)
|
||
\(\newcommand{\Cat}{\mathbf{Cat}}\)
|
||
\(\newcommand{\fmap}{\mathtt{fmap}}\)
|
||
</div>
|
||
|
||
<!-- Begin slides. Just make elements with a class of slide. -->
|
||
|
||
<section class="slide">
|
||
<div style="text-align:center; position:absolute; top: 2em;">
|
||
<h1 style="position: relative;">Category Theory <span class="and">&</span> Programming</h1>
|
||
<author><em class="base01">by</em> Yann Esposito</author>
|
||
<div style="font-size:.5em">
|
||
<twitter>
|
||
<a href="http://twitter.com/yogsototh">@yogsototh</a>,
|
||
</twitter>
|
||
<googleplus>
|
||
<a href="https://plus.google.com/117858550730178181663">+yogsototh</a>
|
||
</googleplus>
|
||
</div>
|
||
<div class="base01" style="font-size: .5em; font-weight: 400; font-variant:italic">
|
||
<div class="button" style="margin: .5em auto;border: solid 2px; padding: 5px; width: 8em" onclick="javascript:gofullscreen();">ENTER FULLSCREEN</div>
|
||
HTML presentation: use arrows, space to navigate.
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Plan</h2>
|
||
<ul style="font-size: 2em; font-weight:bold">
|
||
<li><span class="yellow">General overview</li>
|
||
<li>Definitions</li>
|
||
<li>Applications</li>
|
||
</ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="general-overview">General Overview</h2>
|
||
<div style="float:right; width: 20%">
|
||
<img src="categories/img/eilenberg.gif" alt="Samuel Eilenberg"/> <img src="categories/img/maclaine.jpg" alt="Saunders Mac Lane"/>
|
||
</div>
|
||
|
||
<p><em>Recent Math Field</em><br />1942-45, Samuel Eilenberg <span class="and">&</span> Saunders Mac Lane</p>
|
||
<p>Certainly one of the more abstract branches of math</p>
|
||
<ul>
|
||
<li><em>New math foundation</em><br /> formalism abstraction, package entire theory<sup>★</sup></li>
|
||
<li><em>Bridge between disciplines</em><br /> Physics, Quantum Physics, Topology, Logic, Computer Science<sup>☆</sup></li>
|
||
</ul>
|
||
<p>From a Programmer perspective:</p>
|
||
<blockquote>
|
||
<p>Category Theory is a new language/framework for Math</p>
|
||
</blockquote>
|
||
<p class="smaller base01" style="border-top: solid 1px">
|
||
★: <a href="http://www.math.harvard.edu/~mazur/preprints/when_is_one.pd">When is one thing equal to some other thing?, Barry Mazur, 2007</a><br/> ☆: <a href="http://math.ucr.edu/home/baez/rosetta.pdf">Physics, Topology, Logic and Computation: A Rosetta Stone, John C. Baez, Mike Stay, 2009</a>
|
||
</p>
|
||
|
||
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="math-programming-relation">Math Programming relation</h2>
|
||
<img class="right" src="categories/img/buddha.gif" alt="Buddha Fractal"/>
|
||
<p>Programming <em><span class="yellow">is</span></em> doing Math</p>
|
||
<p>Not convinced?<br />Certainly a <em>vocabulary</em> problem.</p>
|
||
<p>One of the goal of Category Theory is to create a <em>homogeneous vocabulary</em> between different disciplines.</p>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="vocabulary">Vocabulary</h2>
|
||
<img class="right" src="categories/img/mindblown.gif" alt="mind blown"/>
|
||
<p>Math vocabulary used in this presentation:</p>
|
||
<blockquote>
|
||
<p>Category, Morphism, Associativity, Preorder, Functor, Endofunctor, Categorial property, Commutative diagram, Isomorph, Initial, Dual, Monoid, Natural transformation, Monad, Klesli arrows, κατα-morphism, ...</p>
|
||
</blockquote>
|
||
<img class="right" src="categories/img/readingcat.jpg" alt="lolcat"/>
|
||
<table style="width:70%">
|
||
<tr><th>
|
||
Mathematician
|
||
</th><th>
|
||
Programmer
|
||
</th></tr>
|
||
<tr><td>
|
||
Morphism
|
||
</td><td>
|
||
Arrow
|
||
</td></tr>
|
||
<tr><td>
|
||
Monoid
|
||
</td><td>
|
||
String-like
|
||
</td></tr>
|
||
<tr><td>
|
||
Preorder
|
||
</td><td>
|
||
Acyclic graph
|
||
</td></tr>
|
||
<tr><td>
|
||
Isomorph
|
||
</td><td>
|
||
The same
|
||
</td></tr>
|
||
<tr><td>
|
||
Natural transformation
|
||
</td><td>
|
||
rearrangement function
|
||
</td></tr>
|
||
<tr><td>
|
||
Funny Category
|
||
</td><td>
|
||
LOLCat
|
||
</td></tr>
|
||
</table>
|
||
|
||
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Plan</h2>
|
||
<ul style="font-size: 2em; font-weight: bold">
|
||
<li>General overview</li>
|
||
<li> <span class="yellow">Definitions</span>
|
||
<ul class="base01" style="border-left: 2px solid; padding-left: 1em; font-size: .6em; float: right; font-weight: bold; margin: 0 0 0 1em">
|
||
<li>Category</li>
|
||
<li>Intuition</li>
|
||
<li>Examples</li>
|
||
<li>Functor</li>
|
||
<li>Examples</li>
|
||
</ul>
|
||
</li>
|
||
<li>Applications</li>
|
||
</ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Category</h2>
|
||
|
||
<p>A way of representing <strong><em>things</em></strong> and <strong><em>ways to go between things</em></strong>.</p>
|
||
|
||
<p> A Category \(\mathcal{C}\) is defined by:</p>
|
||
<ul>
|
||
<li> <em>Objects <span class="yellow">\(\ob{C}\)</span></em>,</li>
|
||
<li> <em>Morphisms <span class="yellow">\(\hom{C}\)</span></em>,</li>
|
||
<li> a <em>Composition law <span class="yellow">(∘)</span></em></li>
|
||
<li> obeying some <em>Properties</em>.</li>
|
||
</ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Category: Objects</h2>
|
||
|
||
<img src="categories/img/mp/objects.png" alt="objects" />
|
||
|
||
<p>\(\ob{\mathcal{C}}\) is a collection</p>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Category: Morphisms</h2>
|
||
|
||
<img src="categories/img/mp/morphisms.png" alt="morphisms"/>
|
||
|
||
<p>\(A\) and \(B\) objects of \(\C\)<br/>
|
||
\(\hom{A,B}\) is a collection of morphisms<br/>
|
||
\(f:A→B\) denote the fact \(f\) belongs to \(\hom{A,B}\)</p>
|
||
<p>\(\hom{\C}\) the collection of all morphisms of \(\C\)</p>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Category: Composition</h2>
|
||
<p>Composition (∘): associate to each couple \(f:A→B, g:B→C\)
|
||
$$g∘f:A\rightarrow C$$
|
||
</p>
|
||
<img src="categories/img/mp/composition.png" alt="composition"/>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Category laws: neutral element</h2>
|
||
<p>for each object \(X\), there is an \(\id_X:X→X\),<br/>
|
||
such that for each \(f:A→B\):</p>
|
||
<img src="categories/img/mp/identity.png" alt="identity"/>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Category laws: Associativity</h2>
|
||
<p> Composition is associative:</p>
|
||
<img src="categories/img/mp/associativecomposition.png" alt="associative composition"/>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Commutative diagrams</h2>
|
||
|
||
<p>Two path with the same source and destination are equal.</p>
|
||
<figure class="left" style="max-width: 40%;margin-left: 10%;">
|
||
<img
|
||
src="categories/img/mp/commutative-diagram-assoc.png"
|
||
alt="Commutative Diagram (Associativity)"/>
|
||
<figcaption>
|
||
\((h∘g)∘f = h∘(g∘f) \)
|
||
</figcaption>
|
||
</figure>
|
||
<figure class="right" style="max-width:31%;margin-right: 10%;">
|
||
<img
|
||
src="categories/img/mp/commutative-diagram-id.png"
|
||
alt="Commutative Diagram (Identity law)"/>
|
||
<figcaption>
|
||
\(id_B∘f = f = f∘id_A \)
|
||
</figcaption>
|
||
</figure>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Can this be a category?</h2>
|
||
<p>\(\ob{\C},\hom{\C}\) fixed, is there a valid ∘?</p>
|
||
<figure class="left">
|
||
<img src="categories/img/mp/cat-example1.png" alt="Category example 1"/>
|
||
<figcaption class="slide">
|
||
<span class="green">YES</span>
|
||
</figcaption>
|
||
</figure>
|
||
<figure class="left">
|
||
<img src="categories/img/mp/cat-example2.png" alt="Category example 2"/>
|
||
<figcaption class="slide">
|
||
no candidate for \(g∘f\)
|
||
<br/><span class="red">NO</span>
|
||
</figcaption>
|
||
</figure>
|
||
<figure class="left">
|
||
<img src="categories/img/mp/cat-example3.png" alt="Category example 3"/>
|
||
<figcaption class="slide">
|
||
<span class="green">YES</span>
|
||
</figcaption>
|
||
</figure>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Can this be a category?</h2>
|
||
<figure class="left">
|
||
<img src="categories/img/mp/cat-example4.png" alt="Category example 4"/>
|
||
<figcaption class="slide">
|
||
no candidate for \(f:C→B\)
|
||
<br/><span class="red">NO</span>
|
||
</figcaption>
|
||
</figure>
|
||
<figure class="right" style="min-width: 59%">
|
||
<img src="categories/img/mp/cat-example5.png" alt="Category example 5"/>
|
||
<figcaption class="slide">
|
||
\((h∘g)∘f=\id_B∘f=f\)<br/>
|
||
\(h∘(g∘f)=h∘\id_A=h\)<br/>
|
||
but \(h≠f\)<br/>
|
||
<span class="red">NO</span>
|
||
</figcaption>
|
||
</figure>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Category \(\Set\)</h2>
|
||
|
||
<ul>
|
||
<li> \(\ob{\Set}\) are <em>all</em> the sets</li>
|
||
<li> \(\hom{E,F}\) are <em>all</em> functions from \(E\) to \(F\)</li>
|
||
<li> ∘ is functions composition </li>
|
||
</ul>
|
||
|
||
<ul class="slide">
|
||
<li>\(\ob{\Set}\) is a proper class ; not a set</li>
|
||
<li>\(\hom{E,F}\) is a set</li>
|
||
<li>\(\Set\) is then a <em>locally <b>small</b> category</em></li>
|
||
</ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Categories Everywhere?</h2>
|
||
|
||
<ul>
|
||
<li>\(\Mon\): (monoids, monoid morphisms,∘)</li>
|
||
<li>\(\Vec\): (Vectorial spaces, linear functions,∘)</li>
|
||
<li>\(\Grp\): (groups, group morphisms,∘)</li>
|
||
<li>\(\Rng\): (rings, ring morphisms,∘)</li>
|
||
<li>Any deductive system <i>T</i>: (theorems, proofs, proof concatenation)</li>
|
||
<li>\( \Hask\): (Haskell types, functions, <code>(.)</code> )</li>
|
||
<li>...</li>
|
||
</ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Smaller Examples</h2>
|
||
|
||
<h3>Strings</h3>
|
||
<img class="right" style="max-width:17%" src="categories/img/mp/strings.png" alt="Monoids are one object categories"/>
|
||
<ul>
|
||
<li> \(\ob{Str}\) is a singleton </li>
|
||
<li> \(\hom{Str}\) each string </li>
|
||
<li> ∘ is concatenation <code>(++)</code> </li>
|
||
</ul>
|
||
<ul>
|
||
<li> <code>"" ++ u = u = u ++ ""</code> </li>
|
||
<li> <code>(u ++ v) ++ w = u ++ (v ++ w)</code> </li>
|
||
</ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Finite Example?</h2>
|
||
|
||
<h3>Graph</h3>
|
||
<figure class="right" style="max-width:40%" >
|
||
<img src="categories/img/mp/graph-category.png" alt="Each graph is a category"/>
|
||
</figure>
|
||
<ul>
|
||
<li> \(\ob{G}\) are vertices</li>
|
||
<li> \(\hom{G}\) each path</li>
|
||
<li> ∘ is path concatenation</li>
|
||
</ul>
|
||
<ul><li>\(\ob{G}=\{X,Y,Z\}\),
|
||
</li><li>\(\hom{G}=\{ε,α,β,γ,αβ,βγ,...\}\)<br/>
|
||
\(\phantom{\hom{G}}=(β?γ)?(αβγ)^*(αβ?)?\),
|
||
</li><li>\(αβ∘γ=αβγ\)
|
||
</li></ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Number construction</h2>
|
||
|
||
<h3>Each Numbers as a whole category</h3>
|
||
<img src="categories/img/mp/numbers.png" alt="Each number as a category"/>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Degenerated Categories: Monoids</h2>
|
||
|
||
<img class="right" style="max-width:17%" src="categories/img/mp/monoid.png" alt="Monoids are one object categories"/>
|
||
<p>Each Monoid \((M,e,⊙): \ob{M}=\{∙\},\hom{M}=M,\circ = ⊙\)</p>
|
||
<p class="yellow">Only one object.</p>
|
||
<p>Examples:</p>
|
||
<ul><li><code>(Integer,0,+)</code>,
|
||
</li><li><code>(Integer,1,*)</code>,
|
||
</li><li><code>(Strings,"",++)</code>,
|
||
</li><li>for each <code>a</code>, <code>([a],[],++)</code>
|
||
</li><li>Couple of monoids \((M×N, (0_M,0_N), (⊙_M,⊙_N))\)
|
||
</li></ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Degenerated Categories: Preorders</h2>
|
||
|
||
<p>each preorder \((P,≤)\):</p>
|
||
|
||
<ul><li>\(\ob{P}={P}\),
|
||
</li><li>\(\hom{x,y}=\{x≤y\} ⇔ x≤y\),
|
||
</li><li>\((y≤z) \circ (x≤y) = (x≤z) \)
|
||
</li></ul>
|
||
|
||
<p><em>At most one morphism between two objects.</em></p>
|
||
|
||
<img src="categories/img/mp/preorder.png" alt="preorder category"/>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Degenerated Categories: Discrete Categories</h2>
|
||
|
||
<img class="right" src="categories/img/mp/set.png" alt="Any set can be a category"/>
|
||
<h3>Any Set</h3>
|
||
<p>Any set \(E: \ob{E}=E, \hom{x,y}=\{x\} ⇔ x=y \)</p>
|
||
<p class="yellow">Only identities</p>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 class="base1">Categorical Property</h2>
|
||
|
||
<p class="base1">Any property which can be expressed in term of category, objects, morphism and composition.</p>
|
||
|
||
<ul><li> <em class="yellow">isomorphism</em>: \(f:A→B\) which can be "undone" <em>i.e.</em>
|
||
<br/> \(∃g:B→A\), \(g∘f=id_A\) <span class="and">&</span> \(f∘g=id_B\)
|
||
<br/> in this case, \(A\) <span class="and">&</span> \(B\) are <em class="yellow">isomorphic</em>.
|
||
</li><li> <em class="yellow">Dual</em>: \(\D\) is \(\C\) with reversed morphisms.
|
||
</li><li> <em class="yellow">Initial</em>: \(Z\in\ob{\C}\) s.t. \(∀Y∈\ob{\C}, \#\hom{Z,Y}=1\)
|
||
<br/> Unique ("up to isormophism")
|
||
</li><li> <em class="yellow">Terminal</em>: \(T\in\ob{\C}\) s.t. \(T\) is initial in the dual of \(\C\)
|
||
</li><li> <em class="yellow">Functor</em>: structure preserving mapping between categories
|
||
</li><li> ...
|
||
</li></ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Functor</h2>
|
||
|
||
<p> A functor is a mapping between two categories.
|
||
Let \(\C\) and \(\D\) be two categories.
|
||
A <em>functor</em> <span class="yellow">\(\F\)</span> from <span class="blue">\(\C\)</span> to <span class="green">\(\D\)</span>:</p>
|
||
<ul>
|
||
<li> Associate objects: <span class="backblue">\(A\in\ob{\C}\)</span> to <span class="backgreen">\(\F(A)\in\ob{\D}\)</span> </li>
|
||
<li> Associate morphisms: <span class="backblue">\(f:A\to B\)</span> to <span class="backgreen">\(\F(f) : \F(A) \to \F(B)\)</span>
|
||
such that
|
||
<ul>
|
||
<li>\( \F (\)<span class="backblue blue">\(\id_X\)</span>\()= \)<span class="backgreen"><span class="green">\(\id\)</span>\(\vphantom{\id}_{\F(}\)<span class="blue">\(\vphantom{\id}_X\)</span>\(\vphantom{\id}_{)} \)</span>,</li>
|
||
<li>\( \F (\)<span class="backblue blue">\(g∘f\)</span>\()= \)<span class="backgreen">\( \F(\)<span class="blue">\(g\)</span>\() \)<span class="green">\(\circ\)</span>\( \F(\)<span class="blue">\(f\)</span>\() \)</span></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Functor Example (ob → ob)</h2>
|
||
|
||
<img src="categories/img/mp/functor.png" alt="Functor"/>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Functor Example (hom → hom)</h2>
|
||
|
||
<img src="categories/img/mp/functor-morphism.png" alt="Functor"/>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Functor Example</h2>
|
||
|
||
<img src="categories/img/mp/functor-morphism-color.png" alt="Functor"/>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Endofunctors</h2>
|
||
|
||
<p>An <em>endofunctor</em> for \(\C\) is a functor \(F:\C→\C\).</p>
|
||
<img src="categories/img/mp/endofunctor.png" alt="Endofunctor"/>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Category of Categories</h2>
|
||
|
||
<p>Categories and functors form a category: \(\Cat\)</p>
|
||
<ul><li>\(\ob{\Cat}\) are categories
|
||
</li><li>\(\hom{\Cat}\) are functors
|
||
</li><li>∘ is functor composition
|
||
</li></ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Plan</h2>
|
||
<ul style="font-size: 2em; font-weight:bold">
|
||
<li>Why?</li>
|
||
<li>What?</li>
|
||
<li><span class="yellow">How?
|
||
<ul class="base01" style="border-left: 2px solid; padding-left: 1em; font-size: .6em; float: right; font-weight: bold; margin: -2em 0 0 1em">
|
||
<li>\(\Hask\) category
|
||
</li><li> Functors
|
||
</li><li> Monads
|
||
</li><li> Arrows
|
||
</li><li> κατα-morphisms
|
||
</li></ul>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Hask</h2>
|
||
|
||
<p>Category \(\Hask\):</p>
|
||
|
||
<img class="right" style="max-width:30%" src="categories/img/mp/hask.png" alt="Haskell Category Representation"/>
|
||
|
||
<ul><li>
|
||
\(\ob{\Hask} = \) Haskell types
|
||
</li><li>
|
||
\(\hom{\Hask} = \) Haskell functions
|
||
</li><li>
|
||
∘ = <code>(.)</code> Haskell function composition
|
||
</li></ul>
|
||
|
||
<p>Forget glitches because of <code>undefined</code>.</p>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="haskell-kinds">Haskell Kinds</h2>
|
||
<p>In Haskell some types can take type variable(s). Typically: <code>[a]</code>.</p>
|
||
<pre><code>data Tree a = Node a [Tree a]
|
||
data CTree a b = CNode a [b]</code></pre>
|
||
<p>Types have <em>kind</em>; The kind is to type what type is to function. Kind are the types for types (so meta).</p>
|
||
<pre><code>Int, Char :: *
|
||
[], Maybe, Tree :: * -> *
|
||
CTree :: * -> * -> *
|
||
[Int], Maybe Char, Tree [Int] :: *
|
||
CTree [Int] :: * -> *</code></pre>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="haskell-types">Haskell Types</h2>
|
||
<p>We can make function that can work for <em>all</em> type parameter. Such function can only work with the <em>topology</em> induced by the type. We know such function won't work <em>on</em> the elements.</p>
|
||
<p>Sometimes, the type determine a lot about the function<sup>★</sup>:</p>
|
||
<pre class="haskell"><code>fst :: (a,b) -> a -- Only one choice
|
||
snd :: (a,b) -> b -- Only one choice
|
||
f :: a -> [a] -- Many choices
|
||
-- Possibilities: f x=[], or [x], or [x,x] or [x,...,x]
|
||
|
||
? :: [a] -> [a] -- Many choices
|
||
-- can only rearrange: duplicate/remove/reorder elements
|
||
-- for example: the type of addOne isn't [a] -> [a]
|
||
addOne l = map <span class="red">(+1)</span> l
|
||
-- The (+1) force 'a' to be a Num.</code></pre>
|
||
|
||
<p>
|
||
<p><span class="small base01">★:<a href="http://ttic.uchicago.edu/~dreyer/course/papers/wadler.pdf">Theorems for free!, Philip Wadler, 1989</a></span></p>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Haskell Functor vs \(\Hask\) Functor</h2>
|
||
|
||
<p>Functor for Haskell language is a type <code>F :: * -> *</code> which belong to the type class <code>Functor</code>.<br/>
|
||
It must implement <code>fmap :: (a -> b) -> (F a -> F b)</code>.
|
||
|
||
<p><span style="visibility:hidden"><span class="and">&</span></span> <code>F</code>: \(\ob{\Hask}→\ob{\Hask}\)<br/> <span class="and">&</span> <code>fmap</code>: \(\hom{\Hask}→\hom{\Hask}\)
|
||
|
||
<p>The couple <code>(F,fmap)</code> is a functor in the categorical sense for \(\Hask\) if for any <code>x :: F a</code>:</p>
|
||
<ul><li><code>fmap id x = x</code>
|
||
</li><li><code>fmap (f.g) x= (fmap f . fmap g) x</code>
|
||
</li></ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Haskell Functors Example: Maybe</h2>
|
||
|
||
<pre class="haskell"><code>data Maybe a = Just a | Nothing
|
||
instance Functor Maybe where
|
||
fmap :: (a -> b) -> (Maybe a -> Maybe b)
|
||
fmap f (Just a) = Just (f a)
|
||
fmap f Nothing = Nothing
|
||
|
||
fmap (+1) (Just 1) == Just 2
|
||
fmap (+1) Nothing == Nothing
|
||
fmap head (Just [1,2,3]) == Just 1</code></pre>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Haskell Functors Example: List</h2>
|
||
|
||
<pre class="haskell"><code>
|
||
instance Functor ([]) where
|
||
fmap :: (a -> b) -> [a] -> [b]
|
||
fmap = map
|
||
|
||
fmap (+1) [1,2,3] == [2,3,4]
|
||
fmap (+1) [] == []
|
||
fmap head [[1,2,3],[4,5,6]] == [1,4]
|
||
</code></pre>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="haskell-functors-for-the-programmer">Haskell Functors for the programmer</h2>
|
||
<p><code>Functor</code> is a type class used for types that can be mapped over.</p>
|
||
<ul>
|
||
<li>Containers: <code>[]</code>, Trees, Map, HashMap...</li>
|
||
<li>Smart containers:
|
||
<ul>
|
||
<li><code>Maybe a</code>: help to handle absence of <code>a</code>.<br />Ex: <code>safeDiv x 0 ⇒ Nothing</code></li>
|
||
<li><code>Either String a</code>: help to handle errors<br />Ex: <code>reportDiv x 0 ⇒ Left "Division by 0!"</code></li>
|
||
</ul></li>
|
||
</ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Haskell Functor intuition</h2>
|
||
|
||
<p>Put normal function inside a container. Ex: list, trees...<p>
|
||
|
||
<img src="categories/img/mp/boxfunctor.png" alt="Haskell Functor as a box play"/>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Haskell Functor properties</h2>
|
||
|
||
<p>Haskell Functors are:</p>
|
||
|
||
<ul><li><em>endofunctors</em> ; \(F:\C→\C\) here \(\C = \Hask\),
|
||
</li><li>a couple <b>(Object,Morphism)</b> in \(\Hask\).
|
||
</li></ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Functor as boxes</h2>
|
||
|
||
<p>Haskell functor can be seen as boxes containing all Haskell types and functions.
|
||
Haskell types is fractal:</p>
|
||
|
||
<img src="categories/img/mp/hask-endofunctor.png" alt="Haskell functor representation"/>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Functor as boxes</h2>
|
||
|
||
<p>Haskell functor can be seen as boxes containing all Haskell types and functions.
|
||
Haskell types is fractal:</p>
|
||
|
||
<img src="categories/img/mp/hask-endofunctor-objects.png" alt="Haskell functor representation"/>
|
||
</section>
|
||
<section class="slide">
|
||
<h2>Functor as boxes</h2>
|
||
|
||
<p>Haskell functor can be seen as boxes containing all Haskell types and functions.
|
||
Haskell types is fractal:</p>
|
||
|
||
<img src="categories/img/mp/hask-endofunctor-morphisms.png" alt="Haskell functor representation"/>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="non-haskell-hasks-functors">"Non Haskell" Hask's Functors</h2>
|
||
<p>A simple basic example is the \(id_\Hask\) functor. It simply cannot be expressed as a couple (<code>F</code>,<code>fmap</code>) where</p>
|
||
<ul>
|
||
<li><code>F::* -> *</code></li>
|
||
<li><code>fmap :: (a -> b) -> (F a) -> (F b)</code></li>
|
||
</ul>
|
||
<p>Another example:</p>
|
||
<ul>
|
||
<li>F(<code>T</code>)=<code>Int</code></li>
|
||
<li>F(<code>f</code>)=<code>\_->0</code></li>
|
||
</ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="also-functor-inside-hask">Also Functor inside \(\Hask\)</h2>
|
||
<p>\(\mathtt{[a]}∈\ob{\Hask}\)</code> but is also a complete category. The same can be said for <code>Int</code>.</p>
|
||
<p><code>length</code> is a Functor from the category <code>[a]</code> to the cateogry <code>Int</code>:</p>
|
||
<ul class="left" style="max-width:40%">
|
||
<li>\(\ob{\mathtt{[a]}}=\{∙\}\)</li>
|
||
<li>\(\hom{\mathtt{[a]}}=\mathtt{[a]}\)</li>
|
||
<li>\(∘=\mathtt{(++)}\)</li>
|
||
</ul>
|
||
<p class="left" style="margin:2em 3em">⇒</p>
|
||
<ul class="left" style="max-width:40%">
|
||
<li>\(\ob{\mathtt{Int}}=\{∙\}\)</li>
|
||
<li>\(\hom{\mathtt{Int}}=\mathtt{Int}\)</li>
|
||
<li>\(∘=\mathtt{(+)}\)</li>
|
||
</ul>
|
||
<div class="flush"></div>
|
||
<ul><li>id: <code>length [] = 0</code>
|
||
</li><li>comp: <code>length (l ++ l') = (length l) + (length l')</code>
|
||
</li></ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="category-of-hask-endofunctors">Category of \(\Hask\) Endofunctors</h2>
|
||
<img src="categories/img/mp/cat-hask-endofunctor.png" alt="Category of Hask endofunctors" />
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="category-of-functors">Category of Functors</h2>
|
||
<p>If \(\C\) is <em>small</em> (\(\hom{\C}\) is a set). All functors from \(\C\) to some category \(\D\) form the category \(\mathrm{Func}(\C,\D)\).</p>
|
||
<img src="categories/img/mp/natural-transformation.png" alt="Natural transformation commutative diagram" class="right"/>
|
||
<ul>
|
||
<li>\(\ob{\mathrm{Func}(\C,\D)}\): Functors \(F:\C→\D\)</li>
|
||
<li>\(\hom{\mathrm{Func}(\C,\D)}\): <em>natural transformations</em>
|
||
<ul>
|
||
<li>η familly \(η_X\in\hom{\D}\) for \(X\in\ob{\C}\) s.t.</li>
|
||
<li>ex: between Haskel functors; <code>F a -> G a</code><br />Rearragement functions only.</li>
|
||
</ul></li>
|
||
<li>∘: Functor composition</li>
|
||
</ul>
|
||
<p>\(\mathrm{Func}(\C,\C)\) is the category of endofunctors of \(\C\).</p>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="natural-transformation-examples-14">Natural Transformation Examples (1/4)</h2>
|
||
<pre><code class="haskell">data Tree a = Empty | Node a [Tree a]
|
||
toTree :: [a] -> Tree a
|
||
toTree [] = Empty
|
||
toTree (x:xs) = Node x [toTree xs]</pre>
|
||
</code>
|
||
<p><code>toTree</code> is a natural transformation. It is also a morphism from <code>[]</code> to <code>Tree</code> in the Category of \(\Hask\) endofunctors.</p>
|
||
<img style="float:left;width:40%" src="categories/img/mp/nattrans-list-tree.png" alt="natural transformation commutative diagram"/>
|
||
<figure style="float:right;width:40%">
|
||
<img src="categories/img/mp/list-tree-endofunctor-morphism.png" alt="natural transformation commutative diagram"/>
|
||
</figure>
|
||
|
||
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="natural-transformation-examples-24">Natural Transformation Examples (2/4)</h2>
|
||
<pre><code class="haskell">data Tree a = Empty | Node a [Tree a]
|
||
toList :: Tree a -> [a]
|
||
toList Empty = []
|
||
toList (Node x l) = [x] ++ concat (map toList l)</pre>
|
||
</code>
|
||
<p><code>toList</code> is a natural transformation. It is also a morphism from <code>Tree</code> to <code>[]</code> in the Category of \(\Hask\) endofunctors.</p>
|
||
<img style="float:left;width:40%" src="categories/img/mp/nattrans-tree-list.png" alt="natural transformation commutative diagram"/>
|
||
<figure style="float:right;width:40%">
|
||
<img src="categories/img/mp/tree-list-endofunctor-morphism.png" alt="natural transformation commutative diagram"/> <figcaption><code>toList . toTree = id</code> <span class="and">&</span><br/> <code>toTree . toList = id</code> <span style="visibility:hidden"><span class="and">&</span></span><br/> therefore <code>[]</code> <span class="and">&</span> <code>Tree</code> are <span class="yellow">isomorph</span>. </figcaption>
|
||
</figure>
|
||
|
||
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="natural-transformation-examples-34">Natural Transformation Examples (3/4)</h2>
|
||
<pre><code class="haskell">toMaybe :: [a] -> Maybe a
|
||
toMaybe [] = Nothing
|
||
toMaybe (x:xs) = Just x</pre>
|
||
</code>
|
||
<p><code>toMaybe</code> is a natural transformation. It is also a morphism from <code>[]</code> to <code>Maybe</code> in the Category of \(\Hask\) endofunctors.</p>
|
||
<img style="float:left;width:40%" src="categories/img/mp/nattrans-list-maybe.png" alt="natural transformation commutative diagram"/>
|
||
<figure style="float:right;width:40%">
|
||
<img src="categories/img/mp/list-maybe-endofunctor-morphism.png" alt="natural transformation commutative diagram"/>
|
||
</figure>
|
||
|
||
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="natural-transformation-examples-44">Natural Transformation Examples (4/4)</h2>
|
||
<pre><code class="haskell">mToList :: Maybe a -> [a]
|
||
mToList Nothing = []
|
||
mToList Just x = [x]</pre>
|
||
</code>
|
||
<p><code>toMaybe</code> is a natural transformation. It is also a morphism from <code>[]</code> to <code>Maybe</code> in the Category of \(\Hask\) endofunctors.</p>
|
||
<img style="float:left;width:40%" src="categories/img/mp/nattrans-maybe-list.png" alt="natural transformation commutative diagram"/>
|
||
<figure style="float:right;width:40%">
|
||
<img src="categories/img/mp/maybe-list-endofunctor-morphsm.png" alt="relation between [] and Maybe"/> <figcaption>There is <span class="red">no isomorphism</span>.<br/> Hint: <code>Bool</code> lists longer than 1. </figcaption>
|
||
</figure>
|
||
|
||
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="nat.-trans.-composition-generalization">Nat. Trans. <span class="and">&</span> Composition generalization</h2>
|
||
<p>The Problem; example with lists:</p>
|
||
<pre class="haskell"><code>f x = [x] ⇒ f 1 = [1] ⇒ (f.f) 1 = [[1]] ✗
|
||
g x = [x+1] ⇒ g 1 = [2] ⇒ (g.g) 1 = ERROR [2]+1 ✗
|
||
h x = [x+1,x*3] ⇒ h 1 = [2,3] ⇒ (h.h) 1 = ERROR [2,3]+1 ✗ </code></pre>
|
||
|
||
<p>How to fix that? We want to construct an operator which is able to compose:</p>
|
||
<p><code>f :: a -> F b</code> <span class="and">&</span> <code>g :: b -> F c</code>.</p>
|
||
<p>More specifically we want to create an operator ◎ of type</p>
|
||
<p><code>◎ :: (b -> F c) -> (a -> F b) -> (a -> F c)</code></p>
|
||
<p><span class="smaller">Note if F = I, ◎ = ∘.</span></p>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="nat.-trans.-composition-generalization">Nat. Trans. <span class="and">&</span> Composition generalization</h2>
|
||
<p>Goal, find: <code>◎ :: (b -> F c) -> (a -> F b) -> (a -> F c)</code></p>
|
||
<p>Let's go slowly ; <code>f :: a -> F b</code>, <code>g :: b -> F c</code>:</p>
|
||
<ul>
|
||
<li><code>(g ◎ f) x</code> ???</li>
|
||
<li>First apply <code>f</code> to <code>x</code> ⇒ <code>f x :: F b</code></li>
|
||
<li>Then how to apply <code>g</code> properly to an element of type <code>F b</code>?</li>
|
||
<li>Use <code>fmap :: (b -> c) -> (F b -> F c)</code>!</li>
|
||
<li><code>(fmap g) :: F b -> F (F c)</code></li>
|
||
<li><code>(fmap g) (f x) :: F (F c)</code> it almost WORKS!</li>
|
||
<li>We lack an important component, <code>join :: F (F c) -> F c</code></li>
|
||
<li><code>(g ◎ f) x = join ((fmap g) (f x))</code> ☺ (in Haskell <code><=<</code>, Klesli arrow).</li>
|
||
</ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="nat.-trans.-composition-generalization">Nat. Trans. <span class="and">&</span> Composition generalization</h2>
|
||
<p>Of course, we want ◎ to work like a composition. Then it should have a neutral element and be associative.</p>
|
||
<ul>
|
||
<li>(h ◎ g) ◎ f = h ◎ (g ◎ f)</li>
|
||
<li>η ◎ f = f = f ◎ η</li>
|
||
</ul>
|
||
<p>Considering the first rule and the definition of ◎ it follows that:</p>
|
||
<ul>
|
||
<li><code>join (join (F (F (F a)))) = join (F (join (F (F a))))</code></li>
|
||
<li>abusing notations for <code>join</code> it is equivalent to<br /> (F ⊙ F) ⊙ F = F ⊙ (F ⊙ F)</li>
|
||
</ul>
|
||
<p>The second rule fix the type of <code>η :: a -> F a</code>.</p>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="monads">Monads</h2>
|
||
<p>We re-invented the <strong class="yellow">Monads</strong>!</p>
|
||
<p>A monad is a triplet <code>(M,⊙,η)</code> where</p>
|
||
<ul>
|
||
<li>\(M\) an <span class="yellow">Endofunctor</span> (to type <code>a</code> associate <code>M a</code>)</li>
|
||
<li>\(⊙:M×M→M\) a <span class="yellow">nat. trans.</span> (i.e. <code>⊙::M (M a) → M a</code>)</li>
|
||
<li>\(η:I→M\) a <span class="yellow">nat. trans.</span> (\(I\) identity functor ; <code>η::a → M a</code>)</li>
|
||
</ul>
|
||
<p>Satisfying</p>
|
||
<ul>
|
||
<li>\(M ⊙ (M ⊙ M) = (M ⊙ M) ⊙ M\)</li>
|
||
<li>\(η ⊙ M = M = M ⊙ η\)</li>
|
||
</ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="compare-with-monoid">Compare with Monoid</h2>
|
||
<p>A Monoid is a triplet \((E,∙,e)\) s.t.</p>
|
||
<ul>
|
||
<li>\(E\) a set</li>
|
||
<li>\(∙:E×E→E\)</li>
|
||
<li>\(e:1→E\)</li>
|
||
</ul>
|
||
<p>Satisfying</p>
|
||
<ul>
|
||
<li>\(x∙(y∙z) = (x∙y)∙z, ∀x,y,z∈E\)</li>
|
||
<li>\(e∙x = x = x∙e, ∀x∈E\)</li>
|
||
</ul>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="monads-are-just-monoids">Monads are just Monoids</h2>
|
||
<blockquote>
|
||
<p>A Monad is just a monoid in the category of endofunctors, what's the problem?</p>
|
||
</blockquote>
|
||
<p>The real sentence was:</p>
|
||
<blockquote>
|
||
<p>All told, a monad in X is just a monoid in the category of endofunctors of X, with product × replaced by composition of endofunctors and unit set by the identity endofunctor.</p>
|
||
</blockquote>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="list-monad">List Monad</h2>
|
||
<p>Example: <code>List</code> is a functor</p>
|
||
<ul>
|
||
<li>\([]\) an <span class="yellow">Endofunctor</span></li>
|
||
<li>\(⊙:M×M→M\) a nat. trans. (<code>join :: M (M a) -> M a</code>)</li>
|
||
<li>\(η:I→M\) a nat. trans.</li>
|
||
</ul>
|
||
<pre class="haskell"><code>-- In Haskell ⊙ is "join" in "Control.Monad"
|
||
join :: [[a]] -> [a]
|
||
join = concat
|
||
|
||
-- In Haskell the "return" function (unfortunate name)
|
||
η :: a -> [a]
|
||
η x = [x]</code></pre>
|
||
|
||
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="list-monad">List Monad</h2>
|
||
<p>Example: <code>List</code> is a functor (<code>join</code> is ⊙)</p>
|
||
<ul>
|
||
<li>\(M ⊙ (M ⊙ M) = (M ⊙ M) ⊙ M\)</li>
|
||
<li>\(η ⊙ M = M = M ⊙ η\)</li>
|
||
</ul>
|
||
<pre class="nohighlight small"><code>
|
||
join [ join [[x,y,...,z]] ] = join [[x,y,...,z]]
|
||
= join (join [[[x,y,...,z]]])
|
||
join (η [x]) = [x] = join [η x]</code></pre>
|
||
|
||
<p>Therefore <code>([],join,η)</code> is a monad.</p>
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="klesli-arrows">Klesli arrows</h2>
|
||
<p>Now the composition works as expected. In Haskell ◎ is <code><=<</code> in <code>Control.Monad</code>.</p>
|
||
<p><code>g <=< f = \x -> join ((fmap g) (f x))</code></p>
|
||
<pre class="haskell"><code>f x = [x] ⇒ f 1 = [1] ⇒ (f <=< f) 1 = [1] ✓
|
||
g x = [x+1] ⇒ g 1 = [2] ⇒ (g <=< g) 1 = [3] ✓
|
||
h x = [x+1,x*3] ⇒ h 1 = [2,3] ⇒ (h <=< h) 1 = [3,6,4,9] ✓</code></pre>
|
||
|
||
|
||
</section>
|
||
<section class="slide">
|
||
<h2 id="monads-utility">Monads utility</h2>
|
||
<p>A monad can also hide computation details (ex: a common parameter).</p>
|
||
<p><code>DrawScene</code> to <code><span class="yellow">State Screen</span> DrawScene</code> ; still <b>pure</b>.</p>
|
||
<pre class="haskell left smaller" style="width:40%"><code>main = drawImage (width,height)
|
||
|
||
drawImage :: Screen -> DrawScene
|
||
drawImage <span class="orange">screen</span> =
|
||
drawPoint p <span class="orange">screen</span>
|
||
drawCircle c <span class="orange">screen</span>
|
||
drawRectangle r <span class="orange">screen</span>
|
||
|
||
drawPoint point <span class="orange">screen</span> = ...
|
||
drawCircle circle <span class="orange">screen</span> = ...
|
||
drawRectangle rectangle <span class="orange">screen</span> = ...</code></pre>
|
||
<pre class="haskell right smaller" style="width:45%"><code>main = do
|
||
<span class="orange">put (Screen 1024 768)</span>
|
||
drawImage
|
||
|
||
drawImage :: State Screen DrawScene
|
||
drawImage = do
|
||
drawPoint p
|
||
drawCircle c
|
||
drawRectangle r
|
||
|
||
drawPoint :: Point -> State Screen DrawScene
|
||
drawPoint p = do
|
||
<span class="orange">Screen width height <- get</span>
|
||
...</code></pre>
|
||
</section>
|
||
<!-- End slides. -->
|
||
|
||
|
||
<!-- Begin extension snippets. Add or remove as needed. -->
|
||
|
||
<!-- deck.navigation snippet -->
|
||
<a href="#" class="deck-prev-link" title="Previous">←</a>
|
||
<a href="#" class="deck-next-link" title="Next">→</a>
|
||
|
||
<!-- deck.status snippet -->
|
||
<p class="deck-status">
|
||
<span class="deck-status-current"></span>
|
||
/
|
||
<span class="deck-status-total"></span>
|
||
</p>
|
||
|
||
<!-- deck.goto snippet -->
|
||
<form action="." method="get" class="goto-form">
|
||
<label for="goto-slide">Go to slide:</label>
|
||
<input type="text" name="slidenum" id="goto-slide" list="goto-datalist">
|
||
<datalist id="goto-datalist"></datalist>
|
||
<input type="submit" value="Go">
|
||
</form>
|
||
|
||
<!-- deck.hash snippet -->
|
||
<a href="." title="Permalink to this slide" class="deck-permalink">#</a>
|
||
|
||
<!-- End extension snippets. -->
|
||
|
||
|
||
<!-- Required JS files. -->
|
||
<script src="jquery-1.7.2.min.js"></script>
|
||
<script src="core/deck.core.js"></script>
|
||
|
||
<!-- Extension JS files. Add or remove as needed. -->
|
||
<script src="core/deck.core.js"></script>
|
||
<script src="extensions/hash/deck.hash.js"></script>
|
||
<script src="extensions/menu/deck.menu.js"></script>
|
||
<script src="extensions/goto/deck.goto.js"></script>
|
||
<script src="extensions/status/deck.status.js"></script>
|
||
<script src="extensions/navigation/deck.navigation.js"></script>
|
||
<script src="extensions/scale/deck.scale.js"></script>
|
||
|
||
<!-- Initialize the deck. You can put this in an external file if desired. -->
|
||
<script>
|
||
$(function() {
|
||
$.deck('.slide');
|
||
});
|
||
</script>
|
||
<!-- Y theme -->
|
||
<script src="js/mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
|
||
<script src="js/highlight/highlight.pack.js"></script>
|
||
<script>
|
||
hljs.initHighlightingOnLoad();
|
||
</script>
|
||
</body>
|
||
</html>
|