瀏覽代碼

Publishing

master
David Larlet 3 年之前
父節點
當前提交
f448832d44
共有 6 個檔案被更改,包括 222 行新增22 行删除
  1. 2
    2
      david/2021/06/24/index.html
  2. 184
    0
      david/2021/06/25/index.html
  3. 2
    0
      david/2021/index.html
  4. 13
    0
      david/2021/sources/2021-06-25 - Données.md
  5. 2
    1
      david/index.html
  6. 19
    19
      david/log/index.xml

+ 2
- 2
david/2021/06/24/index.html 查看文件

@@ -62,7 +62,7 @@
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
</svg> Accueil</a>
• <a rel="next" href="/david/2021/06/25/" title="Publication suivante : Données">Suivant →</a>
</p>
</nav>
<hr>
@@ -83,7 +83,7 @@
<p class="center">
<a rel="prev" href="/david/2021/06/23/" title="Publication précédente : FullStack">← Précédent</a> •
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
• <a rel="next" href="/david/2021/06/25/" title="Publication suivante : Données">Suivant →</a>
</p>
</nav>
</article>

+ 184
- 0
david/2021/06/25/index.html 查看文件

@@ -0,0 +1,184 @@
<!doctype html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang="fr">
<!-- Has to be within the first 1024 bytes, hence before the `title` element
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
<meta charset="utf-8">
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
<!-- The viewport meta is quite crowded and we are responsible for that.
See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Required to make a valid HTML5 document. -->
<title>Données — David Larlet</title>
<meta name="description" content="Perhaps then we’d understand how we can handle this data in a more responsible way. A metaphor that puts our personal experience at the forefront will help us find out where to draw lines in how our lives are stored and processed, and to understand that the lines will need to be different for different people. I don’t know what the right metaphor is - memory and history are the concepts I’ve been mulling over, but they have already been used in computing in ways that blur and dull them.">
<!-- That good ol' feed, subscribe :). -->
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
<link rel="manifest" href="/static/david/icons2/site.webmanifest">
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
<meta name="msapplication-TileColor" content="#f0f0ea">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f0f0ea">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
function toggleTheme(themeName) {
document.documentElement.classList.toggle(
'forced-dark',
themeName === 'dark'
)
document.documentElement.classList.toggle(
'forced-light',
themeName === 'light'
)
}
const selectedTheme = localStorage.getItem('theme')
if (selectedTheme !== 'undefined') {
toggleTheme(selectedTheme)
}
</script>

<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


<article>
<header>
<h1>Données</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2021/06/24/" title="Publication précédente : Long terme">← Précédent</a> •
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
</svg> Accueil</a>
</p>
</nav>
<hr>


<blockquote lang="en">
<p>Perhaps then we’d understand how we can handle this data in a more responsible way. A metaphor that puts our personal experience at the forefront will help us find out where to draw lines in how our lives are stored and processed, and to understand that the lines will need to be different for different people. I don’t know what the right metaphor is - memory and history are the concepts I’ve been mulling over, but they have already been used in computing in ways that blur and dull them.</p>
<p><mark>Maybe we should be very explicit, and refer to data as our lives.</mark> Imagine if a service had to ask you permission to ‘track your life’ or ‘share information about your life with other providers’. Already that feels grittier, more visceral, than just ‘data’.</p>
<p><cite><em><a href="https://howtomeasureghosts.substack.com/p/data-isnt-oil-so-what-is-it">Data isn’t oil, so what is it?</a></em> (<a href="/david/cache/2021/68f3b87ebf1ae01bccc75fc648ac9201/">cache</a>)</cite></p>
</blockquote>
<p>Les données de nos vies, ou les évènements qui composent nos vies. L’historique de vos interactions avec autrui. Si tant est que nous soyons plus que la somme de ces micro-expériences.</p>
<p>J’imagine alors à quoi pourrait correspondre le bouton de suppression de compte&nbsp;:</p>
<p><q>Supprimer votre vie.</q></p>

<nav>
<p class="center">
<a rel="prev" href="/david/2021/06/24/" title="Publication précédente : Long terme">← Précédent</a> •
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
</p>
</nav>
</article>


<hr>

<footer>
<p>
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
</svg> Suivre</a> •
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
</svg> Pro</a> •
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
</svg> Email</a> •
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
</svg> Légal</abbr>
</p>
<template id="theme-selector">
<form>
<fieldset>
<legend><svg class="icon icon-brightness-contrast">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
</svg> Thème</legend>
<label>
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
</label>
<label>
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé
</label>
<label>
<input type="radio" value="light" name="chosen-color-scheme"> Clair
</label>
</fieldset>
</form>
</template>
</footer>
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
<script>
function loadThemeForm(templateName) {
const themeSelectorTemplate = document.querySelector(templateName)
const form = themeSelectorTemplate.content.firstElementChild
themeSelectorTemplate.replaceWith(form)

form.addEventListener('change', (e) => {
const chosenColorScheme = e.target.value
localStorage.setItem('theme', chosenColorScheme)
toggleTheme(chosenColorScheme)
})

const selectedTheme = localStorage.getItem('theme')
if (selectedTheme && selectedTheme !== 'undefined') {
form.querySelector(`[value="${selectedTheme}"]`).checked = true
}
}

