siteあるプログラマの勉強部屋。touchcivicここで提供するブックマークレットは、フォーム入力(主にログイン)を補助するブックマークレットです。「フォームに入力した情報」をブックマークに保存することができます。touch/iPhone用のブックマークレットはたくさんありますが、その中でもログインを簡単にしてくれるブックマークレットがあります。FON用、BBモバイル用などと色々なものがあるのですが、自分が今まさに使いたいページでそのようなブックマークレットがなければどうしましょう?自分でブックマークレットを作る?それでもいいのですがパソコンがないと厳しいです。このブックマークレットは、現在表示しているページのフォーム情報を保存するブックマークレットを作成します。ブックマークレットを生成するブックマークレットです。(ややこしくてすみません)以降のログイン時の入力を簡単にするものです。(ログイン情報はどこにも送信しません。touch/iPhoneへ通知するには、こちらのURL(//www.civic-apps.com/bookmarklet-if.html)をメールで送信して、そこからリンクをクリックすると楽です。入力支援ブックマークレット本体のブックマークしますブックマークの仕方は上記の「入力支援ブックマークレットはこちら」のページをブックマーク登録してから、ブックマークの修正でURLの先頭部分(~html?まで)を削除します。長いURLなので先頭まで移動するのが大変ですが、本体の登録は一度きりなのでご了承ください。保存したいページを表示し、ログイン情報を入力します例えばこんな感じ入力支援ブックマークレットを実行します1.で登録したブックマークです。保存するフィールドを選択するパネルが下部に表示されるので、保存したいフィールドをチェックします。フィールドの一覧が表示されます。入力したパスワードは見えます。「Bookmarklet化」ボタンを押して、表示されたウィンドウのブックマークを保存しますabout:で始まる別ページが表示されます。実際には空ページで、URLをブックマークするためだけに使用します。登録してから、修正で先頭部分(about:)を削除してください。使用する際には、このブックマークを実行するとフォーム入力が復元されます未入力状態でブックマークレットを実行すると、フォーム情報が埋められます。生成されたブックマークレットにログイン情報を持たせるということは、ブックマークをのぞくとパスワードがバレバレです。touchを紛失したりする場合も危険です。その点のリスクを理解した上でご利用ください。(例えばパスワードは全部入力しないとか。)技術的な情報ブックマークレットを作成するブックマークレットを作るのは厄介でした。JavaScriptの関数として作るのはすぐできたのですが、それをブックマークレット化するのに手間がかかりました。[「JavaScriptのイベントハンドラ」を持ったHTML}を出力するJavaScript]をアンカータグに記述するためにURLエスケープしています。自分でももう、どの部分の文字列リテラルなのかチンプンカンプンです。touchに登録するためには、「URLの前方部分を削って~」のテクニックが良く使われますが、そのために今回のブックマークレットURLをどこかにリクエストしてしまうのは、利用者として怖くて使えないので、ローカルだけで完結する方法を模索しました。その結果、about:で始まるURLにすることで、リクエストを送信せずにURLをロケーションバーに突っ込むことができました。おぎろぐはてなでもせっかく何日もかけて作ったものだからアウトプットしておく!ログイン以外にもフォーム入力全般的に使えるし、radio,checkbox,text,passwordに対応しているから。Mzone用が出来ました。これで馬鹿げたわずらわしさから開放されます、有難う。AM役に立ったようで、作ったかいがありました。報告のコメントありがとうございます。いうのがこちらにありました。PMコメントありがとうございます。touchでも同じSafariブラウザだから、基本的には同じはずだと思うのです。touchでもiPhoneでも同じはずです)参考までに無理だったというのは、どこのサイトでしょうか?教えていただければ対応できるかもしれません。見てみないと分からないのですが。PMさっそくのご回答ありがとうございますURLを書こうとおもってもう一度試して見たらページの最後にちゃんと青色ででていました。確認せずにコメントしてしまいすみませんでした。すばらしいJAVAです。使わせていただきます。ありがとうございます。PMうまく動いたようでよかったです。ページの最後に表示されるので、長いページだと分かりにくいですよね。その辺、余裕があったらなんとか改善しようかと思います。貴重なご意見ありがとうございました。PM初めましてiPodタッチ2を先週購入してからコピー、ペーストに苦しんでいましたらいいページを発見できました!他のページにも同じようなのが有りましたがこのページは設置がわかりやすいです。PMiPhoneにて動作問題ありませんでした。入力情報を取捨選択できる点はすばらしいです。支援という使い方はこちらしかできませんでしたので非常にありがたかったです。AM皆様のお役に立てたようで幸いです。PMお役に立てたようで幸いです。siteさまこんにちは4年前に作られた作品に対しまして心からありがとうございます。ブックマークレットと言う言葉を知ってからココに辿りついて完成するまで本当に相当な日数がかかりましたが出来ました(^^♪ブックマークレットの仕組み?やJavaScriptの関数?やらまったく解りませんが(^^♪ありがたく使わせて頂きますね。本当にありがとうございました。参考にさせていただいております。指定のWebページを開いてからIDとパスワード入力を実施するブックマークレットを探しておりまして、こちらにたどり着きました。事前に入力画面が出ていない状態で、一回のブックマークレット呼び出しにより、指定のWebページを開き、自動入力といったブックマークレット作成は可能でしょうか?ご教授お願い致します。PMそれは無理ですね。ブックマークレットは開いているページに対して処理を行うものなので、これから開くページで動かす処理は書けないんです。ちなみに、私自身はこのブックマークレットは、ログイン目的では使用価値がなくなったと思っているのですが。Safariの設定で自動入力「ユーザー名とパスワード」ってのをonにするとブラウザがログイン情報を記憶してくれるので、ブックマークレットを使う必要がなくなります。#変に細工してあるサイトだとこれが効かないのですが。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。コメントデータの処理方法の詳細はこちらをご覧ください。@civicガジェット好きなソフトウェアプログラマー。SeatNextなどを開発しました。