#chat_chouquette c'est mon app de /webjing/
Une "chouquette" anime à l'écran des images
Elles sont triées par séquences ( dans des sous-dossiers )

https://cc.bonnebulle.xyz

Les séquences mises bout-à-bout forment une animation
autour d'un récit... ici : "Who tell The True ?"
Présentée à #@ARS_Electronica en #2023
( https://ars.electronica.art )

https://ars.bonnebulle.xyz

" Chat - chouquette "
fait référence à
" Chat - roulette "

CC / Lister / Uploader

CChouquette
https://cc.bonnebulle.xyz/cc
( visioneuse + ctrl next/prev pause + speed )

LS

Les visiteurs peuvent lister (LS) les img déjà présentes
https://cc.bonnebulle.xyz/ls
cliquer dessus pour les envoyer à l'écran
( d'un /VidéoProj/ ou sur l'écran des autres visiteurs )

Mais aussi...

• les charger une à une,
• par dossier,
• en désordre,
• +/- vite, etc.

UP

On peut également uploader (UP) ses img..
https://cc.bonnebulle.xyz/up

ROOMS

#todo ajouter des canaux spécifiques pour chaque /cc
( serait +plus propre, respectueux des /Sets/ )
#todo broadcast ROOM for ./up
( onclick send to ALL CC over the world )

~En l'état, chaque nouvelle session recharge la chouquette~
~Les commandes depuis LS sont envoyées à toutes les chouquettes !~

GitLab #git

https://gitlab.com/bonnebulle/nodechouquette/

DEMO (vidéo)

https://vimeo.com/865044526

"Le meilleur moyen d'écrire et partager votre savoir en markdown." HedgeDoc

--> Demo : https://demo.hedgedoc.org

Un nouveau petit "service" / #projet_perso en #self_host_hébergement
Pour remplacer vos frampad !
Une bonne #alternativeto aux google.docs et powerpoints...
L'occasion surtout de vous mettre à l'écriture #md_markdown

... Je voulais vérifier mes acquis de la veille au sujet de #Docker
... Merci linuxserver.io pour l'image Armhf #raspberrypi et configs

MAJ

Après une perte de données ( inodes deffectueux ) j'ai décidé de tout reprendre à zerro
: de réinstaller "à la mano"

Objectif :
Refaire sans /Portainer qui, par design... invisibilise des process
: les GUI c'est youpi mais ça ne nous dit pas tout ( c'est moins verbeux )

/PostgreSQL plutôt que /MYSQL

Le premier charge la base depuis un fichier...
il est beaucoup plus facile à mettre en place !

L'intéret ici c'est qu'on lance les deux services d'afilée
: la base de donnée puis /HedgeDoc

Source :
https://github.com/linuxserver/docker-hedgedoc/issues/7
mixée avec
https://docs.linuxserver.io/images/docker-hedgedoc

CONFIG

On lance avec :
docker-compose up --remove-orphans

Dans le dossier contenant docker-compose.yml :

--
version: "2.1"
services:
  database:
    image: postgres:latest
    container_name: hedgedoc_db
    restart: unless-stopped
    volumes:
      - <PATH>/data:/var/lib/postgresql/data
    environment:
      - POSTGRES_USER=hedgedoc
      - POSTGRES_DB=hedgedoc
      - POSTGRES_PASSWORD=<PASSWORD>
  hedgedoc:
    image: lscr.io/linuxserver/hedgedoc:latest
    container_name: hedgedoc
    environment:
      - PUID=1000
      - PGID=1000
      - CMD_DB_URL=postgres://hedgedoc:<PASSWORD>@hedgedoc_db:5432/hedgedoc
      - TZ=Europe/Paris
      - CMD_DOMAIN=<HOST>
      - CMD_URL_ADDPORT=false
      - CMD_PROTOCOL_USESSL=true
      - CMD_PORT=3999 #optional
      - CMD_ALLOW_ORIGIN=['localhost','<IP_ALT>','<HOST>']
    volumes:
      - <PATH>:/config
    ports:
      - 3999:3999
    restart: unless-stopped

