PHP��Flex��@�̈Ⴂ�����΂���

�`PHP�v���O���}�̂��߂�Flex����`

���@��_�i�͂�E�����Ђ�j

������ЃG�t�G�b�N�X�r�C��\�����CVO / Design Wedge
2009/11/11


�uFlex�v���ĉ��H Flash�Ɖ����Ⴄ�́H

�@PHP�́A���̓t�H�[������{�i�I��Web�A�v���P�[�V�����܂ŁA���܂��܂ȗ��p�p�r������܂��B�����Ɋւ���e�Ղ�����A�����̃v���W�F�N�g�Ŏg���Ă��܂����BPHP���g���Ă��܂��܂�Web�T�C�g������Ă����ƁA���̂����Ԃ‚���ǂ�1�‚ɁuFlash�Ƃ��ł����ƃf�X�N�g�b�v�A�v���̂悤�Ȏg������ɂ��Ă�v�Ƃ������Ƃ�����܂��B

�@���̉������1�‚ɂ́AHTML�������o�͂���̂ł͂Ȃ��A�uJavaScript���g���ăT�C�g��Ajax������v�Ƃ������Ƃ�����܂����A�t�H�[���̃f�U�C����CSS�̒��ł��Ȃ��Ȃ�������̂������A�܂�Web�u���E�U�Ԃ̈ˑ�������������̂����J�ł��B

�@�����ŕ����яオ���Ă������1�‚̑I�����́A�u���y����98���߂�Web�u���E�U�v���O�C���ł���Flash���o����v�Ƃ������Ƃł����AFlash�͓Ǝ��̕���������A�Ȃ��Ȃ��v���O���}�ɂ͂Ƃ��‚�����Ƃ������ł��B

�@����Ȑl�ɂ����߂Ȃ̂��AFlex Builder���g�����J���X�^�C���ł��BFlex�́A�uMXML�v�Ƃ���XML�̈��ƁuActionScript�v�Ƃ����X�N���v�g������g���ăA�v���P�[�V�������\�z�ł���A�v���O���}������Flash�c�[���ł��B

�@�{�L���ł́APHP�{HTML��Web�A�v���P�[�V������Flex Builder�̍�@�̈Ⴂ�Ȃǂ�ʂ���Flex�ɂ‚��Ċw��ł����܂��B���ɊJ���‹���Aptana��Eclipse���g���Ă�����́AFlex Builder������Eclipse�x�[�X�̊J���‹��Ȃ̂ŃI�X�X���ł��B

�ҏW�����FFlex Builder�́A2010�N3���̐V�ł���uFlash Builder 4�v�ɖ��̕ύX���Ă��܂��B���Ԍ���̖����ł� �_�E�����[�h ���Ďg���܂�

�@Flash�ɂ����蕶�����Ȃ��������̂��AFlex

�@Flash�̋��Ȍ�����1�‚ɁA�g�Ǝ��̕����h������Ǝv���܂��B�uFlash�̂ǂ��ɋ��̌���������̂��v�ɂ‚��ď����������Ĕc�����Ă݂܂��傤�BFlash�́A3�‚̑��ʂ��琬�藧���Ă��܂��B

�@�܂�Flash�ɂ́A�G��`������A���ꂢ�ȕ�������͂����肷��A�u�`��c�[���v�Ƃ��Ă̑��ʂ�����܂��BAdobe Illustrator�݂����Ȃ��̂��v�������ׂĂ���������΂Ǝv���܂��B

�@2�–ڂ̑��ʂƂ��āA�u�A�j���[�V�����c�[���v�Ƃ��Ă̑��ʂ�����܂��B�悭Web�T�C�g�̃o�i�[�ȂǂŎg���Ă���悤�ȃA�j���[�V��������邱�Ƃ��ł��܂��BFlash�̃A�j���[�V�����́A���Ԏ��ɉ����Đ��삳��A���̎��Ԏ��́u�^�C�����C���v�Ƃ����p��ŌĂ΂ꂽ�肵�܂��B���Ԏ��ɉ����ĕ��ׂ����o�v�f���A���ꂼ�������A�j���[�V�����Ƃ��ē��삳���邱�Ƃ��ł��܂��B

�@������3�–ڂ��AActionScript�̓���‹��Ƃ������ʂł��BActionScript���g���ƁA���܂��܂Ȏ��o�v�f��UI�i���[�U�[�C���^�[�t�F�C�X�j�𓮓I�ɐ���������A�O���̃f�[�^������������ł��܂��B

�@Flash���J���҂Ɍ����錴����1�‚ɁA�uActionScript��P�Ƀv���O��������΂悢�v�Ƃ����킯�ł͂Ȃ��A�u���Ԃ〈���ڂ̊T�O����������Ă���v�Ƃ����_�ɂ���̂ł͂Ȃ��ł��傤���B

�@Flex�́A�����Flash�̕`��c�[���ƃ^�C�����C�����g�����A�j���[�V���������������̂Ƃ����܂��B����ɁA�����UI���`���邽�߂�MXML�Ƃ���XML�t�@�C�����g�p���āA���h���̕������`���܂��B

�}1�@Flash�̉�ʁi��j��Flex�̉�ʁi���j�BFlex��PHPer�ɂƂ��Ă����ɂȂ��݂₷����ʂ�������

Flex�́AMXML�{ActionScript��Flash�t�@�C�����쐬

�@MXML��ActionScript�̑O�ɁAFlex SDK��Flex Builder�ɂ‚��Ęb���Ă��������Ǝv���܂��B

�@Flex�Ƃ����ƁAFlex Builder�̂悤�ȊJ���A�v���P�[�V�������v�������ׂ邩������܂��񂪁AFlex���̂̓t���[�����[�N�ł���A�J���‹��́uFlex SDK�v�Ƃ����`�Ŗ������J����Ă��܂��B�‚܂�A���̋C�ɂȂ�΁A�e�L�X�g�G�f�B�^��Flex SDK���g�p���ăR���p�C�����s�����Ƃ�Flex�A�v���P�[�V�������쐬�ł���̂ł��B

�@������Flex Builder���g���ƁA���܂��܂Ȑ�������I�Ɋy�ɂ��邱�Ƃ��ł��邽�߁A�uFlex�A�v���P�[�V���������ɂ�Flex Builder���s�Œ��v�Ƃ����Ă����Ǝv���܂��B

�@Flex�A�v���P�[�V�����ł́AUI�ɑ������镔����MXML�Ƃ���XML�t�@�C�����g�p����Ə����܂������A���̂悤�Ȋ����̂��̂ł��B

�@�@MXML�ŏ������ȒP��Hello World�v���O����
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Label text="Hello World!"/>
</mx:Application>;

�@��L�̃\�[�X��Flex Builder��ō쐬���A�R���p�C��������ƁAWeb�u���E�U��ʂɁuHello World!�v�Ƃ����������\������܂��BMXML�͒P�Ȃ�XML�t�@�C���ŁA�umx�v�Ƃ������O��Ԃ��g�����^�O�������Ă����܂��B

�@�Ⴆ�΁A<mx:Label>�Ȃ當����\������t�B�[���h�Ƃ������ƂɂȂ�A<mx:Button>�Ȃ�{�^����\������A�Ƃ��������ł��B�\���̂�����́A�f�t�H���g�ł�HTML�̂悤�Ƀ^�O���ɗv�f��z�u���Ă����`�ɂȂ�܂��BFlex�͂��̂悤��MXML��UI������Ă����܂��B��قǏڂ����q�ׂ܂����AFlex�ł̓h���b�O���h���b�v��UI��ݒu���邱�Ƃ��ł��܂��B�����UI�̊�́u�R���|�[�l���g�v�ƌĂ΂�܂��B

�@MXML��UI���������́A���̋�����ݒ肷��K�v������܂��B�Ⴆ�΁A�{�^�����������牽�����b�Z�[�W���o�������ꍇ�Ȃǂł��B�����ŁAActionScript���K�v�ƂȂ�܂��BActionScript�̃o�[�W�����́A����3.0�ł��BActionScript�́A1.0�̂����JavaScript�Ƒ��F�i���񂵂傭�j�Ȃ��X�^�C���ł������A�o�[�W������3.0�ɂȂ������݂́A�ǂ��炩�Ƃ�����Java�̂悤�Ȍ���X�^�C���ƂȂ��Ă��܂��B

�@ActionScript��MXML���ɋL�q������A�g���q.as�t�@�C���Ƃ��ĊO������ǂݍ��ނ��Ƃ��ł��܂��BFlex Builder�ł́A�쐬����MXML��ActionScript���r���h�Ƃ����`�ŃR���p�C�������邱�ƂŎ��s�t�@�C���𐶐��ł��܂��B

  1-2

�@INDEX
PHP��Flex��@�̈Ⴂ�����΂���
Page1
�uFlex�v���ĉ��H Flash�Ɖ����Ⴄ�́H
Flash�ɂ����蕶�����Ȃ��������̂��AFlex
Flex�́AMXML�{ActionScript��Flash�t�@�C�����쐬
  Page2
PHP��ActionScript�ׂ̍��ȈႢ
Flex Builder�Ŏg����R���|�[�l���g�ƃ��C�A�E�g
Aptana�Ƃ̔�r�Ō���Flex Builder�̎g����
Flex Builder���g�����J���̗���

���b�`�N���C�A���g�����[ �S�L���ꗗ��



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

���ڂ̃e�[�}

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

�{�� ����