[PYTHON] CodePicnic, das eine Umgebung [Entwicklung | Ausführen | Tutorial | Demo] erstellen kann, die im Browser ausgeführt wird

codepicnic01.png

Demo

Bitte klicken Sie plötzlich auf die unten stehende URL. In Ihrem Browser wird ein Terminal geöffnet, und Sie können das CLI-Tool ghs ausprobieren, das das Github-Repository durchsucht.

ghs - Trial page Sie können das Github-Repository mit "ghs" durchsuchen, dem Repository, das Sie suchen möchten.

Überblick

CodePicnic ist ein Dienst, mit dem Sie die wie oben beschrieben erstellte Umgebung im Web veröffentlichen können.

Der Autor kann die Umgebung aktualisieren und speichern. Der Benutzer kann es grundsätzlich nicht speichern, aber wenn die Datei erstellt wird und erneut darauf zugegriffen wird, bleibt die Datei erhalten. Wenn Sie über einen anderen Browser darauf zugreifen, bleibt die Datei nicht erhalten. Daher ist es wahrscheinlich, dass Sie die Sitzung mit Cookies usw. verwalten und die Umgebung für jede Sitzung erstellt wird.

Preis

Es gibt ein Limit von 20 Stunden pro Monat, aber Sie können es kostenlos nutzen. Es hat auch einen Schnäppchenpreis von 9,99 $ ohne Einschränkungen.

CodePicnic Price

Anwendungsfall

Da dieses Terminal in eine Webseite eingebettet werden kann, können Sie ganz einfach ein Tutorial wie das folgende erstellen. Ich denke, es ist auch nützlich, um eine Programmier-Lernseite zu erstellen. Try Prediction.IO

Neben der einfachen Bereitstellung einer Konsolenumgebung ist es möglich, den Vorgang mit einem einfachen Webserver zu überprüfen und einen Editor für die Remote-Pair-Programmierung für mehrere Benutzer freizugeben. CodePicnic-Funktionen

Korrespondenzumgebung

So erstellen Sie eine Umgebung

  1. CodePicnic-Gehen Sie zu https://codepicnic.com/.

  2. Melden Sie sich über Anmelden an und testen Sie uns jetzt! codepicnic2.png

  3. Wählen Sie links aus NEW CONSOLE die Sprache der Umgebung aus, die Sie erstellen möchten codepicnic3.png

  4. Erstellen Sie mit Erstellen codepicnic4.png

  5. Geben Sie unter Neuer Name Ihrer Konsole einen geeigneten Namen ein und erstellen Sie die Umgebung, in der Sie die Registerkarte Terminal unten öffnen möchten. Klicken Sie auf das Symbol "Speichern" oben rechts im Terminal, wenn Sie fertig sind. codepicnic5.png

  6. Wenn Sie das Terminal veröffentlichen möchten, ändern Sie den Änderungsmodus: unten von "Entwurf" in "Öffentlich" codepicnic6.png

  7. Rufen Sie abschließend die öffentliche URL mit dem Optionssymbol-> Teilen oben rechts ab. codepicnic7.png

codepicnic8.png 8. Einstellen der Benutzeroberfläche des zu veröffentlichenden Terminals Standardmäßig werden die Seitenleiste und andere Symbole angezeigt. Sie können sie jedoch ausblenden, indem Sie der URL "Seitenleiste = Schließen" oder "Verstecken = Speichern" hinzufügen, wie unten gezeigt. https://codepicnic.com/consoles/ghs/embed?sidebar=closed&hide=save,show_result,download,options,run,second_terminal,readme

Sie können die Registerkarte "README" auch anzeigen, indem Sie "README.md" erstellen.

Siehe unten für Details. Embed Documentation - CodePicnic

Das ist das Ende.

Ähnliche Werkzeuge

CodePicnic ist ein Cloud-Dienst, in OSS gibt es jedoch ein Tool namens codetainer. Dies kann für Anwendungen hilfreich sein, bei denen Sie Ihre eigene Umgebung privat über den Browser verwenden. Sicherheit ist ein Anliegen, wenn es um Offenlegung geht.

Zusammenfassung

Mit CodePicnic können Benutzer auf einfache Weise eine Testumgebung für veröffentlichte Tools bereitstellen. Ich hoffe, dass CodePicnic in Zukunft viele Tools mit einer Testumgebung bereitstellen wird.

Recommended Posts