NOTES

• Mon domaine = <HOST>
  pad.vincent-bonnefille.fr ( à remplacer )
• Mon Volume (chemin d'accès) = <PATH> ( idem )
• On peut autoriser certains domaines à afficher les contenus
  .... utilise si on dev' ( ex: <IP_ALT> )
• NB : J'uitilise le port 3999 ( 3000 est pris par #nodejs )

AJOUTS

J'ai aussi ajouté une connexion avec l'API de /Github + /Nexcloud

• https://docs.hedgedoc.org/guides/auth/github/
• https://docs.hedgedoc.org/guides/auth/nextcloud/

NB: pour github j'ai du ajouter ( Source ) :
CMD_URL_ADDPORT=false
CMD_PROTOCOL_USESSL=true
( sinon j'avais un "mismatch" d'URL de /callback/ )

Et une un "code/id" de session
( pour reprendre après reboot )

• CMD_SESSION_SECRET

RESSOURCES

• Postg / mysql / service / tips ( <3 ) :
  https://deleteonerror.com/2021/04/how-to-install-hedgedoc/
• Doc Officielles, config options
  https://docs.hedgedoc.org/configuration/

#nodejs ... et son gestionnaire / watcher de dossiers : : /nodemon/
( sont dans un bateau )

Je découvre /PM2/ comme gestionnaire multi-apps (et logger)
( sans doute mille ans après tout le monde )

J'aime bien, je vois le potentiel de gestion...
et puis surtout quand ca plante, ca repousse
( redémarre tout seul )

C'est un outil pro et ça se sent !
Un peu l'impression d'une usine à gaz
( d'ailleurs leur /monitoring ne manque pas de /fees...) #not_free

PM2 permet de créer des "écosystèmes"
( Un fichiers qui indique les environnements des app )

Pour test j'ai "découpé" les applis_services de mon serveur
( qui jusque là étaient dans le même fichier server.js )
( puis j'ai associé chaque app à un port, #nginx a fait le reste en reverse proxy )

Un tuto complet step-by-step (en anglais) : https://blog.tericcabrel.com/deploy-a-node-js-application-with-pm2-and-nginx/ #nginx
Un petit tuto sur https://futurestud.io/tutorials/pm2-use-npm-to-start-your-app (en anglais), j'aime bien le rythme pas-à-pas, l'interface...

#cheatsheet :
https://devhints.io/pm2

Trouvez la documentation des commandes... #linux #cheatsheet

• https://cheat.sh/ls
  curl cheat.sh/ls ( ls = lister dossiers )

TLDR

• https://tldr.ostera.io/ls
• https://tldr.sh #<3 #self_host_hébergement

Linux commandes (et tuto, tldr)

• https://linuxcommandlibrary.com

Des #alternativeto :

• https://explainshell.com/explain/1/chmod

Not installed / cant run #linux

• https://command-not-found.com/mkexfatfs

https://wiki.gnome.org/Apps/Devhelp
#horsligne_offline_invisible

https://devdocs.io
#langage_progra #js_css_html #nodejs

Tient tient tient...
/Piwik/ devient .pro et /Matomo/...

L'outil open.source, #alternativeto /Google Analytics/ se chercherait une modalité d'existence et rétribution en tant que service /Freenium/ ( gratuit en grande partie - avec des options /Prenium/).
Sans doute une volonté de survivance et déploiement de l'entreprise salutaire.

Car avoir un outil libre, alternatif au géant des #GAFAM_NATU est une très très bonne chose.
Son service de #ads_tracking est aujourd'hui embarqué-installé sur des milliards de sites #web par des #web_master esclaves-dépendants de cet outil.
Il leur permet une #veille sur leur #admin (administration), de "voir"."suivre". . . comment on clique ou pas sur tel lien. . . si on est un #bot ou nouvellæ visiteur.euse . . . d'où on se connecte . . . combien de temps on reste sur une page : : plein d'infos super importantes pour ajuster un /marketing/ et augmenter ses points en matière de #SEO .
Pour beaucoup de sites, cette vision des usages et consommations des contenus qu'ils produisent est #CAPITAL .

/Piwik/ ce sont les yeux et les oreilles de la chasseresse du web à l'affût d'un #feedback lui indiquant le chemin à prendre ( quel politique.stratégie la plus adaptée ) pour atteindre sa proie au plus vite.

Gérer son espace publicitaire est au centre de l'économie du web formé autour des données. La création d'un siteweb est pensée pour et par cet impératif ( parfois au détriment du contenu qui devient secondaire.accessoire )
Cet espace public est pensé pour influencer / produire des comportements consommateurs ( #nudge ) : pour augmenter le temps d' #attention porté.capté ...

Se doter d'un outil alternatif de suivi #veille est donc important dans l'écosystème du #web .
Aussi, aujourd'hui je me demande se que valent ces offres.produits émergeants-nouveaux_venus .

Quels alternatives sur ce marché ?
https://alternativeto.net/software/piwik/about/
https://alternativeto.net/software/piwik-pro/about/
https://alternativeto.net/software/ackee/about/ #nodejs
https://alternativeto.net/software/shynet/about/ #privacy_vie_privée
( les deux derniers me tentent bien en auto-hébergement #todo #self_host_hébergement )

Sujet central : #veille_RSS

TOC : Table of content
TDM : Table des matières

• Service perso, alternative à {ce} RSS_Finder
• Un RSS_finder à quoi ça sert ?
• Pourquoi j'aime tant les flux RSS libres ?

  • Free.Culture, pourquoi les flux RSS ?
  • Comment on s'abonne ?

    • Cela permet de ne rien louper de tes sites préférés !

      • Old School ?
      • Mon web, mon temps, mon #attention
      • Exemple ici même
      • Une page n'a juste aucun Flux ? Nada ?
      • S'abonner par mail
      • Alternatives au RSS_Finder ?

Service perso, alternative à {ce} RSS_Finder

( c'est cadeau #projet_perso )
https://node.vincent-bonnefille.fr/rss_finder
( en #nodejs, npm : feed-finder )

Un RSS_finder à quoi ça sert ?

"RSS finder" on peut le traduire par "trouveur de flux RSS"

/Ayrshare/ {voir lien vers leur site} propose {ici} un outil pour retrouver les flux RSS d'un site auquel on voudrait s'abonner. Mais dont l'adresse (du flux) n'a pas été fièrement mise en avant sur la page web du blog/site en question... du coup, ça demande de fouiller, de chercher par soi-même, et c'est souvent décourageant.

Pourquoi j'aime tant les flux RSS libres ?

Trouver un flux à la main c'est possible (mais pas toujours facile)
Et si c'est pas facile ça me décourage d'utiliser ce moyen et transport d'information décentralisé.

On veut s'abonner vite fait : on veut l'information libre
On veut s'abonner aux derniers articles postés
...sans passer par un agrégateur non neutre, partisan, comme l'est #facebook et autres services d'abonnements (à des amis_produits)/

Free.Culture, pourquoi les flux RSS ?

Ils sont très utiles pour récupérer les infos-articles-news d'un (b)log

Cela permet donc d'extraire du contenu rendu lisible dans un format plus léger (sans mise en page ou scripts)
à l'état de textes-images qui pourront être lus-vus-sauvegardés ailleurs, librement
C'est toute la philosophie de l'information libre #copy.free_culture
Du web 2.0 qui en multipliant les points d'émission (blogs) a du trouver des moyens de rassembler ces points d'accès décentralisés, éparpillés sur la toile.
Y retourner c'est faire valoir cette décentralité comprise comme autonomie des autoroutes du web...
#d_centralisation

Comment on s'abonne ?

Ces flux auxquels tu t'abonnes, tu les reçois ensuite...
dans un agrégateur de flux RSS
Un "agrégateur" ça agrège, ça met ensemble, ça réuni

C'est facile à installer, et ça fonctionne comme un journal de nouvelles
avec une interface où tu retrouves plusieurs rubriques.tiroirs.listes
Les nouveaux articles publiés par les sites/blogs

• dans la rubrique "non-lus"
  une fois lus.parcourus ils sont indiqués comme lus
  comme ça on ne les lis qu'une fois
  (et si le sujet nous intéresse pas on l'indique comme "lu" ou on passe au prochain)
  ...
• une rubrique "lus"
• une rubrique avec tes "favoris" "sauvegardés" "mis de côté"...
  faciles à retrouver plus tard.

Cela permet de ne rien louper de tes sites préférés !

( les flux sont légers
c'est parfait pour lire sans trop consommer de données )
Tu peux les lire dans les transports,
Sur ton portable ou ton ordi !

Moi j'utilise /FreshRSS/
http://rss.vincent-bonnefille.fr

Old School ?

C'est l’ancêtre du "wall" traité par algorithme
(qui lui te regardes quand tu lis et te /nudge/ tranquille)
Un outil de diffusion ouverte entre producteurs de contenu
et lecteurs... inventé entre autre par #@Aaron_Swartz

Mon web, mon temps, mon #attention

Quand tu quittes facebook et autres #GAFAM_NATU
mais que tu veux garder le courant avec les acteurs_auteurs
(qui vivaient bien, à l'ère du blog et son web antisocial)
les flux émis par les sites et auxquels tu t'abonnes
t'arrivent de nouveau sans filtres, sans tri .

Ma veille re-devient vivable, moins boulimique
Je sais ce que je mange, je peux trier, stopper, reprendre...
Ya pas de #ads_tracking (ou moins)

#ActivityPub et fédérations de contenus (pour aller plus loin, aujourd'hui).
Interopérabilité c'est penser ouverture d'accès aux contenus que je produis tout en permettant de les utiliser plus tard dans un autre environnement (application/site) de le quitter sans tout perdre. Cette capacité est toute relative quand on est sur un site de centralisation comme #facebook

Exemple ici même

{ Ce site, ici, là } génère un flux de toutes les bulles_liens
comme autant d'articles, de façon chronologique.
Ou par tag tel '!' = important
https://liens.vincent-bonnefille.fr/?do=atom&searchtags=!
Merci #shaarli !

Une page n'a juste aucun Flux ? Nada ?

Créez en un de en découpant les éléments que vous voulez aspirer d'un site (vers votre lecteur RSS)
J'utilise :
https://politepol.com
observe périodiquement si la page d'un site 'statique' de votre choix a changée...
vous pouvez selectioner les éléments de la page à intégrer dans un flux RSS
( que politepol gère et génère )
Exemple ma liste de mots #wiki
https://vincent-bonnefille.fr/index/wiki/liste/
https://politepol.com/fd/WBKi8qbhKwTv

S'abonner par mail

via https://jlelse.blog/links/2021/03/rssbyemail
ce service semble fonctionner pour FWD un flux RSS par mail
https://rssby.email

Alternatives au RSS_Finder ?

. J'ai trouvé https://github.com/webignition/website-rss-feed-finder
. Il y en a sûrement d'autre que je pourrais héberger

D'autres outils peuvent aider (sur Firefox ou ailleurs)
https://addons.mozilla.org/fr/firefox/addon/awesome-rss/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search

Installation #self_host_hébergement #todo_done

https://www.npmjs.com/package/feed-finder #nodejs

MAJ : pas un blog, un jardin !

https://liens.vincent-bonnefille.fr/?fEu6wQ

Outil de prise de notes

Mon dendron (alt redirect link) #projet_perso
hébergé sur Github
<- première approche : mise en page/prod avec Dendron
-> refonte, nouvelle approche, interface perso :
https://liens.vincent-bonnefille.fr/?38oZdQ

Dendron c'est quoi ?

"Les dendrites (du grec δένδρον déndron «arbre») sont des prolongements du corps cellulaire des neurones dont elles partagent les organites",
Source : https://fr.wikipedia.org/wiki/Dendrite_(biologie)

Image exposée sur de la page d'accueil de Drendon

[ 2 · Zettelkasten méthode et les slip-boxes ]

• La prise de note intelligente avec la méthode Zettelkasten - Organisologie
  https://organisologie.com/prise-de-note/ #veille_blog_actu #français

• Communicating with Slip Boxes

• Visualisation d’une documentation personnelle réticulaire #français #<3
  https://www.arthurperret.fr/visualisation-documentation-personnelle-reticulaire.html

• The Barbell Method of Reading • Zettelkasten Method
  https://zettelkasten.de/posts/barbell-method-reading/

• Introduction to the Zettelkasten Method • Zettelkasten Method
  https://zettelkasten.de/introduction/#luhmann-s-zettelkasten

• How I use Outlines to Write Any Text • Zettelkasten Method
  https://zettelkasten.de/posts/how-i-use-outlines-to-write-any-text/

• Méthode Zettelkasten - Zettlr Docs
  https://docs.zettlr.com/fr/academic/zkn-method/

[ 1 · mon interrogation commence autour de //Dendron, intégré à //Codium ]

• Dendron - Features [ service d'hébergement ] or [ use__with_Github #git ]
  https://wiki.dendron.so/notes/4bb85c39-d8ac-48ad-a765-3f2a071f7bc9.html

[ Un sujet-ressource autour de ces questions de logiciel ] #<3

• Show HN: Dendron – A Hierarchical Tool for Thought | Hacker News
  https://news.ycombinator.com/item?id=24898373

[ #alternativeto //Dendron ]

• Page wiki de Dendron à ce sujet
  ( dendron est plus flexible et opensource... beaucoup de fonctionalités à la traine ou en dev. ex: non intégration des sidenotes, non présence des graphviz... mais basé sur vscode et autres avantages)

• Dendron Alternatives and Similar Projects (Mar 2021)
  https://www.libhunt.com/r/dendron

• Top 6 memex Open-Source Projects (May 2021)
  https://www.libhunt.com/t/memex

• Obsidian
  https://obsidian.md [ Propriétaire clone ]

• MindForger
  https://github.com/dvorka/mindforger

[ 3 · Roam (propritaire) ]

• Foam | A personal knowledge management and sharing system for VSCode
  https://foambubble.github.io/foam/

• Open source alternatives to Roam Research : selfhosted
  https://www.reddit.com/r/selfhosted/comments/f0z6yd/open_source_alternatives_to_roam_research/

• 28 Alternatives to Roam Research | Product Hunt | Product Hunt
  https://www.producthunt.com/alternatives/roam-research

• Org-roam User Manual
  https://www.orgroam.com/manual.html#A-Brief-Introduction-to-the-Zettelkasten-Method

[ Mapping argumentation organisation tree ]

• Argdown (sous //codium)
  https://argdown.org/

• A first example | Argdown
  https://argdown.org/guide/a-first-example.html#detailed-reconstruction-of-the-argumentation

• Theia - Cloud and Desktop IDE Platform
  https://theia-ide.org/

[ Tools ]

• Yalm tool checker
  http://www.yamllint.com/

• Data Viz links
  https://github.com/Zettelkasten-Method/zkviz

[ Convertion MD ]

• MD2odt vers libreoffice online cli

• Une question abordée ici et proposant par exemple :

• Pandoc pour convertir plein de formats MD_markdowns-wiki-dates
  ...
  à ne pas confondre avec une #alternativeto #grav_wordpress ,
  /MD focus et twig/ (great with Dendron)

• https://dev.to/jillesvangurp/using-pandoc-to-create-a-website-1gea

• MD -to> PDF ( avec #nodejs ) [ npm ]

MAJ deux outils de notes plus simples avec de nombreuses fonctions
https://logseq.com #<3 (pricing mais Obsidian_Dendron like)
https://alternativeto.net/software/logseq/about/

très similaire à :
_
Athens
https://athensresearch.github.io/athens/#/graph
https://alternativeto.net/software/athens/

"There are many ways you can go about picking up the skills you need to become a developer.
There are linear curriculums that teach you a bit of everything - like freeCodeCamp's full stack development curriculum."

Par où commencer pour apprendre à coder ?
#full_stack https://fr.wikipedia.org/wiki/D%C3%A9veloppeur_full_stack
#2019 #2020