const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
window.addEventListener('load', () => {
let hasDarkRules = false
for (const styleSheet of Array.from(document.styleSheets)) {
let mediaRules = []
for (const cssRule of styleSheet.cssRules) {
if (cssRule.type !== CSSRule.MEDIA_RULE) {
continue
}
// WARNING: Safari does not have/supports `conditionText`.
if (cssRule.conditionText) {
if (cssRule.conditionText !== prefersColorSchemeDark) {
continue
}
} else {
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
continue
}
}
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
}

// WARNING: do not try to insert a Rule to a styleSheet you are
// currently iterating on, otherwise the browser will be stuck
// in a infinite loop…
for (const mediaRule of mediaRules) {
styleSheet.insertRule(mediaRule.cssText)
hasDarkRules = true
}
}
if (hasDarkRules) {
loadThemeForm('#theme-selector')
}
})
</script>
</body>
</html>

+ 2
- 0
david/2021/index.html 查看文件

@@ -394,6 +394,8 @@
<h2><a href="/david/2021/06/24/">Long terme</a> (2021-06-24)</h2>
<h2><a href="/david/2021/06/25/">Données</a> (2021-06-25)</h2>
</main>



+ 13
- 0
david/2021/sources/2021-06-25 - Données.md 查看文件

@@ -0,0 +1,13 @@
# Données

