impress.js�Ńh�h��ȃX���C�h���‚��낤���I�FHTML5�A�v����낤���I�i1�j�i1/3 �y�[�W�j

CSS3�����p�����I�[�v���\�[�X�̃v���[���e�[�V�����쐬�̂��߂�JavaScript���C�u�����uimpress.js�v�Ńh�h��ȃX���C�h������Ă݂悤

» 2012�N03��14�� 00��00�� ���J
[�R��叕�C���ÃV�X�e��]

�@�gHTML5�A�v����낤���I�h�A�ڂ��X�^�[�g���܂����I �f�W�^���n���E�b�h�̌����A�v���N���N���G�C�^�[��U�u�t���A�ŋ߂͂��́uHTML5�EJavaScript���C�u�����ECSS3�EAPI�v�̏Љ�A�܂�������g�ݍ��킹���usample�A�v���P�[�V�����̏Љ�Ɖ���v�����I�����M���Ă����܂��B

�@�ŋ߁A�Z�~�i�[�ł��́uimpress.js�v�𗘗p����@������̂ł����A���̍ۂɎQ���҂���]�����ǂ��̂ŁA�܂��͂�����Љ�܂��B

impress.js�Ƃ́H

�@CSS3�����p�����I�[�v���\�[�X�i���C�Z���XMIT�j�̃v���[���e�[�V����JavaScript���C�u�����ł��B

DEMO

DEMO��������

�Ώۃu���E�U

�@Safari�u���E�U������ł͍ł��X���[�Y�ɓ��삵�܂��B�ꉞ�AChrome�������u���E�U�ł��B

����

�y1�z�h�h��ȃX���C�h����

�@�ő�̓����͔h��ŃC�P�C�P�ȃX���C�h�B�n�߂Ă݂��l�͕K�������邱�ƊԈႢ����܂���B�V���v���ȃX���C�h��y�[�W���߂���悤�ȓ����������̂�����܂����Aimpress.js�͑��̃X���C�h���C�u�����Ƃ͂܂������̕ʕ��Ƃ�����ł��傤�B

�y2�z�Z���Ԃł̃X���C�h�쐬���”\

�@impress.js���C�u�������_�E�����[�h����ƁA�ŏ�����_�E�����[�h�p�b�P�[�W�ɓ����Ă���gindex.html�h���T���v���t�@�C���ł��B�t�@�C�����̕��͂Ȃǂ�ύX�E�폜�E�lj����邾���ł��\���g�������ł��B�v���[���e�[�V�����̎����쐬���Ԃ͒Z�k�������������Ɍ��܂��Ă��܂��B�󂢂����Ԃ͔��\���K�Ɋ��蓖�Ă���A���e���C�����鎞�ԂƂ��Ă��g���܂��B

�y3�zjQuery��K�v�Ƃ��Ȃ�

�@�ŋ߂�JavaScript���C�u�����́AjQuery�ƃZ�b�g�Ŏg�����Ƃ������̂ł����A����impress.js��jQuery��K�v�Ƃ����P�̂œ��삵�܂��B

�y4�z���[�J���‹��ō쐬�E�m�F���ł���

�@HTML�t�@�C���Ȃ̂Ń��[�J���‹��iPC���j�Ŋm�F���”\�ł��B�T�[�o�𗘗p���Ċm�F����K�v���Ȃ����߁A������ݒ�ȂǂɎ��Ԃ��g���K�v�͂���܂���BHTML�t�@�C����ҏW���邾���ł��B

�y5�z�t�@�C���T�C�Y���y��

�@js�t�@�C�����Q�Ƃ��Ă���������Ε�����܂����A���C�u�����Ƃ��Ă͔��ɏ��Ȃ��X�N���v�g�s�ō쐬����Ă��邱�Ƃ��m�F�ł��܂��B���ۂ̃t�@�C���T�C�Y��10kbytes�Ə��Ȃ߂ŁA����jQuery�Ȃǂ̃��C�u�����Ɣ�ׂĂ��i�i�ɏ��Ȃ��̂�������1�‚ł��B

impress.js���g���Ă݂悤

1�D�܂��̓_�E�����[�h����B

�_�E�����[�h��������

2�D�ȉ��̉�ʂ��J���܂��B

_E[hy[W

3�D��L�Ԙg�́gZIP�h�{�^�����N���b�N���邱�ƂŃ_�E�����[�h���J�n���܂��B

4�D�_�E�����[�h��AZIP���𓀂��܂��B

�@�f�X�N�g�b�v�Ȃǂɉ𓀂��Ă�OK�ł��i�ǂ��ɉ𓀂�������Y��Ȃ��悤�Ɂj�B

5�D�𓀂����t�H���_���ɂ͈ȉ��̃t�@�C���ƃt�H���_�����݂��Ă��܂��B

𓀂tH_̃t@CƃtH_

6�D�t�H���_���ꗗ

index.html�X���C�h�y�[�W
jsJavaScript���C�u�����t�H���_
cssCss�t�H���_
apple-touch-icon.png�X�}�[�g�t�H���p�A�C�R��
Readme.mdimpress.js�̓Y�t����

�� �𓀂����t�H���_���ɂ͏�L�t�@�C���ƃt�H���_�������Ă��܂��B

7�Dindex.html���m�F���܂����AChrome�u���E�U��Safari�u���E�U�Ŋm�F���Ă��������B

8�DSafari�u���E�U�Ō���ƈȉ���HOME��ʂ��\������܂��B

Tvy[WHOME

9�D����ŃT���v���y�[�W�̋N���m�F��OK�ł��B

�@�@�@�@�@�@ 1|2|3 ���̃y�[�W��

Copyright © ITmedia, Inc. All Rights Reserved.

'; }; BodyAdGAMWithCCE.prototype = Object.create(BodyAdContent.prototype); BodyAdGAMWithCCE.EVENT_INIT = 'init'; BodyAdGAMWithCCE.EVENT_READY = 'ready'; /** * AdContent �̏������Ɨ��p���� */ BodyAdGAMWithCCE.prototype.init = function () { Logger.writeln('BodyAdGAMWithCCE.prototype.init'); this.dispatchEvent(new CustomEvent(BodyAdGAMWithCCE.EVENT_INIT)); }; /** * �L���g�� GAM ���N�G�X�g */ BodyAdGAMWithCCE.prototype.activate = function () { refreshGam('InArtSpecialLink'); this.dispatchEvent(new CustomEvent(BodyAdGAMWithCCE.EVENT_READY)); }; // global reference window.itm = itm; //entry point const build = function( e ) { BodyAdEventBase.polyfill(); const bodyAdManager = BodyAdManager.getInstance(); bodyAdManager.addEventListener(BodyAdManager.EVENTS.READY, function (ev) { bodyAdManager.loadAdvertise(); }); bodyAdManager.init(); } build(); })();

�A�C�e�B���f�B�A����̂��m�点

�X�|���T�[����̂��m�点PR

���ڂ̃e�[�}

Microsoft  WindowsőO2026
lɗȂA{ŌZLeBu_iCYv
4AI by IT - AIAAA
AI for GWjAO
[R[h^m[R[h Zg by IT - ITGWjArWlX̒SŊ􂷂gD
Cloud Native Central by IT - XP[uȔ\͂gD
�V�X�e���J���m�E�n�E �y�����i�r�zPR
���Ȃ��ɂ������߂̋L��PR

RSS�ɂ‚���

�A�C�e�B���f�B�AID�ɂ‚���

���[���}�K�W���o�^

��IT�̃��[���}�K�W���́A �������A���ׂĖ����ł��B���Ѓ��[���}�K�W�������w�ǂ��������B