Open Laszlo���g���č�郊�b�`�N���C�A���g
�i2�j
Open Laszlo�œ��{���\�����Ă݂悤



����
2005/4/28
�{�A�ڂł̓I�[�v���\�[�X�̃��b�`�N���C�A���g���i�Ƃ��čŋߋ}���ɒ��ڂ��W�߂‚‚���uLaszlo�v��������Ă���BLaszlo�̓T�[�o�T�C�h�Ő��������R���e���c��Flash�Ƃ��ăN���C�A���g��Web�u���E�U�ɔz�M������̂ŁAMacromedia�Ђ�Flex�Ɣ��ɂ悭�����A�[�L�e�N�`�����̗p�B�O��u�I�[�v���\�[�X�̃��b�`�N���C�A���g���g�����v�̋L���ŃC���X�g�[�����ł����ǎ҂͂����������{�ꉻ���Ă݂悤�B

��9 ���{��Ńn���[���[���h

�@�uReset�v�{�^�����N���b�N���ă\�[�X�R�[�h���I���W�i���ɖ߂��܂��B���ɁA�uHello World�v���u�n���[���[���h�v�ƕύX���ē��{�����͂��uUpdate�v�{�^�����N���b�N���܂��B������Laszlo�A�v���P�[�V���� �̌��ʂ͕����������Ă��܂��܂��B

�@���[�h�}�b�v�ɂ��΁ALaszlo�v���[���e�[�V�����T�[�o��3.0b1����Unicode��������悤�ɂȂ��Ă���A���{��ɑΉ����Ă��܂��BLaszloExplorer���ȉ��̂悤��JSP�t�@�C����ύX���邾���ŁAUnicode��������悤�ɂȂ�܂��B

  • C:\Program Files\Laszlo Presentation Server 3.0b2\Server
    \lps-3.0b2\Laszlo-explorer\ source.jsp���G�f�B�^�ŊJ���܂��B

  • �擪XML�R�����g�s�̎��i�u<%@ page import="Java.util.ArrayList,�v�s�̎�O�j�Ɉȉ���1�s��lj����܂��i�e�u�v����1�s�j�B
    �u<%@ page contentType="text/html; charset=UTF-8" %>�v

  • �uString src = request.getParameter("src");�v�s�̎�O�Ɉȉ���1�s��lj����܂��i�e�u�v����1�s�j�B
    �urequest.setCharacterEncoding("UTF-8");�v

  • �uBufferedWriter writer = new BufferedWriter(new FileWriter(tempFile));�v�s���R�����g�A�E�g���ȉ���3�s��lj����܂��i�e�u�v����1�s�j�B
    �uFileOutputStream fos = new FileOutputStream(tempFilePath);�v
    �uOutputStreamWriter osw = new OutputStreamWriter(fos, "UTF-8");�v
    �uBufferedWriter writer = new BufferedWriter(osw);�v

  • �uresponse.addHeader("Content-Type","application/octet-strem");�v�s���R�����g�A�E�g���Ĉȉ���1�s��lj����܂��i�e�u�v����1�s�j�B
    �uresponse.setContentType("application/octet-stream; charset=UTF-8");�v

  • �uFile file = new File(temp?tempFilePath:application.getRealPath(src));�v�ƁuBufferedReader reader = new BufferedReader(new FileReader(file));�v��2�s���R�����g�A�E�g���Ĉȉ���3�s��lj����܂��i�e�u�v����1�s�j�B
    �uFileInputStream fis = new FileInputStream(temp?tempFilePath:application.getRealPath(src));�v
    �uInputStreamReader isr = new InputStreamReader(fis, "UTF-8");�v
    �uBufferedReader reader = new BufferedReader(isr);�v


�@�C�����I�������uReset�v�{�^�����N���b�N���ă\�[�X�R�[�h���I���W�i���ɖ߂��܂��B���ɁA�uHello World�v���u�n���[���[���h�v�ƕύX���ē��{�����͂��uUpdate�v�{�^�����N���b�N���܂��B����Łu�n���[���[���h�v���\�������͂��ł��i���1�j�B

���1�@���{�ꂪ�\���ł���

�@�uLaszloin 10 Minutes�v�ł́A�uHello World�v����n�܂���Laszlo�A�v���P�[�V�����̋@�\����ʂ�������Ă���̂ŁA���Ў����Ă��������B

�� Laszlo�v���O���~���O�A�[�L�e�N�`���[
�@�E �J���c�[��

�@Laszlo�v���[���e�[�V�����T�[�o3.0b2�����̊J���‹��Ƃ��ẮA�e�L�X�g�G�f�B�^��XML�G�f�B�^���g�p���܂��B�܂��A��q����Eclipse�x�[�X��IDE�‹��ɂ‚��ẮAIBM�Ђ��񋟂���Ă���A�����p���邱�Ƃ��”\�ł��B

�@�R�[�f�B���O�����\�[�X�t�@�C�����uC:\Program Files\Laszlo Presentation Server 3.0b2\Server\lps-3.0b2\my-apps�v�ɕۑ�����Ƃ��̎��s���ʂ� http://localhost:8080/lps-3.0b2/my-apps/�\�[�X�t�@�C���Ŋm�F���邱�Ƃ��ł��܂��B

�@�����ɏ�L�̃\�[�X�R�[�h���A�������Ȃǂ̃e�L�X�g�G�f�B�^�ɃR�s�[���y�[�X�g���āA�����R�[�h��UTF-8�ɂ��Atest.lzx �Ƃ����t�@�C�����ۑ����Ă��������B

�@�u���E�U��http://localhost:8080/lps-3.0b2/my-apps/test.lzx�ɃA�N�Z�X����ƃA�v���P�[�V�����̎��s���ʂ��\�������͂��ł��B

�@�E LZX

�@LZX��Laszlo�A�v���P�[�V�������L�q����XML��JavaScript���x�[�X�Ƃ����I�u�W�F�N�g�w���̌���ł��B

�@LZX�̑g�ݍ��݃I�u�W�F�N�g�A���\�b�h�A�v���p�e�B��N���X�́AXML�G�������g�Ƃ��ċL�q����i�ΐF�����j�A�������W�b�N��JavaScript���g�p���ċL�q����܂��i���F�����j�B

<canvas width="200">
    <button onclick="vw.toggleSize()" text="Toggle Size" />
    <view id="vw" y="30" width="100" height="200" bgcolor="blue" >
       <method name="toggleSize">
         if ( width == 100 ) {
           this.setWidth(200); this.setHeight(100); }
         else {
           this.setWidth(100); this.setHeight(200); }

      </method>
    </view>
</canvas>

�@�E �C�x���g����

�@LZX�ł́A�C�x���g�̃R�[���o�b�N���[�`����method�G�������g�ŋL�q�ł��܂��i���F�����j
�����X�g1��

<canvas width="200">
    <!-- setWidth ���\�b�h�� onwidth �C�x���g�𔭐�������B-->
    <button onclick="vw.setWidth(200)"
         text="Expand Width" />

    <view id="vw" bgcolor="blue"
            y="30" width="100" height="100" >

       <!-- width ���ύX������ onwidth �C�x���g���������� -->
       <!-- onwidth �̃C�x���g�n���h���[���`����-->

       <method event="onwidth" >
           this.setBGcolor(0xFF0000)
       </method>

      
    </view>
</canvas>


�@�����܂łœ��{��\�����ł������낤���B���񂩂�́ALazslo�̃R���|�[�l���g��f�[�^�o�C�j���O�A����ɂ�Eclipse���g�p�����J���܂ł�ǂ������B�ŏI�I�ɂ́ALaszlo���g����Amazon��Web�T�[�r�X�̃t�����g�G���h�̍쐬�܂ł��s���\�肾�B






HTML5 + UX �t�H�[���� �V���L��
��IT���[���}�K�W���@�V������X�^�b�t�̃R���������[���œ͂��܂��i�����j

���ڂ̃e�[�}

HTML5�{UX �L�������L���O

�{�� ����