►
From YouTube: 2022 01 19 Docs Office Hours
Description
Using gitpod.io for faster and easier configuration of documentation development environment. Jean-Marc Meessen shows his development technique using gitpod.io. Uses a web browser to host Visual Studio Code and allows user browsing of changes as they are being made.
A
There
we
are
so
let's
go
for
the
presentation,
so
my
name
is
john
mcmaster.
I'm
interested
in
various
aspects
of
helping
developers
contribute
to
the
jenkins
project
and
particularly
interested
to
everything
that
is
creating
friction
hey.
We
see
that
we
have
elizabeth
joining
us.
A
Hey
hello,
so
I
just
made
the
presentation
and
for
the
the
last
thing
practical
thing
I
am
located
in
brussels.
So
I'm
just
one
hour
later
than
you
in
the
uk
elizabeth
you're
relocating
in
england
too,.
B
A
A
What
I
use
it
most-
and
I
hope
that
I
will
answer
questions
that
you
have
so
I
will
show
you
a
little
bit
what
it
is.
What
I
do
with
it
do
a
short
presentation
of
what
I
do
and
then
we'll
open
up
to
any
questions
or
clarification
you
would
like
to
to
have
on
that
marxian
up
in
elizabeth.
Is
that
okay,
that's
great
for
me,
okay,
that.
A
Okay,
good
I'll,
explain
afterwards
to
put
everything
back
in
picture.
I'm
just
going
to
start
this
there
we
are.
I
did
not
prepare
my
environment,
so
I'm
going
to
move
that
away.
A
So
what
I
want
to
show
is
very
clearly:
I
have.
We
have
jenkins
dot
io.
I
have
documentation
and
I
went
to
create
something
new
and
I
quickly
show
you
what
is
a
process
and
I'm
going
to
start
a
new
blog
post
for
instance.
A
D
B
A
A
Right,
okay,
so
this
is
my
fork
of
jenkins.io,
so
forked
from
so
this
is
my
work
environment.
This
is
the
easiest
way
to
start
working,
and
the
first
thing
that
I
do
is:
I
have.
D
Go
ahead!
Mark
sorry,
you
you
offered
to
let
us
interrupt.
Is
it
okay,
if
I
interrupt
sure,
definitely,
okay,
so
so
there's
an
indicator
already
that
there's
one
action
you
need
to
take
before
you
do
any
git
pod
stuff
right
below
where
your
mouse
is
hovered,
there's
a
line
that
says
your
one
commit
behind
infra
master.
Could
you
click
that
fetch
upstream
button
yeah.
A
D
A
No,
no,
that
that's
that's
very
good,
so
I
need
to
prepare
that
a
little
bit
better
so
about
github.
There's
some
configuration
to
be
done
before
so
you
need
to
create
your
account.
There's
some
automation
and
plugins
that
you
can
install.
I
skip
all
the
setup
part.
We
can
discuss
that
afterwards.
So
here
everything
is
in
place.
What
I
do
I
click
on
my
git
pods
button
and
what
git
pod
will
do
it?
It
starts.
The
environment
asks
me
first,
my
what
environment
I
want
to.
D
A
So
this
is
part
is
well
explained.
What
is
happening
right
now
in
the
on
the
screen?
Is
it
as
I
refreshed
my
fork,
he's
rebuilding
everything
and
preparing
everything
automatically
and
the
the
rules?
How
to
do
that
is
defined
in
a
configuration
file
in
the
root
of
the
project,
meaning
that
every
project
that
you
want
to
use
git
pod
on
the
maintainer
can
but
not
has
to
have
to
can
configure
it
and
say
well.
This
is
the
recommended
way
of
using
a
git
pod.
A
What
I'm
going
to
do,
I'm
going
to
I'm
not
going
to
wait
for
the
pre-built
we're
already
going
to
show.
Otherwise,
I
need
to
say
too
much
nonsense
what's
happening
now,
so
the
pre-built
stuff
is
something
that
can
happen
in
asynchronously,
and
here
we
paused
that
for
for
a
moment,
it's
creating
a
container
in
all
the
infrastructure
in
the
cloud.
A
If
you
want
to
ask
a
question,
or
or
so
you
need
to
say
it
clearly.
D
D
A
Yeah,
I
have
here
a
step
between
because
I'm
experimenting
with
intellij,
so
it
can
go
quicker
than
that.
This
is
what
so.
I
will
open
a
browser
editor,
which
is
visual
code,
visual
studio
code.
A
I
put
it
that
way,
so
this
visual
studio
code
is
running
in
the
cloud.
I
have
nothing
installed
on
my
laptop
I
had
beside
enabling
gitpod,
which
is
mainly
configuration
I
had
nothing
to
do.
I
have
everything
ready
and
you
recognize
the
regular
editor
functions
so
in
a
terminal
window.
What
I
want
to
show
you
is
the
asynchronous
process
of
preparing
my
environment.
A
That's
happening
here
and,
in
fact,
to
answer
mark's
question
this
here.
The
gitpod.eml
is
the
configuration
that
the
maintainer
makes
available
to
contributors
and
say
this
is
the
way
you
want
to
do
now
here.
A
This
is
a
preview
yeah,
it's
it
starts,
but
otherwise
I'm
I'm
mixing
you
all
over
the
place
and
I'm
so
sorry
so
so
explaining
the
gitpod
configuration.
This
is
something
that
the.
A
That
the
maintainer
makes
available
has
different
parts.
The
part
here
tasks
mark
I'm
getting
into
a
rabbit
hole.
I'm
sorry
for
that,
but
I'll
make
that
quick.
This
is
everything
that's
required
to
set
up
the
environment,
and
this
runs
automatically.
The
tooling
is
in
place
everything
this
part
here
explains
what
are
the
visual
studio
code,
gadgets
or
plugins
that
I
want
to
have
available
for
me,
and
here
I
want
to
have
the
ascii
doctor
integration.
A
I
could
add,
for
instance,
a
plug-in
that
I
will
do
shortly
for
spell
checks,
which
comes
very
handy.
Somebody
hinted
me
too
good,
so
this
is
where
I
configure
the
visual
studio
code.
A
A
We'll
come
back
on
that
I'll.
I
just
try
to
explain
it
a
little
bit.
Let's
go
for,
let's
go
on
with
the
with
the
demonstration.
These
are
the
ports
that
are
open
by
my
pod.
The
other
ports
are
required
for
the
intellij
intellij
integration.
The
one
we're
interested
is
the
4242.
A
This
is
where
the
test
environment
is
exposing
the
web.
D
D
A
D
On
it,
and
that
brings
it
up
in
the
explorer
in
the
top
left
and.
D
A
The
port
and
here
on
the
right
I
can
have
different,
so
it
shows
a
characteristic,
and
I
don't
know
what
the
others
do.
I
click
this
one
that
makes
I
want
to
open
that
port
in
the
browser
and
as
you've
seen
here.
A
This
is
hold
on.
A
One
two:
three:
okay,
so
you
have
it.
This
is
here.
This
is
a
pod
or
an
instance
in
the
cloud.
That's
really
for
me
and
for
this
particular
instance,
and
I
believe
you
can
make
that
available
to
others.
But
let's
say
this
is
a
preview
and
it
uses
this
editor
and,
as
you
can
see,
this
is
the
log
file
of
what's
happening
so,
each
time
I
navigate
in
there.
A
A
It
has
a
complete
environment
with
the
required
tooling,
and
it
started
a
private
test
instance
of
the
website
with
a
web
server
and
exposed
that
on
on
the
internet.
So
I
can
access
it.
That
way
I
can
check
later
is.
Can
I
share
that
link
as
long
as
my
pod
is
running,
I
believe
we
can
have
several
people
doing
a
preview,
so
that
means
that
I'm
ready
now
to
do
actual
work.
So
I
go
on
my
other
terminal
session,
so
I
don't
it's
not
too
noisy,
so
I
have
it
here
and
I'll
start
working.
A
The
first
thing
that
I
will
do
is
I
create
a
work
branch
and
I'll
I'll
name
that
demo
branch.
A
So
it
is
always
the
first
thing
that
needs
to
to
be
done:
a
good
habit,
never
work
or
try
to
do
anything
on
the
master
branch.
So
this
is
where
I
can
do
the
change.
I
can
decide
if
I
commit
them
and
push
them
to
my
github
repository,
but
this
is
a
habit
that
I'm
I'm
trying
to
have
so
we're
not
going
to
create
a
new
one,
because
I'm
lazy,
I'm
just
going
to
modify
the
happy
new
year,
a
page,
a
blog
post
page
and
we're
going
to
see
how
that
changes.
A
So
this
is
the
source
of
the
happy
new
year
page.
As
you
can
see
the
ascii
doctor
integration
is
working,
highlighting
the
different
things,
and
it
also
has
the
automation
for
that.
Like
link.
A
A
I
explain
you
later
why
so
we
made
we
made
a
change
on
it
and
we're
going
to
see
if
it
re
reflects
on
here
and
as
you
can
see,
this
is
a
preview.
A
A
I
think
this
is
the
name
I'm
known
on,
so
I'm
not
sure
that
this
is,
and
let's
say
I
do
a
refresh
of
it
and
I
crashed
this
is
because
well,
this
is
nice.
It
crashed
why?
Because
the
this
is
probably
not
known.
So
I.
D
Have
an
error
in
it
yeah
john
mark,
in
this
case
this
what
it
was
looking
for.
If
you
go
back
to
that
failure
page,
the
failure
page
actually
tells
us.
What's
failing
it's
just
painful
to
read.
It
says
the
file
with
personal
information
content
data,
authors,
marky,
waite,
space,
jm,
messen
adoc
is
missing.
It
thinks
that's
a
single
author
named
marky
waite,
space,
jm,
mason
and
therefore
okay.
So
so.
D
D
A
This
is
something
that
I
do
now.
What
is
very
interesting
here,
we
you
see
the
interactive
process
of
trying
out
and
having
an
immediate
feedback,
and
this
is
very
powerful,
with
no
installation
required
look
locally.
This
was
my
sales
pitch.
So
what
we're
going
to
do
here?
I'm
going
to
stop
the
compile.
A
And
just
need
to
do
that
now
it
duplicated
it
and
we're
going
to
see
if
my
theory,
so
it's
still
starting
up
here
and
we
have
p-o-n
there
and
it's
here.
So
it's
exactly
the
same.
A
So
here
I'm
I'm!
I'm
lazy!
I'm
just
going
to
see
if
this
one
refreshes
there
it
is
so
there
it
works.
So
what
I've
been
mumbling
in
my
beard
was
that
it
by
default
opens
a
new
or
opens
a
new
browser
window
for
your
preview.
A
It's
not
necessary
to
do
it
because
you
can
reuse
the
existing
one.
If
you,
if
you're,
not
sure
of
what
you
do
well,
just
open
it
and
just
go
it's
the
navigation
is
quickly
done.
So
this
is
how
I
edit
the
the
thing,
so
what
I
then
could
do-
and
this
is
just
using
the
visual
studio
code
integration.
A
And
do
this
is
a
change
and
this
will
be
local
to
the
pod
going
into
so
much
detail
again,
but
I'm
going
to
commit
that
in
my
local
thing
and
I
can
now
publish
the
branch
which
I
will
not
do,
because
this
is
just
a
noise
for
that.
But
you
can
also
do
it
from
the
command
line.
A
So
you
can
do
a
git
status
here.
Nothing
to
do,
and
so
you
have
all
the
required
commands.
I'm
just
wondering
if.
D
A
So
this
is
the
commit,
so
I
just
show
you
I
don't
know
how
familiar
everybody
is
with
that.
I
just
make
a
change
there,
so
it
works
like
that
this
by
clicking
here,
the
plus
you
do
the
equivalent
of
a
git
add
the
stage
the
change
is
staged
here.
I
create
my
commit
message
and
to
do
the
actual
commit
you
do
that
with
the
the
check
mark
there,
when
you
hover
over
the
stage
all
changes
here,
I
can
unstage
them,
and
this
is
the
git
integration
in
visual
studio
code.
A
A
A
I
don't
know
what
else.
So
this
is
the
principle
mark's,
synap
or
or
elizabeth.
Can
you
tell
me,
did
you
understand
what
I
tried
to
show
here
the
principle
and
do
you
have
questions.
D
A
B
C
All
right
so,
based
on
what
they
know
of
justin
asked.
I
was
also
going
to
ask
a
question,
because
I
noticed
that
you
are
using
a
macbook
air
and
line
ups
and
not
windows.
So
does
this?
Can
this
setup
also
work
work
with
a
windows
pc
or
it's
just
for
that?
Sm.
A
Any
so
it's
I
think
it
even
works
on
an
ipad
that
is
the
dumbest
terminal
that
it
exists.
Now
I
I
without
a
keyboard,
I
would
not
be
able
to
do
any
sensible
work,
but
it
works
on
on
a
macbook.
It
works
on
a
windows
machine.
It
works
on
the
linux
machine,
there's
no
prerequisite.
This
is
why
I'm
so
excited
by
this
technology.
A
E
Thank
you.
I
have
another
question
you
use
the
visual
studio
code
for
this
presentation
is
that
the
only
id
that
is
available
on
github
currently
or
the
other
idea
is
that
one
could
use
for
this
development.
A
A
A
They
are,
they
have
in
beta
right
now
the
intellij
integration.
Now
this
works
a
little
bit
different.
It
requires
you
to
have
the
intellij
or
another
ide
installed
on
your
machine.
It's
a
pity
that
I
cannot
draw,
but
so
what
we've
seen
here,
everything
is
in
the
cloud
and
you
just
use
your
web
browser
as
a
window
to
it.
A
So
you
can
run
a
local
version
of
visual
studio
code.
There
are
hints
that
netbeans
works
intellij.
I
tried
it
two
days
ago
and
it
works
only
with
the
paid
version,
the
ultimate,
so
it
does
not
work
with
the
community
edition.
A
Otherwise
you
start
to
have
potential
issues.
What
browser?
What
ide
would
you
have
been
interested.
E
So,
for
me,
visual
studio
code
is
okay,
I'm
just
asking
for
people
who
are
not
used
to
visual
studio
code
or
who
are
used
to
other
ideas
like
intellij
dimension.
Is
there
any
option
for
that?
But,
for
me,
visual
studio
code
is
is
perfect.
A
Okay,
good,
yes,
okay
for
the
other
ides,
I
I
I'm
experimenting
it.
I'm
trying
they're
mentioning
several
solutions
for
that,
but
it
does
not
come
out
of
the
box,
so
I'm
I
I
did
not
give
up
yet
but
and
it's
it's
a
very
rich
project,
so
they're
they're
changing
at
a
fast
pace,
but
the
intellij
integration
they
want
to
make
money
of
it.
E
Then
I'll
stick
to
your
studio
code
then
cause
me
for
me:
it's
it's
either
intellij
visual
studio
code
or
intellij,
but
I
think
I
still
prefer
visual
studio
code
because
it's
lighter
it's
more
lightweight
than
everyday.
Yes,
so
most
of
the
time
I
use
visual
studio
code
so
that
works
for
me.
A
Yeah
and
the
so
it's
possible
to
run
your
personal
copy
of
visual
studio
code
that
you
have
on
your
laptop
with
all
the
tooling
and
settings
that
you
have
so
it's
possible.
I
I
I
made
that
work.
I
don't
have
a
demo
ready
for
that,
so
that
works.
It
makes
the
setup
of
the
environment
easier
here
it
each
time
needs
to
install
and
configure
the
plugins
in
the
environment.
You
have
that
I'm
showing
here,
for
instance,
but.
A
Here
it
works.
I
I
made
java
development
and
here
I
count
maximum
three
minutes-
to
set
up
everything
for
a
java
project
with
everything
required
for
the
demo.
A
So
I
can,
even
so,
when
you're
developing
a
plugin,
I
don't
know
how
familiar
with
you
with
that,
but
the
m,
the
maven
hpa
hpi
run
you
can
you
can
make
it
run
there.
E
A
Up
your
your,
I
I
tell
you
one
thing:
I
forgot
so
the
honest,
the
honest
answer
I
made
that
in
when
was
it
in
october
or
november,
and
I'm
an
old
man,
so
I
tend
to
so
I
have.
B
A
And
if
there
are
a
few
tips
that
I
can
give,
so
if
you're
interested
I'm
going
to
create
a
new
account
and
take
notes
how
it
is,
but
the
documentation
from
gitpod
is
well
done.
A
You
just
experiment
and
I
can
make
a
a
a
short
checklist:
how
to
do
that.
Marketing.
A
So
I
just
opened
git
pod
and
it
opens
by
default
on
the
workspace.
A
workspace
is
a
pod
with
all
the
file
system
to
run
the
environment.
So
what
we're
just
running
now
is
this
one
here
and
I
created
28
minutes
ago
here
you
don't
see
it
especially
with
the
light.
So
these
are
the
workspaces
I'm
going
to.
I
think
this
is
so.
This
is
the
account
and
I'm
going
to
talk
about
that.
A
I
didn't
prepare
that
so
I
don't
know
how
to
do
that
here,
we'll
walk
through
the
interface
and
so
you'll
see
how
it
works.
So
this
is
the
three
tier
open
source
one,
and
that
means
that
you
have
50
hours
of
running
of
a
development
environment
running
so
now
the
clock
is
ticking
because
I
have
this
environment
open
and
you
see
here
where
I
am
standing,
so
I
didn't
use
a
lot
during
my
my
holiday
period,
so
I
only
used
that
so
50
hours
if
you're
you're
working
cleanly
this
works.
A
This
is
okay.
Now,
if
you
pay
a
little
bit
more,
then
you
have
a
hundred
hours,
and
this
is
very,
very
comfortable
now.
What
you
need
to
do
is
when
you
finished
doing
your
work.
I
made
the
modification
you
just
close
this
window
here
and
this
will
shut
down
the
environment.
The
workspace
john,
it's
done
so.
A
D
So
so
there
is
a
timeout
and-
and
if
I
haven't
pushed
my
changes
from
the
local
copy,
that's
there
in
the
in
the
getpod
workspace
they
would
be
lost.
I
assume
when
this
lost
exactly
okay,
so
so
it's
important
that
I
remember
to
push
not
just
do
the
development
and
then
close
it
thinking,
it
will
have
saved
it
automatically.
So,
yes,
I
do
a
git
commit
and
then
I
get
pushed
to
push
it
up
to
my
fork.
A
Now
this
is
because
I
want
to
stay
in
my
free
tier,
so
if
I
want
to
do
that
now,
if
rich
people
can
go
to
the
unlimited
one
and
they
don't
need
to
care,
they
can
keep
it
open
in.
So
just
just
a
a
little
detail
so
see
when
you're,
in
unlimited
and
and
and
so
on.
A
This
is
well
enough
for
especially
for
open
source
projects
where
you
don't
do
it
50
hours
this.
This
is
two
weeks
two
weeks
worth
of
full-time
work,
so
this
works.
Well,
you
can
have
team
plans
that
mean
that
you
have
a
team
integration
integration.
A
This
is
where
the
the
security
is
done
where
you
associate.
This
is
where
the
magic
of
associating
your
your
git
pod
account
with
github,
and
it
shows
what
are
the
permissions
that
it
uses.
So
it's
really
well
integrated
in
the
github
security
model.
A
A
A
You
can
use
the
way
you
decide
how
it
looks
like
these
are
the
desktop
ides.
So
these
are-
and
this
is
what
I've
been
experimenting.
I
should
remove
that,
and
this
is
a
new
thing
that
I've
heard
about.
I
did
not
use.
That
means
that
you
can
upload
your
settings,
so
that
is
yet
another
reason
not
to
use
local
ide,
and
then
we
have
here.
These
are
projects.
A
This
is
another
gadgets
that
they're
offering
is
you
can
define
here
that
it's?
You
know
the
setup
phase
that
we
had
at
the
beginning.
When
I
started
the
pod,
you
can
have
a
process
that
will
prepare
that
for
you
permanently
so
each
time
there
is
a
change
on
that
commit
is
merged
into
it.
It
will
prepare
everything,
store
it
on
file
and
when
you
start
your
gitpod
environment,
we'll
just
copy
it
over,
and
you
win
a
couple
of
minutes
like
that.
A
This
is
interesting
when
you
have
very,
very
large
projects
so
gadgets
to
to
make
your
life
easier,
so
don't
get
bothered
by
by
that.
So
this
is
a
problem
when
you
start
showing
old
settings
and
everything
it
is.
You
go
in
too
many
details,
so
I
I
hope
I
did
not
lose
you
mark
seen
up
in
elizabeth.
D
So
I
was,
I
was
actually
curious
if
we
wanted
to.
If
there
are
more
topics
that
you
want
to
go
over,
we
should
go
over
those
john
mark,
but
I
wondered
if
we
should
ask
zinab
or
elizabeth
to
share
their
screen
and
let's
walk
them
through
registering
for
gitpod.io
yeah,
because
I
could
do
it,
but
I
think
I'm
already
registered
and
so
yeah,
if
either
of
them
would
be
willing
to
be
our
our
test
case
here
we
could
have
them
share
their
screen
and
we
could.
We
could
do
a
talk
through
with
it.
D
E
Actually,
but
that's
a
really
great
idea,
but
I'm
actually
what's
this
meeting
about.
E
A
Here
what
you
can
do
is
I
so
what
we
can
do
is
that
I
figure
out
what
the
what
the
entry
point
for
it
is,
but
you
just
go
to
gitpod.io
you.
You
look
a
little
bit
in
the
documentation
and
what's
there
and
you
just
start,
you
create
the
account
and,
and
it
will
work
you
I
I
found
the
experience
super
easy
to
to
do.
Try
that
if
you
get
stuck,
you
have
questions
or
you
want
that
we
organize
a
screen
sharing
session
or
something
like
that.
Just
ping
me,
okay,.
B
A
A
This
is,
are
you
on
a
corporate
network.
D
C
I
think
this
is
a
network
error,
because
my
other
links
are
going
properly,
so
I
think
it's
not
something
that
has
to
a
network
and.
C
C
And
my
phone
that's
connected
to
it,
nothing
else
is
connected
to
it.
It's
my
mind.
A
Okay,
I'll
I'll
I'll
ping
them
and
put
you
in
copy
of
the
the
mail
to
know.
If
there's
some
geolocation.
C
Do
I
drop
my
meal
here
for
you
so
that
subsequent.
A
And
I
think
it's
in
the
in
the
invitation,
I'm
just
checking.
B
D
E
D
A
E
C
I've
taken
a
screen.
I
would
share
it
via
me:
yeah,
okay,.
A
Right
well
we're
going
to
to
see,
because
I
have
a
few
contacts
there
now
you
understood
that
I
like
the
product-
I
try
not
to
be
over
enthusiastic
about
it,
but
I
think
there
is
really
a
great
there's
music
in
there,
so
we
we,
but
why?
It's
a
pity,
didn't
work.
E
Thank
you
so
much.
I
also
think,
like
this
looks
really
exciting.
Coming
from
someone
who
knows
how
should
I
put
cds,
it
can
be
trying
to
set
up
jenkins
that
I
o
locally
run
it
and
things
like
that,
especially
when
you're
dealing
with
windows.
E
A
D
A
D
That
would
be
great
for
elizabeth
and
for
zinab,
we'll
also
we
can
use
doc's
office
hours
on
thursday
to
answer
any
questions.
If
you
have
questions,
don't
be
shy
about
bringing
a
question
there
and
saying
hey,
I
I'm
having
this
problem
or
that
problem
and
we'll
talk
about
them.
John
mark
won't
be
available
at
that
time,
it's
after
his
at
the
end
of
his
day,
but
I
can.
I
can
do
my
best
to
help
and
we'll
work
it
out
together,
right
yeah.
We
can
work
sure.
E
Thank
you
so
I'll
see
what
I
can
do
before
then
just
try
to
use
the
documentation
and
see
if
I'm
able
to
set
it
up-
and
you
know,
do
something
and
if
not
then
I'll
bring
you
my
questions.
Thank
you.
So
much.
D
So,
recording
recording
will
likely
be
available
in
within
the
next
24
hours.
If
you
need
to
refer
back
to
it,
I
assume
that
all
of
you
are
okay,
that
I
post
this
publicly,
I'm
going
to
post
it
to
community.jenkins.io
so
that
people
can
look
at
it
and
see
hey
how?
How
do
you
do
this?
How
do
you
do
that
jean-marc?
Thank
you
very,
very
much.
It's
it's
been.