Naoki Shibayama nashibao

これはWeb Accessibility Advent Calendar 2013 14日目の記事です。
とはいえアクセシビリティの概念的な側面には詳しくないので小手先の内容になってしまい、そうそうたる記事の中で恐縮。

JSで表示を制御するカルーセルについて、非JSの環境で使うためにはどうすればいいか今一度考えてみました。

非JS環境での問題

非JS環境での一番の問題は、そもそもカルーセルは表示できる領域に対してコンテンツが多い場合に利用されるものなので、その中身をすべて表示するには領域が足りない、という点です。（あたりまえですが）

そんなわけでできるだけ他のデザイン要素に影響しない、カルーセルの領域の中で収まる代替表現が必要になります。

原題：Dynamo: Amazon’s Highly Available Key-value Store

This article is translated by @ono_matope. Please contact me if any problem.

	var co = function(fn){

	function is_gen(obj) {
	return obj && obj.constructor && 'GeneratorFunctionPrototype' == obj.constructor.name;
	}

	return function(done){
	var gen = fn;
	if(typeof gen == 'function')
	gen = gen();

	module.exports = {
	format: 'json',
	apiVersion: '2013-11-04',
	endpointPrefix: 'kinesis',
	jsonVersion: '1.1',
	serviceFullName: 'Amazon Kinesis',
	signatureVersion: 'v4',
	targetPrefix: 'Kinesis_20131104',
	timestampFormat: 'iso8601',
	operations: {

	package Redis::Custom;
	use strict;
	use warnings;

	# Redis::Custom->setup_custom_command( $redis, 'sjaccardstore', $lua_script, 1 );

	sub setup_custom_command {
	my ($package, $redis, $command_name, $lua_script, $key_count, @binded_values) = @_;

	my ($sha1) = $redis->script_load( $lua_script );

	var cluster = require('cluster');
	var PORT = +process.env.PORT \|\| 1337;

	if (cluster.isMaster) {
	// In real life, you'd probably use more than just 2 workers,
	// and perhaps not put the master and worker in the same file.
	cluster.fork();
	cluster.fork();

	cluster.on('disconnect', function(worker) {

	"use strict";
	var express = require('express')
	, http = require('http')
	, path = require('path')
	, io = require('socket.io')
	, connect = require("express/node_modules/connect")
	, Session = express.session.Session
	, app = express();

	//メモリストアかRedisのどちらかでセッションを保存

	# create a new post
	rake new_post["title"]

	# re-build the site including any recent changes
	rake generate

	# run WEBrick server locally on port 4000
	rake preview

	# push changes to github (master branch)

	var EventEmitter = require("events").EventEmitter,
	redis = require("redis"),
	dateformat = require("dateformat");

	function population32(x)
	{
	x -= ((x >> 1) & 0x55555555);
	x = (((x >> 2) & 0x33333333) + (x & 0x33333333));
	x = (((x >> 4) + x) & 0x0f0f0f0f);
	x += (x >> 8);