연습장:카페인러브

1. 캘린더#

	<div class="div-cell "><div class="caption">1일</div>
{{{12월 1일|}}}</div>
	<div class="div-cell "><div class="caption">2일</div>
{{{12월 2일|}}}</div>
	<div class="div-cell "><div class="caption">3일</div>
{{{12월 3일|}}}</div>
	<div class="div-cell "><div class="caption">4일</div>
{{{12월 4일|}}}</div>
	<div class="div-cell "><div class="caption">5일</div>
{{{12월 5일|}}}</div>
	<div class="div-cell "><div class="caption">6일</div>
{{{12월 6일|}}}</div>
	<div class="div-cell "><div class="caption">7일</div>
{{{12월 7일|}}}</div>
	<div class="div-cell "><div class="caption">8일</div>
{{{12월 8일|}}}</div>
	<div class="div-cell "><div class="caption">9일</div>
{{{12월 9일|}}}</div>
	<div class="div-cell "><div class="caption">10일</div>
{{{12월 10일|}}}</div>
	<div class="div-cell "><div class="caption">11일</div>
{{{12월 11일|}}}</div>
	<div class="div-cell "><div class="caption">12일</div>
{{{12월 12일|}}}</div>
	<div class="div-cell "><div class="caption">13일</div>
{{{12월 13일|}}}</div>
	<div class="div-cell "><div class="caption">14일</div>
{{{12월 14일|}}}</div>
	<div class="div-cell "><div class="caption">15일</div>
{{{12월 15일|}}}</div>
	<div class="div-cell "><div class="caption">16일</div>
{{{12월 16일|}}}</div>
	<div class="div-cell "><div class="caption">17일</div>
{{{12월 17일|}}}</div>
	<div class="div-cell "><div class="caption">18일</div>
{{{12월 18일|}}}</div>
	<div class="div-cell "><div class="caption">19일</div>
{{{12월 19일|}}}</div>
	<div class="div-cell "><div class="caption">20일</div>
{{{12월 20일|}}}</div>
	<div class="div-cell "><div class="caption">21일</div>
{{{12월 21일|}}}</div>
	<div class="div-cell "><div class="caption">22일</div>
{{{12월 22일|}}}</div>
	<div class="div-cell "><div class="caption">23일</div>
{{{12월 23일|}}}</div>
	<div class="div-cell "><div class="caption">24일</div>
{{{12월 24일|}}}</div>
	<div class="div-cell "><div class="caption">25일</div>
{{{12월 25일|}}}</div>
	<div class="div-cell "><div class="caption">26일</div>
{{{12월 26일|}}}</div>
	<div class="div-cell "><div class="caption">27일</div>
{{{12월 27일|}}}</div>
	<div class="div-cell "><div class="caption">28일</div>
{{{12월 28일|}}}</div>
	<div class="div-cell "><div class="caption">29일</div>
{{{12월 29일|}}}</div>
	<div class="div-cell "><div class="caption">30일</div>
{{{12월 30일|}}}</div>
	<div class="div-cell "><div class="caption">31일</div>
{{{12월 31일|}}}</div>

2. 해야 할 일#

2.1 관리#

중요

• 사이드바에 목차가 뜨지 않을때 배경색이든 뭐든 좀 채워주자
• Lazy Loading을 적용해서 latency 절약
• 단행본 틀
  • ISBN의 단위를 자동 삽입하지 않음 (봇 편집 후 틀 고침)
  • 복수의 발행일, ISBN이 있을 때 국기 인덴트를 유지 (div.information과 같은 방식으로 처리)

보통

• 이미지 썸네일을 alpha 레이어로 처리 (absolute positioning) : /includes/ 에 위치
• 에피소드 / 단행본 틀을 사용하지 않았을 때, 목록을 프리티하게 출력 가능하게 하는 틀 생산
• {{제작한 작품}}을 출력만 갤러리 형식으로 만드는 것을 고려해 보자

사소

• SVG renderer 설치 (thumbnail error)

2.2 편집#

<createbox>

width=20 buttonlabel=만들기 placeholder=캐릭터의 이름을 입력해 주세요. preload=틀:서식/캐릭터 </createbox><createbox> width=20 buttonlabel=만들기 placeholder=작품의 제목을 입력해 주세요. preload=틀:서식/작품

</createbox>

성우, 가수	캐릭터	작품
fripSide 아스미 카나 (타이업) 하야미 사오리 (타이업) 카네모토 히사코 (타이업) 카야노 아이 (타이업) 코야스 타케히토 (애니메이션) 이세 마리야 (애니메이션) 사와시로 미유키 (애니메이션) 히카사 요코 (애니메이션) 토마츠 하루카 (애니메이션) 우에사카 스미레 테라카와 아이미 Pile	카가리노 키리에 미즈키 마나 야마다 아오이 시이나 마시로 민트 클라크 쿠니타치 린카	kiss×sis 아라카와 언더 더 브릿지 러키☆스타 소드 아트 온라인/등장인물 서번트 서비스/등장인물

