<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ハブろぐ - blog.ayumusato.com &#187; CSS</title>
	<atom:link href="http://blog.ayumusato.com/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.ayumusato.com</link>
	<description>WEBなことしてます。お酒大好き。ソフトウェア、ユーザビリティ、認知科学、ガジェットetc...散漫な話題が多い雑記です。</description>
	<lastBuildDate>Tue, 15 Sep 2009 02:39:25 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>アンケート用ページ制作中-2</title>
		<link>http://blog.ayumusato.com/misc/%e3%82%a2%e3%83%b3%e3%82%b1%e3%83%bc%e3%83%88%e7%94%a8%e3%83%9a%e3%83%bc%e3%82%b8%e5%88%b6%e4%bd%9c%e4%b8%ad-2</link>
		<comments>http://blog.ayumusato.com/misc/%e3%82%a2%e3%83%b3%e3%82%b1%e3%83%bc%e3%83%88%e7%94%a8%e3%83%9a%e3%83%bc%e3%82%b8%e5%88%b6%e4%bd%9c%e4%b8%ad-2#comments</comments>
		<pubDate>Fri, 12 Dec 2008 16:38:20 +0000</pubDate>
		<dc:creator>ahomu</dc:creator>
				<category><![CDATA[HTML&CSS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[雑記]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[調査]]></category>

		<guid isPermaLink="false">http://metaxa.oops.jp/wordpress/?p=239</guid>
		<description><![CDATA[

　こんなのを作るのですよ的図。出来そうな感じはしているので、どうせなら＋αを求めてSmartyとやらを試すつもり。

◆今日の分はラジオボタン改善の第２段
※現状では、例によってFirefox3のみの動作確認です。
 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://metaxa.oops.jp/wordpress/wp-content/uploads/2008/12/form_image.gif"><img src="http://metaxa.oops.jp/wordpress/wp-content/uploads/2008/12/form_image.gif" alt="" title="form_image" width="500" height="275" class="alignnone size-full wp-image-240" /></a></p>

<p>　こんなのを作るのですよ的図。出来そうな感じはしているので、どうせなら＋αを求めてSmartyとやらを試すつもり。</p>

<p>◆<strong><a href="http://metaxa.oops.jp/experiments/081212/2/">今日の分はラジオボタン改善の第２段</a></strong>
※現状では、例によってFirefox3のみの動作確認です。
　今日は、基礎をやったり、前エントリのような寄り道があったりであまり変化していません。</p>

<p>ラジオボタンの操作上の改善について（根本的にラジオボタン小さすぎ！）</p>

<dl>
<dt><strong>● 形容詞対の場合</strong></dt>
<dd>　被調査者自身がもつ心象を、どちら側かに&#8221;寄せる&#8221;また&#8221;近寄る&#8221;という行為をサポートする意味で、左右の矢印つきボタンは、そこそこ有効だろうと考えて、ボタンを設置しています。</dd>
<dd>

<em>形容詞(Positive)　←　５　４　３　２　１　→　形容詞（Negative）</em>

</dd>
<dd>　初期値は3ですが、印象への影響を踏まえて、checkedは指定していません。
　問題がひとつ。ボタンを使ってどちらかの形容詞に最接近（5か1）するには、ボタンを2回押す必要があり、1回押して選択できる条件（4や2）よりは、労力が掛かる条件であると言えます。
　よって、1回だけ押して、4か2か、どちらかに近寄ったという意志を示した程度で被調査者が納得し、次の項目に移ってしまうという可能性も考えられます。形容詞対の項目も次に示す普通の選択項目と、同様の表現のほうがいいかもしれません。</dd>

<dt><strong>● 単純な選択項目の場合</strong></dt>
<dd>　やっぱりラジオボタンが小さい！　ほんとに困ったさんです。で、しょうがないのでラジオボタンと項目説明の文字列を、label要素でまとめて括った後、label要素をCSSでボタンっぽく整形しました。
　これで何とか押しやすくなったのではないでしょうか！　でもボタンの押下表現はきっとIEを除いたモダンブラウザでのみの動作です。
</dd>
</dl>

<p>　インターネットを使った調査だと、この辺のインターフェースはすごく気を使いそうですね。<a href="http://www.cedrus.com/responsepads/pics/rb730_colorcaps_w480.jpg">こういうボタン</a>が用意された環境で統制できればいいんですが、さすがに無理。
　キーボードっていう手も。A　S　D　F　G　のキーそれぞれに五カ所の位置を対応させたり。フォームの外装はFLASHで作ってしまったほうが、解決手段は多い気がしてならない。</p>

<ins datetime="2008-12-12T16:46:15+00:00">
　いやまて、選択項目をラジオボタン以外の、例えばドロップダウンリストとかにして大きくすりゃ良くないか自分！？　あえてラジオボタンで・・・・・紙面アンケートのメタファに近い方がお年寄りにも優しいよ！</ins>

<p>PHPの勉強した分のメモが続く<span id="more-239"></span></p>

<blockquote>
setcookie(保存するcookie名,保存する値,有効期限sec)
有効期限を設定しない場合、PHPのsession.cookie_lifetime設定が適用される。これの初期値は0 = &#8220;ブラウザが閉じられるまで有効&#8221;である。

session_start(); //セッションを開始する
$_SESSION["セッション変数名"] = 値; //セッション変数に値を格納
$_SESSION["セッション変数名"] = array(); //セッション変数を空にする

<em>◆Smartyって？</em>
　テンプレートエンジンである　→　ソレは何？　→　htmlにphpを埋め込んだような記述のシロモノを、.phpと.tpl(HTML)で分離させる

<em>◆Smartyはclass module？</em>
　as3のクラスと似たようなもん　→　フィールド、コンストラクタ、メソッドである（<a href="http://www.stackasterisk.jp/tech/php/php03_09.jsp">http://www.stackasterisk.jp/tech/php/php03_09.jsp</a>）

<em>◆Classは実体化させないといけない</em>
　reqire_once(&#8220;class_module.php&#8221;);
　$classSein = new className;
　（AS3だと、import class_module;　var classSein = new className();　addChild(classSein);）

<em>◆クラスの継承</em>
　起源になるクラスを含むphpファイルをreqire_onceで読み込み後、
　class childClassName extends className{} で、classNameを継承した、childClassNameが生成される
　AS3でも似たようなモノがあるようだ。(<a href="http://www.atmarkit.co.jp/fwcr/rensai2/as3_05/as3_05_1.html">http://www.atmarkit.co.jp/fwcr/rensai2/as3_05/as3_05_1.html</a>)</blockquote>

<p>Smartyをダウンロードしたので今から試します。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.ayumusato.com/misc/%e3%82%a2%e3%83%b3%e3%82%b1%e3%83%bc%e3%83%88%e7%94%a8%e3%83%9a%e3%83%bc%e3%82%b8%e5%88%b6%e4%bd%9c%e4%b8%ad-2/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

