26 points par laeyoung 2024-01-04 | 9 commentaires | Partager sur WhatsApp

Présentation

  • Vous pouvez créer et présenter des slides avec l’IA en utilisant la syntaxe Markdown.
  • L’insertion de code source, le formatage de texte, les diagrammes et d’autres éléments peu pratiques dans Keynote ou PPT peuvent être gérés avec des outils orientés développement et l’IA.
  • Exemple de résultat - JavaScript Basic Syntax

Adresse du service

Fonctionnalités principales

  • Génération automatique de slides et de contenu avec GPT-3.5 et GPT-4 (Command + K)
  • Coloration syntaxique du code source
  • Diagrammes MermaidJS, rendu Typogram
  • Diaporama et mode présentateur
  • Export PDF
  • Partage possible des notes de slides via un lien public

Liens associés


Le projet a atteint la finale du Prompter Day Seoul 2023 organisé par OpenAI l’an dernier, mais n’a malheureusement pas intégré le top 8 et n’a donc pas été primé (retour sur le hackathon).
Depuis, il a été amélioré, rendu public et est désormais suffisamment abouti pour être présenté pour la première fois sur GeekNews.
Comme il s’agit d’un service pensé pour les développeurs, j’avais vraiment envie de le publier ici pour recueillir des retours. N’hésitez pas à l’essayer et à partager beaucoup de feedback : )!

9 commentaires

 
thxmark 2024-01-17

Bonjour. Je publie ce message car j’ai une question concernant l’utilisation.

Question 1.

<!-- _header: 'header title' _footer: '[aller à la section principale](#main-section) _paginate: true -->

Je l’utilise de cette manière. Dans les paramètres des slides, header et footer sont vides, et l’option paginate est activée.

En mode diaporama, le header et le footer ne s’affichent pas.
Quand je passe en plein écran en mode diaporama, le header et le footer apparaissent bien, mais si je clique sur le lien interne, il semble que cela m’envoie vers la page suivante au lieu de la section correspondante. (C’est pareil avec mode=presenter.)
En mode édition, la navigation fonctionne normalement.
Je me demande si je l’utilise mal... Je vous contacte pour savoir ce qu’il en est..!

Question 2.
Serait-il possible que, lors de l’enregistrement du fichier .md via « save as .. », les informations de header, footer et paginate soient également incluses ? J’utilise le header et le footer comme une sorte de menu de navigation..!

Merci.

 
soaple 2024-01-19

Je n’ai pas vu la notification, donc je viens seulement de la vérifier et je vous réponds avec un peu de retard.

Question 1.
Si le header et le footer ne sont pas visibles, c’est probablement parce que l’écran est rogné.
Je vais faire en sorte que cela s’affiche correctement en fonction de la taille réelle de la fenêtre.

Par ailleurs, il n’existe actuellement pas de fonctionnalité permettant d’aller vers une diapositive spécifique pendant le diaporama, hélas.
Je vais augmenter un peu la priorité de l’implémentation de la fonctionnalité ci-dessous fournie par Marp.
https://github.com/orgs/marp-team/…

Question 2.
Je n’ai pas bien compris ce que vous vouliez dire par le fait que les informations de header, footer et paginate sont également affichées.
Actuellement, lorsque vous enregistrez au format .md, les paramètres de slide au moment de l’enregistrement sont bien inclus ensemble dans un format compatible avec Marp.
Ce point mériterait peut-être un peu plus d’explications de votre part !

 
thxmark 2024-01-11

Bonjour. J’ai découvert cela en regardant marp et slidev, et j’ai trouvé ça vraiment intéressant, donc j’essaie de l’utiliser... Comme c’est la première fois que j’utilise le langage Markdown, je l’apprends en même temps... Est-ce qu’on ne peut pas utiliser de HTML dans l’éditeur ? Pas dans un bloc de code... Par exemple

<img src="http://image.com/image.png">;

ou encore des balises comme <table> ... </table>...

Quand je l’affiche dans le viewer ou que j’exporte en PDF, le texte HTML apparaît tel quel.
(En fait... dans quelques autres éditeurs aussi, le HTML s’affiche comme du texte brut, mais comme il n’y avait personne à qui poser la question là-bas ^_^;;)

Je me demande si c’est moi qui l’utilise mal... ou bien si l’éditeur ne fait tout simplement pas la conversion, donc je me permets de vous poser la question.

 
soaple 2024-01-11

Bonjour, pour des raisons de sécurité, le HTML n’est actuellement pas pris en charge.

Comme indiqué dans le lien ci-dessous, même dans marp, il faut modifier une option pour utiliser le HTML ; à terme, nous prévoyons de l’activer, à l’exception de quelques balises susceptibles de poser des problèmes de sécurité.
https://github.com/marp-team/marpit/issues/162#issuecomment-490004489

Et, à terme, notre objectif est de prendre entièrement en charge la spécification GFM (GitHub Flavored Markdown).
https://github.github.com/gfm/#html-blocks

Si vous avez d’autres questions en l’utilisant, n’hésitez pas à nous contacter via Contact Us en bas du site ci-dessous, ou via Discord, Twitter, etc. !
https://www.markslides.ai/intro

 
thxmark 2024-01-12

Ah, c'était donc un problème de sécurité... Merci pour votre réponse. Je vais l'utiliser avec plaisir, merci !

 
3xplore 2024-01-05

Ça faisait longtemps que je n’avais pas vu un produit qui fasse aussi "dans l’air du temps".

Il est un peu difficile de trouver comment séparer les pages.
On peut les séparer avec ---. Si l’ergonomie s’améliore, je pense que je pourrais l’utiliser pour de courtes présentations.

 
soaple 2024-01-05

Bonjour, je suis le développeur de MarkSlides.
Nous allons améliorer le tutoriel afin que les nouveaux utilisateurs puissent mieux apprendre à s’en servir~!

 
darkkjm2002 2024-01-05

On dirait un service pratique pour un usage léger.

En revanche, il ne me semble pas très clair au premier coup d’œil quel est le séparateur entre les slides, ni comment ajouter facilement une nouvelle slide.

 
soaple 2024-01-05

Bonjour, je suis le développeur de MarkSlides.
À l’heure actuelle, vous pouvez ajouter une nouvelle diapositive avec le raccourci CMD + Enter (fonctionne uniquement sur Mac pour le moment).
En revanche, il n’y a pas encore de tutoriel dédié et seule une documentation guide est proposée, mais nous prévoyons d’améliorer cela plus tard en ajoutant un tutoriel !