2.3 지속적인 업데이트#

• 세계에서 제일 강해지고 싶어!

3. 유틸리티#

Decimal ASCII Chart
DEC	OUT	DEC	OUT	DEC	OUT	DEC	OUT	DEC	OUT	DEC	OUT	DEC	OUT	DEC	OUT
0	NUL	16	DLE	32	SP	48	0	64	@	80	P	96	`	112	p
1	SOH	17	DC1	33	!	49	1	65	A	81	Q	97	a	113	q
2	STX	18	DC2	34	"	50	2	66	B	82	R	98	b	114	r
3	ETX	19	DC3	35	#	51	3	67	C	83	S	99	c	115	s
4	EOT	20	DC4	36	$	52	4	68	D	84	T	100	d	116	t
5	ENQ	21	NAK	37	%	53	5	69	E	85	U	101	e	117	u
6	ACK	22	SYN	38	&	54	6	70	F	86	V	102	f	118	v
7	BEL	23	ETB	39	'	55	7	71	G	87	W	103	g	119	w
8	BS	24	CAN	40	(	56	8	72	H	88	X	104	h	120	x
9	HT	25	EM	41	)	57	9	73	I	89	Y	105	i	121	y
10	LF	26	SUB	42	*	58	:	74	J	90	Z	106	j	122	z
11	VT	27	ESC	43	+	59	;	75	K	91	[	107	k	123	{
12	FF	28	FS	44	,	60	<	76	L	92	\	108	l	124	|
13	CR	29	GS	45	-	61	=	77	M	93	]	109	m	125	}
14	SO	30	RS	46	.	62	>	78	N	94	^	110	n	126	~
15	SI	31	US	47	/	63	?	79	O	95	_	111	o	127	DEL

4. Navbar#

• 애니메이션
• 라노베・코믹스
• 공략형 게임
• 성우

5. auto expand textarea#

$(document).ready(function($) {
	$("textarea").keyup(function(e) {
		while($(this).outerHeight() < this.scrollHeight + parseFloat($(this).css("borderTopWidth")) + parseFloat($(this).css("borderBottomWidth"))) {
			$(this).css('overflow', 'hidden');
			$(this).height($(this).height()+1);
		};
	});
});

var textarea = document.getElementById("wpTextbox1");
var heightLimit = 800;

textarea.onkeydown = function(){
  textarea.style.height = ""; /* Reset the height*/
  textarea.style.height = Math.min(textarea.scrollHeight, heightLimit) + "px";
}

6. peel#

{{#ifexpr:{{#rpos:{{{param}}}|]]}}>-1|{{#replace:{{#sub:{{{param}}}|2}}|]]}}|{{{param}}}}}

• [[카미야 히로시]] returns 카미야 히로시
• 카미야 히로시 returns 카미야 히로시

7. lorem#

위키가 중립적이어야 하는 이유들

덕질도 학문처럼 원전으로 해야 한다고 생각합니다. 물론 가능한 범위 안에서. 본래의 작품과 마주해 보고 나만의 리액션을 가지는 것은 다양한 시각과 의견을 확보할 수 있고, 그로 인해 분야의 깊이를 확장할 수 있기 때문입니다. 타인에 의해 비틀어진 정보를 주입받으면 편향된 시각만이 존재하게 되므로 독자는 그 개성을 잃고 작가는 독자의 반응을 패턴화해 거기에 응답하는 로봇이 되어 버리겠지요.

질리지 않고 위키 활동을 계속하려면

민간 자막 제작자를 떠올려 봅시다. 이들은 고생해서 자막을 만드는 댓가로 얻는 것이라곤 고맙다는 메시지 이외에 실질적으로 거의 없지요. 빨리 올려달라고 떼 쓰는 사람, 취향에 안 맞는 자막이라고 공격하는 사람, 내가 만든 자막을 베껴 쓰는 사람을 만나기도 하고요. 그런 환경에서 오랫동안 자막을 만들 수 있으려면 '누군가의 도움이 되었으면 좋겠다'는 생각보다는 '나 자신을 위한 작업이다'라는 생각으로 계속해야 합니다. 내가 좋아하는 작품에 자막을 만들고, 내 일어 능력을 향상시키고, 내 블로그에 유용한 자료를 채워넣는 보람. 그런 것들을 위해서 활동해야 의욕을 오래 유지할 수 있습니다.

그렇다면 왜 '위키'를 통해서 타인과 협업해야 하는가? 그 열쇠는... (CM 다음에)