![David Botton](/img/default-banner.jpg)
- 35
- 14 422
David Botton
Приєднався 20 кві 2006
CLOG Builder Video Manual Video 5 - Using Projects & Plugins
The CLOG Builder Video Manual Series - Video 5
Using your Project and using Plugins
Sponsor CLOG :) - github.com/sponsors/rabbibotton
Templates create batch files run-ql(.bat) and run-ocicl(.bat) that can be
modified for your project needs for runing the builder simply with sbcl
(if using ecl, ccl, LispWorks, or Allegro you will need to modify it).
setup-ocicl(.bat) is also created to either convert project later to OCICL or
first time run.
Alternatively:
Start up the Builder start the clog builder in your lisp with:
```
a. QuickLisp (anywhere): (ql:quickload :clog/tools)(clog-tools:clog-builder)
b. In an OCICL Project Dir: (asdf:load-system :clog/tools)(clog-tools:clog-builder)
```
Adding Plugins to your project
1. Install the plugin in
a. location ASDF can find the plugin (like `~/common-lisp`)
b. if using QuickLisp for example `(ql:quickload :clog-plotly/tools)``
c. if using OCICLfor example `ocicl install clog-plotly`
2. Open the ASD Project Window (in project tree asd edit).
3. In the bottom right of the window choose plugin and type the name of your
plugin. For example "clog-plotly"
4. Your plugin will be loaded and any custom control(s) added to the GUI builder
NOTE:
If you wish to make any plugins always available to use in the Builder see
Options - Edit preferences.lisp
If you use the plugin though you must add it to your .asd file
NOTE (ADVANCED):
If you add plugins or dependencies at non-standard locations
you can directly add the project's location using:
```
(pushnew #P"/path/to/a/project" asdf:*central-registry* :test #'equalp)
```
in a --eval to sbcl or ecl, etc. before loading your project or the builder.
Using your Project and using Plugins
Sponsor CLOG :) - github.com/sponsors/rabbibotton
Templates create batch files run-ql(.bat) and run-ocicl(.bat) that can be
modified for your project needs for runing the builder simply with sbcl
(if using ecl, ccl, LispWorks, or Allegro you will need to modify it).
setup-ocicl(.bat) is also created to either convert project later to OCICL or
first time run.
Alternatively:
Start up the Builder start the clog builder in your lisp with:
```
a. QuickLisp (anywhere): (ql:quickload :clog/tools)(clog-tools:clog-builder)
b. In an OCICL Project Dir: (asdf:load-system :clog/tools)(clog-tools:clog-builder)
```
Adding Plugins to your project
1. Install the plugin in
a. location ASDF can find the plugin (like `~/common-lisp`)
b. if using QuickLisp for example `(ql:quickload :clog-plotly/tools)``
c. if using OCICLfor example `ocicl install clog-plotly`
2. Open the ASD Project Window (in project tree asd edit).
3. In the bottom right of the window choose plugin and type the name of your
plugin. For example "clog-plotly"
4. Your plugin will be loaded and any custom control(s) added to the GUI builder
NOTE:
If you wish to make any plugins always available to use in the Builder see
Options - Edit preferences.lisp
If you use the plugin though you must add it to your .asd file
NOTE (ADVANCED):
If you add plugins or dependencies at non-standard locations
you can directly add the project's location using:
```
(pushnew #P"/path/to/a/project" asdf:*central-registry* :test #'equalp)
```
in a --eval to sbcl or ecl, etc. before loading your project or the builder.
Переглядів: 106
Відео
CLOG Builder Video Manual Video 4 - First Project
Переглядів 80Місяць тому
Getting started with your first project
CLOG Builder Video Manual Video 3 - OCICL
Переглядів 79Місяць тому
Installing and Using Common Lisp OCICL CLOG
CLOG Builder Video Manual 2 - Install
Переглядів 78Місяць тому
Installing Common Lisp w/ QuickLisp Linux Windows Mac Android
CLOG Builder Video Manual 1 - Into
Переглядів 147Місяць тому
Introduction to a video manual of the CLOG Builder Common Lisp IDE and GUI Builder
CLOG Extra 6 - Builder Custom Controls
Переглядів 138Місяць тому
Quick Demo of Panels used as Custom Controls and Tempates in other Panels You can even hand code CLOG code deriving from a panel, div or any CLOG element and pass in the create function to use as a custom controrl or a template (copy panel)
CLOG Builder Master Class 4 - Pointer and Touch events
Переглядів 1763 місяці тому
Consider Sponsoring CLOG :) github.com/sponsors/rabbibotton CLOG Framework Tutorial 4 Part 0 - the tab key Changes to the REPL Source Editor - adjust tabs and the tab key ctrl-t/alt-t and (setf *editor-use-tab-as-tabbify* t) Part 1 - Infinite Composability The secret of CLOG - The Common Lisp Omnificent GUI Infinite Composability The position aka positioning property: static - According to docu...
CLOG Extra 7 - Quick Start a Game with CLOG Builder
Переглядів 934 місяці тому
Code shown: ``` (defun on-key-down (panel target data) (let ((key (getf data :key)) (x (position-left (image-3 panel))) (y (position-top (image-3 panel)))) (cond ((or (equalp key "ArrowLeft") (equalp key "a")) (set-styles (image-3 panel) `(("transition" "all 1s") ("transform" "rotate(90deg)"))) (setf (left (image-3 panel)) (unit "px" (- x 10)))) ((or (equalp key "ArrowUp") (equalp key "w")) (se...
CLOG Builder Master Class 3 - The Parallel GUI
Переглядів 4124 місяці тому
Consider Sponsoring CLOG :) github.com/sponsors/rabbibotton CLOG Framework Tutorial 3 CLOG - The Parallel GUI 0) Source Editor - Keyboard shortcuts Quick click and the pallete Quick Config Zooming Ctrl-Tab switch editors 1) Tutorial 3 - Parallel Events and Race Conditions 2) Tutorial 4 - Why do events pass the CLOG-OBJ 3) Tutorial 5 - Connection Data 4) Tutorial 6 - Threads and validp 5) Tutori...
CLOG Builder Master Class 2 - The Power of CLOG Builder - System Browser, Console and REPL
Переглядів 3984 місяці тому
CLOG Framework Tutorial 2 The Power of CLOG Builder - System Browser, Console and REPL 1. Load up Tutorial 2 - new menu option Tutorials Dir 2. Using the system browser to get around your Lisp Image Browse Button Alt-. 3. The Package bar 4. The Info Bar 5. The CLOG Builder REPL and the Console ;; CLOG Builder REPL (setf *clog-repl-use-console* t) (setf *clog-repl-open-console-on-start* nil) (se...
CLOG Builder Master Class 1 - The Power of Common Lisp - Live Images
Переглядів 9694 місяці тому
CLOG Framework Tutorial 1 The Power of Common Lisp - Live Images 1. Load up Tutorial 1 2. Load up Source for Tutorial 1 3. Talk about how CLOG communicates with page 4. Demo Eval buttons 5. Difference between restarting app vs changing image 6. Difference between #' and ' github.com/sponsors/rabbibotton
CLOG Builder Master Class 0 - Builder and Tutorials
Переглядів 5454 місяці тому
Class 0 Getting Started with Builder Introduction 1) Click Install for Windows - Other platforms see the learn page 2) Add Builder.exe to your application bar 3) A Word about Windows slow processing of ASDF files 4) Use of Dir View 5) The CLOG Builder REPL 6) How to run CLOG Framework tutorials 7) How to edit the tutorials
CLOG Extra 6 - Microsoft VS Code and CL + CLOG
Переглядів 2576 місяців тому
A short intro to installing and using Microsoft VS Code with Common Lisp and CLOG (Papa Smurf Edition - not sure why colors messed :)
CLOG Extra 5 - In The Beginning
Переглядів 2896 місяців тому
Using CLOG Builder with emacs, your extended REPL. A simple console application.
CLOG Extra - Developing on Android Devices
Переглядів 3697 місяців тому
After long break, much more to come. A simple demo of developing CLOG Apps on Android using Termux. Installation instructions here - github.com/rabbibotton/clog/blob/main/ANDROID-TERMUX.md
Common Lisp The Language 2ed #5 - Covers Chp 6 - Predicates
Переглядів 246Рік тому
Common Lisp The Language 2ed #5 - Covers Chp 6 - Predicates
Common Lisp The Language 2ed #4 - Covers Chp 5 - Program Structure
Переглядів 338Рік тому
Common Lisp The Language 2ed #4 - Covers Chp 5 - Program Structure
Common Lisp The Language 2ed #3 - Covers Chp 4 - Type Specifiers
Переглядів 298Рік тому
Common Lisp The Language 2ed #3 - Covers Chp 4 - Type Specifiers
Common Lisp The Language 2ed #2 - Covers Chp 3 - Scope and Extent
Переглядів 382Рік тому
Common Lisp The Language 2ed #2 - Covers Chp 3 - Scope and Extent
Common Lisp The Language 2ed #1 - Covers Preface, Chp 1 and 2
Переглядів 796Рік тому
Common Lisp The Language 2ed #1 - Covers Preface, Chp 1 and 2
CLOG Plunger - Episode 11 - Debugging Race Conditions
Переглядів 247Рік тому
CLOG Plunger - Episode 11 - Debugging Race Conditions
CLOG Plunger - Episode 10 - Moving the board to a component with save, load, delete of cards
Переглядів 224Рік тому
CLOG Plunger - Episode 10 - Moving the board to a component with save, load, delete of cards
CLOG Plunger - Episode 9 - File save and load
Переглядів 173Рік тому
CLOG Plunger - Episode 9 - File save and load
CLOG Extra 2 - The CLOG Plugin - CLOG-Plotly
Переглядів 192Рік тому
CLOG Extra 2 - The CLOG Plugin - CLOG-Plotly
CLOG Extra 1 - What is Eval Form / Eval Sel / Eval All in the builder?
Переглядів 366Рік тому
CLOG Extra 1 - What is Eval Form / Eval Sel / Eval All in the builder?
CLOG Plunger - Episode 8 - Moving data in and out of cards
Переглядів 264Рік тому
CLOG Plunger - Episode 8 - Moving data in and out of cards
CLOG Plunger - Episode 7 - Add card, Delete cards, Edit Cards
Переглядів 264Рік тому
CLOG Plunger - Episode 7 - Add card, Delete cards, Edit Cards
CLOG Plunger - Episode 6 - Adding a cork board and data URIs
Переглядів 279Рік тому
CLOG Plunger - Episode 6 - Adding a cork board and data URIs
this is truly amazing stuff
Keep up the great work! 🎉
Thanks for the updated video manual
Excellent work here!
Some glitches in Movavi on and ARM Windows but watchable :) Enjoy
Please note Speeds now on Windows much better, and the GUI builder portion runs faster than every other platform currently
Hi, I have to say this project is extremely cool. I know a bit of web development and I don't really like javascript as a language. However I do love Lisp (spend my time mostly programming Emacs-Lisp nowadays, but I'm also learning Common Lisp), so the idea of programming UIs with common lisp seems like an extremely useful option to explore. I was messing a bit with your CLOG and I find it really inspiring and potentially extremely useful. The builder especially showcases a functionality that most webapps nowadays fail to deliver: simple, minimal and practical! This is exactly what I'm looking for. In order to learn more about it I decided to start a small project. Basically I want to create a web page to perform a survey. That is, I will have a bunch of forms with different questions etc. A single page that you can just scroll down with the questions being centered. To this end, I was wondering on what is the purpose of the .clog files within the tutorial files. I saw some example code in which the clog:create-div function was used to create a div. In that function you put the content of the div directly within the common lisp code. But then in the project there are also the .CLOG files. What are they used for? Because in the lisp code itself I cannt find references to the .CLOG files.
Exelente
This is so cool, I really get Smalltalk vibes from this!
Dear Rabbi Botton, thanx for all the interesting stuff and information! Your CLOG videos got me interested in websockets. But I am not sure, if CLOG is right for me. Do you hve any information about the basic architecture of CLOG? There ar lots of dependencies for CLOG, and I am not sure if I want to deal with all that. I prefer very few dependencies and a simple structure. Can CLOG be used in that manner or is all the stuff really required? Can it be used in a stripped down manner? Send messages back nd forth and that's it? Basically? Thank you very much for your attention! Marc Rohrer
You can use create-element and stuff any HTML you want etc. CLOG has no dependencies really, so not following. With the exception of clog-connection-websocket they can be easily switched out it is all straight common lisp
@@DavidBotton Thanx!
Love seeing your tutorials online!
Great video, thanks!
Thanks :) I can't wait to see what people do with CLOG and the Builder
excellent set of tutorials for clog!
Thanks :) I have already done a full feature film. Maybe when done call it "CLOG the Movie"
"A long time ago in a galaxy far, far away...."
@@SDP-yt1oq Right now on a PC near your :)
let over lambda !!!
The land of Lisp is filled with firsts :)
Epico
Next one almost done :)
Wicked tute!
Thanks - one bluper section one says tutorial 1 is tutorial 2
I’m really excited about the future of Clog!
Great! So as I understand, it is possible to use CLOG with all frontends? Do you have a tutorial, how to use eg. Bootstrap or web components, e.g. Shoelace?
Yes tutorial 16 is on bootstrap
Exelente
Absolutely beautiful, Smurf mode & all. LOL Great to see more about CLOG, been dipping my toes in a little bit -- but web-adjacent still has me in a stranger in a strange land, mentality. The dev environment you've been building up really is exciting though, and I think will really help bridge the gap for me and I assume a fair amount of others as well. Really excited to see more of this series and re: audio I think it's mostly fine tbh. DEF listenable, not exactly sure what other comments or hearing or more apt not hearing. lool But yeah, def anxious (in a good way lol) to see some of the other more graphical features you mentioned as-well -- sounds like an eventful year to come!
A word of encouragement to keep going on this project! The GUI is clean without being overly simple. Perhaps you could rip the audio track out, boost it, then add it back to the video?
Welcome back. I second the audio issue. Looking forward to next video.
The audio is too quiet and muffled.
Wonderful presentation. Thank you.
Great video! Incredible work on popularizing common lisp!
Common Lisp is a hidden gem that has more than proven itself over the last 30 pears
Thanks
awesome!
Great. Exelente. Saludos desde Argentina
Gracias por crear clog
Enjoy :) There is more to come.
The common problem to get more people liking & using Common Lisp language is to make it easier to ride inside the IDE. Since you can not decently use Common Lisp outside of Emacs & Emacs already requires a lot of learning for it self,this creates the situation where people are pushed away from everything related to Common Lisp. So in this situation if we could have some good integration with simpler editors than Emacs,then i would be completely in Common Lisp realm!
Not sure I agree. There is integration that is decent with VSCode you have hybrids like the CLOG Builder that this year I plan on further specializing the IDE aspects of it, Lisp is more of an environment you program in like small talk. Small talks didn't fail or make it on the basis of an IDE same with CL.
Very nice tutorial!
I hope to work on doing the rest of the book in the early months of this coming year. Thanks!
I am trying to learn Common Lisp. Which IDE are you using? What is recommended for beginner? I am looking for IDE with function popup help..
I am using the CLOG builder. The instructions on the learn page will set up a Common Lisp environment including emacs (worth learning also). You can start the CLOG Builder with (ql:quickload :clog/tools) (clog-tools:clog-bulder) github.com/rabbibotton/clog/blob/main/LEARN.md In emacs and also in CLOG builder you use meta-. on a function and that will bring up the function source and it's doc string.
@@DavidBotton Thanks
There's probably something really interesting going on here, but I hope the design gets a rework.
The ultimate design is not as an MDI app. We are using that to allow us to organically build up our app.
@@DavidBotton hi,David,i'm a front-end before, i think i edit html directly on file more effective than in builder-tools,how can I approach that, like editing direct in html,not on builder-tools?
@@janegwaww you can easily just load any html as a clog file and use directly in builder. You can also just add the boot.js file to the HTML as per tutorial 11 in clog.
@@johndoe-v9c just view the builder as an extension of the repl. There is no need to use the builder's editor etc.
It is nice to have such videos! I'll share them to a CL newcomers when they are asking for sources of information about Common Lisp.
Thank you David. Common Lisp needs more people like you that have mastery over the language to actually teach and popularize it on UA-cam. Lisp is powerful but from what I read it's very hard to master because it has too many ways to do the same thing. There's also the problem of reading other lisp code bases that use macros too much and you're not basically reading Common Lisp anymore.
I am not a master yet of Lisp but i am working towards it vigorously and am happy to take others along for the ride with me :) I think most can become very productive in Lisp (if have prior) experience in weeks (I wrote the CLOG framework in five months or so after a month of self study). I rarely meet a master in any language and to be honest language mastery of a language is not as important as knowing how to assemble software. Common Lisp though is very worth the effort to master. It offers a different perspective in programming, includes most paradigms, extremely stable language and toolsets, has the tools for robust programming and an amazing community of exceptional masters ready to help.
Thank you so much David to share your experience and passion for Common Lisp, you selected a book, that is unique, in the sense of richness of meaning in every sentence,which in my humble opinion is not only about the mechanics of Lisp, but its philosophy, which make it the ideal book for repeating reading, to increase new levels of abstraction. Please keep sharing your insight of this wonderful book.
It's hard for me to find quick demonstrations that show how incremental compilation is useful. All of my own code examples are of video game work and some people just don't take that kind of thing seriously. Now I have your awesome demo at 4:53 to point to though. Thanks!
Awesome!
Love it.
Requirements Analysis - docs.google.com/document/d/1BNS3n0FHbrohUBVzi2EUh3zpvpvLNBUBDFOc4kuipFI/edit First iteration Design doc - docs.google.com/document/d/1R98CzaG0MlrNcfR_HnrTgb8qj7SGdIUYGYd1uU0iuVs/edit CLOG - github.com/rabbibotton/clog Want to sponsor my work? github.com/sponsors/rabbibotton
Requirements Analysis - docs.google.com/document/d/1BNS3n0FHbrohUBVzi2EUh3zpvpvLNBUBDFOc4kuipFI/edit First iteration Design doc - docs.google.com/document/d/1R98CzaG0MlrNcfR_HnrTgb8qj7SGdIUYGYd1uU0iuVs/edit CLOG - github.com/rabbibotton/clog Want to sponsor my work? github.com/sponsors/rabbibotton
This is great! I've just started playing around with CLOG. Hopefully it will evolve into some mind blowing CL app at some point :) CLOG is the best!
Requirements Analysis - docs.google.com/document/d/1BNS3n0FHbrohUBVzi2EUh3zpvpvLNBUBDFOc4kuipFI/edit First iteration Design doc - docs.google.com/document/d/1R98CzaG0MlrNcfR_HnrTgb8qj7SGdIUYGYd1uU0iuVs/edit