{"id":15193,"date":"2014-02-07T16:04:11","date_gmt":"2014-02-07T15:04:11","guid":{"rendered":"http:\/\/davidbosman.fr\/blog\/?p=15193"},"modified":"2014-02-08T17:01:41","modified_gmt":"2014-02-08T16:01:41","slug":"gerer-ses-notes-en-markdown-texte-photo-videos-etc","status":"publish","type":"post","link":"https:\/\/www.davidbosman.fr\/blog\/2014\/02\/07\/gerer-ses-notes-en-markdown-texte-photo-videos-etc\/","title":{"rendered":"G\u00e9rer ses notes en Markdown : texte, photo, vid\u00e9os, etc."},"content":{"rendered":"<p>Temps de lecture: 1225 mots.<\/p>\n\n<p>Markdown est pratique pour \u00e9crire dans un format l\u00e9ger, fiable et compatible avec n&#8217;importe quel ordinateur, tablette et t\u00e9l\u00e9phone.<\/p>\n\n<p>Mais c&#8217;est du TXT : si \u00e7a marche donc plut\u00f4t bien pour \u00e9crire,  on fait comment pour tout ce qui est photo, vid\u00e9o ou m\u00eame des fichiers genre PDF, XL, DOCX &amp; Cie ?<\/p>\n\n<p>\u2013 <i>On fait comme avec si c&#8217;\u00e9tait du texte.<\/i><br>\n\u2013 Nooon ?<br>\n\u2013 Si. La preuve dans ce qui suit.<\/p>\n\n<p><!--more-->J&#8217;ai d\u00e9j\u00e0 expliqu\u00e9 l&#8217;essentiel de ma m\u00e9thode :<\/p>\n\n<ol>\n<li>Chaque note doit avoir un identifiant unique.<br \/>\nPlut\u00f4t que de m&#8217;emb\u00eater \u00e0 l&#8217;\u00e9crire moi-m\u00eame, j&#8217;utilise TextExpander (Applescript ou le shell fonctionneraient aussi bien) pour le g\u00e9n\u00e9rer et l&#8217;ajouter \u00e0 ma place dans chaque nouvelle note. Lisez : <a href=\"http:\/\/davidbosman.fr\/blog\/2011\/03\/26\/un-exemple-dutilisation-de-textexpander\/\">Un exemple d\u2019utilisation de TextExpander<\/a> (2011).<\/li>\n<li>J&#8217;utilise un m\u00e9lange de mots-cl\u00e9s (@motcl\u00e9, @autremotcl\u00e9, @etc.) et de nom de fichier, pour faire le tri entre les cat\u00e9gories de notes (\u00e9crits, r\u00e9f\u00e9rences, etc.).<br \/>\nPar exemple, vous pouvez lire <a href=\"http:\/\/davidbosman.fr\/blog\/2012\/04\/15\/organiser-brouillons-et-articles-pour-le-blog-au-format-txt\/\">Organiser brouillons et articles pour le blog, au format TXT<\/a> (2012).  <\/li>\n<li>Ce syst\u00e8me est tr\u00e8s souple, ce qui m&#8217;arrange vu ma fa\u00e7on bord\u00e9lique de travailler. Sa seule contrainte c&#8217;est de bien nommer les fichiers, pour une identification et un tri rapide.<br \/>\nL\u00e0 encore, c&#8217;est TextExpander qui se charge de tout : <a href=\"http:\/\/davidbosman.fr\/blog\/2011\/01\/29\/nommer-ses-fichiers\/\">Nommer ses fichiers<\/a> (2011).<\/li>\n<\/ol>\n\n<p>Ces articles commencent \u00e0 dater mais \u2014 \u00e7a me semble bon signe \u2014 rien ou presque n&#8217;a chang\u00e9. Les seuls changements, ce sont les apps utilis\u00e9es pour \u00e9crire, mais cela n&#8217;a aucune incidence sur la m\u00e9thode elle-m\u00eame. En clair, vous pouvez utiliser l&#8217;application de votre choix pour \u00e9crire vos notes.<\/p>\n\n<p><img decoding=\"async\" src=\"http:\/\/davidbosman.fr\/blog\/wp-content\/uploads\/2014\/02\/noms.png\" alt=\"Noms\" \/><br \/>\n<em>Nommer ses fichiers, pour cr\u00e9er un premier filtre entre mes notes (-N-) et ce que j&#8217;\u00e9cris (-W-). Le num\u00e9ro \u00e0 c\u00f4t\u00e9 du code dans certains noms, j&#8217;ai laiss\u00e9 tomber : \u00e7a devait me permettre de s\u00e9parer les diff\u00e9rents sujets d&#8217;\u00e9criture ou de notes. Trop contraignant.<\/em><\/p>\n\n<h3>Comment ajouter une photo (ou autre) dans une note en Markdown ?<\/h3>\n\n<p>Alors, concr\u00e8tement, comment je fais pour ajouter une photo ou un PDF dans mes notes en Markdown ?<\/p>\n\n<ol>\n<li>Tous les fichiers joints (photos, PDF, etc.) sont enregistr\u00e9s dans un dossier qui ne change jamais de nom et d&#8217;emplacement. C&#8217;est <em>~\/Images\/notes-images<\/em> ou <em>images\/scrapbook<\/em>, pour les images, et c&#8217;est <em>~\/Documents\/Refs<\/em> pour les PDF et tous les autres fichiers.<\/li>\n<li>Je cr\u00e9e une nouvelle note, avec un ID unique comme pour n&#8217;importe quelle note, peu importe son contenu.<\/li>\n<li>Parce que j&#8217;utilise des apps bien pens\u00e9es, je fais glisser la photo ou la pi\u00e8ce jointe, ce qui cr\u00e9e automatiquement un lien (en Markdown) vers le fichier original (qui reste o\u00f9 il est, toujours).<\/li>\n<li>J&#8217;ajoute des mots-cl\u00e9s, des commentaires ou une description \u2014 pratique pour commenter une photo.<\/li>\n<li>C&#8217;est tout.<\/li>\n<\/ol>\n\n<p>Dans nvALT, une &#8220;note photo&#8221; ressemble \u00e0 \u00e7a :<\/p>\n\n<p><img decoding=\"async\" src=\"http:\/\/davidbosman.fr\/blog\/wp-content\/uploads\/2014\/02\/note.png\" alt=\"Note\" \/><\/p>\n\n<p>C&#8217;est pas super joli mais en mode aper\u00e7u, toujours dans nvALT, \u00e7a ressemble \u00e0 \u00e7a \u2014 les m\u00e9tadonn\u00e9es ne viennent plus brouiller ma lecture mais restent accessibles, en arri\u00e8re-plan :<\/p>\n\n<p><img decoding=\"async\" src=\"http:\/\/davidbosman.fr\/blog\/wp-content\/uploads\/2014\/02\/notenice.png\" alt=\"Notenice\" \/><\/p>\n\n<p>Juste l&#8217;image et mes commentaires. C&#8217;est vraiment tr\u00e8s personnel, une note prise sur le vif \u2014 d&#8217;o\u00f9 l&#8217;importance de pouvoir rapidement cr\u00e9er une note, peu importe son contenu. Les scripts et les raccourcis clavier se r\u00e9v\u00e8lent vachement utiles pour \u00e7a, c&#8217;est un autre sujet.<\/p>\n\n<h3>Chercher dans les notes<\/h3>\n\n<p>Les mots-cl\u00e9s permettent de facilement chercher sur un ou plusieurs crit\u00e8res :<\/p>\n\n<p><img decoding=\"async\" src=\"http:\/\/davidbosman.fr\/blog\/wp-content\/uploads\/2014\/02\/search.png\" alt=\"Search\" \/><\/p>\n\n<p>Par exemple je cherche toutes les &#8220;@photo&#8221; qui concernent &#8220;@heroin&#8221; (la drogue). Une seule note correspond, avec l&#8217;aper\u00e7u activ\u00e9, je vois la note en Markdon et l&#8217;image. Pour l&#8217;aper\u00e7u, nvALT est \u00e9galement compatible avec Marked (c&#8217;est le m\u00eame d\u00e9veloppeur) :<\/p>\n\n<p><img decoding=\"async\" src=\"http:\/\/davidbosman.fr\/blog\/wp-content\/uploads\/2014\/02\/resultsmall.png\" alt=\"Resultsmall\" \/><br \/>\n<em>Notez que les termes recherch\u00e9s sont mis en surbrillance.<\/em><\/p>\n\n<p>Pour les autres fichiers, qui ne s&#8217;affichent pas directement, <strong>dans nvALT<\/strong> toujours il suffit de cliquer sur le lien file:\/\/chemin\/vers\/fichier.ext pour ouvrir une fen\u00eatre du Finder dans le dossier correspondant, avec le fichier s\u00e9lectionn\u00e9 pr\u00eat \u00e0 \u00eatre ouvert.<\/p>\n\n<h3>Organiser les notes<\/h3>\n\n<p>Comme signal\u00e9, j&#8217;utilise un syst\u00e8me rudimentaire de mots-cl\u00e9s \u2014 une s\u00e9rie de @bidule, @machin, @truc \u2014 et le nom de chaque fichier.<\/p>\n\n<p>Le fait de cr\u00e9er une note pour chaque fichier joint, image, vid\u00e9o, etc. Me permet donc d&#8217;utiliser le m\u00eame syst\u00e8me de mots-cl\u00e9s sur n&#8217;importe quel type de fichier. Et \u00e7a marche de la m\u00eame fa\u00e7on sur Mac, Windows, Linux et, je suppose, sur iOS (pas test\u00e9).<\/p>\n\n<p>Pas besoin de dossiers, donc. L&#8217;avantage de ce syst\u00e8me, c&#8217;est qu&#8217;une note peut facilement \u00eatre rattach\u00e9e \u00e0 un tas de sujets diff\u00e9rents. Il suffit d&#8217;ajouter un &#8220;@cequimechante&#8221; dans l&#8217;ent\u00eate (ou n&#8217;importe o\u00f9 dans la note, d&#8217;ailleurs). Et cela \u00e0 n&#8217;importe quel moment, par exemple pour l&#8217;associer \u00e0 un nouveau projet d&#8217;\u00e9criture, j&#8217;ajouterai les mots-cl\u00e9s &#8220;@writing, @Nomduprojet&#8221;.<\/p>\n\n<p>M\u00eame remarque pour supprimer des mots-cl\u00e9s. Jamais de souci.<\/p>\n\n<p>Pas besoin de dossier, mais on peut en utiliser aussi facilement en enregistrant une recherche spotlight. On peut faire des recherches sophistiqu\u00e9es, entre autres choses avec les op\u00e9rateurs AND\/NOT\/OR :<\/p>\n\n<p><img decoding=\"async\" src=\"http:\/\/davidbosman.fr\/blog\/wp-content\/uploads\/2014\/02\/and.png\" alt=\"And\" \/><br \/>\n<em>Toutes les notes photographiques relatives \u00e0 l&#8217;h\u00e9ro\u00efne.<\/em><\/p>\n\n<p><img decoding=\"async\" src=\"http:\/\/davidbosman.fr\/blog\/wp-content\/uploads\/2014\/02\/not.png\" alt=\"Not\" \/><br \/>\n<em>Toutes les notes relatives \u00e0 l&#8217;h\u00e9ro\u00efne qui ne sont pas des photos. Aucune, dans mon cas.<\/em><\/p>\n\n<p>On se souviendra que les recherches peuvent petre enregistr\u00e9es sous forme de dossiers intelligents. Dont le contenu est mis \u00e0 jour \u00e0 chaque fois qu&#8217;on l&#8217;ouvre. Pratique pour les gros projets.<\/p>\n\n<p>Pourquoi ne pas utiliser les <em>tags<\/em> du Finder dans Mavericks ? Parce que \u00e7a vient seulement d&#8217;arriver, parce qu&#8217;il n&#8217;y aucune garantie que Apple les maintienne dans la dur\u00e9e, parce que \u00e7a me semble encore trop n\u00e9buleux pour \u00eatre qualifi\u00e9 de fiable. Or, mon classement est au moins aussi important que les notes elles-m\u00eames.<\/p>\n\n<p>Entre les notes elles-m\u00eames, il me suffit de recopier l&#8217;ID d&#8217;une note dans une autre pour cr\u00e9er un lien entre-elles. Une recherche sur l&#8217;ID affichant toutes les notes qui le contiennent. Y compris les notes d&#8217;images et de pi\u00e8ces jointes.<\/p>\n\n<h3>J&#8217;utilise quelles applications ?<\/h3>\n\n<p>N&#8217;importe quel \u00e9diteur de texte fera l&#8217;affaire, c&#8217;est \u00e7a qui est g\u00e9nial. Mais certains sont plus adapt\u00e9s que d&#8217;autres. Pour les curieux, voici ma s\u00e9lection :<\/p>\n\n<ul>\n<li><a href=\"http:\/\/smilesoftware.com\/TextExpander\/index.html\">TextExpander<\/a>. M\u00eame si je suis rarement <em>dans<\/em> TextExpander, je l&#8217;utilise tout le temps: nommer les fichiers, ajouter les m\u00e9tadonn\u00e9es, etc.<\/li>\n<li><a href=\"http:\/\/macromates.com\">TextMate<\/a>. C&#8217;est ma machine \u00e0 bloguer. <a href=\"\">J&#8217;en ai parl\u00e9 ici<\/a>.<\/li>\n<li><a href=\"http:\/\/brettterpstra.com\/projects\/nvalt\/\">nvALT<\/a>, une version sp\u00e9cifique de <a href=\"http:\/\/notational.net\/fr\/\">Notational Velocity<\/a>, optimis\u00e9e pour Markdown \u2014 pour m\u00e9moire mon choix n&#8217;est pas neutre : j&#8217;adore cette app, au point de l&#8217;avoir traduite en FR. C&#8217;est avec lui que j&#8217;\u00e9cris mes notes : \u00e7a me change de TextMate, sans m&#8217;interdire de passer de l&#8217;un \u00e0 l&#8217;autre quand l&#8217;envie m&#8217;en prend.<\/li>\n<li><a href=\"http:\/\/mercurial.selenic.com\">Mercurial<\/a>, pour g\u00e9rer les versions de mes fichiers. C&#8217;est-\u00e0-dire pouvoir facilement suivre mes corrections dans le texte, ou revenir en arri\u00e8re pour annuler un gros changement :<br \/>\n<img decoding=\"async\" src=\"http:\/\/davidbosman.fr\/blog\/wp-content\/uploads\/2013\/05\/lesfautes.png\" alt=\"\" \/><br \/>\n<em>C&#8217;est geek, mais pas si affreux que \u00e7a, et c&#8217;est sacr\u00e9ment pratique. J&#8217;en ai parl\u00e9 <a href=\"http:\/\/davidbosman.fr\/blog\/2013\/05\/07\/controle-de-version-on-y-trempe-le-bout-du-pied\/\">ici<\/a> et <a href=\"http:\/\/davidbosman.fr\/blog\/2013\/05\/14\/scripts-pour-automatiser-le-controle-de-version-avec-mercurial\/\">l\u00e0<\/a>.<\/em><\/li>\n<\/ul>\n\n<h1>Synchronisation ?<\/h1>\n\n<p>Pour le moment je m&#8217;en occupe plus : j&#8217;ai rassembl\u00e9 toutes mes activit\u00e9s sur un unique ordinateur.<\/p>\n\n<p>Mais vu que Markdown ce n&#8217;est jamais que des fichiers TXT, cela se synchronise sans souci via Dropbox ou SkyDrive ou autre. Notez qu&#8217;il semble y avoir un bug avec la derni\u00e8re MAJ de nvALT par rapport \u00e0 Dropbox.<\/p>\n\n<p>Une autre solution pour les images et pi\u00e8ces jointes, c&#8217;est de les stocker en ligne et de faire des liens vers ces fiches en ligne, mais cela peut vite faire un gros volume, et cela exige d&#8217;\u00eatre connect\u00e9 \u00e0 Internet.<\/p>\n\n<h1>\u00c7a vous int\u00e9resse d&#8217;en savoir plus ?<\/h1>\n\n<p>S\u00e9rieusement ? OK. Faites-le moi savoir.<\/p>\n\n<p>Je pourrai parler des scripts pour prendre des notes rapidement depuis Safari, de la fa\u00e7on d&#8217;ajouter des commentaires, de faire des sauvegardes, comment j&#8217;utilise l&#8217;iPad et l&#8217;iPhone, comment \u00e7a se compare \u00e0 OneNote que je trouve toujours aussi g\u00e9nial et in\u00e9gal\u00e9, quoi qu&#8217;en disent les anti-Microsoft et les Ayatollahs du Markdown, et auquel je confie des projets sp\u00e9cifiques), etc.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Temps de lecture: 1225 mots. Markdown est pratique pour \u00e9crire dans un format l\u00e9ger, fiable et compatible avec n&#8217;importe quel ordinateur, tablette et t\u00e9l\u00e9phone. Mais c&#8217;est du TXT : si \u00e7a marche donc plut\u00f4t bien pour \u00e9crire, on fait comment &hellip; <a href=\"https:\/\/www.davidbosman.fr\/blog\/2014\/02\/07\/gerer-ses-notes-en-markdown-texte-photo-videos-etc\/\">Read more &rarr;<\/a><\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[21,38,5],"class_list":["post-15193","post","type-post","status-publish","format-standard","hentry","category-general","tag-ecriture","tag-markdown","tag-zen"],"_links":{"self":[{"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/posts\/15193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/comments?post=15193"}],"version-history":[{"count":3,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/posts\/15193\/revisions"}],"predecessor-version":[{"id":15196,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/posts\/15193\/revisions\/15196"}],"wp:attachment":[{"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/media?parent=15193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/categories?post=15193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/tags?post=15193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}