�@�{�A�ځu�N���E�h��gaedirect�łł���ً}�Ή��}�b�V���A�b�v�v�ł́A��1��ł́ugaedirect���g�p����GAE�N���E�h��Bigtable��{�����v��gaedirect�̈Ӌ`�Ɗ�{�@�\���Љ�A��2��́uGoogle Chart API�ō쐬����d�͎g�p�O���t�v�A��3��́uGoogle Maps API�Ƃ̃}�b�V���A�b�v�ō쐬����Ôg�A�s�Y�̋L�^�v�ł̓O���t�A�n�}�\���Ƃ̃}�b�V���A�b�v���Љ�Ă��܂����B
�@�ŏI��ƂȂ鍡��́u�{�����e�B�A���Ǘ��v���ނƂ��ăT���v�����쐬���AGoogle App Engine�i�ȉ��AGAE�j�^�N���E�h�̃f�[�^�X�g�A�uBigtable�v��JavaScript�^jQuery�ň����ugaedirect�v�ł�UI���쐫�ɂ��ďЉ�܂��B
�@�܂��ȑO���m�点�����悤�ɁAgaedirect�̃_�E�����[�h�Ǝ��ۂɎg�p���邽�߂̐ݒ�E����ɂ��ďЉ�܂��Bgaedirect���g�������Ǝv���Ă�����A��ς��҂������܂����B
�@�k�ЂɊւ���{�����e�B�A���T�C�g�Ƃ��Ă͎�Ȃ��̂Ƃ��ĉ��L�̂悤�ȃT�C�g������܂��B
�@����̐k�Ђł͍L��Ȓn��ɓn���Ĕ�Q�������������߁A�{�����e�B�A�╨���ł̎x�����s���ɂ������āA�ǂ��łǂ̂悤�Ȏx�����K�v�Ƃ���Ă���̂��A��Ȃ���ΑS��������܂���B��ɋ������{�����e�B�A�T�C�g�́A���̂悤�Ȗ����������Ďx�����������ʓI�ɍs�����߂̑�ϗL�v�ȏ�����Ă��܂��B
�@�܂��A���̂悤�ȏ���ICT�i���E�ʐM�j�V�X�e�����Ȃ���Εs�\�ł��邱�Ƃ͊m���ŁAICT�̈З͂������������������Ǝv���܂��B����́A���̂悤�ȃ{�����e�B�A���Ȃǂ�o�^����T�C�g��UI�ɂ��āA�T���v����ʂ��čl�������Ǝv���܂��B
�@����܂ł̘A�ڂ̓O���t��n�}���g�p�����}�b�V���A�b�v�T���v���ł��������߁Agaedirect�ł̓o�^�E�Q�ƁE�X�V�����Ȃǂ��A�����ς�e�L�X�g�t�B�[���h���g�p�������e�ł����B
�@�������A�{�����e�B�A���Ǘ��̂悤�ȕ�����S�ł�UI����ł́A���W�I�{�^���A�`�F�b�N�{�b�N�X�A����ɃZ���N�g���j���[�Ȃǂ�UI�R���g���[�����g�p���邱�Ƃ������A�܂�UI�R���g���[���̎g�p�ɂ���đ��쐫�����シ��ꍇ����������܂��B
�@gaedirect�́A���̂悤��UI�R���g���[������̃f�[�^�擾�ɂ��Ēlj��v���O���~���O��S���s�킸�ɁAUI����̑�����N���E�h��̕��UKVS�iBigtable�j�ւ�CRUD�����ɒ���������@�\�������Ă��܂��B
�@�{�����e�B�A���̃T���v�����g�p����UI�R���g���[�����g�p�����o�^�T���v�������Ă����܂��B
�@�}1�̓{�����e�B�A���̓o�^��ʃT���v���ł��B��ʂł́A�{�����e�B�A�̎x����K�v�Ƃ��Ă���c�̂���̎Q�����W������e�ɂȂ��Ă��܂����A��ʏ�ł̓e�L�X�g���̓t�B�[���h�̑��ɁA���W�I�{�^���A�`�F�b�N�{�b�N�X����ɃZ���N�g���j���[�̃R���g���[�����S�Ďg�p����Ă��܂��B
�@�Ƃ���ŁA����܂ł̘A�ڂ�ǂ�ł�����ɂ́Agaedirect�W���ł̓o�^�f�[�^�w��̓f�[�^���̓t�B�[���h��ID�l�i���v���p�e�B�l�j���J���}�u,�v���ŕ��ׂ邾���Ȃ̂ŁA�u���W�I�{�^���Ȃǂ�UI�R���g���[�����g�p�ł��Ȃ��̂ł́v�Ǝv�������������Ǝv���܂��B
�@������gaedirect�ł́AUI�R���g���[�����g�p���邱�Ƃ͉\�ŁA�������A�ڑ�1��̓o�^�����ŏЉ�������菇�̂܂܂ł悭�AUI�R���g���[���Ŏw�肳�ꂽ�l���擾�E�ݒ肷�邽�߂̃R�[�h�L�q�Ȃǂ̒lj��͑S���K�v�Ȃ��̂ł��B����ł͂�����m�F���邽�߂ɑ��������R�[�h�����Ă����܂��B
<meta charset="utf-8"/> <title>�{�����e�B�A���Ǘ�</title> <script type="text/javascript" src="/jslib/gaedirect.js"></script> <script type="text/javascript" src="/jslib/jquery-1.6.1.min.js"></script> <script type="text/javascript"> $(function(){ var kind = "assist"; var props = "title,link,org,valid,create-at,update-at,summary,target,work,pref,area,start-at,end-at,lat,lon,confirm"; // �y1�z var propsd = "title,link,org,in:valid,create-at,update-at,summary,target,work,pref,area,start-at,end-at,do:lat,do:lon,confirm"; // �y2�z /* �yA�z �{�����e�B�A���o�^ �J�n */ $("#add").click(function(){ var key = $("#key").val(); $.post(gae(), add(kind, key, propsd), function(res){ $("#stat").html(res); }); }); /* �yA�z �{�����e�B�A���o�^ �I�� */ �@�@ /* �yB�z �{�����e�B�A���Q�� */ /* �yC�z �{�����e�B�A���X�V */ /* �yD�z �{�����e�B�A���폜 */ }); </script> </head> <body> <h2 style="color: #aa0022">gaedirect�Ń{�����e�B�A���Ǘ�</h2> �X�e�[�^�X:<span id="stat"></span><br/> <input type="button" id="add" value=" �o�^ "/> <input type="button" id="rev" value=" �Q�� "/> <input type="button" id="upd" value=" �X�V "/> <input type="button" id="del" value=" �폜 "/><br/> ��L�[:<input type="text" id="key" size="10"/><br/> �^�C�g��:<input type="text" size="80" id="title" /><br/> �����N:<input type="text" size="70" id="link" /><br/> ��Î�:<input type="text" size="70" id="org" /><br/> �L���E����: <span id="valid"> <input type="radio" name="stat" value="1">�L�� <input type="radio" name="stat" value="0">���� </span><br/> �쐬��:<input type="text" size="10" id="create-at" value="2011-06-01"/> �X�V��:<input type="text" size="10" id="update-at" value="2011-06-01"/><br/> ���e:<br/><textarea id="summary" rows="10" cols="80" wrap="hard"></textarea><br/> �x���Ώۋ敪 (1:�l��/2:����): <span id="target"> <input type="radio" name="need" value="1">�l�� <input type="radio" name="need" value="0">���� </span><br/> �x���Ώ�: <div id="work"> <input type="checkbox" name="target" value="�ΐl�d���">�ΐl�d��� <input type="checkbox" name="target" value="�ΐl�y���">�ΐl�y��� <input type="checkbox" name="target" value="�Ε��d���">�Ε��d��� <input type="checkbox" name="target" value="�Ε��y���">�Ε��y��� <input type="checkbox" name="target" value="���̑�">���̑� </div> �s��: <select id="pref"> <option value="">�I��</option> <option value="�X��">�X��</option> <option value="��茧">��茧</option> <option value="�{�錧">�{�錧</option> <option value="������">������</option> <option value="��錧">��錧</option> </select> �n��:<input type="text" id="area" /><br/> �J�n��:<input type="text" size="10" id="start-at" value="2011-06-01"/> �I����:<input type="text" size="10" id="end-at" value="2011-06-01"/><br/> lat(�ܓx):<input type="text" id="lat" size="16" /> lon(�o�x):<input type="text" id="lon" size="16" /> <br/> ���m�F��(��: �d�b/���[��/���̑�) :<input type="text" id="confirm" /><br/> </body> </html>
�@���X�g1�ŁyA�z�̕������u�o�^�v�{�^���N���b�N����jQuery�œo�^�����s���Ă���R�[�h�L�q�ł��B�A�ڑ�1��ŏЉ���o�^�����Ɠ��e�͑S�������V���v���ȏ����菇�ŁAUI�R���g���[������p�ɒlj�����Ă��镔���͂���܂���B
�@gaedirect�ł̓f�[�^�̓��͂�ݒ肪�e�L�X�g�t�B�[���h����s���Ă���̂��A���邢�̓��W�I�{�^���Ȃǂ�UI�R���g���[������s���Ă���̂��������I�ɔ��ʂ��āABigtable�ɓo�^����f�[�^���擾�ł���悤�ɂȂ��Ă��܂��B
�@�������Agaedirect�ł͓��̓t�B�[���h��ID�l�Ŏw�肷��̂������ɂȂ��Ă��邱�Ƃ���AUI�R���g���[���̃^�O�L�q�ł͎��̂悤�ɍs���܂����A�������σV���v���Ȃ��̂ł��B
<span id="valid"> <input type="radio" name="stat" value="1">�L�� <input type="radio" name="stat" value="0">���� </span>
�@���X�g2�͂����ł̃T���v���Ŏg�p����Ă��郉�W�I�{�^���̃^�O�L�q�ł��B�����̃��W�I�{�^���p�́�input���^�O�̕��т���div���⁃span���A��td���^�O�Ȃǂň͂݁A���̃^�O�Ɂy1�z�ŗ���ID�l���w�肵�܂��i�����ł́uid="valid"�v�j�B���W�I�{�^���ł́Aname�����őI���O���[�v���w�肵�Avalue�����őI�����ꂽ�Ƃ��̒l���w�肵�܂��B
<div id="work"> <input type="checkbox" name="target" value="�ΐl�d���">�ΐl�d��� <input type="checkbox" name="target" value="�ΐl�y���">�ΐl�y��� : </span>
�@�`�F�b�N�{�b�N�X�̏ꍇ�����W�I�{�^���Ɠ��l�ɁA�^�O�̕��т���div���A��span���A��td���^�O�Ȃǂň͂݁A���̃^�O��ID�l���w�肵�܂��B�`�F�b�N�{�b�N�X�̏ꍇ�͕������ڂ��I������邱�Ƃ������ł����A�I�����ꂽ�����̍��ڂ́A�G���e�B�e�B���Ń��X�g�`���̃v���p�e�B���ڂƂ��ēo�^����܂��B
<select id="pref"> <option value="">�I��</option> <option value="�X��">�X��</option> </select>
�@�Z���N�g���j���[�̏ꍇ�̓��X�g4�̂悤�Ɂ�select���^�O��ID�l���w�肷��A����œo�^�ł��܂��B
�@UI�R���g���[�����g�p�����o�^�E�X�V�����́A�A�ڑ�1��ŏЉ���u�A�z�z����g�p�����o�^�����v�ōs�����Ƃ��\�ł����AUI�R���g���[������̃f�[�^�擾��A�z�z��ւ̃Z�b�g�������ōs���K�v������܂��B
�@���y�[�W�ł͎Q�ƁE�X�V�E�폜�@�\�ɂ��ĉ�����Agaedirect���g�������ł̒��ӓ_��A�Z�b�g�A�b�v�̎d����������܂��B
Copyright © ITmedia, Inc. All Rights Reserved.