タグ

formに関するaki77のブックマーク (285)

  • symfony - open-source PHP5 web framework

    Services Platform.sh for Symfony Best platform to deploy Symfony apps SymfonyInsight Automatic quality checks for your apps Symfony Certification Prove your knowledge and boost your career SensioLabs Professional services to help you with Symfony Blackfire Profile and monitor performance of your apps

    symfony - open-source PHP5 web framework
    aki77
    aki77 2009/03/03
  • JSONView

    Tools JSON Viewer QRCode Generator

    aki77
    aki77 2009/02/19
  • 離脱されない携帯サイトのフォーム作成術 (ユーザビリティ実践メモ)

    みなさんは携帯サイトの会員登録を行う際に以下のような経験はありませんか? ・入力エラーが発生した。 ・次ページの読み込み中に接続不良となった。 弊社のユーザ行動観察調査では、会員登録時に上のような状況に直面すると、多くの人が会員登録をあきらめてしまう様子が観察されています。 今回はこのようなトラブル発生を防ぎ、「離脱されないフォーム」を実現する上で重要となるポイントを2つご紹介します。 フォーム入力例を適切な位置に配置する フォーム内の各項目に入力例を明示することでエラー発生を防ぎます。ごくごく当たり前のことですが、PCサイトに比べてコンテンツスペースが少ないことを理由に、携帯サイトでは「入力例が省略されたフォーム」が多く見受けられます。 また、入力例の配置にも注意が必要です。たとえ入力例が配置されているフォームであっても、下図の左側のように入力欄の下に配置しているものは十分と言えません。

  • Jobeet - 11日目: フォームのテスト - モノノフ日記

    遅くなりましたが、明けましておめでとうございます。 今年もマイペースで訳していきますのでどうぞよろしくお願いします。 今回はフォームのテストの書き方についてです。 Day 11: Testing your Forms (1_2) - Symfony 前回までのJobeet 昨日はsymfonyで初めてフォームを作成しました。ユーザはJobeetに新しい仕事を投稿できるようになっていますが、テストを追加する時間が無くなってしまいました。 今日はフォーム用のテストを追加します。その途中で、フォームフレームワークについて更に学習を進めていきます。 symfony無しでのフォームフレームワークの利用 symfonyフレームワークの構成要素はかなり疎結合となっています。このことはそれらのほとんどがMVCフレームワーク全体を使うことなしに利用できるということを意味します。フォームフレームワークもsym

    Jobeet - 11日目: フォームのテスト - モノノフ日記
  • 送信ボタンの上にリンクがあればtabindex=-1に | ランサーズ社長日記

    いいね! 1 ツイート B! はてブ 86 Pocket 8 入力フォーム間の移動はマウスで行いますか?tabで移動しますか? 例えばtabでログインフォームを移動していて、IDとパスワードを入力して、送信ボタンを押そうとする時に、送信ボタンの上にリンクがあって、間違ってリンクを押してしまい、とてもストレスを感じたことはありませんか? 年始に興味がわくような話題ではないかもしれませんが、ちょっとしたTIPSに。。 ライブドアさんを例に出して申し訳ないのですが、ライブドアさんのログイン画面には「ID・パスワードを忘れた方」というリンクがあります。 パスワードを入力した後にtabを押すと、このリンクにカーソルが当たります。フォーム間の移動をtabで行い、最終フォームに来ると「tab + Enter」が癖になっている人に取って、このリンクを間違って押してしまうことが結構あります。リンク後に戻って

  • jQuery.autouploader Pluginを作成しました。 : tech.kayac.com - KAYAC engineers' blog

    AutoHotKeyの設定ファイルが意味不明で困ってます。agoです。 このたび弊社ではにおい部 - においフェチに捧げるコミュニティとして、におい部をOPENしました。 今回はこのサイトで使用している、ファイル選択時の自動プレビューjavascriptをjQuery.autouploaderとしてjQuery Plugin化したので公開したいと思います。 使い方はjQueryと一緒にpluginを読み込むだけ。 <script type="text/javascript"jquery.autouploader.js"></script> これで<form enctype="multipart/form-data">の中にある、<input type="file">に対して自動的にプレビュー機能が追加されます。 サーバサイドはアップロードされたファイルを保存し、そのURIを返すAPIを作成

    jQuery.autouploader Pluginを作成しました。 : tech.kayac.com - KAYAC engineers' blog
  • 会員登録時などでの確認用2回目入力、メルアドは5割半が「コピペする」

    オンラインサービスの会員登録などでは、登録するメールアドレスやパスワードの内容確認のため、2回入力することを求められる。このとき、ネットユーザーはどんな操作をしているのだろうか。20代から40代を中心とする男女422名の回答を集計した。 会員登録時などにメールアドレス確認で2回目の入力を求められた場合、「直接入力している」が45.5%、「コピペしている」が54.5%と、コピペ派が過半数を占めた。男女別に見ると、男性はコピペ派が57.9%で、直接入力派より15.8ポイント高かったが、女性はコピペ派と直接入力派がほぼ半数ずつだった。 年代別では、20代はコピペ派と直接入力派がほぼ半数ずつ、30代は57.6%がコピペ派、40代では55.0%が直接入力派と世代による違いが見られた。 パスワード確認で2回目の入力を求められた場合は、「直接入力している」が66.6%、「コピペしている」が33.4%と、

    会員登録時などでの確認用2回目入力、メルアドは5割半が「コピペする」
  • sfFormで確認画面を作るためのhidden作成 - ぷぎがぽぎ

    テンプレート内では、通常の要素表示(sfFormField->renderが呼び出される)の記述のまま、freezeされた場合はinputタグなどの表示から、入力値+hiddenタグの表示に自動的に切り替わるようにしてみました。 やっぱり皆やることは同じですねw Ajaxが使える場合はUIを巧く利用することで確認画面を無くしても問題ないことが多いですが、案件内容によっては確認画面が必須だったりしますよね。 [追記] 確認画面部分をsfFormに拡張できるプラグインがあることをコメントいただきました。 http://www.open-force.info/index.php/blog/show/l/54 こちらを使ったほうが簡単に実装できそうです。 で、私の場合は以下のようなメソッドをフォームクラスに追加することでHTML_QuickFormのfreeze,unfreezeを実装してみました

    sfFormで確認画面を作るためのhidden作成 - ぷぎがぽぎ
    aki77
    aki77 2008/12/02
  • DAY5: ログインフォームとパジネーション : エクスギア Blog

    4日目ではリファクタリングを中心に作業を行いました。 5日目の内容はログインフォームの実装と質問ページにページ送りの機能(パジネーション)を実装していきます。 sfForm フォームフレームワーク 今日の流れで一番理解しなくてはならないことはフォームの処理をsymfonyで行う箇所でしょう。 symfony1.1からはsfFormというフォーム処理のためのフォームフレームワークを使うことが前提になっています。 なんだかsymfonyそのものもフレームワークなのにややこしいなぁと思われる方が多いと思います。 これはフォーム処理に関する部分をsymfonyそのものの機能に依存しないようにすることでアクション部分のコードがスッキリし、役割が明確にできるというメリットがあります。 また、その一方で書かなくてはなならないコード量は増えてしまいます。そういう点ではデメリットかもしれません。 そ

    aki77
    aki77 2008/12/01
  • Zend Framework入門(11): 検証機能を含むリッチフォームの作成 - Zend_Form -(前編)

    連載では、PHP上で動作するアプリケーションフレームワークであるZend Frameworkについて紹介していきます。前回のZend_Viewについての記事で、MCVモデルの構成要素についての紹介が一通り終わりました。今回からは、Zend Frameworkを便利に使うためのさまざまなモジュールの紹介に移りたいと思います。 はじめに 連載では、PHP上で動作するアプリケーションフレームワークであるZend Frameworkについて紹介していきます。前回のZend_Viewについての記事で、MCVモデルの構成要素についての紹介が一通り終わりました。今回からは、Zend Frameworkを便利に使うためのさまざまなモジュールの紹介に移りたいと思います。 今回紹介するZend_Formは、ウェブフォームに関する機能を一通り揃えたモジュールです。前回紹介したZend_Viewのヘルパにもフ

    Zend Framework入門(11): 検証機能を含むリッチフォームの作成 - Zend_Form -(前編)
  • selectボックスをシンプルなプルダウンに拡張するjQuery.selectable.js :: 5509

  • Wufoo Making forms easy fast fun.

    An arrow pointing left An arrow pointing right An arrow pointing left A magnifying glass The Twitter logo The Facebook logo The LinkedIn logo The Google Plus logo The RSS feed symbol The Wufoo by SurveyMonkey Logo The Wufoo by SurveyMonkey Logo A credit card A tray with an upwards pointing arrow A diamond with two arrows leading to different boxes Two bars in a chart Two pages A painter's palette

    aki77
    aki77 2008/10/23
    アンケート
  • 高反発マットレスの選び方 | アフィブログに騙されない為の高反発マットレス手記

    ウレタン系高反発マットレスでよく言及されるのが密度です。それを頑張って分かりやすく説明してみます。

    aki77
    aki77 2008/10/20
  • sfFormのメッセージの日本語化 - ぷぎがぽぎ

    以下のようなメッセージファイルを<アプリケーション>/i18n/form.ja.xmlに用意し <xliff version="1.0"> <file orginal="global" source-language="en_US" datatype="plaintext"> <body> <trans-unit> <source>Required.</source> <target>未入力の必須項目があります</target> </trans-unit> <trans-unit> <source>Invalid.</source> <target>入力した値を再度確認してください</target> </trans-unit> <trans-unit> <source>CSRF attack detected.</source> <target>画面遷移が確認できませんでした</targe

    sfFormのメッセージの日本語化 - ぷぎがぽぎ
    aki77
    aki77 2008/10/13
  • Redo The Web » Chapter 10 - Forms

    aki77
    aki77 2008/10/04
    sfForm
  • Building better web forms: Context highlighting using jQuery : Janko Jovanovic

    In my previous article “Labels in form layouts” I wrote about how I have implemented “underlined labels” on web application forms. However, due to complexity of web appications I developed I often needed to find a way to focus a user on a current context. When I discovered jQuery I decided to use it because of its powerful features. Since the forms were often very complex and had (too much I would

  • 携帯XHTMLでの入力モードのまとめと、ちょっとしたハマりどころについて - 絶品ゆどうふのタレ

    先日の勉強会での発表内容に関して、ke-tai.orgさんのところで入力モードについて突っ込まれたので、せっかくだし書きかけの記事をきちんとまとめてみることにしました。 元々、wideの%MobileStudyで入力モードの話が出た際、意外と情報が間違って知られていたりすることが多いようだったので、特にはまりやすいあたりを中心に、入力モード指定についてざっくりと書いておこうと思って、まとめたかけでそのまま放置していたwものがあったんですが、それがベースです。 そんなわけで、記憶頼りが中心であんまり検証しないで書いてるので、間違いが含まれてたらごめんなさい。 では題。 入力モードとは まず、入力モード指定って何のことかという話からすると、みんな携帯をいじる時に「全角かな」とか「数字」とか「英小文字」とかいろいろ端末の文字入力を切り替えると思うんですが、あれのことです。 サイトを作る時にin

    携帯XHTMLでの入力モードのまとめと、ちょっとしたハマりどころについて - 絶品ゆどうふのタレ
  • 会員登録からログインまでが瞬速のTimelopeのインターフェース | SIMPLE*SIMPLE

    ブラウザ履歴を共有できるTimelopeですが、会員登録からログインまでがちょっぱやです。なんと登録時のユーザー名をいれるとそれがすぐに右上のログインボックスに反映されます。しかもパスワードまで! ↑ 登録しながらログインフォームを埋めている感じ。 やりすぎなような気がしないでもないですがw、会員登録したらすぐに試したいもの。ありといえばありのインターフェースですね。

    会員登録からログインまでが瞬速のTimelopeのインターフェース | SIMPLE*SIMPLE
    aki77
    aki77 2008/09/15
  • symfony - open-source PHP5 web framework

    Services Platform.sh for Symfony Best platform to deploy Symfony apps SymfonyInsight Automatic quality checks for your apps Symfony Certification Prove your knowledge and boost your career SensioLabs Professional services to help you with Symfony Blackfire Profile and monitor performance of your apps

    symfony - open-source PHP5 web framework
    aki77
    aki77 2008/09/12
    validator, 1.1
  • 403 Forbidden

    \閉鎖予定のサイトも売れるかも?/ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう

    aki77
    aki77 2008/09/07