> [en] Perhaps then we’d understand how we can handle this data in a more responsible way. A metaphor that puts our personal experience at the forefront will help us find out where to draw lines in how our lives are stored and processed, and to understand that the lines will need to be different for different people. I don’t know what the right metaphor is - memory and history are the concepts I’ve been mulling over, but they have already been used in computing in ways that blur and dull them.
>
> ==Maybe we should be very explicit, and refer to data as our lives.== Imagine if a service had to ask you permission to ‘track your life’ or ‘share information about your life with other providers’. Already that feels grittier, more visceral, than just ‘data’.
>
> <cite>*[Data isn’t oil, so what is it?](https://howtomeasureghosts.substack.com/p/data-isnt-oil-so-what-is-it)* ([cache](/david/cache/2021/68f3b87ebf1ae01bccc75fc648ac9201/))</cite>

Les données de nos vies, ou les évènements qui composent nos vies. L’historique de vos interactions avec autrui. Si tant est que nous soyons plus que la somme de ces micro-expériences.

J’imagine alors à quoi pourrait correspondre le bouton de suppression de compte :

<q>Supprimer votre vie.</q>

+ 2
- 1
david/index.html 查看文件

@@ -98,7 +98,8 @@
<a href="/david/2021/06/21/">Voûte</a>,
<a href="/david/2021/06/22/">Argent</a>,
<a href="/david/2021/06/23/">FullStack</a>,
<a href="/david/2021/06/24/">Long terme</a>.
<a href="/david/2021/06/24/">Long terme</a>,
<a href="/david/2021/06/25/">Données</a>.
</p>

+ 19
- 19
david/log/index.xml 查看文件

@@ -6,13 +6,31 @@
<link href="https://larlet.fr/david/" rel="alternate" type="text/html" />
<link href="https://larlet.fr/david/log/" rel="self" />
<id>https://larlet.fr/david/</id>
<updated>2021-07-01T12:00:00+01:00</updated>
<updated>2021-07-02T12:00:00+01:00</updated>
<author>
<name>David Larlet</name>
<uri>https://larlet.fr/david/</uri>
</author>
<rights>Copyright (c) 2004-2021, David Larlet</rights>
<entry xml:lang="fr">
<title type="html">Données</title>
<link href="https://larlet.fr/david/2021/06/25/" rel="alternate" type="text/html" />
<updated>2021-06-25T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/06/25/</id>
<summary type="html">

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;Perhaps then we’d understand how we can handle this data in a more responsible way. A metaphor that puts our personal experience at the forefront will help us find out where to draw lines in how our lives are stored and processed, and to understand that the lines will need to be different for different people. I don’t know what the right metaphor is - memory and history are the concepts I’ve been mulling over, but they have already been used in computing in ways that blur and dull them.&lt;/p&gt;
&lt;p&gt;&lt;mark&gt;Maybe we should be very explicit, and refer to data as our lives.&lt;/mark&gt; Imagine if a service had to ask you permission to ‘track your life’ or ‘share information about your life with other providers’. Already that feels grittier, more visceral, than just ‘data’.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://howtomeasureghosts.substack.com/p/data-isnt-oil-so-what-is-it&quot;&gt;Data isn’t oil, so what is it?&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/68f3b87ebf1ae01bccc75fc648ac9201/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Les données de nos vies, ou les évènements qui composent nos vies. L’historique de vos interactions avec autrui. Si tant est que nous soyons plus que la somme de ces micro-expériences.&lt;/p&gt;
&lt;p&gt;J’imagine alors à quoi pourrait correspondre le bouton de suppression de compte&amp;nbsp;:&lt;/p&gt;
&lt;p&gt;&lt;q&gt;Supprimer votre vie.&lt;/q&gt;&lt;/p&gt;
&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Long terme</title>
<link href="https://larlet.fr/david/2021/06/24/" rel="alternate" type="text/html" />
@@ -633,24 +651,6 @@ D’une atteinte narcissique à une autre l’existence finit par peser.&lt;/p&g
&lt;/blockquote&gt;
&lt;p&gt;L’une des choses que je retiens de cette expérience, c’est d’utiliser le terme «&amp;nbsp;&lt;span lang=&quot;en&quot;&gt;Follow&lt;/span&gt;&amp;nbsp;» pour suivre des flux RSS. &lt;strong&gt;Au 21&lt;sup&gt;e&lt;/sup&gt; siècle, on ne s’abonne plus, on suit.&lt;/strong&gt; Et je me demande si je ne vais pas suivre (!) cette mouvance qui permet peut-être de mieux comprendre &lt;a href=&quot;https://larlet.fr/david/blog/2019/flux-rss/&quot;&gt;de quoi est-ce qu’il s’agit&lt;/a&gt;. Notamment pour des personnes qui découvrent un site après avoir passé tant d’années &lt;em&gt;dans&lt;/em&gt; des réseaux sociaux.&lt;/p&gt;
&lt;p&gt;Suivez-moi… mais pas de trop près quand même car ça devient vite flippant 😅.&lt;/p&gt;
&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Mérite</title>
<link href="https://larlet.fr/david/2021/05/25/" rel="alternate" type="text/html" />
<updated>2021-05-25T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/05/25/</id>
<summary type="html">

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;D’une part il s’agit de faire reculer à l’arrière plan et si possible d’effacer le récit d’un naufrage.&lt;/strong&gt; Naufrage qui est celui de la gestion «&amp;nbsp;technique&amp;nbsp;» des données de la pandémie et de la capacité des services de l’état à produire des applications et des services à la hauteur de la crise et des urgences. […] Plus on parlera de la réussite des outils déployés par Guillaume Rozier et plus on pourra souligner de manière opportune à quel point les services de l’état, à défaut d’être en capacité d’en produire de pareille qualité, se sont fait un point d’honneur de les utiliser au mieux et de les «&amp;nbsp;valoriser&amp;nbsp;» et même de leur avoir permis d’exister.&lt;/p&gt;
&lt;p&gt;[…]&lt;/p&gt;
&lt;p&gt;&lt;mark&gt;Effacer les échecs et les errances du régalien donc.&lt;/mark&gt; Et puis &lt;strong&gt;d’autre part, il s’agit d’enfoncer encore un peu plus le récit libéral de la réussite individuelle.&lt;/strong&gt; «&amp;nbsp;Regardez&amp;nbsp;» nous dit-on, «&amp;nbsp;regardez ce que ce jeune ingénieur sorti de nulle part et sans aucune aide publique à réussi à mettre en place tout seul, et tout en continuant de travailler à côté&amp;#8239;!!&amp;nbsp;» Et alors, mais alors seulement, attendez-vous à la reconnaissance de la nation.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.affordance.info/mon_weblog/2021/05/guillaume-rozier-chevalier-scraper.html&quot;&gt;Guillaume Rozier&amp;nbsp;: le chevalier Scraper et sans reproches.&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/d786e761d41716e6074a9345a2610dbf/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Olivier Ertzscheid tape malheureusement trop juste. Bien sûr que je me réjouis que les outils de Guillaume Rozier soient aussi populaires et fassent la promotion de l’OpenData et de la transparence et de la puissance de l’OpenSource et tout ça. Mais — et je ne peux pas trop en dire — c’est quand même bien frustrant de se dire que c’est un palliatif à l’inefficacité (interne) et au manque de vision de l’État.&lt;/p&gt;
&lt;p&gt;J’ai parfois l’impression d’être au pied du moulin. Et de me rendre compte qu’il fait 300&amp;nbsp;mètres de haut. Tou·tes les fonctionnaires de France ont un sacré &lt;em&gt;mérite&lt;/em&gt; par les temps qui courent…&lt;/p&gt;
&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>

Loading…
取消
儲存