はじめに
今回は、Power Automate for Desktop(PAD)でアルファ版Wonder NoteにVRChatイベントを自動登録する方法を解説します。
PADやDiscordの基礎知識などがある事を前提に進めます。
前提知識はこちらをご覧ください。
![](https://signyamo.blog/wp-content/uploads/2023/12/dc3ee87ef36f8aef46a0fe859f673171-22-320x180.jpg)
![](https://signyamo.blog/wp-content/uploads/2024/01/dc3ee87ef36f8aef46a0fe859f673171-1-320x180.jpg)
![](https://signyamo.blog/wp-content/uploads/2023/12/dc3ee87ef36f8aef46a0fe859f673171-15-320x180.jpg)
入力用ページのURLを取得する
入力用ページは下記。
こちらのURLをコピー。
https://wondernote.net/create
PADを立ち上げ。
任意のブラウザを起動する → 初期URLにこのURLを追加。
ブラウザを示す変数を「%WonderNote%」などに設定。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-01-12.jpg)
この状態で実行。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-02-9.jpg)
これで、入力用ページが開けます。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-03-13.jpg)
以上が、入力用ページのURLを取得する処理です。
日付と時間を入力する
WonderNoteを起動後、Tabキー5回押しでカレンダー入力の所に移動できます。
移動するとカレンダーが表示されます。
そして、ここは数値入力不可能です。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-04-12.jpg)
このカレンダーは、下キーを押したあと右キーを押すと日付移動できます。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-05-13.jpg)
ここまでの処理をキーの送信で追加。
キーの送信先は「ウインドウのインスタンス/ハンドル」に設定。
ウインドウのインスタンスでWonderNoteのブラウザ変数を指定。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-06-11.jpg)
あとは「今日の日付」と「イベント開催日」の差を取り、その差だけ右キーを入力。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-07-11.jpg)
この、差を取る処理は下図のようなフローで作れます。
現在の日時を取得 → 日付の選択で開催日を指定 → 減算で差を表示(単位は日)
![](https://signyamo.blog/wp-content/uploads/2024/01/image-08-13.jpg)
日付入力に関する詳細はこちらで解説。
![](https://signyamo.blog/wp-content/uploads/2024/01/dc3ee87ef36f8aef46a0fe859f673171-320x180.jpg)
加算する日時は開催日の予測入力用に追加。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-24-9.jpg)
これで、実行すると現在の日付から+6日された曜日がポップアップで出ます。
あとは「OK」を押すか必要に応じて変更するだけ。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-09-11.jpg)
こちらを実行。
すると、「TimeDelta」に今日と開催日までの差分の日が出る事が分かります。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-10-11.jpg)
そしたら、Mainフローにループ処理を追加。
開始値:と増分:を1に設定。
終了を「%TimeDelta%」に設定。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-26-11.jpg)
あとは、Loopの中に右キー入力を追加。
そして、ループ終了後にEnterキー入力を追加。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-11-11.jpg)
これで、カレンダーで年/月/日が設定できます。
そして、Enterキーで時間入力に移動します。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-12-14.jpg)
あと、ここは数値入力が入ります。
なので、普通に入力 → Tabキーで移動 → 入力するだけ。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-13-11.jpg)
以上で、日付と時間を入力する処理が完了です。
カテゴリーを設定する
カテゴリーはTabキーで移動できます。
ジャンルやプラットフォームは今回そのままにします。
対応機種だけ変更するようにTabキー7回押し。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-14-12.jpg)
そして、対応機種を選択した状態で下キー。
これで「PCのみ」や「Quest対応」などを選べます。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-15-11.jpg)
これは、下図の様なキー入力を追加するだけで実現できます。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-16-11.jpg)
以上が、カテゴリーを設定する処理です。
![](https://signyamo.blog/wp-content/uploads/2023/02/pd0ogJ64_400x400-150x150.jpg)
ここでは対応機種 → 「PCのみ」の設定だけ入れましたが…
必用な方は、設定したい内容に合わせて「ジャンル」や「プラットフォーム」もTabキーで移動 → 下キーで設定してください。
イベントタイトルや説明文を入力する
イベント名や概要は普通にTabキーで移動。
そして、テキスト入力するだけです。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-17-11.jpg)
この時、文字は「ひらがな」入力だと正しく入力されません。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-70.jpg)
こちらのように、崩れます。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-71.jpg)
なので、下図のような「半角変換」する処理を作ります。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-06-9.jpg)
詳細はこちらでまとめてます。
![](https://signyamo.blog/wp-content/uploads/2024/01/dc3ee87ef36f8aef46a0fe859f673171-1-320x180.jpg)
1つ目のウインドウのUI要素をクリックで「A/あ」を右クリック。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-75.jpg)
2つ目のウインドウのUI要素をクリックで「半角入力」をクリック。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-78.jpg)
あと、ディスプレイが複数ある場合メインディスプレイに処理が行くように設定する必要があります。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-79.jpg)
これは、入力ダイアログ表示がメインディスプレイに出る+一度でもクリックしたらそのディスプレイに処理が入るという性質を使います。
やり方は、入力ダイアログ表示を追加し、OKを”クリック”するよう誘導するだけ。
あと、半角変換は遅い処理なので、WEB起動待ちに使う事にしました。
そして、その下に文字入力を追加。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-18-13.jpg)
これで「イベント名、概要、詳細」まで入力できます。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-19-12.jpg)
処理的には下図のような入力になります。
※改行対応
![](https://signyamo.blog/wp-content/uploads/2024/01/image-20-12.jpg)
以上が、イベントタイトルや説明文を入力する工程です。
ローカルファイルの画像を読み込む
詳細が入力状態になると「Tab」キーで移動できません。
スペースの入力みたいな処理になり、Tabキーの移動操作が吸われます。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-21-14.jpg)
なので、仕方ないのでUI要素で取得します。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-22-11.jpg)
「Webページのボタンを押します」を追加。
そしてUI要素を追加 → 「画像をアップロード」をCtrl+クリックで選択。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-23-12.jpg)
このCtrl+クリックの “場所” が重要です。
“Label”という表示になっていればok。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-25-10.jpg)
微妙に当たり所が悪いと、上手くいかない事があります。
![](https://signyamo.blog/wp-content/uploads/2024/01/gif-1-4.gif)
取得したUI要素は画面右上の所で表示、編集、削除などができます。
上手くいかなかった方はこちらを選択 → 削除 → 再取得などをして下さい。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-26-12.jpg)
UI要素関連の詳細はこちらで解説してます。
![](https://signyamo.blog/wp-content/uploads/2024/01/dc3ee87ef36f8aef46a0fe859f673171-1-320x180.jpg)
そして、画像をアップロードを選択するとエクスプローラーが表示されます。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-27-9.jpg)
まず、エクスプローラーは “表示アニメーション” が出てから表示されます。
このアニメーションの為に、まず1秒ぐらい待つ必要がある、待った方が安全という事を確認。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-10-9.jpg)
このエクスプローラーの初期選択位置はファイル名です。
ここからTabキー5回押しすると、パス選択に移動できます。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-11-9.jpg)
このパスを選択した状態でEnterキー。
これでパスが入力可能になります。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-12-12.jpg)
まず、この①~➂までの処理を追加。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-28-12.jpg)
そしたら、Windows+Eキー → 読み込ませたい画像がある場所を開きます。
パスを選択 → Ctrl+Cキーでコピー。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-15-9.jpg)
そして、このパスをキー入力の後にCtrl+Vでペーストして追加。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-29-12.jpg)
そして、Enterキー3回押すとファイル名入力の所に飛べます。
ここに入れたい画像のファイル名を入力。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-17-9.jpg)
これで、読み込ませたい画像を選択できます。
あとは「Enterキー」もしくは「Alt+Oキー」で開けます。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-19-10.jpg)
この処理を追加。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-20-10.jpg)
この状態で実行。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-30-12.jpg)
すると、画像を読み込ませることができます。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-31-10.jpg)
以上が、ローカルファイルの画像を読み込む処理です。
主催者・関係者を入力する
次は主催者情報を打ち込みます。
![](https://signyamo.blog/wp-content/uploads/2024/01/add-02-6.jpg)
ここに登録するには事前に「ログイン」でアカウントを作り、プロフィールなどを作り込む必要があります。
なので、ログインからアカウント作成。
![](https://signyamo.blog/wp-content/uploads/2024/01/add-01-9.jpg)
アカウントを作成後、PADに戻り「Web ページのボタンを押します」を追加。
UI要素 → 「UI 要素の追加」を選択。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-35-8.jpg)
そして、主催者・関係者の枠を選択。
「Imput text」の枠をCtrl+クリック。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-36-9.jpg)
ちなみに、テキスト入力の枠自体を選択すると動きません。
「Div」表示は避けてください。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-37-7.jpg)
![](https://signyamo.blog/wp-content/uploads/2023/02/pd0ogJ64_400x400-150x150.jpg)
これが例の、Ctrl+クリックの当たり所問題。
心配な方はPAD右上のボタンでUI要素を確認。
下図の様な表示なら成功。
失敗してる方へ消して、再度取得してください。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-38-7.jpg)
そしたら、この処理の後、主催者名を追加。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-39-7.jpg)
すると、文字が入ります。
そして文字が入るだけでは入力したことにならないので注意。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-40-7.jpg)
上キーを押すと、表示アニメーションが入りユーザーの名前とアイコンが出ます。
これを選択しないと主催者の情報が入りません。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-41-4.jpg)
なので、ユーザー名入力後、上キー入力 → 表示アニメーションで1秒待つ。
そして、Webページのリンクをクリックで「ユーザー名+アイコン」をCtrl+クリック。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-42-6.jpg)
すると、UI要素が増えます。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-43-6.jpg)
このUI要素をダブルクリック。
Id=user-@****の所でユーザー名を判定してクリックが行えます。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-44-6.jpg)
そして、UI要素の取得系は不安定です。
特に、この特定の条件で出るタイプのボタンは特に不安定な要素。
なのでエラー発生時の挙動を決めます。
エラー発生時 → 「フロー実行を続行する」を選択。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-45-6.jpg)
これで、主催者・関係者を入力する処理が完了です。
タグ以降の文章を入力する
タグ以降の文章はTabキーで移動 → キー入力で設定できます。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-46-5.jpg)
タグに関してはEnterキーで区切る必要があるので注意。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-47-5.jpg)
このように、Enterで区切る事でタグ入力できます。
![](https://signyamo.blog/wp-content/uploads/2024/01/gif-2-6.gif)
こちらの処理をキー入力で追加。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-48-5.jpg)
リンクはTabキーで移動。
キー入力でテキストを打ち込むだけ。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-49-4.jpg)
リンクの追加はTabキーで移動 → 「+リンクを追加」でエンターキー。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-50-4.jpg)
そして、Shift+Tabキーを2回押して2つ目のタイトル → Tab → URLの入力を追加。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-51-3.jpg)
これで、タグ以降の文章を入力できます。
あと、保存はTabキー2回Enterキーか「Shift+Enterキー」でできます。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-52-3.jpg)
![](https://signyamo.blog/wp-content/uploads/2023/02/pd0ogJ64_400x400-150x150.jpg)
この記事では紹介しませんが…
WonderNoteは後から修正できるので、
{Shift}({Enter})などの入力で、
保存まで処理しても良いと思います。
これで、α版Wonder Noteへのイベント登録が完了です。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-53-3.jpg)
制作したイベントを編集+削除する
制作したイベントページを開きます。
この右上の鉛筆マークを選択。
![](https://signyamo.blog/wp-content/uploads/2024/01/image-54-2.jpg)
そしたら、イベント編集画面が出てきます。
削除したい方は右下で削除。
編集したい方は編集して保存・
![](https://signyamo.blog/wp-content/uploads/2024/01/image-55-3.jpg)
以上が、制作したイベントを編集+削除する方法です。
まとめ
今回は、Power Automate for Desktopでα版Wonder NoteにVRChatイベントを自動登録する方法を紹介しました。
・起動後Tabキー5回で日付入力に移動できる
・日付はカレンダーを表示後、下キーで操作可能になる
・今日と開催日の差を取り、その差だけカレンダーに右キー入力で日付を指定
・告知画像は事前にファイルパスを指定して保存する
・「画像をアップロード」 → Tabキー5回押し → Enterキーでパス入力が可能になる
・その後、ファイル名を入力して開くと画像を入れれる
・その他の要素は大体Tabキーで移動 → キー入力で解決する
また、他にもPAD関連の情報を発信してます。
![](https://signyamo.blog/wp-content/uploads/2024/01/dc3ee87ef36f8aef46a0fe859f673171-15-320x180.jpg)
![](https://signyamo.blog/wp-content/uploads/2024/01/dc3ee87ef36f8aef46a0fe859f673171-10-320x180.jpg)
![](https://signyamo.blog/wp-content/uploads/2024/01/dc3ee87ef36f8aef46a0fe859f673171-5-320x180.jpg)
ぜひ、こちらもご覧ください。
コメント