CodePicnic, das eine Umgebung [Entwicklung | Ausführen | Tutorial | Demo] erstellen kann, die im Browser ausgeführt wird
Ich habe versucht, eine Serverumgebung zu erstellen, die unter Windows 10 ausgeführt wird
Erstellen Sie eine komfortable Python 3 (Anaconda) -Entwicklungsumgebung mit Windows
Erstellen Sie eine Python-Entwicklungsumgebung mit OS X Lion
Erstellen Sie eine Python-Entwicklungsumgebung (pyenv / virtualenv) auf einem Mac (Homebrew).
Erstellen Sie eine VS Code + Docker-Entwicklungsumgebung mit Linux VM
Richten Sie eine automatische Testumgebung für den Browser ein, in der Selenium + Pytest mit Docker Compose ausgeführt werden kann
Erstellen Sie eine Python-Umgebung auf dem Mac (2017/4)
Erstellen Sie eine Linux-Umgebung unter Windows 10
Erstellen Sie eine Python-Umgebung in Centos
Die Geschichte, ein Tool zu erstellen, das auf Mac und Windows auf der Spieleentwicklungsseite ausgeführt wird
Das LXC Web Panel, das LXC mit einem Browser bedienen kann, war wunderbar
Erstellen Sie eine Python-Entwicklungsumgebung unter Windows (Remote-WSL für Visual Studio Code).
[Entwicklungsumgebung] So erstellen Sie einen Datensatz in der Nähe der Produktionsdatenbank
Erstellen Sie eine Python-Umgebung auf Ihrem Mac
[Python] Erstellen Sie einen LineBot, der regelmäßig ausgeführt wird
So führen Sie eine Django-Anwendung auf einem Docker-Container aus (Entwicklungs- und Produktionsumgebung)
Erstellen Sie eine Python-Entwicklungsumgebung auf Ihrem Mac
Ich habe eine Demo erstellt, mit der das in Tensorflows Mnist-Tutorial trainierte Modell die handgeschriebenen Zahlen auf der Leinwand unterscheiden kann.
[Venv] Erstellen Sie eine virtuelle Python-Umgebung unter Ubuntu
Erstellen Sie eine Kubernetes-Umgebung für die Entwicklung unter Ubuntu
[Hinweis] So erstellen Sie eine Ruby-Entwicklungsumgebung
Richten Sie eine Python-Entwicklungsumgebung auf Marvericks ein
Erstellen Sie eine Python-Ausführungsumgebung unter IBM i
[Hinweis] So erstellen Sie eine Mac-Entwicklungsumgebung
Erstellen Sie eine Python-Entwicklungsumgebung auf Raspberry Pi
Erstellen Sie eine GUI auf dem Terminal mit Flüchen
[Django] Drücken Sie einen Befehl, den Sie in dem Prozess ausgeführt haben, der auf manage.py ausgeführt wird.
Der Linux-Emulator "iSH", der auf dem iPad läuft, ist ein heißes Thema in mir
Bis Sie mit Python unter Windows 7 eine maschinelle Lernumgebung erstellen und ausführen
Erstellen Sie eine GVim-basierte Python-Entwicklungsumgebung unter Windows 10 (3) GVim8.0 und Python3.6
Erstellen einer Django-Entwicklungsumgebung mit pyenv-virtualenv auf einem Mac
[Umgebungskonstruktion] @anaconda, die Keras / Tensorflow auf der GPU ausführt
Erstellen Sie eine lokale Entwicklungsumgebung für Laravel6.X auf Ihrem Mac
Erstellen Sie unter Linux einen QR-Code für die URL
Memo zum Erstellen einer Python-Entwicklungsumgebung mit macOS Catalina
Erstellen Sie eine Python-Entwicklungsumgebung mit Vagrant + Ansible + Fabric
Erstellen einer TensorFlow-Umgebung, die GPUs unter Windows 10 verwendet
Erstellen Sie eine GVim-basierte Python-Entwicklungsumgebung unter Windows 10 (1)
Erstellen Sie eine Python-Entwicklungsumgebung unter Mac OS X.
Erstellen Sie eine Python-Entwicklungsumgebung mit pyenv unter MacOS
Erstellen Sie unter Windows eine anständige Shell- und Python-Umgebung
Erstellen Sie mit MeCab mit Discord einen Bot, der nur das Ergebnis der morphologischen Analyse zurückgibt
Die Geschichte von PHP, die in der Entwicklungsumgebung in Ordnung war, in der Produktionsumgebung jedoch fehlerhaft LEVEL1 ~ 3 + 1