[JAVA] CodePicnic qui peut créer un environnement [Développement | Exécuter | Tutoriel | Démo] qui s'exécute sur le navigateur

codepicnic01.png

démo

Soudain, veuillez cliquer sur l'URL ci-dessous. Un terminal s'ouvrira dans votre navigateur et vous pourrez essayer l'outil CLI ghs qui recherche le référentiel Github.

ghs - Trial page Vous pouvez rechercher le référentiel Github avec ghs le référentiel que vous voulez trouver`.

Aperçu

CodePicnic est un service qui vous permet de publier l'environnement créé comme décrit ci-dessus sur le Web.

L'auteur peut mettre à jour et sauvegarder l'environnement. L'utilisateur ne peut pas l'enregistrer, mais lorsque le fichier est créé et ré-accédé, le fichier reste. Si vous y accédez depuis un autre navigateur, le fichier ne reste pas, il est donc probable que vous gérez la session avec des cookies etc. et l'environnement est créé pour chaque session.

prix

Il y a une limite de 20 heures par mois, mais vous pouvez l'utiliser gratuitement. Il a également un prix avantageux de 9,99 $ sans restrictions.

Prix CodePicnic

Cas d'utilisation

Puisque ce terminal peut être intégré dans une page Web, vous pouvez facilement créer un tutoriel comme celui ci-dessous. Je pense que c'est également utile pour créer un site d'apprentissage en programmation. Try Prediction.IO

En plus de fournir simplement un environnement de console, il est possible de vérifier le fonctionnement avec un simple serveur Web et de partager un éditeur avec plusieurs utilisateurs pour la programmation de paires distantes. Fonctionnalités CodePicnic

Environnement de correspondance

Comment créer un environnement

  1. CodePicnic-Allez sur https://codepicnic.com/.

  2. Connectez-vous depuis Inscrivez-vous et essayez-nous maintenant!. codepicnic2.png

  3. Sélectionnez la langue de l'environnement que vous souhaitez créer à partir de la NOUVELLE CONSOLE sur la gauche codepicnic3.png

  4. Créer avec Create codepicnic4.png

  5. Entrez un nom approprié dans Nouveau nom de votre console et créez l'environnement dans lequel vous souhaitez ouvrir l'onglet Terminal ci-dessous. Cliquez sur l'icône enregistrer en haut à droite du terminal lorsque vous avez terminé. codepicnic5.png

  6. Si vous souhaitez publier le terminal, changez le mode de changement: en bas de «Brouillon» à «Public» codepicnic6.png

  7. Enfin, obtenez l'URL publique avec l'icône d'options-> Partager en haut à droite. codepicnic7.png

codepicnic8.png 8. Configuration de l'interface utilisateur du terminal à publier Par défaut, la barre latérale et les autres icônes sont affichées, mais vous pouvez les masquer en ajoutant `sidebar = close` ou` hide = save` à l'URL comme indiqué ci-dessous. https://codepicnic.com/consoles/ghs/embed?sidebar=closed&hide=save,show_result,download,options,run,second_terminal,readme

Vous pouvez également afficher l'onglet README en créant README.md.

Voir ci-dessous pour plus de détails. Embed Documentation - CodePicnic

C'est la fin.

Outils similaires

CodePicnic est un service cloud, mais il existe un outil appelé codetainer dans OSS. Cela peut être utile pour les applications où vous utilisez votre propre environnement en privé à partir du navigateur. La sécurité est une préoccupation en matière de divulgation.

Résumé

CodePicnic permet de fournir facilement aux utilisateurs un environnement d'essai pour les outils publiés. J'espère que de nombreux outils seront fournis avec un environnement d'essai par CodePicnic à l'avenir.

Recommended Posts

CodePicnic qui peut créer un environnement [Développement | Exécuter | Tutoriel | Démo] qui s'exécute sur le navigateur
J'ai essayé de créer un environnement serveur qui fonctionne sous Windows 10
Créez un environnement de développement Python 3 (Anaconda) confortable avec Windows
Créer un environnement de développement Python avec OS X Lion
Créer un environnement de développement Python (pyenv / virtualenv) sur Mac (Homebrew)
Créer un environnement de développement VS Code + Docker avec une machine virtuelle Linux
Configurer un environnement de test automatique du navigateur qui peut exécuter Selenium + Pytest avec Docker Compose
Créer un environnement Python sur Mac (2017/4)
Créer un environnement Linux sur Windows 10
Créer un environnement python dans centos
L'histoire de la création d'un outil qui fonctionne sur Mac et Windows sur le site de développement de jeux
Le panneau Web LXC qui peut faire fonctionner LXC avec un navigateur était merveilleux
Créez un environnement de développement Python sur Windows (WSL distant Visual Studio Code).
[Environnement de développement] Comment créer un ensemble de données proche de la base de données de production
Créez un environnement python sur votre Mac
[Python] Créez un LineBot qui s'exécute régulièrement
Comment exécuter une application Django sur un conteneur Docker (environnement de développement et de production)
Créez un environnement de développement Python sur votre Mac
J'ai fait une démo qui permet au modèle formé dans le didacticiel mnist de Tensorflow de distinguer les nombres manuscrits écrits sur la toile.
[Venv] Créer un environnement virtuel python sur Ubuntu
Créer un environnement Kubernetes pour le développement sur Ubuntu
[Note] Comment créer un environnement de développement Ruby
Configurer un environnement de développement Python sur Marvericks
Créer un environnement d'exécution Python sur IBM i
[Note] Comment créer un environnement de développement Mac
Construire un environnement de développement Python sur Raspberry Pi
Créez une interface graphique sur le terminal à l'aide de curses
[Django] Appuyez sur une commande que vous avez effectuée à partir du processus qui s'exécute sur manage.py.
L'émulateur Linux "iSH" qui fonctionne sur iPad est un sujet brûlant en moi
Jusqu'à ce que vous créiez un environnement d'apprentissage automatique avec Python sur Windows 7 et que vous l'exécutiez
Créer un environnement de développement Python basé sur GVim sur Windows 10 (3) GVim8.0 et Python3.6
Créer un environnement de développement Django à l'aide de pyenv-virtualenv sur Mac
[Construction de l'environnement] @anaconda qui exécute keras / tensorflow sur GPU
Créez un environnement de développement local pour Laravel6.X sur votre Mac
Créez un code QR pour l'URL sous Linux
Un mémo pour créer un environnement de développement python avec macOS Catalina
Créez un environnement de développement python avec vagrant + ansible + fabric
Création d'un environnement TensorFlow qui utilise des GPU sous Windows 10
Créer un environnement de développement Python basé sur GVim sur l'installation de Windows 10 (1)
Créer un environnement de développement Python sur Mac OS X
Créer un environnement de développement Python à l'aide de pyenv sur MacOS
Créez un environnement shell et python décent sur Windows
Créez un bot qui ne renvoie que le résultat de l'analyse morphologique avec MeCab avec Discord
L'histoire de PHP qui était correcte dans l'environnement de développement mais boguée dans l'environnement de production LEVEL1 ~ 3 + 1