会員登録フォームや資料請求フォームでの入力作業は、多くのユーザにとって面倒で煩わしい作業です。フォームをできるだけ「簡単そう」、「手軽そう」な印象にすることは、ユーザの心理的負担を軽減するうえで重要です。 ただ、ユーザに対して丁寧に注意文言を提示すればするほど、まとめて無視されてしまったり、「簡単そう」な印象から離れて威圧感のあるページとなってしまうなど、適切にユーザに情報を伝えるという本来の意図から外れてしまいます。 今回はユーザの心理的障壁を高めることなく、コンプライアンス文言を適切に配置する方法を考えてみたいと思います。 1）注意文言をリンクにする 情報量の多い注意文言はリンクにすると必要なスペースが少なくて済むため、見た目の威圧感を低減するとともに、まとめて無視されてしまうリスクも低減します。また、必ずしも全ユーザに確認してもらう必要のない重要度の低い注意文言に関しては、まとめてペ

ゲームで使うCPU思考ルーチン(AI)、迷路自動生成などのスタック処理は、Device Central で問題なくても 実機上で一定フレーム以上かかると落ちる、というより落とされてしまうようです。 重いループを書くときは注意。 _timer = getTimer() + 1000 / 12;//ms while((length(_stack) > 0) and (_timer > getTimer())) { //スタック処理 } 次のフレームに if(length(_stack) > 0){ gotoAndPlay(_currentframe-1) }

twitter facebook hatena google pocket フォームの入力内容を送信前にチェックすると有益な情報を得る可能性が高くなります。 またコンバージョン、ユーザビリティの向上にも役立つことができるでしょう。 今回はjQueryプラグイン「vanadium」を利用します。 sponsors 使用方法 vanadiumからvanadium.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="vanadium.js"></script> あとは内容に応じてclassを振っていけば完成です。 なお、スタイルは以下となります。 正しい場合：.vanadium-valid

Movable Type のブログ記事編集画面・ウェブページ編集画面のフィールドの表示・非表示を制御する、EditFieldController プラグインを公開します。 下の画像は、特定のユーザーがブログ記事を編集する場合に、タイトルフィールドを書き込み禁止にし、本文以外のフィールドを非表示にした例です。 デフォルト機能でもユーザー自身がフィールドの表示・非表示を変更できますが、このプラグインではシステム管理者がログインユーザー名でフィールドの表示・非表示を制御できる点が異なります。 つまり記事編集者が誤って別のフィールドを編集する行為を防止することを目的としたプラグインです。機能としてはまだまだ未完成なので、「こういう制御を行ないたい」という希望がありましたらご要望ください。今後はロール名でも制御できるようにする予定です。 １．機能 指定ユーザーに対し、以下のフィールドの表示（書込み禁

テキストエリアにテキストを入力する際、集中してできるようにするスクリプトをwheresrhysから紹介します。

jQueryで実装する、省スペースに複数のパネルをスライド表示するシンプルなスクリプトのチュートリアルをdevirtuosoから紹介します。 jQuery Slideshow Explained demo デモでは、右下の数字をクリックすると対応したパネルをスライド表示させます。また、自動プレイにも対応しています。 パネルはdiv要素で、画像やリンクやテキストなどを自由に配置することができます。 スクリプトはjQueryを使用しているため、実装にはjquery.jsが必要です。

画像やテキストをフォーカスした際に、不透明度をコントロールするスクリプトをdavid walsh blogから紹介します。 <textarea name="code" class="js" cols="60" rows="5"> $(document).ready(function() { //area 1 $('.fade-area-1').children().hover(function() { $(this).siblings().stop().fadeTo(500,0.5); }, function() { $(this).siblings().stop().fadeTo(500,1); }); //area 2 $('.fade-area-2').children().hover(function() { $(this).siblings().stop().fadeTo(500