|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240 |
- <!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>ce qui est passé (archive) — David Larlet</title>
- <meta name="description" content="Publication mise en cache pour en conserver une trace.">
- <!-- 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="#f7f7f7">
- <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
- <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
- <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
- <!-- Is that even respected? Retrospectively? What a shAItshow…
- https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
- <meta name="robots" content="noai, noimageai">
- <!-- 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>
-
- <meta name="robots" content="noindex, nofollow">
- <meta content="origin-when-cross-origin" name="referrer">
- <!-- Canonical URL for SEO purposes -->
- <link rel="canonical" href="https://www.la-grange.net/2023/01/07/passe">
-
- <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>ce qui est passé</h1>
- </header>
- <nav>
- <p class="center">
- <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
- <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
- </svg> Accueil</a> •
- <a href="https://www.la-grange.net/2023/01/07/passe" title="Lien vers le contenu original">Source originale</a>
- </p>
- </nav>
- <hr>
- <figure>
- <img src="https://www.la-grange.net/2023/01/07/7962D-plantes.jpg" alt="plantes au ras de l'eau.">
- <figcaption>Yumenoshima, Japon, 7 janvier 2023</figcaption>
- </figure>
- <blockquote>
- <p>Je n'ai jamais pensé, voilà, je suis une femme qui écrit. Je ne suis pas une femme qui écrit, je suis quelqu'un qui écrit. Mais quelqu'un qui a une histoire de femme, différente de celle d'un homme.<br>
- — Le vrai lieu, Annie Ernaux, urn:isbn:978-2-07-277965-7</p>
- </blockquote>
- <p>Nous sommes allés découvrir <a href="https://www.yumenoshima.jp">Yumenoshima</a> (une des îles artificielles de Tokyo).</p>
- <ul>
- <li><p>Le <a href="http://d5f.org/en">musée du Daigo Fukuryu Maru</a>, un bâteau de pêche au thon japonais qui fût irradié par la retombée des cendres d'un test d'explosion nucléaire par les États-Unis dans le Pacifique près de Bikini, le 1er mars 1954. Le musée expose le bateau mais également raconte l'histoire de tous les pêcheurs à son bord, des populations victimes des essais nucléaires. La France est le 3eme en nombre de tests en plein air derrière les États-Unis et la Russie.</p>
- </li>
- <li><p>Le <a href="https://www.yumenoshima.jp/botanicalhall">jardin botanique</a> est un lieu de paie et de plénitude pour moi. J'adopte le pas lent dans la serre tropicale afin de bien sentir sous le masque les parfums humides, la mousse, l'eau sur la végétation. L'hiver enveloppe le verre de la serre, et j'ai une furieuse envie de déménager en Asie du Sud-Est. Le parfum est un élixir.
-
- <figure>
- <img src="https://www.la-grange.net/2023/01/07/7958D-serre.jpg" alt="Intérieur de la serre du jardin botanique.">
- <figcaption>Yumenoshima, Japon, 7 janvier 2023</figcaption>
- </figure>
- </p>
- </li>
- <li><p>Découverte aussi de la <a href="https://casica.tokyo/">boutique Casica</a> qui a un restaurant dans un espace très beau. Ils ont l'intelligence de publier les <a href="https://arkhe.jp/recipe_tag/menu/">recettes complètes de leur menu</a> sur leur site Web.<br>
-
- <figure>
- <img src="https://www.la-grange.net/2023/01/07/7932D-repas.jpg" alt="Plateau repas en bois avec différentes assiettes et mets.">
- <figcaption>Yumenoshima, Japon, 7 janvier 2023</figcaption>
- </figure>
-
-
- <figure>
- <img src="https://www.la-grange.net/2023/01/07/7948D-plantes.jpg" alt="Plantes d'appartement.">
- <figcaption>Yumenoshima, Japon, 7 janvier 2023</figcaption>
- </figure>
- </p>
- </li>
- </ul>
- <hr>
- <p><a href="https://n.survol.fr/n/jonglage-de-notifications">Tout comme Éric</a>, je suis un grand fan du <a href="https://slack.com/help/articles/360025446073-Guide-to-Slack-notifications">système de notifications de Slack</a>.</p>
- <blockquote>
- <p>Je jongle. Ouvrir une notification c’est le risque de la voir disparaitre. Ne pas la traiter en urgence c’est risquer de l’oublier ou ne pas réussir à remettre la main dessus. La laisser c’est l’avoir en attention permanente et risquer de ne pas voir quelque chose qu’on aimerait traiter immédiatement.</p>
- </blockquote>
- <p>Ce système de pouvoir lire et en même temps <strong>marquer le message en rappel pour plus tard</strong> est essentiel. Le système pourrait être améliorer avec une vraie liste tabulaire.</p>
- <p>J'ai découvert récemment que mail.app pouvait créer des rappels aussi.</p>
- <p><img src="https://www.la-grange.net/2023/01/07/mail-rappel.png" alt="copie d'écran de la fonctionnalité dans mail.app."></p>
- <p>Il stocke les messages dans un onglet rappel très pratique.</p>
- <p><img src="https://www.la-grange.net/2023/01/07/mail-rappel-tab.png" alt="Copie d'écran de l'onglet rappel."></p>
- <p>Ma technique courante, par habitude, est de marquer avec un drapeau et d'afficher les non-lus et les mails avec drapeaux. Je vais tenter d'utiliser un peu plus le système de rappel dans mail.app.</p>
- <hr>
- <p>Petit café du matin dans la rue commerçante de Sugamo.</p>
- <hr>
- <p>La vieille écriture ou l'écriture qui vieillit mal. Il y a un caractère ethnologique et historique de ce que l'on lit. Stéphane partage <a href="https://nota-bene.org/Philip-K-Dick-Nouvelles-completes-volume-1-1947-1953">ces réflexions sur les nouvelles de Dick</a>.</p>
- <blockquote>
- <p>Il y a pas mal de choses surannées chez Dick. Je l’ai toujours vu comme mon contemporain (pensez, j’ai commencé à le lire très peu de temps après sa mort), et quand on compte sur les doigts, les nouvelles ont tout de même 70 ans. Le temps de deux ou trois générations, au fond.</p>
- </blockquote>
- <p>Je ne l'ai jamais lu. Mais j'ai un sentiment similaire à la re-lecture des trucs-en-vracs de Gotlieb, qu'il tire de mes étagères. Il regarde avec amusement. Je ne trouve plus cela drôle et de trop nombreuses fois très sexiste, un humour potache qui ne me touche plus du tout.</p>
- <hr>
- <p>Des carnets de dessins à en saliver : <a href="https://www.thisiscolossal.com/2023/01/mattias-adolfsson-sketchbook-41/">Detailed Illustrations Brim with Manic Mayhem in Mattias Adolfsson’s Exuberant Sketchbooks</a>.</p>
- <p><img src="https://www.la-grange.net/2023/01/07/adolfsson1-4.jpg" alt="Planche de dessin à l'aquarelle représentant de la nourriture au Japon."></p>
- <hr>
- <p>Maintenant que je vis à Tokyo, Jimbocho est à <a href="https://www.rome2rio.com/map/Sugamo-Station/Jimb%C5%8Dch%C5%8D-Station#r/Subway/s/0">5 encablures de la station de Sugamo (9 minutes)</a>. Je devrais aller traîner plus souvent dans le quartier des livres d'occasion. Un <a href="https://www3.nhk.or.jp/news/html/20230106/k10013937441000.html">article de NHK couvre l'histoire de Nobuaki Abe (79 ans) et de son magasin dédié aux livres étrangers</a> (aka non japonais dans le contexte du Japon) : <a href="http://www.subun-so.com/">Subun-so book store</a></p>
- <p>Le magasin a un site Web, mais ils ne mettent pas la totalité de leur collection en ligne. Le propriétaire du magasin veut que les gens viennent toujours découvrir les livres dans le magasin, plutôt qu'un achat déshumanisé sur le Web. Il y a toujours ce moment de chasse au trésor dans un magasin de livres d'occasion.</p>
- <p>Il raconte aussi la belle histoire d'un étudiant venant tous les jours pour copier un livre dont il avait besoin pour écrire sa thèse mais pas l'argent nécessaire pour l'acheter. Le livre éventuellement fût donné à l'étudiant. Des années plus tard, l'étudiant finalement devint professeur d'université. Mais leurs relations continua. Et un jour quand le magasin fût déménagé, il offra un cadeau en retour pour la générosité du propriétaire qui avait toujours refusé d'être remboursé. Cela me rappelle les <a href="https://www.la-grange.net/2022/12/17/css-grid">livres piratés du quartier de Jimbocho</a> que j'ai découverts le 17 décembre dernier.</p>
- <p>Il explique également que le temps de curation pour évaluer le prix d'un livre peut parfois prendre beaucoup de temps. Et qu'un prix élevé détermine à la fois un état impeccable sans aucune page manquante et le travail d'expertise qui a été réalisé pour évaluer le livre.</p>
- <hr>
- <p>Un site de <a href="https://www.kosho.or.jp/wppost/plg_WpPost_post.php?postid=76">recherche des livres de l'association de vendeurs de livres anciens</a>.</p>
- <hr>
- <p><a href="https://floss.social/@pieq/109645565392544332">Port du masque</a>. Le choix de réponse possible de David me surprend. Est-ce pour générer de la réaction ? ou est-ce par oubli de la normalité de porter un masque ? En tout cas pour Taiwan et le Japon, rien d'étonnant, de voir une personne porter un masque, que ce soit maintenant ou pre-COVID.</p>
- </article>
-
-
- <hr>
-
- <footer>
- <p>
- <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
- <use xlink:href="/static/david/icons2/symbol-defs-2021-12.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-2021-12.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-2021-12.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-2021-12.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-2021-12.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-2021-12.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>
|