1Passwordでウェブサイトの入力フォームを一瞬で入力する方法

本来であればパスワードを管理するためのサービスですが、1Passwordを使うことでお問い合わせフォームの項目を一瞬で入力できます。
ウェブサイトからのお問い合わせ
自分の場合、ウェブサイトのお問い合わせフォームから定期的に問い合わせる必要があるのは歯医者の検診くらいですが、それでも毎回「名前」「メールアドレス」「住所」「電話番号」と入力していくのは地味に面倒です。
半年に1回くらいのペースで定期的に行うことが分かっているのでラクをしたいのと、この方法は1度PCから設定してしまえば、スマホアプリ版の1Passwordから呼び出してスマホでの入力も一瞬にできます。
住所の入力ってPCならまだ耐えられるのですが、スマホでの入力ってかなりしんどいです。
- URLが同じで定期的に入力する必要があるサイト
- 最初はPCで設定が必要
- 1度設定してしまえば、PCはもちろんスマホアプリ版の1Passwordを入れてスマホから簡単に一瞬で入力できる
自動入力の設定
1Passwordの[新規項目]→[ログイン]でログイン項目を作成します。
「ユーザー名」と「パスワード」は空にして、「ウェブサイト」にはお問い合わせフォームがあるページのURLを貼ります。
あとはその下の「セクション」部分にお問い合わせフォームの項目を設定していきます。
セクション部分の設定
お問い合わせフォームのあるページを開き、右クリック→[検証(F12)]で開発者ツールを表示し、フォーム部分のタグを確認します。
各項目のname属性を1Passwordの「ラベル」と同じ文字を入力し、その項目に入力したい値を「新規フィールド」に入力していきます。

ちなみに、type属性がtextの場合はデフォルトの「T」のアイコンのままで問題ありませんが、emailやtelなど別の場合はそれに合わせた設定に切り替える必要があります。
| type属性 | 1Passwordの設定 |
|---|---|
| text | テキスト |
| メール | |
| date | 日付 |
| password | パスワード |
| tel | 電話番号 |
| file | ファイル |
この開発者ツールでname属性を確認しての設定が必要なので、スマホではなくPCからでないと設定ができません。
入力がすべて完了したら保存して設定完了です。
設定した情報で入力する
PCの場合
ウェブサイトのログインのときと同じ要領で使用できます。
ブラウザに1Passwordの拡張機能を入れて、お問い合わせフォームのあるページでショートカットキー(デフォルトはoption + command + \(バックスラッシュ))を入力するのが早いです。
ちなみに、自分の場合は左手だけで入力したいので、ショートカットキーをoption + command + `(チルダ)に変更しています。
ショートカットキーの変更は1Passwordの環境設定の[一般]タブにある「ログイン入力または 1Password を表示する」を変更すればOK。
![[一般]タブにある「ログイン入力または 1Password を表示する」](https://webrandum.net/mskz/wp-content/uploads/2021/12/image_3-3.png)
SP(iOS)の場合
スマホアプリ版の1Passwordをインストールして、「パスワードの自動補完」機能を使えば一瞬で入力できます。
詳しくは過去に記事にしているのでそちらをご覧ください。
ウェブサイト上の入力が一瞬でできるようになる
わざわざ設定するのが面倒ですが、inputタグ系はこの方法で設定すれば一瞬で入力できるようになります。
下記のような不満もありますが、それでも一瞬で入力されるのは爽快感があります。
- 「ログイン」ではないのにログイン項目として設定しないといけないのが違和感
- 設定するには開発者ツールからname属性をわざわざ確認する必要がある
- name属性が「myouzi」「zyuusyo」みたいに微妙な名前でも、サイトのname属性に合わせないといけない
- サイトの改修によってname属性が変わると修正が必要になる
定期的に入力しているようなサイトで、入力項目が多い場合はぜひ設定してみてください。


Alfred 4の詳細設定(Advanced)を見直してAlfredを更に便利にする
ATOKで登録した単語の品詞を、あとから一括で変更する方法
ATOKで英単語変換時に、すべて大文字・小文字の状態で変換する方法
チャットサービス統合アプリのStationがChrome拡張機能になって登場!キーボードだけでよくアクセスするサイトへ移動できる
Alfredで「自分のブログ内検索」を行う簡易的なWorkflowの作り方
Fantastical 3がサブスクリプションモデルになりUIが刷新!予定の管理がさらに便利になる機能が追加
Keyboard MaestroのThird Party Plug Insの作り方
MacでYouTubeの動画再生速度を4倍速にする方法
mds?kernel_task?アクティビティモニタで表示されるパッと見なにか分からないプロセス名まとめ
チャットサービスを一元管理できる「Franz」を使ってチャットの確認をラクにする
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
超軽量なコードエディタ 「Zed」をサブエディタとして活用する
Bartender 6で追加されたWidgets機能で自作メニューバーアイテムを簡単に作成する
Googleカレンダーを便利に活用するための小技集(祝日だけを表示・月末の繰り返しイベントを追加)
Obsidianを使った「自己流PKM」で行う知識トレーニング
テキストエディタ・ノートアプリ関連のショートカットキーをKeyboard Maestroで統一する
Path Finderを使ってキーボードだけでファイル操作する方法(応用編)