David Larlet 3 роки тому
джерело
коміт
37b88ee0e4

+ 2
- 2
david/2021/03/28/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/03/29/" title="Publication suivante : Évaluation">Suivant →</a>
</p>
</nav>
<hr>
@@ -97,7 +97,7 @@
<p class="center">
<a rel="prev" href="/david/2021/03/27/" title="Publication précédente : Immersion">← Précédent</a> •
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
• <a rel="next" href="/david/2021/03/29/" title="Publication suivante : Évaluation">Suivant →</a>
</p>
</nav>
</article>

+ 189
- 0
david/2021/03/29/index.html Переглянути файл

@@ -0,0 +1,189 @@
<!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>
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>Évaluation — David Larlet</title>
<meta name="description" content="Alas, many developers don’t build with this mindset. I mean, I understand why: it means thinking about users with the most boring, least powerful technology. It’s simpler and more exciting to assume that everyone’s got a shared baseline of newer technology. But by doing that, you’re missing out on one of the web’s superpowers: that something served up at the same URL with the same underlying code can simultaneously serve people with older technology and also provide a whizz-bang experience to people with the latest and greatest technology.">
<!-- 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>Évaluation</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2021/03/28/" title="Publication précédente : Smolstack">← 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>
<p>Alas, many developers don’t build with this mindset. I mean, I understand why: <mark>it means thinking about users with the most boring, least powerful technology</mark>. It’s simpler and more exciting to assume that everyone’s got a shared baseline of newer technology. But by doing that, you’re missing out on one of the web’s superpowers: that something served up at the same URL with the same underlying code can simultaneously serve people with older technology <em>and</em> also provide a whizz-bang experience to people with the latest and greatest technology.</p>
<p><cite><em><a href="https://adactio.com/journal/17987">The principle of most availability</a></em> (<a href="/david/cache/2021/15d4f93dba253e3194c8dba52d0e8ee6/">cache</a>)</cite></p>
</blockquote>
<p><em>Pensée du jour suite à un retour interne (merci&#8239;!) relatif à mon <a href="/david/2021/03/23/">non-recrutement</a>. Comme un besoin de déconstruire le refus pour pouvoir me reconstruire…</em></p>
<p>Lorsqu’on est évalué pour un nouveau poste, on essaye de connaître la situation technique la plus complexe à laquelle on a été confrontée. Et cela a tendance à me rappeler d’une certaine manière le <a href="/david/stream/2015/12/29/">Principe d’Aurélien</a>. Ce qui me semblerait intéressant serait d’évaluer les choix qui ont été réalisés pour <em>ne pas</em> arriver à ce niveau de complexité.</p>
<p>Comment est-ce que vous avez réussi à garder une équipe à taille humaine&#8239;? Quelles mesures avez-vous mis en place pour conserver un ensemble technologique cohérent, compréhensible et maintenable&#8239;? Quelles sont les plus faibles compétences requises pour modifier les données sur ce produit&#8239;? Qu’est-ce qui a été automatisé et délégué, pourquoi&#8239;? Seriez-vous à l’aise pour transmettre cette application, à qui&#8239;? Qu’est-ce qui vous empêche de dormir la nuit à son sujet&#8239;?</p>
<p>Il est certain qu’en créant une usine à gaz on acquiert tout un lot de compétences. Mais ce ne sont <a href="/david/2021/03/28/">pas celles qui m’attirent</a> (et je ne parle même pas d’humain). Il est des moments où <a href="/david/stream/2015/06/06/">relire ses archives</a> fait du bien.</p>

<blockquote>
<p>Je vous développe une application complexe parce que je n’ai pas l’expérience pour en écrire une moins sophistiquée.</p>
<p><cite><em>Blaise Pascal fait du développement web</em>, Les dépendenciales (2021)</cite></p>
</blockquote>

<nav>
<p class="center">
<a rel="prev" href="/david/2021/03/28/" title="Publication précédente : Smolstack">← 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> RSS</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 Переглянути файл

@@ -230,6 +230,8 @@
<h2><a href="/david/2021/03/28/">Smolstack</a> (2021-03-28)</h2>
<h2><a href="/david/2021/03/29/">Évaluation</a> (2021-03-29)</h2>
</main>



+ 17
- 0
david/2021/sources/2021-03-29 - Évaluation.md Переглянути файл

@@ -0,0 +1,17 @@
# Évaluation

> Alas, many developers don’t build with this mindset. I mean, I understand why: ==it means thinking about users with the most boring, least powerful technology==. It’s simpler and more exciting to assume that everyone’s got a shared baseline of newer technology. But by doing that, you’re missing out on one of the web’s superpowers: that something served up at the same URL with the same underlying code can simultaneously serve people with older technology *and* also provide a whizz-bang experience to people with the latest and greatest technology.
>
> <cite>*[The principle of most availability](https://adactio.com/journal/17987)* ([cache](/david/cache/2021/15d4f93dba253e3194c8dba52d0e8ee6/))</cite>

*Pensée du jour suite à un retour interne (merci !) relatif à mon [non-recrutement](/david/2021/03/23/). Comme un besoin de déconstruire le refus pour pouvoir me reconstruire…*

Lorsqu’on est évalué pour un nouveau poste, on essaye de connaître la situation technique la plus complexe à laquelle on a été confrontée. Et cela a tendance à me rappeler d’une certaine manière le [Principe d’Aurélien](/david/stream/2015/12/29/). Ce qui me semblerait intéressant serait d’évaluer les choix qui ont été réalisés pour *ne pas* arriver à ce niveau de complexité.

Comment est-ce que vous avez réussi à garder une équipe à taille humaine ? Quelles mesures avez-vous mis en place pour conserver un ensemble technologique cohérent, compréhensible et maintenable ? Quelles sont les plus faibles compétences requises pour modifier les données sur ce produit ? Qu’est-ce qui a été automatisé et délégué, pourquoi ? Seriez-vous à l’aise pour transmettre cette application, à qui ? Qu’est-ce qui vous empêche de dormir la nuit à son sujet ?

Il est certain qu’en créant une usine à gaz on acquiert tout un lot de compétences. Mais ce ne sont [pas celles qui m’attirent](/david/2021/03/28/) (et je ne parle même pas d’humain). Il est des moments où [relire ses archives](/david/stream/2015/06/06/) fait du bien.

> Je vous développe une application complexe parce que je n’ai pas l’expérience pour en écrire une moins sophistiquée.
>
> <cite>*Blaise Pascal fait du développement web*, Les dépendenciales (2021)</cite>

+ 2
- 0
david/index.html Переглянути файл

@@ -74,6 +74,8 @@
<nav>
<ul>
<li><a href="/david/2021/03/29/">Évaluation</a> (2021-03-29)</li>
<li><a href="/david/2021/03/28/">Smolstack</a> (2021-03-28)</li>
<li><a href="/david/2021/03/27/">Immersion</a> (2021-03-27)</li>

+ 24
- 1
david/log/index.xml Переглянути файл

@@ -5,13 +5,36 @@
<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-04-01T12:00:00+01:00</updated>
<updated>2021-04-05T12: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>Évaluation</title>
<link href="https://larlet.fr/david/2021/03/29/" rel="alternate" type="text/html" />
<updated>2021-03-29T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/03/29/</id>
<summary type="html">

&lt;blockquote&gt;
&lt;p&gt;Alas, many developers don’t build with this mindset. I mean, I understand why: &lt;mark&gt;it means thinking about users with the most boring, least powerful technology&lt;/mark&gt;. It’s simpler and more exciting to assume that everyone’s got a shared baseline of newer technology. But by doing that, you’re missing out on one of the web’s superpowers: that something served up at the same URL with the same underlying code can simultaneously serve people with older technology &lt;em&gt;and&lt;/em&gt; also provide a whizz-bang experience to people with the latest and greatest technology.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://adactio.com/journal/17987&quot;&gt;The principle of most availability&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/15d4f93dba253e3194c8dba52d0e8ee6/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;em&gt;Pensée du jour suite à un retour interne (merci&amp;#8239;!) relatif à mon &lt;a href=&quot;https://larlet.fr/david/2021/03/23/&quot;&gt;non-recrutement&lt;/a&gt;. Comme un besoin de déconstruire le refus pour pouvoir me reconstruire…&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;Lorsqu’on est évalué pour un nouveau poste, on essaye de connaître la situation technique la plus complexe à laquelle on a été confrontée. Et cela a tendance à me rappeler d’une certaine manière le &lt;a href=&quot;https://larlet.fr/david/stream/2015/12/29/&quot;&gt;Principe d’Aurélien&lt;/a&gt;. Ce qui me semblerait intéressant serait d’évaluer les choix qui ont été réalisés pour &lt;em&gt;ne pas&lt;/em&gt; arriver à ce niveau de complexité.&lt;/p&gt;
&lt;p&gt;Comment est-ce que vous avez réussi à garder une équipe à taille humaine&amp;#8239;? Quelles mesures avez-vous mis en place pour conserver un ensemble technologique cohérent, compréhensible et maintenable&amp;#8239;? Quelles sont les plus faibles compétences requises pour modifier les données sur ce produit&amp;#8239;? Qu’est-ce qui a été automatisé et délégué, pourquoi&amp;#8239;? Seriez-vous à l’aise pour transmettre cette application, à qui&amp;#8239;? Qu’est-ce qui vous empêche de dormir la nuit à son sujet&amp;#8239;?&lt;/p&gt;
&lt;p&gt;Il est certain qu’en créant une usine à gaz on acquiert tout un lot de compétences. Mais ce ne sont &lt;a href=&quot;https://larlet.fr/david/2021/03/28/&quot;&gt;pas celles qui m’attirent&lt;/a&gt; (et je ne parle même pas d’humain). Il est des moments où &lt;a href=&quot;https://larlet.fr/david/stream/2015/06/06/&quot;&gt;relire ses archives&lt;/a&gt; fait du bien.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Je vous développe une application complexe parce que je n’ai pas l’expérience pour en écrire une moins sophistiquée.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;Blaise Pascal fait du développement web&lt;/em&gt;, Les dépendenciales (2021)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&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>Smolstack</title>
<link href="https://larlet.fr/david/2021/03/28/" rel="alternate" type="text/html" />

Завантаження…
Відмінити
Зберегти