こんにちは！！Apachanです。
今回は前回インストールしたUiPath StudioXを使ってシナリオを作成してみます。
シナリオ作成前にUiPath AcademyにてStudioXの使い方も確認したいと思います。
目次
1.UiPath Academy
– UiPath Academyとは
– アカウント登録
– 日本語UIに変更
– 学習コンテンツの進め方
2.シナリオを作る
– StudioXの起動
– StudioXのUI
– シナリオ作成
– おまけ IMEオード切り替え通知の対処法
3.まとめ
UiPath Academy
・UiPath Academyとは
UiPath AcademyはUiPath社が提供する無償でRPAを学習できるオンライン学習サービスです。
今回学習をするStudioX以外にも多数のコンテンツが用意されているため、興味のある方は調べてみてください。
・アカウント登録
早速UiPath Academyに登録してみます。
以下URLにアクセスして右上のボタンを押下してください。
<style>
/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
/**
Use a more readable tab size (opinionated).
*/
:root {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
color: #000;
margin: 0;
}
/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
font-family:
system-ui,
-apple-system,
/* Firefox supports this but not yet `system-ui` */
'Segoe UI',
Roboto,
Helvetica,
Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji';
color: #000;
}
/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
height: 0;
/* 1 */
color: inherit;
/* 2 */
}
/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family:
ui-monospace,
SFMono-Regular,
Consolas,
'Liberation Mono',
Menlo,
monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
text-indent: 0;
/* 1 */
border-color: inherit;
/* 2 */
}
/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
Correct the inability to style clickable types in iOS and Safari.
*/
button {
-webkit-appearance: button;
}
/**
Remove the inner border and padding in Firefox.
*/
/**
Restore the focus styles unset by the previous rule.
*/
/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
padding: 0;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/**
* Manually forked from SUIT CSS Base: https://github.com/suitcss/base
* A thin layer on top of normalize.css that provides a starting point more
* suitable for web applications.
*/
/**
* Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
button {
background-color: transparent;
background-image: none;
}
/**
* Work around a Firefox/IE bug where the transparent `button` background
* results in a loss of the default `button` focus styles.
*/
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
fieldset {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
/**
* Tailwind custom reset styles
*/
/**
* 1. Use the user's configured `sans` font-family (with Tailwind's default
* sans-serif font stack as a fallback) as a sane default.
* 2. Use Tailwind's default "normal" line-height so the user isn't forced
* to override it to ensure consistency even when using the default theme.
*/
html {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
/* 1 */
line-height: 1.5;
/* 2 */
}
/**
* Inherit font-family and line-height from `html` so users can set them as
* a class directly on the `html` element.
*/
body {
font-family: inherit;
line-height: inherit;
}
/**
* 1. Prevent padding and border from affecting element width.
*
* We used to set this in the html element and inherit from
* the parent element for everything else. This caused issues
* in shadow-dom-enhanced elements like <details> where the content
* is wrapped by a div with box-sizing set to `content-box`.
*
* https://github.com/mozdevs/cssremedy/issues/4
*
*
* 2. Allow adding a border to an element by just adding a border-width.
*
* By default, the way the browser specifies that an element should have no
* border is by setting it's border-style to `none` in the user-agent
* stylesheet.
*
* In order to easily add borders to elements by just setting the `border-width`
* property, we change the default border-style for all elements to `solid`, and
* use border-width to hide them instead. This way our `border` utilities only
* need to set the `border-width` property instead of the entire `border`
* shorthand, making our border utilities much more straightforward to compose.
*
* https://github.com/tailwindcss/tailwindcss/pull/116
*/
*,
::before,
::after {
box-sizing: border-box;
/* 1 */
border-width: 0;
/* 2 */
border-style: solid;
/* 2 */
border-color: #e5e7eb;
/* 2 */
}
/*
* Ensure horizontal rules are visible by default
*/
hr {
border-top-width: 1px;
}
/**
* Undo the `border-style: none` reset that Normalize applies to images so that
* our `border-{width}` utilities have the expected effect.
*
* The Normalize reset is unnecessary for us since we default the border-width
* to 0 on all elements.
*
* https://github.com/tailwindcss/tailwindcss/issues/362
*/
img {
border-style: solid;
}
textarea {
resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
opacity: 1;
color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af;
}
button {
cursor: pointer;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/**
* Reset links to optimize for opt-in styling instead of
* opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/**
* Reset form element properties that are easy to forget to
* style explicitly so you don't inadvertently introduce
* styles that deviate from your design system. These styles
* supplement a partial reset that is already applied by
* normalize.css.
*/
button,
input,
optgroup,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit;
}
/**
* Use the configured 'mono' font family for elements that
* are expected to be rendered with a monospace font, falling
* back to the system monospace stack if there is no configured
* 'mono' font family.
*/
pre,
code,
kbd,
samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/**
* Make replaced elements `display: block` by default as that's
* the behavior you want almost all of the time. Inspired by
* CSS Remedy, with `svg` added as well.
*
* https://github.com/mozdevs/cssremedy/issues/14
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
}
/**
* Constrain images and videos to the parent width and preserve
* their instrinsic aspect ratio.
*
* https://github.com/mozdevs/cssremedy/issues/14
*/
img,
video {
max-width: 100%;
height: auto;
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-gray-dark {
--tw-bg-opacity: 1;
background-color: rgba(45, 46, 47, var(--tw-bg-opacity));
}
.bg-gray-FAFAFA {
--tw-bg-opacity: 1;
background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
}
.border-black {
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}
.flex {
display: flex;
}
.table {
display: table;
}
.flex-col {
flex-direction: column;
}
.items-center {
align-items: center;
}
.m-5 {
margin: 1.25rem;
}
.m-10 {
margin: 2.5rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mr-8 {
margin-right: 2rem;
}
.mt-36 {
margin-top: 9rem;
}
.max-w-screen-lg {
max-width: 1024px;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
* {
--tw-shadow: 0 0 #0000;
}
* {
--tw-ring-inset: var(--tw-empty,
/*!*/
/*!*/
);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
}
.text-center {
text-align: center;
}
.w-3\/4 {
width: 75%;
}
.w-screen {
width: 100vw;
}
@-webkit-keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes ping {
75%,
100% {
transform: scale(2);
opacity: 0;
}
}
@keyframes ping {
75%,
100% {
transform: scale(2);
opacity: 0;
}
}
@-webkit-keyframes pulse {
50% {
opacity: .5;
}
}
@keyframes pulse {
50% {
opacity: .5;
}
}
@-webkit-keyframes bounce {
0%,
100% {
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
50% {
transform: none;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
}
@keyframes bounce {
0%,
100% {
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
50% {
transform: none;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
}
.hero-section-container {
background-position: top;
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.75rem;
min-height: 100%;
position: relative;
}
@media (min-width: 768px) {
.hero-section-container {
margin-bottom: -3rem;
}
}
.hero-section-background {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
bottom: 0px;
left: 0px;
z-index: 0;
}
.hero-section-background-img {
background-size: cover;
display: flex;
flex-direction: row;
height: 10rem;
-o-object-fit: cover;
object-fit: cover;
left: 0px;
width: 100%;
}
@media (min-width: 640px) {
.hero-section-background-img {
height: 100%;
}
}
@media (min-width: 1280px) {
.hero-section-background-img {
display: flex;
justify-content: center;
}
}
.hero-section-cta-container {
justify-self: start;
margin-left: 0px;
margin-right: 0px;
max-width: 75%;
min-height: 100%;
padding: 2.25rem;
padding-left: 1.25rem;
top: 0.5rem;
width: 100%;
z-index: 10;
}
@media (min-width: 640px) {
.hero-section-cta-container {
max-width: 55%;
}
}
@media (min-width: 768px) {
.hero-section-cta-container {
margin-bottom: 1.5rem;
padding-left: 1.25rem;
padding-top: 1.5rem;
}
}
@media (min-width: 1024px) {
.hero-section-cta-container {
padding: 3rem;
padding-bottom: 5rem;
}
}
@media (min-width: 1280px) {
.hero-section-cta-container {
max-width: 1280px;
padding-left: 2.5rem;
padding-top: 8rem;
padding-bottom: 10rem;
padding-right: 20rem;
}
}
@media (min-width: 1536px) {
.hero-section-cta-container {
padding-right: 20rem;
}
}
.hero-section-cta-text {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 800;
font-size: 24px;
padding-bottom: 0.25rem;
text-align: left;
letter-spacing: -0.025em;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
@media (min-width: 640px) {
.hero-section-cta-text {
font-size: 36px;
}
}
@media (min-width: 768px) {
.hero-section-cta-text {
font-size: 40px;
line-height: 64px;
padding-bottom: 0.25rem;
}
}
@media (min-width: 1024px) {
.hero-section-cta-text {
font-size: 46px;
max-width: 85%;
padding-bottom: 0.25rem;
}
}
@media (min-width: 1280px) {
.hero-section-cta-text {
font-size: 56px;
padding-bottom: 0.25rem;
padding-right: 20rem;
}
}
@media (min-width: 1536px) {
.hero-section-cta-text {
padding-right: 20rem;
}
}
.grid-container {
display: grid;
align-items: stretch;
margin-left: 0.75rem;
margin-right: 0.75rem;
margin-bottom: 2.5rem;
position: relative;
gap: 1rem;
}
@media (min-width: 640px) {
.grid-container {
margin-left: 1rem;
margin-right: 1rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.grid-container {
margin-left: 1.25rem;
margin-right: 1.25rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.grid-container {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
}
/* Card */
.grid-big-card-container {
background-image: url('images/big_card_background.png');
background-size: cover;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
padding: 1rem;
}
@media (min-width: 640px) {
.grid-big-card-container {
grid-column: span 1 / span 1;
}
}
@media (min-width: 768px) {
.grid-big-card-container {
grid-column: span 2 / span 2;
}
}
.grid-card-container {
background-image: url('images/small_card_background.png');
background-size: cover;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
padding: 1rem;
}
/* Title */
.grid-card-title-container {
padding-bottom: 1rem;
}
.grid-card-title-text {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 700;
font-size: 1rem;
line-height: 1.5rem;
line-height: 1.5;
padding-bottom: 0px;
padding-top: 0.5rem;
}
@media (min-width: 640px) {
.grid-card-title-text {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}
@media (min-width: 768px) {
.grid-card-title-text {
font-size: 18px;
}
}
@media (min-width: 1024px) {
.grid-card-title-text {
font-size: 24px;
padding-bottom: 0.5rem;
}
}
@media (min-width: 1536px) {
.grid-card-title-text {
font-size: 28px;
}
}
/* Body */
.grid-card-body-container {
margin-bottom: 1.5rem;
padding-right: 1rem;
}
.grid-card-body-text {
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
border-left-width: 2px;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 400;
font-size: 1rem;
line-height: 1.5rem;
margin-top: 0.25rem;
margin-bottom: 0.25rem;
overflow: hidden;
padding-left: 1rem;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
/* Button */
.grid-card-button-container {
margin-top: 1rem;
margin-bottom: 1rem;
}
.grid-card-button {
--tw-bg-opacity: 1;
background-color: rgba(250, 70, 22, var(--tw-bg-opacity));
}
.grid-card-button:hover {
--tw-bg-opacity: 1;
background-color: rgba(219, 60, 17, var(--tw-bg-opacity));
}
.grid-card-button {
display: inline-flex;
align-items: center;
justify-content: space-between;
height: 3rem;
width: 100%;
}
@media (min-width: 640px) {
.grid-card-button {
height: 2rem;
}
}
@media (min-width: 768px) {
.grid-card-button {
width: auto;
}
}
.grid-gray-card-button {
--tw-bg-opacity: 1;
background-color: rgba(45, 46, 47, var(--tw-bg-opacity));
}
.grid-gray-card-button:hover {
--tw-bg-opacity: 1;
background-color: rgba(78, 78, 78, var(--tw-bg-opacity));
}
.grid-gray-card-button {
display: inline-flex;
align-items: center;
justify-content: space-between;
height: 3rem;
width: 100%;
}
@media (min-width: 640px) {
.grid-gray-card-button {
height: 2rem;
}
}
@media (min-width: 768px) {
.grid-gray-card-button {
width: auto;
}
}
.grid-card-button-text {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 600;
font-size: 16px;
margin-top: 1rem;
margin-bottom: 1rem;
overflow: hidden;
padding-left: 1rem;
padding-right: 1rem;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
text-overflow: ellipsis;
}
@media (min-width: 640px) {
.grid-card-button-text {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
}
@media (min-width: 768px) {
.grid-card-button-text {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.grid-card-button-icon {
--tw-bg-opacity: 1;
background-color: rgba(219, 60, 17, var(--tw-bg-opacity));
height: 3rem;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
width: 2rem;
}
@media (min-width: 640px) {
.grid-card-button-icon {
height: 2rem;
}
}
.grid-gray-card-button-icon {
--tw-bg-opacity: 1;
background-color: rgba(78, 78, 78, var(--tw-bg-opacity));
height: 3rem;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
width: 2rem;
}
@media (min-width: 640px) {
.grid-gray-card-button-icon {
height: 2rem;
}
}
/* Top border */
.border-between-grids {
--tw-border-opacity: 1;
border-color: rgba(250, 70, 22, var(--tw-border-opacity));
border-width: 2px;
margin-left: 0.75rem;
margin-right: 0.75rem;
margin-bottom: 1rem;
width: 4rem;
}
@media (min-width: 640px) {
.border-between-grids {
margin-left: 1rem;
margin-right: 1rem;
}
}
@media (min-width: 768px) {
.border-between-grids {
margin-left: 1.25rem;
margin-right: 1.25rem;
width: 7rem;
}
}
@media (min-width: 1024px) {
.border-between-grids {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
}
/* Section title (coupled with the top border) */
.section-title-container {
margin-left: 0.75rem;
margin-right: 0.75rem;
margin-bottom: 1.25rem;
}
@media (min-width: 640px) {
.section-title-container {
margin-left: 1rem;
margin-right: 1rem;
}
}
@media (min-width: 768px) {
.section-title-container {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
}
@media (min-width: 1024px) {
.section-title-container {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
}
.section-title-text {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 700;
font-size: 1.125rem;
line-height: 1.75rem;
}
@media (min-width: 768px) {
.section-title-text {
font-size: 32px;
}
}
@media (min-width: 640px) {
.sm\:my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
}
@media (min-width: 768px) {
.md\:m-20 {
margin: 5rem;
}
.md\:my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
@media (min-width: 1024px) {
.lg\:h-80 {
height: 20rem;
}
.lg\:my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
}
@media (min-width: 1280px) {
.xl\:max-w-screen-xl {
max-width: 1280px;
}
}
@media (min-width: 1536px) {}
</style>
<div class="hero-section-container">
<div class="hero-section-background">
<div alt="Cover image" imageurl="images/banner.png" class="hero-section-background-img" style="
background-image: url('./images/banner.png');
background-size: cover;
background-position: 30% 70%;
position: relative;
">
<div style="padding-top: 0rem; padding-right: 0px;" class="hero-section-cta-container ">
<h1 style="padding-top: 8rem; padding-right: 39rem;" class="hero-section-cta-text">
Learn the skills of the future with free RPA training
</h1>
</div>
</div>
</div>
</div>
<!-- END OF HERO SECTION -->
<div class="mx-auto xl:max-w-screen-xl">
<!-- GRID -->
<div class="grid-container">
<div class="grid-big-card-container" imageurl="images/big_card_background.png">
<!-- Title -->
<div class="grid-card-title-container">
<span class="grid-card-title-text">New to RPA? Start your learning journey here!</span>
</div>
<!-- Body -->
<div class="grid-card-body-container border-black">
<span class="grid-card-body-text">
What is RPA? Is it different from automation in general? Is UiPath truly the market leader? We promise to answer all these questions and assist you in building your first automation using our automation tool for business users–UiPath StudioX.
</span>
</div>
<!-- Button -->
<div class="grid-card-button-container">
<a class="grid-card-button" href="https://academy.uipath.com/channeldetail/rpa-starter">
<span class="grid-card-button-text">Start Here</span>
<svg class="grid-card-button-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
</div>
<div class="grid-card-container" imageurl="images/small_card_background.png">
<!-- Title -->
<div class="grid-card-title-container">
<span class="grid-card-title-text">
UiPath Certified Professional
</span>
</div>
<!-- Body -->
<div class="grid-card-body-container">
<span class="grid-card-body-text">
Prove your expertise with the industry-leading RPA Certification.
</span>
</div>
<!-- Button -->
<div class="grid-card-button-container">
<a class="grid-card-button" href="https://academy.uipath.com/static-page/20">
<span class="grid-card-button-text">Get Certified</span>
<svg class="grid-card-button-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
</div>
</div>
<!-- END OF GRID -->
<!-- BORDER -->
<div class="border-between-grids"></div>
<!-- END OF BORDER -->
<div class="section-title-container">
<h1 class="section-title-text">Develop the most in-demand RPA skills</h1>
</div>
<!-- DISCOVER GRID -->
<div class="grid-container">
<div class="grid-card-container" imageurl="images/small_card_background.png">
<!-- Title -->
<div class="grid-card-title-container">
<span class="grid-card-title-text"> RPA Developer Foundation</span>
</div>
<!-- Body -->
<div class="grid-card-body-container border-black">
<span class="grid-card-body-text">
Learn how to create production-ready automation workflows and
components
</span>
</div>
<!-- Button -->
<div class="grid-card-button-container">
<a class="grid-gray-card-button"
href="https://academy.uipath.com/channeldetail/rpa-developer-foundation">
<span class="grid-card-button-text">Design robust automations</span>
<svg class="grid-gray-card-button-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
</div>
<div class="grid-card-container" imageurl="images/small_card_background.png">
<!-- Title -->
<div class="grid-card-title-container">
<span class="grid-card-title-text">
RPA Citizen Developer Foundation
</span>
</div>
<!-- Body -->
<div class="grid-card-body-container border-black">
<span class="grid-card-body-text">
Learn how to automate your everyday tasks with StudioX - a no-code platform for business users.
</span>
</div>
<!-- Button -->
<div class="grid-card-button-container">
<a class="grid-gray-card-button"
href="https://academy.uipath.com/channeldetail/rpa-citizen-developer-foundation">
<span class="grid-card-button-text">Automate your tasks</span>
<svg class="grid-gray-card-button-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
</div>
<div class="grid-card-container" imageurl="images/small_card_background.png">
<!-- Title -->
<div class="grid-card-title-container">
<span class="grid-card-title-text">RPA Business Analyst Foundation</span>
</div>
<!-- Body -->
<div class="grid-card-body-container border-black">
<span class="grid-card-body-text">
Master the fundamentals of RPA Business Analysis
</span>
</div>
<!-- Button -->
<div class="grid-card-button-container">
<a class="grid-gray-card-button"
href="https://academy.uipath.com/channeldetail/rpa-business-analyst-foundation">
<span class="grid-card-button-text">
Discover automation opportunities
</span>
<svg class="grid-gray-card-button-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
</div>
</div>
<!-- END OF GRID -->
<!-- BORDER -->
<div class="border-between-grids"></div>
<!-- END OF BORDER -->
<div class="section-title-container">
<h1 class="section-title-text">Popular on UiPath Academy</h1>
</div>
<!-- POPULAR GRID -->
<div class="grid-container">
<div class="grid-card-container" imageurl="images/small_card_background.png">
<!-- Title -->
<div class="grid-card-title-container">
<span class="grid-card-title-text">UiPath Data Service</span>
</div>
<!-- Body -->
<div class="grid-card-body-container border-black">
<span class="grid-card-body-text">
Bring powerful no-code data modeling and storage capabilities to
your RPA projects.
</span>
</div>
<!-- Button -->
<div class="grid-card-button-container">
<a class="grid-card-button" href="https://academy.uipath.com/learningpath/uipath-data-service">
<span class="grid-card-button-text">Learn Now</span>
<svg class="grid-card-button-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
</div>
<div class="grid-card-container" imageurl="images/small_card_background.png">
<!-- Title -->
<div class="grid-card-title-container">
<span class="grid-card-title-text">UiPath Task Capture</span>
</div>
<!-- Body -->
<div class="grid-card-body-container border-black">
<span class="grid-card-body-text">
Document and gather data on the business processes in your
company.
</span>
</div>
<!-- Button -->
<div class="grid-card-button-container">
<a class="grid-card-button" href="https://academy.uipath.com/learningpath/uipath-task-capture-2">
<span class="grid-card-button-text">Learn Now</span>
<svg class="grid-card-button-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
</div>
<div class="grid-card-container" imageurl="images/small_card_background.png">
<!-- Title -->
<div class="grid-card-title-container">
<span class="grid-card-title-text">UiPath Studio Governance</span>
</div>
<!-- Body -->
<div class="grid-card-body-container border-black">
<span class="grid-card-body-text">
Discover the file-based governance capabilities for the UiPath
Studio family.
</span>
</div>
<!-- Button -->
<div class="grid-card-button-container">
<a class="grid-card-button" href="https://academy.uipath.com/learningpath/uipath-studio-governance">
<span class="grid-card-button-text">Learn Now</span>
<svg class="grid-card-button-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
</div>
<div class="grid-card-container" imageurl="images/small_card_background.png">
<!-- Title -->
<div class="grid-card-title-container">
<span class="grid-card-title-text">RPA Testing with Studio Pro</span>
</div>
<!-- Body -->
<div class="grid-card-body-container border-black">
<span class="grid-card-body-text">
Explore the new testing capabilities of UiPath Studio Pro.
</span>
</div>
<!-- Button -->
<div class="grid-card-button-container">
<a class="grid-card-button" href="https://academy.uipath.com/learningpath/rpa-testing-with-studio-pro">
<span class="grid-card-button-text">Learn Now</span>
<svg class="grid-card-button-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
</div>
<div class="grid-card-container" imageurl="images/small_card_background.png">
<!-- Title -->
<div class="grid-card-title-container">
<span class="grid-card-title-text">UiPath Document Understanding Overview</span>
</div>
<!-- Body -->
<div class="grid-card-body-container border-black">
<span class="grid-card-body-text">
Learn how to process different document types and structures using
one automated process built with UiPath Studio.
</span>
</div>
<!-- Button -->
<div class="grid-card-button-container">
<a class="grid-card-button"
href="https://academy.uipath.com/learningpath/uipath-document-understanding-overview-3">
<span class="grid-card-button-text">Learn Now</span>
<svg class="grid-card-button-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
</div>
<div class="grid-card-container" imageurl="images/small_card_background.png">
<!-- Title -->
<div class="grid-card-title-container">
<span class="grid-card-title-text">UiPath AI Center Overview</span>
</div>
<!-- Body -->
<div class="grid-card-body-container border-black">
<span class="grid-card-body-text">
Manage and deploy Machine Learning models in automated processes
built with UiPath Studio.
</span>
</div>
<!-- Button -->
<div class="grid-card-button-container">
<a class="grid-card-button" href="https://academy.uipath.com/learningpath/uipath-ai-center-overview">
<span class="grid-card-button-text">Learn Now</span>
<svg class="grid-card-button-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
</div>
</div>
<!-- END OF GRID -->
</div>
各自のログイン方法を選択して、同意事項にチェックを入れて確認ボタンを押下してください。
私は前回Google認証で登録しましたので「Googleで続行」を選択します。
・日本語UIに変更
初回ログイン時は、アカウント設定画面に遷移しますので日本語を希望の方は下図参考に該当箇所を変更してください。
日本語のUIに変更されました。
・学習コンテンツの進め方
トップ画面から少し下にスクロールすると「UiPath StudioX 開発コース」の学習コンテンツがあります。
右下の「学習を始める」を選択して次の画面に進んでください。
※ StudioX以外にも多数のコンテンツがありますので興味があれば調べてみてください。
以下手順を参考にStudioXの学習コンテンツを始めてください。
学習コンテンツは基本的に下スクロールで読み進めて行きます。
コンテンツが終了した場合は、画面右上の「次へ」を選択して次のコンテンツへ移動します。
学習コンテンツを一通り確認した後のミニテストに合格すると修了証明書が発行されます。
シナリオを作る
・StudioXの起動
それではUiPath StudioXを起動します。
Studioが起動される方は前回ブログを参考にプロファイルをStudio Xの方へ変更してください。
こんにちは！！Apachanです。
今回は前回の続きということでUiPath Automation Cloudをインストールして利用で...
StudioXを起動させたら以下手順を参考に新規プロジェクトの空のタスクを選択してください。
ダイアログボックスが立ち上がるので、プロセス名を適当に入力して作成ボタンを押下してください。
・StudioXのUI
基本的にはアクティビティパネルからカードやアクションをデザイナーパネルに並べてシナリオを作成していきます。
操作手順は以下の通りとなります。
① アクティビティパネルからカードを選択してデザイナーパネルにドラッグ&ドラッグ
② カードの詳細情報を入力
③ （設定したカードに対応する）アクションを選択して、同じくデザイナーパネルにドラッグアンドドラッグ
④ アクションの詳細情報を入力
→カードによって選択可能なアクションがあるため、左の操作対象アプリを選択してからカードやアクションを選択すると確実です。
※ Studioに比べてカードに相当する対応アプリが少ないのが注意点となります。
・シナリオ作成
次回以降のブログで詳細な設定方法は解説していきますので、今回は作成や実行イメージ中心の流れを紹介させてください。
かんたんなサンプルということでみんかぶFXから為替レート一覧を取得します。
40種類もの通貨ペアのリアルタイムレートを掲載！レート情報は、売値(Bid)・買値(Ask)・高値(High)・安値(Low)・始値比の５種類をまとめて表示しています。通貨ペアは、米ドル円・豪ドル円・ユーロ円・英ポンド円・ユーロ米ドル・トルコリラ円・ブラジル円・スイスフラン円などの有名な通貨から、韓国ウォン円やタイバーツ円・メキシコペソ円・スウェーデンクローナ円・ノルウェークローネ円・デンマーククローネ円・ポーランドズロチ円などの珍しい通貨まで掲載しています。
毎回Webサイトにみにいくのも面倒なので、定期的に内容をローカルに保存するようなシナリオは需要があるかも知れません。
為替レート取得のシナリオ作成
Get your message across with instantly shareable videos for work. Capture your screen, record your front-facing camera, and narrate it all at once, then instantly share with a simple link.
・シナリオ実行
作成したシナリオを実行します。
為替レート取得のシナリオ実行
Get your message across with instantly shareable videos for work. Capture your screen, record your front-facing camera, and narrate it all at once, then instantly share with a simple link.
・おまけ IMEオード切り替え通知の対処法
取得した為替レートの画像右上に邪魔な画像が毎回入ってくるためこちらの対処を考えます。
ブラウザなどのアプリ画面を切り替える際に発生するWindows 10特有の設定ですね。
こちらを解消する方法は主に2つあります。
（1） シナリオに待機ボックスを配置してスクリーンショット前に数秒の待ちを入れます。
（2） Windows 10の設定変更
タスクバーのIMEインジゲーター上で右クリックをすると以下のような手順で変更可能です。
上記いずれかの方法を試せば以下のように邪魔な画像を除去する事が可能です。
(1)のように毎回待機ボックスを配置するのはとても面倒なので、特段問題なければ（2）の方が根本的な解消になるので良いかも知れません。
RPAシナリオを作る際は何でも備え付けられた機能で解決するのではなく、運用や設定に問題があれば根本を断つこと考えて臨機応変に問題解決することが重要です。
まとめ
今回はStudioXの学習方法のひとつとしてUiPath Academyを紹介しました。
早速そこで得た知識をもとにWebサイトから為替レートの情報を取得するかんたんなシナリオを作成してみました。
次回以降は本格的にUiPath StudioXを利用してシナリオを作っていきます。
