WEBVTT 00:00:00.006 --> 00:00:02.306 안녕하세요. 00:00:02.306 --> 00:00:07.840 [외부] David 라고 합니다. 00:00:09.080 --> 00:00:10.290 내가 David Catuhe입니다. 00:00:10.290 --> 00:00:15.870 Microsoft DX에 대 한 작업 여기서 중점을 00:00:15.870 --> 00:00:20.650 열린 웹 표준 및 Microsoft 가장자리에 분명히 00:00:20.650 --> 00:00:23.520 필자는를 모든 이 세션을 따라 00:00:23.520 --> 00:00:27.640 없습니다 Microsoft 지점 말하는 것 단지 Microsoft 가장자리 지금 말씀 하 고 00:00:27.640 --> 00:00:29.750 감수 해야 합니다. 00:00:29.750 --> 00:00:31.070 David와 같군요입니다. 00:00:31.070 --> 00:00:32.320 >> 안녕하세요입니다. 수행 하 고 00:00:32.320 --> 00:00:34.020 같은 일을 더 하 고 00:00:34.020 --> 00:00:37.300 수석 프로그램으로 작업 하 고 동일한 물건에 관리자입니다. 00:00:37.300 --> 00:00:40.970 >> 합니다 오늘 그렇기 때문 내부 코어를 제공합니다 00:00:40.970 --> 00:00:42.830 Microsoft 가장자리. 00:00:42.830 --> 00:00:45.990 고 주로 하려고 합니다. 새로운 기능에 초점 00:00:45.990 --> 00:00:47.590 추가한 것입니다. 00:00:47.590 --> 00:00:51.600 원하는 작업을 수행 하 고 이전에 거의 소개 00:00:51.600 --> 00:00:53.960 새 브라우저는 이유 설명? 00:00:55.210 --> 00:00:56.455 안에 무엇이 있습니까? 00:00:56.455 --> 00:00:59.185 와 우리 것 몇 가지 코딩을 할. 00:00:59.185 --> 00:01:00.185 >> 및 데모를 많이 합니다. 00:01:00.185 --> 00:01:03.455 >> 예, 그렇게 하십시오. 평가 제출. 00:01:03.455 --> 00:01:05.125 일부 상품을 이길 수 있습니다. 00:01:05.125 --> 00:01:06.725 바로 여기 QR 코드를 사용 합니다. 00:01:06.725 --> 00:01:09.435 생각 하는 데 사용 됩니다. 00:01:10.435 --> 00:01:13.700 지금의 의제, 세 부분으로 구성 새 엔진 왜? 00:01:13.700 --> 00:01:17.400 그러면 어떤 현대 웹 상호 운용성은 오늘날 의미 하 고 00:01:17.400 --> 00:01:20.267 분명히 하겠습니다 다음 기능 및 코드. 00:01:21.540 --> 00:01:23.230 즉석 투표 것입니다. 00:01:23.230 --> 00:01:25.090 웹 개발자는 누구 야? 00:01:26.530 --> 00:01:27.670 사랑 하나요. 00:01:27.670 --> 00:01:29.830 사랑 하나 사용자도 분명 합니다. 00:01:29.830 --> 00:01:33.310 [웃음] 하지만 사람들이 많이 모여 있는 고 00:01:33.310 --> 00:01:35.910 지난 해를 기억할 수 있습니다. 이 질문을 부탁 드렸습니다 00:01:35.910 --> 00:01:40.830 아마도 20% 룸 했습니다. 하 고 지금 처럼 50 인 것입니다. 00:01:40.830 --> 00:01:42.380 좋은 평가입니다. 00:01:42.380 --> 00:01:43.690 따라서 먼저 질문. 00:01:43.690 --> 00:01:44.880 때문에 새로운 엔진을 만들고 있습니까? 00:01:44.880 --> 00:01:46.780 새 브라우저를 만들기 때문에 00:01:46.780 --> 00:01:50.520 바로 지정할 수 있도록 약간의 어휘 00:01:50.520 --> 00:01:52.570 그 브라우저 작동 방법입니다. 00:01:52.570 --> 00:01:54.790 창 자체를 했습니다. 00:01:54.790 --> 00:01:55.820 라고 크롬. 00:01:55.820 --> 00:01:58.460 없는 사용 하기 쉬운 경우 브라우저에서 처리 하므로 00:01:58.460 --> 00:02:00.360 이제 창을 호출 합니다. 00:02:00.360 --> 00:02:04.760 그리고 그 창 고 DLL 의미 자체를 웹 플랫폼 00:02:04.760 --> 00:02:09.430 모든 c + + 코드를 핸들 HTML에 관련 된 모든 것 00:02:09.430 --> 00:02:14.900 JavaScript, CSS 렌더링 하는 데 그림을 페이지의 확인? 00:02:14.900 --> 00:02:18.420 IE의 이름 웹 플랫폼의 삼지창입니다. 00:02:18.420 --> 00:02:22.190 같은 텍스트 영역에는 분명히 크롬 및 00:02:22.190 --> 00:02:25.760 웹 플랫폼의 이름 이 시간은 깜박임입니다. 00:02:25.760 --> 00:02:30.870 WebKit은 Safari 했 고 Firefox의 Gecko를 했습니다. 00:02:30.870 --> 00:02:32.830 모두 같은 방식으로 작업 하지만 창 고 00:02:32.830 --> 00:02:34.690 내부 웹 플랫폼을 확인? 00:02:34.690 --> 00:02:35.450 렌더링 엔진입니다. 00:02:37.400 --> 00:02:38.502 약간의 기록입니다. 00:02:38.502 --> 00:02:42.860 20 년 전에 시작 했습니다. 00:02:42.860 --> 00:02:47.820 1995 년 첫 번째 버전에 Internet Explorer, 20 년전의 00:02:47.820 --> 00:02:51.450 컴퓨터 과학을 이야기할 때 공룡의 비슷합니다. 00:02:52.740 --> 00:02:54.510 만들 당시에 첫 번째 버전입니다. 00:02:54.510 --> 00:02:57.330 하지만 IE6으로 이동 하겠습니다. 00:02:57.330 --> 00:03:01.210 IE6은 첫 번째 버전 새로운 장난감을 도입 되었습니다 00:03:02.370 --> 00:03:05.130 여! 문서 종류입니다. 00:03:05.130 --> 00:03:10.163 주소를 우리에 대 한 아이디어를 했습니다. 같은 시간으로 새로운 기능 및 00:03:10.163 --> 00:03:14.102 뒤로 작업 호환성. 00:03:15.470 --> 00:03:18.010 많은 추가 하려는 내 IE의 새로운 기능 00:03:18.010 --> 00:03:20.330 웹 끊어지지입니다. 00:03:20.330 --> 00:03:23.080 따라서 언급 했 듯이, 자, 생각해 봅시다 00:03:23.080 --> 00:03:28.632 bank.type는 웹 개발자의 경우 페이지의 처음부터 00:03:28.632 --> 00:03:30.440 트리거는 고려 00:03:30.440 --> 00:03:35.880 아주 새로운 사용 하 여 IE6에 추가 하는 기능입니다. 00:03:35.880 --> 00:03:37.428 안 우리 때문에 웹을 중단 00:03:37.428 --> 00:03:42.830 보고서는 외부 이전 i e 5 등 같은 버전입니다. 00:03:42.830 --> 00:03:46.470 문서 모드를 호출 문서 모드입니다. 00:03:46.470 --> 00:03:51.670 문서 모드는 압축 플래그 내부 코드를 설정 하 고 00:03:51.670 --> 00:03:54.400 어떤 특정 기능을 해제 해야합니다. 00:03:54.400 --> 00:03:58.584 우리 수 생각해 내는 유니코드를 경우 수십 가지입니다. 00:03:58.584 --> 00:04:01.306 IE6, I를 차례로 누릅니다 하는 작업을 수행할 수 있습니다. 00:04:01.306 --> 00:04:04.050 경우 i e 5를 하 고 나는 할 수 없습니다. 00:04:04.050 --> 00:04:05.330 확인? 00:04:05.330 --> 00:04:07.969 씨는 ie6이 하 버전에서는 그 당시 00:04:07.969 --> 00:04:11.330 같은 엔진 내 두 문서 모드입니다. 00:04:11.330 --> 00:04:15.680 따라서 조합 수 있습니다. 두 경우 실제로. 00:04:15.680 --> 00:04:18.170 하는 경우 모든 버전에 대 한이 다음 해입니다. 00:04:18.170 --> 00:04:21.570 이 특정 버전에 없는 경우 그런 다음 우리는 할 수 없습니다. 00:04:23.040 --> 00:04:24.930 IE8로 가자 앞으로 이동 합니다. 00:04:27.160 --> 00:04:30.690 IE8을 사용 하 여 도입 되었습니다. 세 번째 모드를 문서화 합니다. 00:04:30.690 --> 00:04:33.130 동일한 스토리 여기 실제로. 00:04:33.130 --> 00:04:34.960 우리가이 개념 더 걸렸습니다. 00:04:34.960 --> 00:04:38.260 따라서 모드를 문서화 3 코드 안에 있으면 모드입니다. 00:04:39.490 --> 00:04:43.757 항상 염두에 새로운 제공 하려는 00:04:43.757 --> 00:04:47.712 웹을 중단 하지 않고 기능 확인? 00:04:47.712 --> 00:04:49.151 한 다음입니다. 00:04:49.151 --> 00:04:52.481 IE11으로 이동 하겠습니다. 00:04:52.481 --> 00:04:54.457 맞춰 봐? 00:04:54.457 --> 00:04:58.315 그 당시 알고 문제가 발생 했습니다. 00:04:58.315 --> 00:05:03.200 >> [웃음] >> 불가능 합니다. 00:05:03.200 --> 00:05:08.230 만든 개발자 IEngine 들 정말 용 감 했습니다. 00:05:08.230 --> 00:05:12.880 많은 것을 한다고합니다 경우 IE11 및 10 하지만 하지 00:05:12.880 --> 00:05:17.080 방금 8과 상관 없이, 할 일 정말 복잡 합니다. 00:05:17.080 --> 00:05:21.679 때문에 작업을 하면서 수행 하는 있지만 그 당시는 Chris가 호환 가능 합니다. 00:05:21.679 --> 00:05:25.320 이전 버전과 호환 가능 합니다. 00:05:25.320 --> 00:05:29.750 크롬, 이와 동시에 00:05:29.750 --> 00:05:33.740 Firefox, Opera, Safari는 상록 호출할 것입니다. 00:05:33.740 --> 00:05:37.540 즉, 방금 했습니다. 특정 버전입니다. 00:05:37.540 --> 00:05:41.890 경우 없는 크롬 31 또는 경우 크롬 32, 무엇이 든. 00:05:41.890 --> 00:05:45.240 단지 있는 모든 항상 사용할 수 있는 기능입니다. 00:05:45.240 --> 00:05:49.070 업데이트 되 고 많습니다. 00:05:50.640 --> 00:05:52.940 우리는 먹이가 없습니다. 00:05:54.660 --> 00:05:56.890 하기로 했습니다 새 브라우저를 소개 합니다. 00:05:56.890 --> 00:05:58.850 이 멋진 개념 단순한 사실 00:05:58.850 --> 00:06:01.530 IE11에서 유지 하겠습니다 이전 버전과 호환성입니다. 00:06:01.530 --> 00:06:03.680 IE11 더 이상 미치지 않습니다 했습니다. 00:06:03.680 --> 00:06:07.296 [INAUDIBLE] 아래 것 우리 기업에 대 한 취득 00:06:07.296 --> 00:06:11.650 나는 특정 기능을 웹에서 지원 되지 않습니다. 00:06:11.650 --> 00:06:13.970 라고 하는 레거시 기능. 00:06:13.970 --> 00:06:17.100 웹을 중단 하지는 않을 그러나 이동 하 고 00:06:17.100 --> 00:06:20.270 에 대 한 더 나은 환경을 제공 하기 위해 저희 웹 개발자입니다. 00:06:20.270 --> 00:06:25.380 따라서 Microsoft 가장자리를 소개 하겠습니다 새 기준 00:06:25.380 --> 00:06:29.900 DLL의 삼지창, 포크 및 겠다, 후 하 고 00:06:29.900 --> 00:06:33.340 모두 걸쳐가 하는 우리 10 Windows 장치입니다. 00:06:33.340 --> 00:06:37.340 마법을 여기서 볼 수 있습니다. 스폿에서 않습니다 있지만 00:06:37.340 --> 00:06:40.680 Windows 전화에서 가장자리 태블릿 컴퓨터에서 PC에. 00:06:40.680 --> 00:06:45.969 정말 사랑 하는 것입니다. 솔직히 있습니다. 00:06:45.969 --> 00:06:50.470 [웃음] 새로운 브라우저에 대해 이야기 하 고 00:06:51.520 --> 00:06:54.240 분명히 이야기 해야 상호 사용에 대 한 00:06:54.240 --> 00:06:57.160 자체 웹 및 다른 브라우저 공급 업체입니다. 00:06:57.160 --> 00:07:01.470 David을 제공할 수 있는 하 고 에 대 한 자세한 내용은? 00:07:01.470 --> 00:07:05.110 >> 예, 따라서 오늘날 사용 웹 주소, 웹 00:07:05.110 --> 00:07:09.260 다양 한 장치는 대상, 상당한 것 이므로 그렇게 00:07:09.260 --> 00:07:14.060 태블릿 Pc 전화, Tv, 심지어. 00:07:14.060 --> 00:07:15.710 >> 냉장고입니다. >> 많은 것 들. 냉장고입니다. 00:07:15.710 --> 00:07:16.720 케이스에 냉장고의 예 00:07:16.720 --> 00:07:17.260 정답입니다. 00:07:17.260 --> 00:07:18.970 >> 연결 된 냉장고가 있습니다. 00:07:18.970 --> 00:07:23.200 >> 개념 없는 쓰기 및 모든 범위를 실행 하는 꿈입니다. 00:07:23.200 --> 00:07:26.460 그런 다음 되었음을 알 수 있습니다. 사양 합니다. 00:07:27.990 --> 00:07:32.115 브라우저로 쓰기 사양 공급 업체는 다소 복잡 합니다. 00:07:32.115 --> 00:07:33.124 시간이 걸립니다. 00:07:33.124 --> 00:07:34.186 예를 들어, 00:07:34.186 --> 00:07:39.600 HTML 파일 지정이 이상 600 페이지 읽기 및 검토 00:07:39.600 --> 00:07:43.590 하 고 있어 브라우저 함께 쓰고 있습니다. 00:07:43.590 --> 00:07:46.900 하지만 경우에 따라 웹 개발자 사양을 읽고 하지. 00:07:46.900 --> 00:07:48.760 >> 때로는 이해 하지 못합니다. 00:07:48.760 --> 00:07:49.260 >> 예입니다. 00:07:50.980 --> 00:07:52.730 하지만 대부분 잘 작동합니다. 00:07:52.730 --> 00:07:57.660 바탕 화면 전원 등 이 쪽에 모양 경우에. 00:07:57.660 --> 00:08:01.700 지금 최신 버전을 사용 하는 경우 Firefox는 Internet Explorer의 00:08:01.700 --> 00:08:04.000 11 나 Microsoft 가장자리에 있습니다. 00:08:04.000 --> 00:08:06.680 대부분의 사용자도 많은 문제가 되지 않습니다. 00:08:06.680 --> 00:08:09.250 웹 사이트를 구축합니다. 브라우저의 모든 데크 00:08:09.250 --> 00:08:13.410 데스크톱에 소망 가져오는 방법이 있습니다. 00:08:13.410 --> 00:08:14.420 거의 없습니다 거의. 00:08:15.730 --> 00:08:19.130 모바일 버전으로 전환 하겠습니다. 00:08:20.850 --> 00:08:24.505 모바일 공간에서 볼 수 있습니다. 같은 크기에서 실행 되는 00:08:24.505 --> 00:08:28.810 Firefox에서 Safari 모바일 OS iPhone에 대 한에 00:08:28.810 --> 00:08:32.670 인스턴스 및 Internet Explorer 요소 및 창 전화입니다. 00:08:32.670 --> 00:08:36.400 일부는 볼 수 있습니다. 값이 렌더링 문제 및 00:08:36.400 --> 00:08:39.160 이해 해 보겠습니다 이유는이 문제가 있습니다. 00:08:39.160 --> 00:08:40.550 >> David 절대적 으로입니다. 00:08:40.550 --> 00:08:43.770 이 문제를 보도록 하겠습니다. 하려고 했는데 여기 캡처 00:08:43.770 --> 00:08:48.010 과학 아닙니다 없습니다 비례 동작 또는 무엇이 든. 00:08:48.010 --> 00:08:53.100 것이 바로 하는 방법을 설명 해 드리겠습니다. 어떻게 웹 작동 합니다. 00:08:53.100 --> 00:08:55.540 브라우저 창을 했 고 00:08:55.540 --> 00:08:59.730 고유한 구현 들 일부 특정 물건입니다. 00:08:59.730 --> 00:09:02.187 대부분의 우리가 사용 하려고 하지만 라고의 핵심에는 00:09:02.187 --> 00:09:06.180 작동 간 교차 위치 웹 작동 어디를 좋아? 00:09:07.380 --> 00:09:10.710 모바일 웹에 대 한 생각 다른 약간 있기 때문에 00:09:10.710 --> 00:09:16.270 대부분의 웹 개발자 웹 키트에 대 한 모바일 웹 사이트를 만듭니다. 00:09:16.270 --> 00:09:20.510 약간 복잡 했 고 경우에 Firefox. 00:09:20.510 --> 00:09:23.140 즉 이러한 방식으로 이동 해야 합니다. 00:09:23.140 --> 00:09:25.600 따라서 여기에 가장자리. 00:09:25.600 --> 00:09:29.790 고 지를 가장 먼저 매우 제거 하는 해 냈 00:09:29.790 --> 00:09:32.540 모두는 특정 얼음 거센 했습니다. 00:09:32.540 --> 00:09:34.968 그렇다면이 파란색을 제거 아래쪽 부분입니다. 00:09:34.968 --> 00:09:39.270 첨부 파일에 대 한 생각. 00:09:39.270 --> 00:09:44.040 등장으로 수신기를 사용 하는 대신 시간 첨부 파일에 추가 00:09:44.040 --> 00:09:45.280 즉 제대로입니다. 00:09:45.280 --> 00:09:49.040 심지어 오늘날에 볼 수 있습니다, 고 대 [들리지 않음] 하거나 하는 등 00:09:49.040 --> 00:09:52.670 경우를 볼 수 있습니다 첨부 파일을 한 첨부 파일 대신 사용 합니다. 00:09:52.670 --> 00:09:54.878 없을 경우 사용 합니다. 00:09:54.878 --> 00:09:56.503 제거 했습니다. 00:09:56.503 --> 00:09:58.671 작업 선택 하는 모든 범위에서 작동합니다. 00:09:58.671 --> 00:10:01.336 하 고 많은 추가 합니다. 00:10:01.336 --> 00:10:06.474 상호 운용 가능한 수정 프로그램 및 기능 우리의 연결 되도록 00:10:06.474 --> 00:10:11.470 Interoperable와 교차로 확대 괜찮습니다? 00:10:11.470 --> 00:10:17.380 우리만 생각할 수 있으면 그렇게 David 에 대 한 웹 표준. 00:10:17.380 --> 00:10:20.810 Microsoft 분명히 작동합니다. 웹 표준으로 00:10:20.810 --> 00:10:23.480 걷기의 방법입니다. 00:10:23.480 --> 00:10:25.434 하지만 앞서 언급 했 듯이 따라서 실제적 이어야 했습니다. 00:10:25.434 --> 00:10:33.550 작동 하는 방식을 것과 방법 항목에는 작동 00:10:33.550 --> 00:10:37.530 실제로 웹 개발자가 사양을 안내 합니다. 00:10:38.550 --> 00:10:41.990 하가 결정 했습니다 앞서 언급 했 듯이 실용적인. 00:10:41.990 --> 00:10:45.790 웹 표준을 사용 하 여 작업할 예정 이지만 업데이트 하는 경우가 나 00:10:45.790 --> 00:10:47.290 사양에 맞춥니다. 00:10:47.290 --> 00:10:50.610 때로는 우리가 해야 합니다. 그곳 라이브러리를 수정 합니다. 00:10:50.610 --> 00:10:54.480 종종 기능을 제공 해야 합니다. 다른 브라우저에 대 한 피드백을 웹 및 00:10:54.480 --> 00:10:59.180 분명히 언제 든 지 작업을 하려는합니다 브라우저에 직접 수정할 수 있습니다. 00:10:59.180 --> 00:11:03.080 웹에 원하는 방식으로 작업은 바로 작동 합니다. 00:11:03.080 --> 00:11:05.490 가장자리와 웹 페이지를 엽니다. 00:11:05.490 --> 00:11:07.070 작동 하는지를 확인? 00:11:08.490 --> 00:11:09.910 분명 하 고 앞에서 언급 했 듯이 00:11:09.910 --> 00:11:13.760 버그 라이브러리를 제공 하거나 모든 브라우저 창입니다. 00:11:13.760 --> 00:11:16.900 따라서 이것은 거의 우리 실제로입니다. 00:11:16.900 --> 00:11:20.290 방법에 대 한 것도 우리는 사용자에 게 표시 됩니다. 00:11:20.290 --> 00:11:24.090 이제 몇 가지 예제를 검토 문제를 해결 하려면 호출이 실패 한 방법을 알 수 00:11:24.090 --> 00:11:26.950 몇 가지 아주 쉽게 합니다. 00:11:26.950 --> 00:11:29.340 페이지 왼쪽에 재부팅 하겠습니다 00:11:29.340 --> 00:11:33.210 몇 가지 소개 하기 전에 우리의 웹 서버에 대 한 수정입니다. 00:11:33.210 --> 00:11:37.710 실행 되는 Windows 전화 및 Ie입니다. 00:11:38.980 --> 00:11:43.150 고도 제대로 작동 하지 때문에 웹사이트 부분에 00:11:43.150 --> 00:11:47.620 아마 사람들이 생각 했습니다. iPhone을 사용 하 여 해결할 수 있습니다 또는 00:11:47.620 --> 00:11:50.430 Android 수행 하는 다른 웹 서버의. 00:11:50.430 --> 00:11:52.000 Android는 경우 또는 00:11:52.000 --> 00:11:55.860 WebKit, 다음 입력 하십시오 웹 사이트의 모바일 버전입니다. 00:11:55.860 --> 00:11:58.820 다음 바탕 화면을 제공 하지 않으면 웹 사이트의 버전입니다. 00:11:58.820 --> 00:12:02.800 우리 문제는 IE가는 모바일 버전의 IE에서 실행 00:12:02.800 --> 00:12:07.810 Windows 전화 해 추가 합니다. 모바일, 다른 모바일 버전. 00:12:07.810 --> 00:12:12.740 따라서, 변경에 특정 소개 00:12:12.740 --> 00:12:17.740 방식으로 뼈대를 알게 사실에서 UID의 키입니다. 00:12:17.740 --> 00:12:21.680 말 하는 방법 다, IE에는 00:12:21.680 --> 00:12:25.190 또한 서버 처럼 작동 하 고 우리 나 Android입니다. 00:12:25.190 --> 00:12:28.510 고 있는 것은 웹 서버 코드 iPhone는 생각을 하 고 00:12:28.510 --> 00:12:32.270 Android 장치를 서비스 하 고 모바일에 대 한 내용입니다. 00:12:32.270 --> 00:12:36.560 직접 작업 하는 것 아무런 문제가 있기 때문에 00:12:36.560 --> 00:12:39.020 실행된 링 파트 JavaScript 엔진. 00:12:39.020 --> 00:12:42.240 일부 나쁜 것 서버 쪽의 검색 00:12:42.240 --> 00:12:44.709 실행을 중단 되었습니다입니다. 반지는 모바일 버전입니다. 00:12:46.510 --> 00:12:50.060 하기로 했습니다 사용자 에이전트를 변경 합니다. 00:12:50.060 --> 00:12:53.990 모두 알고 있는 때문 이라고 생각 해요 사용자 에이전트 문자열입니다. 00:12:53.990 --> 00:12:57.450 기록에 다시 가자 하 고 다시 첫 번째의 00:12:57.450 --> 00:12:59.800 도입 하는 Netscape은. 00:12:59.800 --> 00:13:03.240 사용 하 여 Mozilla 5 버전입니다. 00:13:03.240 --> 00:13:06.420 모든 사용자에 게 제공 되었고 모든 단계를 혼합합니다. 00:13:06.420 --> 00:13:10.720 따라서 우리는 모든 게임 같은 크롬 게임을 입력 하는 경우와 00:13:10.720 --> 00:13:15.190 같은 것을 도입 했습니다. Gecko에 추가 사항 00:13:15.190 --> 00:13:16.678 Firefox 버전 코드입니다. 00:13:16.678 --> 00:13:20.200 웹 서버를 감지 했습니다 및 현재를 볼 수 있습니다. 00:13:20.200 --> 00:13:22.905 모든 사용자에 게 복사 되 고 다른 버전을 붙여넣기합니다. 00:13:22.905 --> 00:13:25.640 아이디어는 정말 더 이상 그럴 필요가 00:13:25.640 --> 00:13:31.490 일부 기능 감지를 사용 하 여 하지 않고는 UA를 감지 합니다. 00:13:31.490 --> 00:13:33.010 일부 다른 흥미로운 것 들입니다. 00:13:33.010 --> 00:13:36.300 따라서 예정 되어 있는 웹 사이트로 이동 제대로 작동 하지는 00:13:36.300 --> 00:13:38.440 IE11 한 창 8.1입니다. 00:13:38.440 --> 00:13:41.070 주요 문제 때문입니다, 00:13:41.070 --> 00:13:43.620 코드 일부 접두사가 사용 됩니다. 00:13:43.620 --> 00:13:48.750 접두사 사용 했습니다 사용 몇 가지 새로운 기능을 테스트할 수 있습니다. 00:13:48.750 --> 00:13:49.390 예를 들어 00:13:49.390 --> 00:13:53.630 여기에서는 웹 사이트 사용 webkit-평가판 버전입니다. 00:13:53.630 --> 00:13:56.520 문제는 그-webkit IE에서 사용 중입니다. 00:13:56.520 --> 00:13:59.440 분명 한 것을 사용 하 여 삼지창 우리가 말하는 것 처럼. 00:13:59.440 --> 00:14:01.690 이 문제를 해결 하기 위해 관리할 수 있도록 00:14:01.690 --> 00:14:07.300 일부를 추가 하기로 결정 CSS,-webkit 특정 기능 00:14:07.300 --> 00:14:12.190 시작 버전 사용 하 고 IE 고 오늘날 Microsoft 가장자리. 00:14:12.190 --> 00:14:13.110 수행 하 여 00:14:13.110 --> 00:14:16.890 다음 우리 했습니다 되었습니다 수정 많이 웹에서 문제 때문에 코드 00:14:16.890 --> 00:14:19.950 마지막 업데이트 되지 않습니다. 버전 사양입니다. 00:14:19.950 --> 00:14:23.260 마지막 사용 하 고 버전 사양입니다. 00:14:23.260 --> 00:14:25.160 >> 예, 여기서 흥미로운 점은입니다. 00:14:25.160 --> 00:14:28.450 웹 렌더링 작동 하는지 엔진 작동 하지만 00:14:28.450 --> 00:14:31.900 우리가 받지 않은 오른쪽에 뭔가 대시. 00:14:31.900 --> 00:14:34.430 우리가 받았던 MS 대시 하지 나 때문에 아무것도 표시 되지 않음 00:14:34.430 --> 00:14:36.010 여기서 문제는. 00:14:36.010 --> 00:14:39.585 >> 지금 아이디어도 우리 모두 [INAUDIBLE]에 대 한 생각은 00:14:39.585 --> 00:14:43.470 일부 재생 수 새로운 기능은 접두사입니다. 00:14:43.470 --> 00:14:47.000 그 말 당시에는 것이 좋습니다. 00:14:47.000 --> 00:14:51.990 하지만 지금의 새 버전 실험적 기능 수 있습니다. 00:14:51.990 --> 00:14:55.690 정보: 플래그 작업 대신 사용 하 여 크롬에서와 같은 고 00:14:55.690 --> 00:14:57.130 이제 Microsoft 가장자리에 00:14:57.130 --> 00:14:59.370 그러니까 입력 하 여 주소 표시줄에 00:14:59.370 --> 00:15:02.350 일부 사용할 수 있습니다. 실험적 기능입니다. 00:15:02.350 --> 00:15:06.080 따라서 사용자는 없는 경우 브라우저에서 해제 되지 않습니다. 00:15:06.080 --> 00:15:09.660 고 기능 다음 상태가 되 면 다음 프로그램에 저장 00:15:09.660 --> 00:15:11.830 할 수 있습니다. 다른 플래그를 이동 했습니다. 00:15:11.830 --> 00:15:13.120 >> 및 코드를 변경할 필요가 없습니다. 00:15:13.120 --> 00:15:14.110 >> 필요가 없습니다. 코드를 변경 합니다. 00:15:14.110 --> 00:15:15.290 기본적으로 사용 하도록 설정 됩니다. 00:15:18.360 --> 00:15:22.300 그렇다면 어떻게 당신이, 일부의 사항에 주의 지불도. 00:15:22.300 --> 00:15:26.710 지금 안가 패킷 감지를 사용 하십시오 탐지, 기능 수행 00:15:26.710 --> 00:15:28.030 것이 중요 합니다. 00:15:28.030 --> 00:15:31.020 기본적으로 있기 때문에 이 새로운 브라우저를 00:15:31.020 --> 00:15:33.130 알 수 없는 브라우저는 기본적으로 적합 합니다. 00:15:33.130 --> 00:15:34.640 오늘날 상상할 것입니다. 00:15:34.640 --> 00:15:35.480 모르겠습니다. 00:15:35.480 --> 00:15:40.660 대부분의 수 있는 새 프로그램을 작성 새 사용자 이름 및 새 주소입니다. 00:15:40.660 --> 00:15:43.552 하지만 잘 됩니다. 현대 수 됩니다. 00:15:43.552 --> 00:15:45.083 따라서이 스니핑 필요가 없습니다. 00:15:45.083 --> 00:15:46.230 및 일부 bags를 입력 하십시오. 00:15:46.230 --> 00:15:47.720 따라서 우리는 모든 채우기 가방 오늘입니다. 00:15:47.720 --> 00:15:52.100 다양 한 버그 베이 있으므로 채울 수 있습니다, 때문에 mosy@google. 00:15:52.100 --> 00:15:55.350 지금 보낼 수 있습니다 우리 하 고 일부 버그를 알려 주시면 00:15:55.350 --> 00:15:57.860 하는 문제가 있을 수 있습니다. 우리의 렌더링 엔진입니다. 00:15:57.860 --> 00:16:01.025 단순 전송 하기만 합니다. 코드에서 JSFiddle와 같은 또는 00:16:01.025 --> 00:16:04.070 하 고, 검토를 하 고 우리의 엔진을 수정 하려고 합니다. 00:16:05.800 --> 00:16:08.680 >> 네, 지금 스토리에 대 한 충분 하 고 왜 우리가 그렇게 하 고 00:16:08.680 --> 00:16:10.800 새로운 기능에 대 한 자세한 추가한. 00:16:10.800 --> 00:16:17.560 하나 앞에 따라서 약간 포인터 엔진 속도 빠르게 하는 방법을 알고 있습니다. 00:16:18.710 --> 00:16:21.080 그건 분명 우리가 되지 않습니다. 시간을 투자 해야 합니다. 00:16:21.080 --> 00:16:25.061 생각 하면 모든 경우에 많은 이 시간에 했습니다. 00:16:25.061 --> 00:16:27.440 새 추가 기능을 사용 하 여 작업 합니다. 00:16:27.440 --> 00:16:28.320 저 사람이 쉽게 00:16:28.320 --> 00:16:31.690 우리 하 고 여기서는이 새로운 기능 우리는에서 작업 하는. 00:16:31.690 --> 00:16:36.124 추출할 뿐 이므로 status.modern.ie는 00:16:36.124 --> 00:16:38.480 웹 사이트는 당사의 안내. 00:16:38.480 --> 00:16:40.260 어떻게 우리가 작업 중인? 00:16:40.260 --> 00:16:41.930 이미 수행할 작업입니다. 00:16:41.930 --> 00:16:45.026 여기 나타나는 모든 내용은 공용입니다. 00:16:45.026 --> 00:16:49.164 이동 해야 많이 찾을 수 status.modern.ie 00:16:49.164 --> 00:16:50.579 실행 합니다. 00:16:50.579 --> 00:16:55.451 단지 수많은 새로운 항목 사용 했던 알게 된 경로 확인 00:16:55.451 --> 00:16:59.210 상호 운용성 절 잘 작동 합니다. 00:16:59.210 --> 00:17:03.876 우리는 새로운 기능을 했던 운용 능력에 대 한 수정입니다. 00:17:03.876 --> 00:17:07.339 단지 더 자세한 정보로 이동 status.modern.ie를 사용할 수 있습니다 모든 00:17:07.339 --> 00:17:09.146 사용할 수 있는 정보입니다. 00:17:09.146 --> 00:17:12.251 고도 일 것 작업을 하 고 00:17:12.251 --> 00:17:14.670 그렇게 하려고 하는 것 지금까지. 00:17:14.670 --> 00:17:17.359 그러니까 대기 이 구현 하는 것이 좋습니다. 00:17:18.990 --> 00:17:23.510 따라서 어떠한 보시 죠 가장자리에 오늘 수입니다. 00:17:23.510 --> 00:17:24.410 확인? 00:17:24.410 --> 00:17:25.850 따라서 여섯을 전환 하. 00:17:29.880 --> 00:17:34.520 내가 첫 번째 데모 이 하나를 표시 합니다. 00:17:34.520 --> 00:17:38.230 이 데모 사용 하 여 개발 된 Michel Rousseau 우리의 친구 00:17:38.230 --> 00:17:40.570 3D 디자이너는 디자이너를 사용 하는. 00:17:40.570 --> 00:17:45.550 우리가 한 것을 우리 3D 개체 내 3Ds Max. 00:17:47.440 --> 00:17:51.865 없습니다 플러그인만 Microsoft 가장자리 이 기능이 webGL 00:17:51.865 --> 00:17:53.870 OGO 웹 및 게임 패드입니다. 00:17:53.870 --> 00:17:58.820 바로 게임 패드를 활성화 해 드리죠 여기서 찾기 게임 패드 곳입니다. 00:17:58.820 --> 00:18:00.100 >> 오른쪽 게임 패드입니다. 00:18:00.100 --> 00:18:02.595 >> 때문에 예 >> 정답은 하다 고 생각 합니다. 00:18:02.595 --> 00:18:04.010 >> 그래. 00:18:04.010 --> 00:18:07.810 >> 우리가 바로 켤 수, 및 가능 조명 끄기 00:18:08.980 --> 00:18:12.730 아마도 아니요, 죄송 합니다 이동 하려고 있습니다. 00:18:12.730 --> 00:18:17.060 거의 내에서이 버전을 실행 하는 지금 x 1은 그렇게 한 인텔 HD 카드 00:18:17.060 --> 00:18:20.850 하나는 비교적 다른 우리가 있습니다 찾을 수 있습니다. 00:18:20.850 --> 00:18:24.490 실행 중인 것을 알 수 있습니다. 초당 60 프레임입니다. 00:18:24.490 --> 00:18:26.287 웹 오디오를 사용 하 고 00:18:26.287 --> 00:18:31.798 이 훌륭한을 제공 하는 실행 분위기를 말할 수 있습니다. 00:18:31.798 --> 00:18:35.535 소리는 다시 한 번 현재 카메라 뒤에 00:18:35.535 --> 00:18:39.080 카메라에서 [들리지 않음] 원하는 항목에 있습니다. 00:18:39.080 --> 00:18:41.180 웹 오디오 이동 하 모든 사용자에 대 한 계산 00:18:41.180 --> 00:18:45.140 해야 하는 기능 몇 가지 물건을. 00:18:45.140 --> 00:18:48.110 정말 쉽게 할 수 있습니다 함께 표시 됩니다. 00:18:48.110 --> 00:18:49.780 예를 들어, 이동 00:18:49.780 --> 00:18:53.010 영원한 고 할 수 있습니다. 뼈대를 일부 피아노를 재생 합니다. 00:18:53.010 --> 00:18:55.830 우리에서 멀리 이동 하 고 기본 구조를 자동으로 00:18:55.830 --> 00:18:58.620 특정 거리는 웹 오디오가 되 고 00:18:58.620 --> 00:19:00.840 더 이상 소리가 들리지 않습니다. 00:19:00.840 --> 00:19:03.580 그런 다음 이동할 수 있습니다. 에 죽음의. 00:19:03.580 --> 00:19:06.320 재미 있는 우리 저기 물건. 00:19:06.320 --> 00:19:09.480 >> 지금까지 길잡이 죽 었 어 수 있었습니다. 00:19:11.350 --> 00:19:13.756 그의 유령을 수 있었습니다. 00:19:13.756 --> 00:19:15.461 >> 모르는 경우 길잡이 기억 합니다. 00:19:15.461 --> 00:19:18.005 방에 길잡이 알고 계 셨나요? 00:19:18.005 --> 00:19:21.712 >> 그는 없습니다. 00:19:21.712 --> 00:19:23.045 따라서 평화, 길잡이 놓습니다. 00:19:23.045 --> 00:19:25.672 >> 아마은 사용 하 여- >> Schroedinger 고양이입니다. 00:19:25.672 --> 00:19:30.212 >> 말 소멸 된 또는 해 서 이제 동작 하지 않습니다. 00:19:30.212 --> 00:19:34.961 >> 및 마지막으로 IE6는 죽 었 어 수 있었습니다. 00:19:34.961 --> 00:19:39.171 >> [박수] 00:19:39.171 --> 00:19:43.836 >> 고 이제 오래 살아 스파. 00:19:43.836 --> 00:19:50.461 >> [박수]. 00:19:50.461 --> 00:19:53.635 >> 주 목적은 여기 하므로 모든 플러그 인 하지 않고 있음을 보여합니다 00:19:53.635 --> 00:19:57.444 하, 정말 놀라운 해 네이티브 응용 프로그램에서 같은 내용 00:19:57.444 --> 00:19:58.090 실제로. 00:19:58.090 --> 00:19:59.730 >>만 생각해 볼 전체 화면에서입니다. 00:19:59.730 --> 00:20:03.010 아무도 알고 있을 것 이나 PC는 HTML5 않습니다 실행 되 고 00:20:03.010 --> 00:20:03.990 JavaScript 코드입니다. 00:20:03.990 --> 00:20:05.461 따라서 아주 멋 있다입니다. 00:20:05.461 --> 00:20:08.907 >> 석재 및 예제에서는 어제 중 설명 00:20:08.907 --> 00:20:12.610 고 기조는 비행 아케이드 동일한 스토리 여기입니다. 00:20:12.610 --> 00:20:14.010 하십시오 확인할 수, 좋아, 지금 00:20:14.010 --> 00:20:18.575 단지, 내가 하면이 특정 게임 미안. 00:20:18.575 --> 00:20:20.170 같은 여기 것입니다. 00:20:20.170 --> 00:20:20.900 >> 당신이 비행 준비가? 00:20:20.900 --> 00:20:24.661 오른쪽을 사용 하 고 왼쪽된 화살표 키를 00:20:24.661 --> 00:20:25.380 >> 있는지 확인 합니다. 00:20:25.380 --> 00:20:25.973 내가 그랬다. 00:20:25.973 --> 00:20:28.132 >>는 및 위쪽/아래쪽 화살표 키 [혼선] [INAUDIBLE] 00:20:28.132 --> 00:20:33.339 >> 웹 여기는 해결 되지 않습니다. 00:20:35.258 --> 00:20:39.750 플레이어입니다. 00:20:39.750 --> 00:20:44.010 그럴 라면 백 레이어 게임을 플레이 하는 때문입니다. 00:20:44.010 --> 00:20:44.990 >> 하지만 주셔서 감사 합니다. 00:20:44.990 --> 00:20:47.730 Durm에 가지 모든 UI를 렌더링 합니다. 00:20:47.730 --> 00:20:50.867 했 고, kent는 durm 내 블래스터, WebGm 항목이 있습니다. 00:20:50.867 --> 00:20:53.260 Webaab 소리를 실행 하는 데 사용 됩니다. 00:20:53.260 --> 00:20:55.389 우리는 게임 팩을 우리 없이 직접 구입 00:20:56.540 --> 00:20:59.210 특정 플러그 인 번 다시 멋진 것입니다. 00:20:59.210 --> 00:21:02.000 >> 및 마지막으로 보겠습니다 다른 항목으로 이동 합니다. 00:21:02.000 --> 00:21:04.730 따라서 모든 되었습니다. 맨 위에 빌드된 우리의 00:21:04.730 --> 00:21:06.935 Babylon GS는 좋아하는 엔진입니다. 00:21:06.935 --> 00:21:10.490 [웃음] 오픈 소스 따라서 gl 프레임 워크 웹 00:21:10.490 --> 00:21:13.700 전시 된 것은 중 첫 번째 기조연설. 00:21:13.700 --> 00:21:17.690 Pompeii에서 실행 되 고 있으므로 된 도시 00:21:17.690 --> 00:21:19.090 일부 drones를 사용 하 여 다시 작성 됩니다. 00:21:19.090 --> 00:21:23.150 따라서 우리가 사진을 일부 도시 완전 3D 메쉬를 다시 빌드합니다. 00:21:23.150 --> 00:21:25.940 실제로 사용 하는 많은 일부 텍스처입니다. 00:21:25.940 --> 00:21:29.870 우리가 사용 하는 3D를 승인 전문가 무엇 우리는 명명 로드 합니다. 00:21:29.870 --> 00:21:33.560 장치를 로드 하는 방법 이므로 버전에 따라 망의 00:21:33.560 --> 00:21:34.640 거리입니다. 00:21:34.640 --> 00:21:37.860 >> 우리는 trillions 보다가 픽셀의 drones 때문에 여기 00:21:37.860 --> 00:21:40.390 캡처 >> T 셀에 대 한 00:21:40.390 --> 00:21:41.850 모든 2 센티미터입니다. 00:21:41.850 --> 00:21:43.040 그렇게 3 센티미터입니다. 00:21:43.040 --> 00:21:44.640 결과가 있기를 바랍니다. 00:21:44.640 --> 00:21:45.980 번역 없을 경우는. 00:21:47.150 --> 00:21:48.740 >> 및 이동을 참조 하십시오 도시의 고 00:21:48.740 --> 00:21:50.840 모든 것이 되 실시간으로 계산 합니다. 00:21:50.840 --> 00:21:52.710 도시는 정말, 정말 큰 때문입니다. 00:21:53.810 --> 00:21:55.880 모든 것을 실행할 수 있습니다. 진행 중입니다. 00:21:55.880 --> 00:22:00.530 이제는 게임 패드를 사용 하 고 GL 도시 위에 비행할 수 있는 웹 및 00:22:00.530 --> 00:22:02.370 이 근처를 이동할 수 있습니다. 00:22:02.370 --> 00:22:05.950 우리는 좀 더 높은 로드 하 고 측정값 정 및 질감입니다. 00:22:05.950 --> 00:22:10.603 멋 있는 가정 이며 즉시 사용 가능한입니다 경우 있습니다 00:22:10.603 --> 00:22:14.956 수 있는 특정 웹 서버에 이러한 종류의 실행 환경 가져오기 00:22:14.956 --> 00:22:16.290 브라우저. 00:22:16.290 --> 00:22:18.310 으로 전혀 없는 플러그인입니다. 00:22:18.310 --> 00:22:20.980 따라서 [INAUDIBLE] 정말 없습니다 수를 보여 줍니다. 00:22:20.980 --> 00:22:23.870 이제 방법을 설명 해야 하 고에- >> 작업을 수행 하는 방법. 00:22:23.870 --> 00:22:24.440 >> 작업을 수행 하는 방법. 00:22:26.010 --> 00:22:30.530 이제 전환 하 여 5 컴퓨터 및 00:22:30.530 --> 00:22:33.840 들을 살펴보겠습니다. 웹 오디오. 00:22:35.760 --> 00:22:40.950 따라서 웹 검토를 연결 하는 방법 00:22:40.950 --> 00:22:45.550 일부 사운드를 몇 가지 소리 [INAUDIBLE]의 공간입니다. 00:22:45.550 --> 00:22:48.400 따라서 라우팅 그래프에 기초 하기 00:22:48.400 --> 00:22:52.650 일부 특정 오디오 노드 있어요 함께 연결 하는 것입니다. 00:22:52.650 --> 00:22:54.830 따라서 노드 가질 수 있습니다. 볼륨에 영향 00:22:54.830 --> 00:22:57.940 있음에 영향을 미칠 수 있습니다. [들리지 않음] 전문화입니다. 00:22:57.940 --> 00:22:59.450 필터에 영향을 미칠 수 있습니다. 00:22:59.450 --> 00:23:01.810 낮은 일부 필터를 사용할 수 있습니다. 일부 고급 필터입니다. 00:23:01.810 --> 00:23:04.850 음악을 느리게 할 수 있습니다. 음악을 빠르게 수행할 수 있습니다. 00:23:04.850 --> 00:23:07.060 원하는 작업을 수행할 수 있습니다. 00:23:07.060 --> 00:23:10.290 마찬가지로 게임에서는 상상할 수 있습니다. 예를 들어, Webado를 사용합니다. 00:23:10.290 --> 00:23:13.490 몇 가지 소리를 만들 수 있습니다. 절차적 방식입니다. 00:23:13.490 --> 00:23:15.540 따라서 정말 인상적입니다. 00:23:15.540 --> 00:23:19.860 내용을 표시 하 고 우리 js 웹 사이트 사용에 준비 00:23:19.860 --> 00:23:24.520 let와 같은 웹 오디오 내가 소리를 사용 합니다. 00:23:24.520 --> 00:23:27.190 아, 내가 한 되었습니다 구성 음악 지금 드려 죄송 합니다. 00:23:27.190 --> 00:23:30.360 매우 것입니다. 루프 이기 때문에 지루한. 00:23:30.360 --> 00:23:34.120 우리를 보여 주기 위해 여기서 사운드를 로드 하 고 00:23:34.120 --> 00:23:37.400 루프 되도록 요청 하겠습니다. 00:23:37.400 --> 00:23:40.420 자동 실행을 하 고, 고 웹 조정자를 바인딩 ' m I. 00:23:40.420 --> 00:23:41.630 설명 하려고 하 고 00:23:41.630 --> 00:23:46.040 그런 다음이 연결 것 같아 특정 3D 개체를 음악입니다. 00:23:46.040 --> 00:23:47.620 라고 하는 망상을 하 고 00:23:47.620 --> 00:23:50.200 모를 경우에 수행 하 여 있습니다 정말 야 [INAUDIBLE] 00:23:50.200 --> 00:23:53.260 방에 필요 하기 때문에 대부분의 시간 헤드폰입니다. 00:23:53.260 --> 00:23:56.070 현재 상자가 있지만 머리 주위의 모든 이동 합니다. 00:23:56.070 --> 00:23:59.950 Webado를 통해 반복할 수 난 및 me 앞에 오른쪽에 하 고 00:23:59.950 --> 00:24:00.730 왼쪽에서 00:24:00.730 --> 00:24:04.990 자동 실행 마법사 Java 화면 부분을 계산 합니다. 00:24:04.990 --> 00:24:08.330 에 의해 렌더링 되 고 브라우저와 API 자체. 00:24:09.760 --> 00:24:13.120 코드를 설명 해 드리죠. 00:24:13.120 --> 00:24:15.270 먼저 수행 해야 합니다. 일부를 만들려는합니다 00:24:15.270 --> 00:24:17.970 웹 오디오 정보가입니다. 컨텍스트를 만듭니다. 00:24:17.970 --> 00:24:21.160 JavaScript를 사용 하는 경우 프로그래머가 볼 00:24:21.160 --> 00:24:25.340 에 대 한 알고 있는 정도 컨텍스트를 작성 해야 합니다. 00:24:25.340 --> 00:24:28.680 지금 있는 것 이므로, 수행 하는 방법은 직전에 대 한 이야기. 00:24:28.680 --> 00:24:33.820 해제 방법은 시작을 만드는 것은 Window 개체에서 다른 컨텍스트입니다. 00:24:33.820 --> 00:24:37.240 크롬이 처음 하나 소개 하는 것입니다. 00:24:37.240 --> 00:24:39.060 접두사를 사용 하 여 추가 합니다. 00:24:39.060 --> 00:24:40.810 따라서 함수를 추가할 수 있습니다. 00:24:40.810 --> 00:24:43.090 제거 하려는 다음 버전의 것입니다. 00:24:43.090 --> 00:24:45.690 평균 시간 두 버전 모두 테스트 해야 합니다. 00:24:45.690 --> 00:24:49.900 webkey 버전 또는 en 답장 버전? 00:24:49.900 --> 00:24:51.890 한 후 한 번 하는 경우 정보를 확인할 수 있습니다. 00:24:51.890 --> 00:24:57.660 다음은 기존 수가 그 일부 특정 노드를 만듭니다. 00:24:57.660 --> 00:25:01.030 예를 들어 게인 노드가 볼륨입니다. 00:25:01.030 --> 00:25:04.570 그런 다음 수 있습니다에 대 한 수 이 연결에 연결 합니다. 00:25:04.570 --> 00:25:07.930 일부이 연결 될 수 있습니다. 일부 헤드폰, 스피커 또는 00:25:07.930 --> 00:25:11.240 합계를 작성 예를 들어 디스크 다운. 00:25:11.240 --> 00:25:13.970 연결 하면 되므로 그렇게 함께 노트입니다. 00:25:13.970 --> 00:25:17.610 만들려고 할 때 다음 특정 사항 00:25:17.610 --> 00:25:21.155 일부 설정 해야 합니다. 특정 자동 속성 00:25:21.155 --> 00:25:24.210 [들리지 않음]에 대 한 패너의에 대 한 인스턴스입니다. 00:25:24.210 --> 00:25:27.920 [INAUDIBLE] 보기에서 패너 노드 일부 3D 작업을 수행 하는 방법이입니다. 00:25:27.920 --> 00:25:29.100 오디오 등. 00:25:29.100 --> 00:25:31.750 이제 말을 3D 사운드 만들려고 합니다. 00:25:31.750 --> 00:25:35.100 패너 만들어야 하므로 오디오에 노드를 연결할 00:25:35.100 --> 00:25:36.750 해당 소스 노드로. 00:25:36.750 --> 00:25:37.740 한 번 완료 하 고 00:25:37.740 --> 00:25:41.750 소리는 방법을 선택할 수 있습니다 3D 공간에서 작동 합니다. 00:25:41.750 --> 00:25:44.500 이제 말을 소리를 중지 하려면 00:25:44.500 --> 00:25:46.380 다음 선형 방식으로 10 미터. 00:25:46.380 --> 00:25:50.250 엔진에서을 구성 하는 설정할 수 있습니다. 일부 속성을 설정 합니다. 00:25:50.250 --> 00:25:54.411 따라서 많은 이해 해야 우리의 게임 엔진의 속성을 00:25:54.411 --> 00:25:58.400 [들리지 않음] 결정 몇 가지 기본 설정 00:25:58.400 --> 00:26:00.730 [INAUDIBLE] 속성을 어떻게 작동 하는지 살펴보겠습니다. 00:26:00.730 --> 00:26:05.139 우리가 결정 하는 것에 따라 만드는 재미 있는 경험입니다. 00:26:12.140 --> 00:26:13.310 따라서 파일을 다시 로드 해야 합니다. 00:26:20.150 --> 00:26:21.050 악의적인 사용자는 어떻게? 00:26:21.050 --> 00:26:22.150 그렇게 실 이야기 수 있습니까. 00:26:22.150 --> 00:26:23.460 >> 예입니다. 00:26:23.460 --> 00:26:24.146 >>이 할 일입니다. 00:26:24.146 --> 00:26:28.661 이제는 대 한 00:26:32.748 --> 00:26:34.580 I에 아닙니다. 00:26:34.580 --> 00:26:35.888 이미 사용 중입니다. 00:26:35.888 --> 00:26:37.202 오케이 00:26:37.202 --> 00:26:39.269 이 하나 있습니다. 00:26:44.643 --> 00:26:47.270 >> 항목이 이미 사용 중입니다. 00:26:47.270 --> 00:26:48.760 >> 더 없는 사용에서 됩니다. 00:26:48.760 --> 00:26:49.260 >> 다시 시도 하십시오. 00:26:50.450 --> 00:26:54.300 배기 작업 예 우리 시간이 예요. 00:26:54.300 --> 00:26:59.660 봤 어? 00:26:59.660 --> 00:27:06.010 예 된 작업을 해야 하는 새로 고침 00:27:06.010 --> 00:27:09.590 따라서 아이디어를 보여 프로그램인 주위에 이동 된 큐브 내 00:27:09.590 --> 00:27:13.220 머리와 내가 몇 가지 소리를 준비 했습니다. 따라서 동일한 원칙을 사용합니다. 00:27:13.220 --> 00:27:17.090 그런 위치를 업데이트 하는 대신 카메라에 따라 소리의 00:27:17.090 --> 00:27:20.770 업데이트 하기로 자체 소리는 거리에 따라 00:27:20.770 --> 00:27:22.750 원의 중심에서입니다. 00:27:22.750 --> 00:27:26.180 각 큐브 하기로 하 고 본 적이 몇 가지 특정 음악 저장 00:27:26.180 --> 00:27:29.130 지금 작성 여러 트랙 내 musics의 경우 00:27:29.130 --> 00:27:32.600 큐브 중 하나를 이동 하려는 경우 장면 가운데 00:27:32.600 --> 00:27:34.840 볼륨을 펌프 것입니다. 00:27:34.840 --> 00:27:37.330 제거 하 고 원, 소리를 중단 합니다. 00:27:37.330 --> 00:27:40.080 즉 혼합할 수 있으므로 큐브를 사용 하 여 소리입니다. 00:27:40.080 --> 00:27:43.520 매우 되었습니다 우리가 알게 되므로 재미 있는 이후 포인터 00:27:43.520 --> 00:27:48.535 11 IE에서 사용 되는 이벤트와 여 지 오늘 오프 최대. 00:27:48.535 --> 00:27:50.865 이제 이동할 수 있습니다. 아주 쉽게 경험 합니다. 00:27:50.865 --> 00:27:52.195 따라서 여러 그림 필요 합니다. 00:27:52.195 --> 00:27:53.985 >> 예입니다. >> 따라서가 말할 때 다른 일부. 00:27:53.985 --> 00:27:54.525 >>는 좋은. 00:27:54.525 --> 00:27:57.265 >> 예를 들어, 그림으로 이동 합니다. 00:27:57.265 --> 00:27:58.772 우리가 다음 재생할 수 있습니다. 음악이 함께 합니다. 00:27:58.772 --> 00:28:01.072 [음악] 00:28:01.072 --> 00:28:02.135 그렇게 합니다. 00:28:02.135 --> 00:28:03.965 및 다음 마우스를 다시 사용할 수 있습니다. 00:28:03.965 --> 00:28:08.520 도 해를 하 고 일부 큐브를 액세스할 수 있습니다. 괜찮아. 00:28:08.520 --> 00:28:09.770 레이디 그레이. 00:28:09.770 --> 00:28:10.950 바보 같은 농담을 할 거 야 00:28:10.950 --> 00:28:13.655 어쩌면 알 수는 없으므로 이상 하 게 강조를 했습니다. 00:28:13.655 --> 00:28:20.320 [웃음] 하 고 00:28:20.320 --> 00:28:23.180 몇 가지 문제에 있어 내 슬라이드 처럼 읽는 중입니다. 00:28:24.450 --> 00:28:26.890 전면 버전을 작성할 수 있습니다. 구성 요소에 의해 음악 00:28:26.890 --> 00:28:28.950 구축 하 여 블록 및 00:28:28.950 --> 00:28:31.200 배치에 있습니다 무언가의 동일 합니다. 00:28:31.200 --> 00:28:31.730 >> David 감사 합니다. 00:28:31.730 --> 00:28:33.640 광산으로 전환 하겠습니다. 00:28:33.640 --> 00:28:38.020 무언가로 전환 하겠습니다 완전히 다릅니다. 00:28:38.020 --> 00:28:40.790 CSS 기능을 설명 합니다. 00:28:40.790 --> 00:28:42.910 정말 사랑 하는 것입니다. 00:28:42.910 --> 00:28:47.120 CSS 필터는 게 모든 웹 개발자를 추가 하려면 00:28:47.120 --> 00:28:50.650 사후 프로세스 적용 단순 요소에는 쉐이더. 00:28:52.310 --> 00:28:56.160 이 예제를 표시할 수 페이지를 읽고이 있습니다. 00:28:56.160 --> 00:28:58.590 원하는 텍스트를 읽을 수 있지만 정말 멋져 용이 있습니다. 00:28:58.590 --> 00:29:02.160 난 열렬 한 팬입니다 용 발생 하지 않았습니다. 00:29:02.160 --> 00:29:04.180 내가 하 고 싶지 내 드래곤을 제거 합니다. 00:29:04.180 --> 00:29:06.500 내 드래곤을 유지 하지만 내 텍스트를 읽을 합니다 00:29:06.500 --> 00:29:08.520 제거 모든 작업입니다. 00:29:08.520 --> 00:29:10.810 우리는 읽기용 보기에서 찾을 수 있습니다. 무엇이 든. 00:29:10.810 --> 00:29:14.360 그렇다면 무엇 때 텍스트를 가리키는 거 나. 00:29:14.360 --> 00:29:19.590 [INAUDIBLE]만 적용 뒤에 내 div 요소입니다. 00:29:19.590 --> 00:29:23.340 지금 바로, 단순히 쉽게 내 텍스트를 읽을 수 있습니까. 00:29:23.340 --> 00:29:28.170 또한 기회를 사용 했습니다. 회색 명암 및 흐림 함께 사용 합니다. 00:29:28.170 --> 00:29:31.510 우리가 CSS 기능을 함께 혼합할 수 있으므로 00:29:31.510 --> 00:29:34.410 흐리게 표시는 다음을 회색 음영입니다. 00:29:34.410 --> 00:29:39.280 재생 수를 표시 하 고 초당 60 프레임 [들리지 않음]과 00:29:39.280 --> 00:29:40.500 쉽게 제어할 수 있습니다. 00:29:40.500 --> 00:29:42.450 따라서 단지 죠 코드를 확인 합니다. 00:29:42.450 --> 00:29:45.150 시각을 사용 하 고 이 도구를 사랑 studio 코드입니다. 00:29:46.290 --> 00:29:48.975 난 단지 Sublime 텍스트 제거 했습니다. 00:29:48.975 --> 00:29:52.070 >> [웃음] >> 지금! 00:29:52.070 --> 00:29:54.200 여기에 있는 실제로 간단한 아주. 00:29:54.200 --> 00:29:58.110 단지 저는 텍스트 이 내용입니다. 00:29:58.110 --> 00:30:00.211 및 내 배경에 있습니다. 00:30:00.211 --> 00:30:05.131 이것은 설정 diveware 여기 내 css 규칙을 사용 하 여 00:30:05.131 --> 00:30:09.220 단지 내 백업 설정 JPG 이미지 안에 있습니다. 00:30:09.220 --> 00:30:14.890 싶은 무엇 이며, 내가 대화형 텍스트 적용 하고자 합니다. 00:30:14.890 --> 00:30:17.560 말을 하는 CSS 규칙 00:30:17.560 --> 00:30:20.370 흐림 효과 사용 하 여 보겠습니다 흐림 효과의 크기는. 00:30:20.370 --> 00:30:23.835 물론 걷는 거 나 하기 때문에 접두사 버전 사용 하 고 00:30:23.835 --> 00:30:25.280 버전도 unprefixes 00:30:25.280 --> 00:30:28.790 하지만 확실 하 게 하기 문제가 나중에. 00:30:28.790 --> 00:30:31.440 관점에서 JavaScript 코드 자체에 00:30:31.440 --> 00:30:32.780 아주 간단 합니다. 00:30:32.780 --> 00:30:36.140 마우스가 위에 있을 때 CSS 규칙이 적용 됩니다. 00:30:36.140 --> 00:30:38.590 마우스 아웃 시 CSS 규칙이 제거 됩니다. 00:30:38.590 --> 00:30:39.090 정답입니다. 00:30:40.250 --> 00:30:42.950 또 다른 예제입니다 클릭 하면 수행 하 고 00:30:42.950 --> 00:30:44.390 회색 음영 개체입니다. 00:30:44.390 --> 00:30:47.590 물론에 제어할 수 있습니다. 뜻 하 여 JavaScript에서 직접 00:30:47.590 --> 00:30:50.700 흐림 효과 및 회색조로 합니다. 00:30:50.700 --> 00:30:52.640 모든 효과 함께 사용할 수 있도록 00:30:52.640 --> 00:30:55.310 convolutions을 할 수 있습니다 세피아, 무엇이 든입니다. 00:30:55.310 --> 00:30:58.060 Photoshop 같은 효과 재생할 수 있습니다. 00:30:58.060 --> 00:31:01.720 여기를 클릭 하 고 모든 경로 따라서 셰이더를 사용 하 여 가속화 00:31:01.720 --> 00:31:03.270 사용 하 여 무료입니다. 00:31:03.270 --> 00:31:04.470 수행 하십시오. 00:31:04.470 --> 00:31:05.700 주요 문제가 있을 수 있습니다 00:31:05.700 --> 00:31:10.250 나중에 CSS 필터는 지원 되지 않습니다. 00:31:10.250 --> 00:31:13.300 따라서이 인해 다른 데모입니다. 00:31:13.300 --> 00:31:14.170 David? 00:31:14.170 --> 00:31:15.470 >> 예입니다. 00:31:15.470 --> 00:31:16.240 >>이 하나 있습니다. 00:31:16.240 --> 00:31:20.020 이 시간, 바로 하겠습니다, 어떻게 해야 작동 합니다. 00:31:20.020 --> 00:31:24.980 따라서 볼 수 있듯이 항상 동일한 결과 했습니다. 00:31:26.950 --> 00:31:30.230 하지만 어떻게 하면 CSS 필터는 지원 되지 않습니다. 00:31:30.230 --> 00:31:31.710 시뮬레이션을 하 고 00:31:31.710 --> 00:31:35.390 모든 플래그를 함께 표시 가 나 온 수, 및 00:31:35.390 --> 00:31:38.910 지금까지 CSS 필터 말을 실험적 기능이입니다. 00:31:38.910 --> 00:31:44.130 방금 사용 하지 싶습니다. 수 원리를 00:31:44.130 --> 00:31:46.150 CSS 필터에 없는 경우. 00:31:46.150 --> 00:31:50.400 하만 있는데 브라우저를 다시 시작 합니다. 00:31:52.180 --> 00:31:56.890 여기 지원으로 전환 하 고 저는 예약 되지 않은 동작입니다. 00:31:56.890 --> 00:31:59.455 때문에 이번 CSS 기능이 지원 되지 않습니다. 00:31:59.455 --> 00:32:03.480 바로 사용 하 여 재생 중인 사진의 불투명도 및 00:32:03.480 --> 00:32:07.400 0.1로 설정 되므로 배경을 볼 수 있습니다. 00:32:07.400 --> 00:32:11.420 모든 코드 없이 수행 하는 방법 JavaScript 코드? 00:32:11.420 --> 00:32:13.890 내가 게 멋진 질문입니다. 00:32:16.000 --> 00:32:17.710 정말 멋진 사용 하는 것 00:32:17.710 --> 00:32:23.530 ArtsReport 라는 새로운 기능 수 있는지 여부를 테스트 하거나 00:32:23.530 --> 00:32:29.150 모든 CSS 규칙이 없는 경우 있어도 연결 매개 변수입니다. 00:32:29.150 --> 00:32:31.780 이것이 흥미로운 여기 있습니다. 00:32:31.780 --> 00:32:38.190 Webkit 필터는 지원 되지 않는 경우 흐림 20 픽셀, 죄송 합니다에 대 한 00:32:38.190 --> 00:32:42.090 지원 하거나 필터링 20 픽셀을 사용 하 여 흐림 효과 지원 00:32:42.090 --> 00:32:44.820 정의 하는 흐림 효과 규칙은이. 00:32:46.760 --> 00:32:49.200 그렇지 않은 경우 지원 00:32:49.200 --> 00:32:53.060 다음 정의 흐림 불투명도 변경 됩니다. 00:32:53.060 --> 00:32:54.980 관점에서 JavaScript 개발자 00:32:56.000 --> 00:32:58.460 JavaScript 개발자는 여전히 희미 하 여 같은 규칙을 적용 합니다. 00:32:59.690 --> 00:33:02.690 하지만 CSS 필터 제거 하 고 00:33:02.690 --> 00:33:05.120 불투명도로 대체 ArtsReport에 감사 드립니다. 00:33:06.480 --> 00:33:10.341 우리가 컨트롤을 제공할 수 있도록 위에 경우를 가정해 보겠습니다 00:33:10.341 --> 00:33:13.243 CSS 디자이너에 장착 합니다. 00:33:13.243 --> 00:33:13.963 정말 멋지군요입니다. 00:33:13.963 --> 00:33:16.725 힘이 되었습니다. 00:33:16.725 --> 00:33:18.025 David입니다. 00:33:18.025 --> 00:33:21.290 플렉스 책에 대 한 다음 예제입니다. 00:33:21.290 --> 00:33:22.480 >> 플렉스 책과 하위 집합입니다. 00:33:22.480 --> 00:33:25.490 따라서 뒤로 이동 하자 내 정보. 00:33:25.490 --> 00:33:27.100 >> 말하는 것 이므로 에 대 한 적응성. 00:33:27.100 --> 00:33:27.780 >> 예입니다. 00:33:27.780 --> 00:33:30.310 따라서 오늘 살펴본 것입니다. 에 대 한 많은 논의 하 고 00:33:30.310 --> 00:33:33.580 응답성이 뛰어난 디자인 및 적응형 디자인에 대 한 자세한 00:33:33.580 --> 00:33:38.790 즉 더 적응 하는 방법 현재 장치에 글로벌 UX입니다. 00:33:38.790 --> 00:33:41.840 일부 작성 하는 경우와 미디어가지고 응답 정보 00:33:41.840 --> 00:33:46.080 멋진 많이 쿼리 플렉스 상자와 같은 새로운 디스플레이. 00:33:46.080 --> 00:33:49.190 그러나 문제가 있을 때 일부 이미지를 표시 하려면 및 00:33:49.190 --> 00:33:53.350 다양 한 정의가지고 에 대 한 이미지의 해상도 00:33:53.350 --> 00:33:57.208 가정해 봅시다 사용 하 여 iPhone에 대 한 일부 고정 화면에 대 한 00:33:57.208 --> 00:33:58.897 클래식 전화기와 PC에 대 한. 00:33:58.897 --> 00:34:02.740 다운로드 클라이언트 쪽에서 모든 이미지를 00:34:02.740 --> 00:34:06.630 JavaScript를 통해 정의 적당 한 선택 하는 방법? 00:34:06.630 --> 00:34:09.150 따라서 더 좋을 수 결정 하는 브라우저를 사용 합니다. 00:34:09.150 --> 00:34:11.510 실행 하는 것은 상황에 따라? 00:34:11.510 --> 00:34:15.970 때문 현재 실행 중인 경우 새로운 Windows 전화를 통해 00:34:15.970 --> 00:34:19.430 화면 해상도 표시 하려는 특정 버전의 이미지를 00:34:19.430 --> 00:34:21.730 대신 다른 부하 장치입니다. 00:34:21.730 --> 00:34:25.710 이렇게 하려면가지고 있으므로 SourceSet 사용할 수 있습니다. 00:34:25.710 --> 00:34:27.310 매우 간단를 사용 하 는입니다. 00:34:27.310 --> 00:34:30.030 가장 먼저 해야 이미지 태그를 사용 하 여 00:34:30.030 --> 00:34:33.570 기본 소스를 사용 하는 것 속성을 가질 수 있습니다. 00:34:33.570 --> 00:34:34.370 다쳐 다시 는입니다. 00:34:34.370 --> 00:34:37.480 따라서 브라우저가 없는 경우 지원 소스 설정 00:34:37.480 --> 00:34:40.610 사용 하려는 이 특정 이미지입니다. 00:34:40.610 --> 00:34:42.290 따라서 기본적으로 실습해 보겠습니다. 00:34:42.290 --> 00:34:46.890 하지만 브라우저를 수 있다는 것입니다 저기,이 새 속성을 처리 합니다. 00:34:46.890 --> 00:34:53.230 브라우저로 하십시오 말할 수 있습니다. 이미지 x 1의이 버전을 사용 합니다. 00:34:53.230 --> 00:34:57.720 경우 화면의 현재 DPI CSS와 일치 하 고 00:34:57.720 --> 00:35:02.220 하드웨어 비율 및 픽셀 그런 다음이 이미지를 사용 하십시오. 00:35:02.220 --> 00:35:06.510 예를 들어 이동이 작은 실제 화면 00:35:06.510 --> 00:35:09.380 마무리의 눈을 해당 브라우저에서는 요청 합니다. 00:35:09.380 --> 00:35:13.140 다른 버전을 사용 하십시오은 이미지 하 고 점을 있습니다 00:35:13.140 --> 00:35:17.550 무엇이 든을 이동할 수 있습니다. 이 특정 규칙에 좋아. 00:35:17.550 --> 00:35:22.700 때문에 지금 아주 멋진 될 수 있습니다. 일부 처럼 자신을 맡기는 00:35:22.700 --> 00:35:24.950 일부 4k 화면을 집에 있어. 00:35:24.950 --> 00:35:28.540 일부 경우 냉각 웹 사이트에 표시 되 고 있습니다. 00:35:28.540 --> 00:35:31.250 따라서 우리가 선택할 수와 같은. 00:35:31.250 --> 00:35:35.200 내가이 메시지 표시 내 i11 간단한 웹 페이지입니다. 00:35:35.200 --> 00:35:37.230 사용 하지 않습니다. 00:35:37.230 --> 00:35:39.320 기본 이미지를 사용 합니다. 00:35:39.320 --> 00:35:43.050 때문에 확인 하는 경우 새 버전을 사용할 것 00:35:43.050 --> 00:35:47.390 제가 이미지를 특정 배치 됩니다 이미지 왼쪽 상단에 로고. 00:35:47.390 --> 00:35:51.660 따라서 현재 iE에서 사용 기본 이미지를 했습니다- 00:35:51.660 --> 00:35:53.040 >>는 희미 한 합니다. 00:35:53.040 --> 00:35:56.290 >>는 희미 한 다시 했습니다. 우리의 게임 에이전트를 사용 하 여 작성 합니다. 00:35:56.290 --> 00:35:57.660 정말 정말 멋진. 00:35:57.660 --> 00:36:01.400 Microsoft 가장자리에 이제 부터는 내가 하는 경우 볼 수 있습니다. 00:36:01.400 --> 00:36:06.410 동일한 이미지를 볼 것 1 x 버전을 사용 하 여 변환 합니다. 00:36:06.410 --> 00:36:09.870 하지만 이제 시뮬레이션 하는 방법 원하는 상위 버전입니다. 00:36:09.870 --> 00:36:13.444 [혼선] 전체, 필요 특정 장치의. 00:36:13.444 --> 00:36:18.130 사용 하 여 시뮬레이션할 수 있습니다. 브라우저 확대/축소 옵션입니다. 00:36:18.130 --> 00:36:21.860 예를 들어, 가정해 봅시다 그렇게 사실 시뮬레이션을 하는 00:36:21.860 --> 00:36:24.330 현재 화면 해상도 이 동일, 하지만 여전히 00:36:24.330 --> 00:36:28.590 DPI를 수행 하 여 변경 하려는 경우 하 고 새로 고칠 필요 합니다. 00:36:28.590 --> 00:36:31.780 브라우저 표시 자동으로 보기로 결심 했습니다. 00:36:31.780 --> 00:36:33.520 최신 버전의 이미지와 00:36:33.520 --> 00:36:36.400 이것을 다운로드합니다 이 특정 이미지만. 00:36:36.400 --> 00:36:40.590 지금 확인 하 여에 대 한 인스턴스를 S2F2s에서 이동 합니다. 00:36:42.080 --> 00:36:44.980 적절 한 데모 확인 이 하나 여야 합니다. 00:36:48.250 --> 00:36:49.363 여기에 기록 합니다. 00:36:55.943 --> 00:36:58.719 네트워크를 확인 하겠습니다 이제 새로 고칩니다. 00:37:00.500 --> 00:37:03.998 이제 정답은 아니 수 있도록 임에도 가장자리를 닫습니다. 00:37:03.998 --> 00:37:07.306 >> 당신이 하는 데도 유용 합니다. 00:37:16.541 --> 00:37:17.475 >>을 맞아 정말 좋아. 00:37:17.475 --> 00:37:20.960 >> [웃음] 감사 합니다 David을 지원 합니다. 00:37:20.960 --> 00:37:23.150 볼 수 있습니다. 브라우저가 결정 00:37:23.150 --> 00:37:24.990 적절 한 로드를 이미지의 버전입니다. 00:37:24.990 --> 00:37:30.370 한 후, 여러 참조 코드에서 다른 이미지. 00:37:30.370 --> 00:37:33.705 하지만 브라우저와 클라이언트 적당 한 선택 하기로 했습니다. 00:37:33.705 --> 00:37:36.525 현재 설정을 기반으로 하 고 용량입니다. 00:37:36.525 --> 00:37:41.275 고 사양에도 지정 되어 있는 브라우저 00:37:41.275 --> 00:37:44.865 이미지를 로드 하도록 선택할 수 있습니다. 현재 대역폭에 기반합니다. 00:37:44.865 --> 00:37:48.025 따라서 있다고 가정해 봅시다 이렇게 예쁜 망막 화면 00:37:48.025 --> 00:37:50.735 만족을 있지만 매우 저하를 연결 합니다. 00:37:50.735 --> 00:37:53.465 좋은 아이디어는 아닐 높은 해상도 제공 하 00:37:53.465 --> 00:37:54.390 이미지입니다. 00:37:54.390 --> 00:37:57.400 하는 프로브에 대 한 되는 경우 직접 보내려고 할 것입니다 00:37:57.400 --> 00:38:03.370 낮은 해상도 이미지를 속도 웹 사이트, 빠른 웹 사이트입니다. 00:38:03.370 --> 00:38:07.870 사용 하기로 결정, 저는 현재 웹 사이트를 다시 작성 하도록 00:38:07.870 --> 00:38:10.530 필자는 loop를 사용 하 여 Babylon 웹사이트 오늘입니다. 00:38:12.700 --> 00:38:13.745 >> 무료 광고입니다. 00:38:13.745 --> 00:38:15.720 >> 예입니다. 00:38:15.720 --> 00:38:17.130 어쩌면 문제를 살펴보겠습니다. 00:38:17.130 --> 00:38:17.630 모르겠습니다. 00:38:18.640 --> 00:38:21.310 따라서 오늘날 웹사이트는 그렇게. 00:38:21.310 --> 00:38:25.894 모방을 했습니다 미국을 사용 하 여 같은 작업이 현대 00:38:25.894 --> 00:38:28.140 일부 특정 레이아웃입니다. 00:38:28.140 --> 00:38:31.870 매우 만족 해, 하지만 서 되지 않았습니다. 00:38:31.870 --> 00:38:35.760 또한, 우리는 아주 좋은 JavaScript 개발자입니다. 00:38:35.760 --> 00:38:37.945 우리는 덜 좋은 디자이너입니다. 00:38:37.945 --> 00:38:43.730 [웃음] 이러한 개념을 변경 하 고 우리 모두를 변경 하는 결정. 00:38:43.730 --> 00:38:48.980 이 위해 새 버전 난 이 현재 진행 중인 작업입니다. 00:38:48.980 --> 00:38:52.058 사용 했던 쿼리와 Flexbox 마법입니다. 00:38:52.058 --> 00:38:54.730 몇 가지 좋은 크기 수 00:38:54.730 --> 00:38:58.220 그럼 자체 조정 현재 해상도입니다. 00:38:58.220 --> 00:39:01.271 좋은 일은 무엇입니까 소스 플렉스 상자를 함께 사용할 수 있습니다. 00:39:01.271 --> 00:39:04.190 일부 쿼리 좋은 경험. 00:39:04.190 --> 00:39:08.720 웹 사이트 내 확대 시 I 지금 새로 고칩니다. 00:39:11.170 --> 00:39:14.950 해상도 다시 표시 이미지. 00:39:14.950 --> 00:39:18.100 테스트할 수 있습니다 심지어는 지금 하 고 디자인이 끝났습니다. 00:39:18.100 --> 00:39:20.540 좋은 디자이너는 경우 무료로 사용 하 고. 00:39:20.540 --> 00:39:22.560 [웃음] 우리는 환영 합니다. 00:39:22.560 --> 00:39:23.630 >> 보내 주십시오 메일. 00:39:27.572 --> 00:39:29.740 >> 하지만, 휴대폰에서 실행 하는 경우 00:39:31.270 --> 00:39:32.250 >>에 위치 해야 합니다. 00:39:34.180 --> 00:39:37.292 여기는 지금 읽기를 보낼 거 야. 00:39:41.307 --> 00:39:43.960 를 볼 수 있도록 동일한 웹 사이트입니다. 00:39:43.960 --> 00:39:46.190 전화를 하는 경우 다시 설정 하려는 00:39:46.190 --> 00:39:48.900 위와 로드 워 난 이미지의 x 버전 2. 00:39:48.900 --> 00:39:52.260 때문에 현재 화면 해상도의 내 00:39:52.260 --> 00:39:55.390 창 전화를 충분히 높게 됩니다. 이미지의 좋은 사이 했습니다. 00:39:55.390 --> 00:39:56.753 장치에서 테스트할 수 있습니다. 00:39:56.753 --> 00:39:59.776 좋은 일은 하 수 테스트할 수 Microsoft 가장자리에 00:39:59.776 --> 00:40:01.690 바탕 화면 처럼 David 언급 했 고 00:40:01.690 --> 00:40:04.920 이 정확 하 게 동일한 엔진- Windows phone에서 실행 됩니다. 00:40:04.920 --> 00:40:08.092 따라서 매우 쉽습니다 하는 데 두 검사 모두 해당 00:40:08.092 --> 00:40:11.420 제대로 작동 되 고 화면의 특정 하드웨어. 00:40:11.420 --> 00:40:14.600 다음 좋은 얻을 수 경험상 너무 그렇게. 00:40:15.830 --> 00:40:17.210 >> David 감사 합니다. 00:40:17.210 --> 00:40:19.228 따라서 다른 데모를 다시 가져옵니다. 00:40:22.936 --> 00:40:29.660 그래, 그렇게 우리 IE9, 이후에, HTML 내부 SVG 지원 했습니다. 00:40:29.660 --> 00:40:34.460 하지만 커뮤니티에서 감사 하 고 필자는 UserVoice 덕분에 00:40:34.460 --> 00:40:37.930 언급 한 뒤에 감사 드립니다 지금 제작 하는 방법입니다. 00:40:37.930 --> 00:40:43.610 커뮤니티 들을 요청합니다 우리 하십시오 foreignObject를 지원합니다. 00:40:43.610 --> 00:40:44.900 ForeignObject 이란? 00:40:44.900 --> 00:40:49.665 foreignObject은 반대 SVG를 HTML 안에 있는. 00:40:49.665 --> 00:40:54.470 foreignObject은 용량 SVG 내부 HTML을 포함 합니다. 00:40:55.610 --> 00:40:58.510 이 방법으로 SVG 페이지를 가질 수 있습니다. 00:40:58.510 --> 00:40:59.510 보여 드리겠습니다. 00:41:02.280 --> 00:41:05.350 여기, 내 HTML 요소가 있습니다. 00:41:05.350 --> 00:41:08.170 내 HTML 안에 따라서 SVG 요소 내에 있습니다 00:41:08.170 --> 00:41:10.710 벡터 기반 렌더링 합니다. 00:41:10.710 --> 00:41:16.630 이 SVG 내 수가 어떻게 여기서는 foreignObject 호출 00:41:16.630 --> 00:41:18.180 여기서 HTML을 넣을 수 있습니다. 00:41:19.350 --> 00:41:22.226 흥미 롭 군요, 때문에 SVG는 벡터를 순수 하 게 합니다. 00:41:22.226 --> 00:41:27.020 다음은 foreignObject 수 있습니다. 이 순수 하 게 벡터 제어 00:41:27.020 --> 00:41:31.830 공백, 그리고 우리는 특정 적용할 수 있습니다. 효과 SVG를 사용할 수 있습니다. 00:41:31.830 --> 00:41:36.280 벡터 개체를 함께 사용할 수 있습니다 우리 하 고 일부 예를 들어, 텍스트를 배치 합니다. 00:41:36.280 --> 00:41:39.440 재생에 사용할 수 있습니다. 처럼 여기 지 냅니다. 00:41:39.440 --> 00:41:44.430 전원 표시 하고자 내부 HTML을 사용 하 여 SVG. 00:41:45.440 --> 00:41:47.390 필터를 다시 사용 합니다. 00:41:47.390 --> 00:41:50.317 없는 CSS 필터에이 SVG 필터는. 00:41:50.317 --> 00:41:52.110 SVG 필터 지원합니다. 00:41:52.110 --> 00:41:55.230 SVG 필터 효과 적용 하 고 00:41:55.230 --> 00:41:57.770 벡터 렌더링 이미지 위에 확인? 00:41:57.770 --> 00:42:02.780 이 이미지는 이제, HTML 렌더링 이미지입니다. 00:42:02.780 --> 00:42:08.300 세련 되 고 있기 때문에 이와 같은 작업을 수행할 수 있습니까. 00:42:08.300 --> 00:42:11.110 필자는 이것이 여기에서 드 렁 큰된 브라우저를 호출 합니다. 00:42:14.630 --> 00:42:17.670 너무 많은 맥주를 집 고 무언가 검색 하 고 00:42:17.670 --> 00:42:18.899 이 세계 모습. 00:42:20.160 --> 00:42:23.874 좋아, 이제 검색 Microsoft 가장자리입니다. 00:42:23.874 --> 00:42:28.750 >> [웃음] >>를 기억 하는 우리는 모두 알고 있습니다. 00:42:28.750 --> 00:42:33.420 IFrame 내 SVG 내 완벽 하 게 작동 합니다. 00:42:33.420 --> 00:42:34.686 없음 문제가 있습니다. 00:42:34.686 --> 00:42:37.544 SVG를 내 고 있어 고 00:42:37.544 --> 00:42:41.895 SVG의 적용할 수 및 내 물건을 사용 합니다. 00:42:41.895 --> 00:42:44.728 저는 제가 할 수 있는 다른 것 이 점을 보여 원했습니다. 00:42:44.728 --> 00:42:48.799 따라서, 사용 하는 대신 00:42:48.799 --> 00:42:53.061 이 항목만 사용 합니다. 00:42:56.228 --> 00:42:58.770 이런, 가자 다시 있습니다. 00:42:58.770 --> 00:42:59.895 뭔가 잊었습니다. 00:42:59.895 --> 00:43:00.895 >> 예, 대시. 00:43:00.895 --> 00:43:02.728 >> 네, 감사 드립니다, David. 00:43:05.853 --> 00:43:07.450 새로 고침을 하도록 하겠습니다. 00:43:07.450 --> 00:43:08.825 이것은 Minecraft 브라우저입니다. 00:43:08.825 --> 00:43:12.270 >> [웃음] >> 따라서는 재미 있는 것 00:43:12.270 --> 00:43:15.770 경우에 대 한 검색 babylonjs.com는 쉽지 않습니다. 00:43:15.770 --> 00:43:17.580 여기를 클릭 해야 합니다. 00:43:18.680 --> 00:43:22.660 저는 Minecraft 플레이어와 내가 3D 개체를 사용할 수 있습니다. 00:43:22.660 --> 00:43:27.978 이것은, SVG를 사용 하 여 HTML 페이지 내부 SVG는 웹 GL 사용- 00:43:27.978 --> 00:43:31.812 >> [박수] 00:43:31.812 --> 00:43:34.639 >> 초당 60 프레임에서 실행 되 고 것 00:43:34.639 --> 00:43:36.110 둘째, 좋아? 00:43:36.110 --> 00:43:37.740 방금 멋진 기능이 인정 해야 합니다. 00:43:38.960 --> 00:43:41.765 따라서 우리가 알지 못합니다 사용 사례를 하지만 00:43:41.765 --> 00:43:44.310 요점 [웃음] 있습니다. 00:43:44.310 --> 00:43:44.850 점을 얻을 수 있습니다. 00:43:44.850 --> 00:43:46.440 SVG 내부 HTML을 사용할 수 있습니다. 00:43:46.440 --> 00:43:46.940 정말 멋지네요입니다. 00:43:48.300 --> 00:43:49.975 아주 것 어린이 프로그램에 도움이 됩니다. 00:43:49.975 --> 00:43:54.090 >> [웃음] >> 및 최신 일 다음 00:43:54.090 --> 00:43:59.115 표시 하기 전에 전문가 Q&A의 이동은 HTTP/2입니다. 00:43:59.115 --> 00:44:01.944 조금 어려운 HTTP/2 00:44:01.944 --> 00:44:06.884 매우 시각적 무언가 찾을 수 HTTP/2 확인할 수 있습니다. 00:44:06.884 --> 00:44:11.490 물론 HTTP/2 작성 중인 감사 어떤 Google에 수행 된 00:44:11.490 --> 00:44:12.350 함께 SPDY. 00:44:12.350 --> 00:44:15.670 려 SPDY 이므로 새로운 것을 만들 수 00:44:15.670 --> 00:44:20.252 HTTP/1.1 다릅니다 비교적 오래 된 지금입니다. 00:44:20.252 --> 00:44:21.790 일부 모바일 장치 않는 생각 하 고 00:44:21.790 --> 00:44:24.520 다른 새로운 장치가 등장 했습니다. 성능 문제가 있습니다. 00:44:24.520 --> 00:44:27.890 따라서 찾을 수 보십시오 일부 해킹을. 00:44:27.890 --> 00:44:31.680 따라서, 예를 들어에 대해 알아보기 브라우저 요청 수가 있습니다. 00:44:31.680 --> 00:44:33.160 웹 서버에 보냅니다. 00:44:33.160 --> 00:44:38.100 따라서 대부분의 경우에서 기본 4 개의 동시 요청을 했습니다. 00:44:38.100 --> 00:44:42.720 웹 서버에서 특정 특정 도메인에 대 한 클라이언트입니다. 00:44:42.720 --> 00:44:45.490 이 로드. 가정해 10 또는 00:44:45.490 --> 00:44:48.740 현재이 웹에서 이미지 20 클라이언트에서 서버입니다. 00:44:48.740 --> 00:44:52.914 통해 작업을 수행할 수 있었습니다만 4 개의 다른 요청을 00:44:52.914 --> 00:44:54.300 이 대기 해야 합니다. 00:44:54.300 --> 00:44:59.000 하 고, 있습니다 모든 사람들이 여 라고는 근거리를 했습니다. 00:44:59.000 --> 00:45:01.960 따라서 몇 가지 있을 수 있습니다. 도메인 CDNs 좋아. 00:45:01.960 --> 00:45:06.570 CDN 숫자 1 CDN 번호 2 CDN 수 3 ~ 4입니다. 00:45:06.570 --> 00:45:10.480 덕분에, 그리고 합시다. 4 개의 요청을 할 수 00:45:10.480 --> 00:45:14.190 첫 번째 CDN 및 다음 4 두 번째 등을 요청 합니다. 00:45:14.190 --> 00:45:15.580 하지만, 해킹의 종류를 수행 하는 00:45:15.580 --> 00:45:21.160 이렇게 하려면 브라우저에 있기 때문에 또한 사실 해야 했습니다. 00:45:21.160 --> 00:45:24.520 이렇게 하면 뭔가 많이 많은 추가 요청 00:45:24.520 --> 00:45:28.620 위쪽에 오버 헤드의 모든 웹 서버에 HTTP 요청입니다. 00:45:28.620 --> 00:45:33.522 작성 합니다 HTTP/2가 됩니다. 로 IETF 작업 힘에 의해 처리 00:45:33.522 --> 00:45:36.860 으로 시작 하 고 모든 현재 진행 중입니다. 00:45:36.860 --> 00:45:39.510 구현 Microsoft의 가장자리로 및 00:45:39.510 --> 00:45:41.390 크롬과 Firefox 합니다. 00:45:41.390 --> 00:45:45.510 현재 탐색 하는 것과 Google 서버에서 웹 페이지 00:45:45.510 --> 00:45:48.890 따라서 이러한 한 된 구현 서버 스택 들 중 하나. 00:45:48.890 --> 00:45:53.476 하는 방법에 표시 됩니다. 매우 빠르게 이미지를 로드 00:45:53.476 --> 00:45:54.875 다양 한 이유가 있습니다. 00:45:54.875 --> 00:45:59.095 먼저 우리는 할 수 없었던 스트림에서 멀티플렉스 일부입니다. 00:45:59.095 --> 00:46:02.335 더 이상 보낼 강제로 하지 하 하 웹 서버에서 다양 한 요청 수입니다. 00:46:02.335 --> 00:46:04.145 단일 요청을 만들 수 및 00:46:04.145 --> 00:46:07.155 몇 가지를 포함 하는 것 이 요청에 스트림입니다. 00:46:07.155 --> 00:46:10.265 따라서만 협상할 것 우리 웹 서버를 사용 하 여 한 번 00:46:10.265 --> 00:46:14.185 또한 이진 인코딩을 사용 하는 것 HTTP/2를 사용합니다. 00:46:14.185 --> 00:46:18.370 따라서, 네트워크에서 보다 밝은입니다. 00:46:18.370 --> 00:46:22.550 어떤 예측도 우리 하 고 클라이언트 쪽에서 해야합니다. 00:46:22.550 --> 00:46:25.390 예를 들어, HTML 페이지를 로드할 때 00:46:25.390 --> 00:46:29.330 아시다시피 일부 수 있다는 CSS 및 JavaScript는 내부입니다. 00:46:29.330 --> 00:46:32.840 따라서 약간 멍에 HTML 페이지를 로드 하 고 00:46:32.840 --> 00:46:35.300 그런 다음, 그래, 알아이 특정 JavaScript 파일입니다. 00:46:35.300 --> 00:46:37.950 또 다른 라운드트립이 수행 서버에 다시 가져옵니다. 00:46:37.950 --> 00:46:39.810 및 다음 원하는 CSS 파일 등. 00:46:39.810 --> 00:46:44.573 웹 서버를 생각이 합니다. index.html 있다고 00:46:44.573 --> 00:46:47.640 내부 html로 foo.js. 00:46:47.640 --> 00:46:49.390 따라서 무엇을 하겠습니다. 같은 요청에 00:46:49.390 --> 00:46:52.580 보내려고 해요 foo.js를 직접 백업 00:46:52.580 --> 00:46:54.700 몇 시간을 줄이기 위해 클라이언트. 00:46:54.700 --> 00:46:56.550 따라서 필요한 예상할 수 있습니다. 00:46:56.550 --> 00:46:58.170 내가 말하고 오히려 그 이 파일을 필요 00:46:58.170 --> 00:47:00.110 내가 있기 때문에 이미 캐시에 알 았 어. 00:47:00.110 --> 00:47:04.270 약간의 시간이 있지만 대부분의 잔 시간 속도 얻게 됩니다. 00:47:04.270 --> 00:47:05.790 따라서 이것은 Google에 의해 수행 되는 웹 페이지 00:47:05.790 --> 00:47:09.690 그건 정말 재미 있기 때문에 그 무슨 시뮬레이션할 수 있습니다. 00:47:09.690 --> 00:47:14.244 따라서 페이지를 로드 해 보겠습니다 HTTP/1 및 2002를 사용 하 여 00:47:14.244 --> 00:47:17.650 죄송 합니다 200 밀리초 옅은 대기 시간입니다. 00:47:17.650 --> 00:47:20.590 현재를 볼 수 있습니다. serialize 되 고 있습니다. 00:47:20.590 --> 00:47:23.690 몇 가지 있는데 이미지의 일부입니다. 00:47:23.690 --> 00:47:26.170 매우 빠르게 수행할 수 없는 나를 해야 하기 때문에 00:47:26.170 --> 00:47:30.460 할 때마다 서버로 다시 이동 페이지의 새로운 조각을 로드 합니다. 00:47:30.460 --> 00:47:34.120 >> 및 각 요청 해야 합니다. 200 밀리초 대기 시간입니다. 00:47:34.120 --> 00:47:36.560 >> 및 HTTP/2를 사용 하 여 다른 부분 00:47:36.560 --> 00:47:40.300 I'm 되 있지 참조 하십시오 여러 스트림을 렌더링 하 고 일부입니다. 00:47:40.300 --> 00:47:42.870 고유한 요청 했 고 웹 서버의 로드를 00:47:42.870 --> 00:47:45.790 모든 스트림 이므로 이미지를 로드할 훨씬 빠릅니다. 00:47:45.790 --> 00:47:47.770 그리고 이제 점 됩니다. 00:47:47.770 --> 00:47:49.928 매우 시각적 이기 때문에 이미지에 는입니다. 00:47:49.928 --> 00:47:53.240 하지만 생각을 모두의 경로에 필요 웹 페이지 00:47:53.240 --> 00:47:55.500 서버 쪽에서 로드 와 동일한 속도로 정말. 00:47:55.500 --> 00:47:59.750 따라서, 것이 정말 다행이 야 구체적으로 모바일에는 00:47:59.750 --> 00:48:02.660 Windows Phone 10 대 Microsoft 가장자리를 사용합니다. 00:48:02.660 --> 00:48:07.720 또는 있을 수 있습니다 모든 새로운 장치 현대 엔진을 했기 때문에 있어 00:48:07.720 --> 00:48:11.620 실제로 웹 페이지의 속도 amp 하지 않고 아무 것도 있습니다. 00:48:11.620 --> 00:48:15.050 완전히 HTTP/1.1 호환 됩니다. 00:48:15.050 --> 00:48:17.310 이것은 동일한 열 같은 동사입니다. 00:48:17.310 --> 00:48:20.610 하는 방법 변경 통신 프로토콜 및 00:48:20.610 --> 00:48:23.740 스트림에 대 한 모든 net 세션 참여입니다. 00:48:23.740 --> 00:48:24.240 >> 감사, David입니다. 00:48:25.440 --> 00:48:30.240 따라서 우리가 볼 여기 손 픽업 일부 자주 사용 하는 기능을 하지만, 00:48:30.240 --> 00:48:33.860 많이 앞서 언급 했 듯이 그 상자 안에 는입니다. 00:48:33.860 --> 00:48:36.130 이 대 한 좋은 아이디어 선택 하면 00:48:36.130 --> 00:48:39.710 가장 최신 설치 Windows 10 빌드 버전입니다. 00:48:39.710 --> 00:48:41.820 가장자리 엔진은 여기. 00:48:41.820 --> 00:48:44.660 지금까지도 스파 프로젝트? 00:48:44.660 --> 00:48:47.940 으로 변경 되지만, 고 Microsoft 가장자리에 이름을 변경 하 고 00:48:47.940 --> 00:48:49.100 점을 얻을 수 있습니다. 00:48:49.100 --> 00:48:53.410 하면 기능을 선택 하면 정말 원하는 기능을 사용 하십시오 하 고 00:48:53.410 --> 00:48:56.730 대 한 사용자 의견 uservoice.modern.IE입니다. 00:48:56.730 --> 00:48:59.690 예를 들어, 여기 캡처한 ASM.js. 00:48:59.690 --> 00:49:01.900 거 대 한 커뮤니티를 요청 했습니다. 00:49:01.900 --> 00:49:03.870 ASM.js를 지원 하십시오. 00:49:03.870 --> 00:49:07.754 ASM.js는 컴파일 하는 방법 JavaScript에 c + + 00:49:07.754 --> 00:49:10.820 및 일부 ASM.js를 추가 합니다. 00:49:10.820 --> 00:49:14.290 말할 수 없습니다. 에 대 한 추가 정보 00:49:14.290 --> 00:49:15.400 가비지 수집기에 대 한 00:49:15.400 --> 00:49:18.796 JavaScript 엔진 성능을 향상 시키기 위해, 좋아? 00:49:18.796 --> 00:49:23.700 Unity 지원, Unreal 엔진 지금 사용 하는 경우 지원 00:49:23.700 --> 00:49:29.080 Unity 5만 내보낼 수 있습니다 사용자 ASM.js 사용 하 여 웹 GL 게임입니다. 00:49:29.080 --> 00:49:32.640 이제 설치 하기는 매우 최신 버전의 Windows 10 00:49:32.640 --> 00:49:35.510 Microsoft 가장자리와 00:49:35.510 --> 00:49:40.530 웹 GL을 실행할 수 있습니다. Unity ASM.js를 사용 하 여에서 게임입니다. 00:49:40.530 --> 00:49:42.112 할 일에 대 한 이동: 플래그입니다. 00:49:42.112 --> 00:49:46.100 따라서 Microsoft 가장자리에 이동 하는 경우 에 대 한 입력 현재: 플래그 및 00:49:46.100 --> 00:49:50.150 ASM.js를 사용 할 수 내부 Microsoft 가장자리. 00:49:50.150 --> 00:49:53.130 표시 하 고 다른 여기에 백로그 예 하입니다. 00:49:53.130 --> 00:49:56.878 구문 보여 사람들이 공정한 디버거에서 오류입니다. 00:49:56.878 --> 00:50:00.838 우리의 백로그를 넣을까요 하 고 맨 위에 임을 나타내는 우리와 00:50:00.838 --> 00:50:02.336 곧 시작 될 것을 바랍니다. 00:50:02.336 --> 00:50:05.623 에 대 한 새로운 방법입니다. 말씀을 사용 하 여 통신 하 고 00:50:05.623 --> 00:50:06.795 커뮤니티. 00:50:06.795 --> 00:50:09.355 의견이 있는 뭐 하 고 00:50:09.355 --> 00:50:13.675 우리는 알 수 있습니다 우리가 작업 일부를 고려합니다 00:50:13.675 --> 00:50:17.440 실제로 그 중 일부 우리의 최우선 순위 목록입니다. 00:50:18.760 --> 00:50:21.390 세션을 평가 하십시오. 00:50:21.390 --> 00:50:22.470 와 이제 질문에 대 한 시간입니다. 00:50:23.670 --> 00:50:24.195 그렇습니다. 00:50:24.195 --> 00:50:32.000 >> [들리지 않음] >> [웃음] 보여 해 드리죠. 00:50:33.670 --> 00:50:34.920 오, 내가 없는이 질문에 대답 합니다. 00:50:36.230 --> 00:50:39.449 최신 형식으로 이동 합니다. 00:50:39.449 --> 00:50:43.020 따라서 status.modern입니다. 00:50:43.020 --> 00:50:44.000 질문에 대 한- >> 아, 죄송 합니다. 00:50:44.000 --> 00:50:44.756 >> 예, 질문이입니다. 00:50:44.756 --> 00:50:47.690 >> 서식 파일에 대 한 질문이입니다. 올바른 html 서식 파일입니다. 00:50:47.690 --> 00:50:48.832 작업 하 고 있습니까? 00:50:48.832 --> 00:50:49.690 >>는 그의 노력? 00:50:51.400 --> 00:50:52.110 예입니다. 00:50:52.110 --> 00:50:54.170 지금까지 조사가 진행 됩니다. 00:50:54.170 --> 00:50:56.520 더 큰 스토리의 일부 실제로. 00:50:56.520 --> 00:51:01.470 할 수 있는 가장 좋은 것은 사용자 음성에 대 한 피드백 00:51:01.470 --> 00:51:03.560 이유는 해 주십시오 정말 중요 한. 00:51:03.560 --> 00:51:04.810 물어볼 사람이 투표를 합니다. 00:51:04.810 --> 00:51:07.130 이것이 가장 좋은 방법은 우리와 통신 합니다. 00:51:07.130 --> 00:51:09.280 예. 하지만 정말 중요 한 것이 알고 있습니다. 00:51:09.280 --> 00:51:11.035 한 것을 고려 중 이다. 00:51:11.035 --> 00:51:13.650 >> [들리지 않음] >> 예입니다. 00:51:13.650 --> 00:51:16.690 일부 다른 부품의 미리 채워진 쉽게 사용할 수 있습니다. 00:51:16.690 --> 00:51:18.790 웹 파트너 이 것으로 알고 있습니다. 00:51:18.790 --> 00:51:22.230 다른 하나의 질문입니다. 00:51:22.230 --> 00:51:23.355 그래? 00:51:23.355 --> 00:51:23.855 >> 지금 시간 우리는 11 IE 유지 하 겠습니까? 00:51:27.350 --> 00:51:30.679 >> 있으므로 문제는 시간 11 IE 유지 하나요? 00:51:30.679 --> 00:51:35.034 11 IE의 일부인 Windows 10 이므로 00:51:35.034 --> 00:51:39.250 Windows 10 같은 수명 주기가 있습니다. 00:51:39.250 --> 00:51:41.230 >> Vista와 같은 수명 주기? 00:51:41.230 --> 00:51:43.438 >> 난 모르는 일이 난 미안 하다입니다. 00:51:43.438 --> 00:51:49.780 고객 지원부에 찾아도 [외부]를 확인 합니다. 00:51:49.780 --> 00:51:55.093 하지만 IE 11 만큼 지원 합니다. Windows 10 지원 됩니다, 00:51:55.093 --> 00:51:57.194 그의 10 Windows의 일부입니다. 00:51:57.194 --> 00:51:58.654 예? 00:51:58.654 --> 00:51:59.813 >>에 무엇이 티셔츠? 00:51:59.813 --> 00:52:00.845 >> 좋은 질문입니다. 00:52:00.845 --> 00:52:03.698 [웃음] 내 티셔츠에는 무엇이 있습니까? 00:52:03.698 --> 00:52:09.070 [웃음] 이 문제를 유지 하므로 좋 겠 있는지 확인 해야 합니다. 00:52:09.070 --> 00:52:10.946 이 있는 다른 질문 있습니까? 00:52:10.946 --> 00:52:11.782 >> 그래. 00:52:11.782 --> 00:52:12.618 >> 그래. 00:52:12.618 --> 00:52:17.060 >> [들리지 않음] >> 예입니다. 00:52:17.060 --> 00:52:20.390 Microsoft의 질문은 10이 됩니다 Windows 10만? 00:52:20.390 --> 00:52:22.035 및 예, 그렇습니다. 00:52:22.035 --> 00:52:25.520 그렇습니다. 00:52:25.520 --> 00:52:34.810 >> [들리지 않음] 00:52:34.810 --> 00:52:38.051 >> 대부분의 시간, 있는 경우 00:52:38.051 --> 00:52:44.855 플래그에 대 한 여기는 것 같아. 아니요 00:52:44.855 --> 00:52:46.410 >> [들리지 않음] 00:52:46.410 --> 00:52:47.120 >> 확인 합니다. 00:52:47.120 --> 00:52:48.107 >> 예, 좋은 질문에 대 한 것 이므로 00:52:48.107 --> 00:52:49.105 하면 [혼선] >> 하지만, 질문 00:52:49.105 --> 00:52:51.270 질문을 반복할 수 있습니다? >> 질문은 되도록 00:52:51.270 --> 00:52:55.250 아래는 일부의 기능 이제 Microsoft 가장자리에에서 대 한 플래그입니다. 00:52:55.250 --> 00:52:57.910 따라서를 이동 해야 합니다. 사용 하도록 설정할 플래그입니다. 00:52:57.910 --> 00:53:01.724 창 10 웹 뷰를 사용 하는 경우 사용할 수 있습니까, 예를 들어, SMGS? 00:53:01.724 --> 00:53:06.480 >> 아니요 [INAUDIBLE] 수 수 없습니다. 00:53:06.480 --> 00:53:08.480 >> 내가 꽤 확신 했던 하지만 내가 있는지 원한다. 00:53:08.480 --> 00:53:11.510 >> 답은 없습니다. 예. 00:53:11.510 --> 00:53:12.715 저기 질문? 00:53:12.715 --> 00:53:16.460 >> [들리지 않음]. 00:53:16.460 --> 00:53:18.655 >> 예입니다. 웹의 구현에 노력 00:53:18.655 --> 00:53:20.310 드라이버를 Microsoft 가장자리에. 00:53:23.296 --> 00:53:24.491 예? 00:53:24.491 --> 00:53:31.200 >> [들리지 않음] >> 확장 합니다. 00:53:31.200 --> 00:53:33.050 오른쪽 JavaScript 확장을 의미? 00:53:33.050 --> 00:53:37.280 지금까지 내가이 응답할 수 없습니다. 정말 이기 때문에 질문 합니다. 00:53:37.280 --> 00:53:38.540 너무 빨리 주었네요. 00:53:38.540 --> 00:53:40.730 이미가 어제 데모입니다. 00:53:40.730 --> 00:53:43.580 내가 모르는 것 두 일의 기조 중 전입니다. 00:53:43.580 --> 00:53:44.170 수 있습니다. 00:53:44.170 --> 00:53:47.100 작업을 하 성능과 관련 된 모든 것 00:53:47.100 --> 00:53:49.760 와 같이, 우리는 너무 우리의 개발 주기. 00:53:50.870 --> 00:53:52.215 다행히 안 명확 하 게 합니다. 00:53:52.215 --> 00:54:02.590 >> [들리지 않음] 00:54:02.590 --> 00:54:03.090 >> 잘 모르겠습니다. 00:54:04.400 --> 00:54:06.100 미안, 난 모 르 겠 어. 00:54:06.100 --> 00:54:07.990 다른 부분에는 엔지니어링 팀입니다. 00:54:07.990 --> 00:54:09.700 따라서 하지 않으려고 잘못 된 것을 말하십시오. 00:54:09.700 --> 00:54:12.010 따라서 잘 모르겠습니다. 00:54:12.010 --> 00:54:12.604 예? 00:54:12.604 --> 00:54:13.620 [웃음]입니다. 00:54:13.620 --> 00:54:15.145 >> [들리지 않음]. 00:54:15.145 --> 00:54:17.586 >> 따라서 질문은, 00:54:17.586 --> 00:54:23.150 이 작업은 CSS 개인 지도 와 CSS 전환? 00:54:24.210 --> 00:54:26.660 따라서 전환으로 테스트, 예. 00:54:26.660 --> 00:54:30.790 애니메이션 표시 되지 않을 어떤 이유로 든 되지 말아야 할 이유입니다. 00:54:30.790 --> 00:54:34.120 방금 체크 하지만 99% 자. 00:54:34.120 --> 00:54:37.679 야곱의 예 보입니다. 네, 100%는 예입니다. 00:54:37.679 --> 00:54:39.424 [웃음]입니다. 그래? 00:54:39.424 --> 00:54:43.177 >> 응용 프로그램에 대 한 CSS의 규칙을 지원 00:54:43.177 --> 00:54:46.670 [INAUDIBLE] 표준 인가요? 00:54:46.670 --> 00:54:47.810 >> Sir 절대 절대. 00:54:49.230 --> 00:54:51.291 >> 파악 정도 브라우저에서 지원 되는? 00:54:51.291 --> 00:54:53.996 >> 내가 알고 있다는 것 크롬에서 지원 합니다. 00:54:53.996 --> 00:54:55.540 해를 볼 수 있습니다. 00:54:55.540 --> 00:54:56.603 이 사이트를 알고 계십니까? 00:54:56.603 --> 00:55:01.820 >> [들리지 않음] >> 아직 있지 않습니다- 00:55:01.820 --> 00:55:02.455 >> 예, 아직 있지 않습니다. 00:55:02.455 --> 00:55:09.400 >> [들리지 않음] >> 그렇기 때문이 지원 됩니다. 00:55:09.400 --> 00:55:11.360 >> 훌 Firefox, Chrome, 가장자리입니다. 00:55:11.360 --> 00:55:12.356 훌륭한 세계에 살고 있습니다. 00:55:12.356 --> 00:55:16.486 >> 없는 Safari를 흥미로운. 00:55:17.743 --> 00:55:20.800 >> [웃음] >> [들리지 않음] 00:55:20.800 --> 00:55:21.446 >> 예? 00:55:21.446 --> 00:55:26.094 >> [들리지 않음] >> 웹 소켓? 00:55:26.094 --> 00:55:27.350 예. 알겠습니다. 00:55:27.350 --> 00:55:29.165 이것이 좋은 전환 감사. 00:55:29.165 --> 00:55:32.860 [웃음] 에 있는 무엇 때문에 내 셔츠 WebSocket을 기반으로 합니다. 00:55:32.860 --> 00:55:37.010 따라서 하나 들을 발행 단지 4 분 했습니다. 00:55:37.010 --> 00:55:38.050 다른 질문이 있는 경우 00:55:38.050 --> 00:55:40.250 의견이 있으시면 바로 뒤 감사 합니다. 00:55:40.250 --> 00:55:43.288 JS 이란 표시 싶습니다. 00:55:43.288 --> 00:55:46.618 우리가 발표 된 어제, 지금 제품이 무엇 인지 설명 하겠습니다. 00:55:46.618 --> 00:55:49.820 JS 직후 하기로 새로운 프레임 워크에서 작동 합니다. 00:55:49.820 --> 00:55:53.080 따라서 새로 쓰는 사랑 하겠습니다. 개발자가 프레임 워크입니다. 00:55:53.080 --> 00:55:56.028 명백 하 게 모두는 아니지만 개발자는 웹 광고 개발자 00:55:56.028 --> 00:55:58.190 따라서 발견 했습니다 하는 최근. 00:55:58.190 --> 00:56:01.586 그런 다음에 하기로 하 고 더 도움이 될 수 있는 프레임 워크 00:56:01.586 --> 00:56:03.470 WebGL 단지 보다 개발자입니다. 00:56:03.470 --> 00:56:08.600 직접 작성 했다면 시기 코드를 발견 했습니다. 하이 00:56:08.600 --> 00:56:12.468 디버깅 하려면 복잡 한 모든 모바일 버전입니다. 00:56:12.468 --> 00:56:15.610 코드를 작성할 때 그 한 번 작성 하 고 00:56:15.610 --> 00:56:18.700 이 모든 경우 후를 실행 모든 범위를 실행 00:56:18.700 --> 00:56:21.270 모든 프로세스를 디버깅 해야 합니다. 00:56:21.270 --> 00:56:24.440 문제가 되는 다양 한 도구를 하지만 00:56:24.440 --> 00:56:27.500 실제로 실행 하기 위한 도구가 없습니다. 어디에 나를 도와줄 수입니다. 00:56:27.500 --> 00:56:30.150 디버깅을 작성 하기로 했습니다 00:56:30.150 --> 00:56:32.460 도구 프레임 워크를 작업을 수행 하는 데 유용 합니다. 00:56:32.460 --> 00:56:38.090 과에 따라 순수 JavaScript만 Node.js 서버를 사용 하 여 CSS 00:56:38.090 --> 00:56:43.370 실시간으로 사용 하려면 백 엔드에서 WebSockets를 사용 하 여 통신 합니다. 00:56:43.370 --> 00:56:47.910 >> Node.js 서버 여기 있는데 단지 Vorlon npm 설치 합니까. 00:56:47.910 --> 00:56:49.240 아무것도 더 많은 것입니다. 00:56:49.240 --> 00:56:51.500 실행 하 고 대시보드를 제공 합니다. 00:56:51.500 --> 00:56:52.310 대시보드는 여기. 00:56:52.310 --> 00:56:54.450 이동 서를 보면합니다 내 대시보드를 것입니다. 00:56:54.450 --> 00:56:57.279 연결을 기다리는 경우 예를 들어, 웹 소켓을 사용 하 여 00:56:57.279 --> 00:56:58.254 이 지원 되는 경우 또는 00:56:58.254 --> 00:57:00.771 assurity 폴링 사용 지 원하는 경우. 00:57:00.771 --> 00:57:03.400 Socket.IO를 사용 중인. 00:57:03.400 --> 00:57:05.130 거의 어디에 나 작동합니다. 00:57:05.130 --> 00:57:06.045 내 냉장고를 사용할 수 있습니다. 00:57:06.045 --> 00:57:10.750 [웃음] 데모 여기에 있도록 대 한 특수 00:57:10.750 --> 00:57:13.990 하 고 이 데모를 표시만 합니다. 00:57:13.990 --> 00:57:15.620 여기 열어 보겠습니다. 00:57:15.620 --> 00:57:17.840 고이. 00:57:17.840 --> 00:57:23.470 소개 하도록 유지 3D 가장자리 안에 지원 합니다. 00:57:23.470 --> 00:57:26.600 일 때문에 웨지 이러한 유형의 아주 재미 있습니다. 00:57:26.600 --> 00:57:31.690 어떤 것을 재현 하려고 XBMC 미디어 플레이어 내에 지금 있는. 00:57:31.690 --> 00:57:34.050 이 편리 하 고 경우에 보존 한 않아도 됩니다. 00:57:34.050 --> 00:57:38.820 이 단지 데모 I 때문에 부여할 것입니다. 00:57:40.350 --> 00:57:41.092 오, 난 수 없습니다. 00:57:41.092 --> 00:57:43.390 이 데모는 작동 하지 않습니다. 특정 장치의. 00:57:43.390 --> 00:57:46.230 쉽게 알 수 없습니다 전화를 사용 하는 경우 00:57:46.230 --> 00:57:47.890 난 이유를 모 르 작동 하지 않습니다. 00:57:47.890 --> 00:57:52.928 따라서 수행할 수는에 추가 내 00:57:52.928 --> 00:58:01.520 여기에 대 한 참조 코드 http://localhost를. 00:58:01.520 --> 00:58:03.550 따라서 서버는이 URL에서 실행 됩니다. 00:58:03.550 --> 00:58:05.460 및 vorlon.js를 선택 합니다. 00:58:05.460 --> 00:58:06.280 정답입니다. 00:58:06.280 --> 00:58:07.920 더 이상 필요 없습니다. 00:58:07.920 --> 00:58:09.380 바보 같은입니다. 00:58:09.380 --> 00:58:12.530 더 이상 필요 없습니다. 00:58:12.530 --> 00:58:13.100 아주 좋은 아이디어입니다. 00:58:13.100 --> 00:58:14.470 >> 정확 하 게 입력 해야 합니다. 00:58:14.470 --> 00:58:16.240 >> 예 고 난 정말 좋아, 오른쪽에? 00:58:16.240 --> 00:58:20.610 >>이 가장 어려운 부분은 우리가 여전히 수 있도록 해당 문제를 해결 해 보십시오. 00:58:20.610 --> 00:58:22.658 >> [웃음] 소리 처럼 오 없음 it의 아닙니다 좋은 일 00:58:22.658 --> 00:58:25.750 잊어버려서이 예, 감사. 00:58:25.750 --> 00:58:27.200 내 긴 수 있습니다. 00:58:28.860 --> 00:58:33.490 고 여기서 다시 진행 이 페이지 xxyy 좋아 다시 로드 야 합니까? 00:58:36.520 --> 00:58:38.019 >> 및 해당 웹 사이트로 이동 합니다. 00:58:39.170 --> 00:58:41.200 >> 내가 잊은 것 이지만 내가 여기를 확인 합니다. 00:58:43.190 --> 00:58:46.430 그렇게 하 고 UI 분석 도구에서 작업 하 고 00:58:46.430 --> 00:58:49.370 있도록 하지 고려 하십시오 iPhone 기능 들입니다. 00:58:49.370 --> 00:58:52.338 사용자 분석 하려는 것 클라이언트에서 보낸 문자열 이므로 00:58:52.338 --> 00:58:54.890 말을 하려고 하는 경우 이 봐는 iPhone 또는 무엇이 든입니다. 00:58:54.890 --> 00:58:55.540 방금 작업 하 고 있는. 00:58:55.540 --> 00:58:58.540 여기에 단지 내 클라이언트를 클릭 하 여 00:58:58.540 --> 00:58:59.770 볼 수 있는 그렇게 [INAUDIBLE] 내 한. 00:58:59.770 --> 00:59:03.840 이 클라이언트에 될 수 있도록 서버에 연결할 수 있는 장치입니다. 00:59:03.840 --> 00:59:05.650 공개적으로 사용 하려는 경우 00:59:05.650 --> 00:59:08.700 에 배치 하는 Azure 또는 모든 서버입니다. 00:59:08.700 --> 00:59:13.390 작동 하 고 사용자가 볼 수 있습니다 여기 있는. 00:59:13.390 --> 00:59:16.700 분명히 클릭할 수 있는 요소를 보려면 오 예 이제 00:59:16.700 --> 00:59:20.330 이 정보를 사용 하는 표시 합니다. 00:59:20.330 --> 00:59:25.410 등을 선택 하 여 GUI를 예를 들어 찾을 수 있습니다. 00:59:25.410 --> 00:59:29.700 빨간 사각형을 가질 수 있습니다. 선택한 항목에 있으므로 00:59:29.700 --> 00:59:32.520 알고 있는 한 어떻게 사용 하는. 00:59:32.520 --> 00:59:34.460 고 있습니다 콘솔 여기. 00:59:34.460 --> 00:59:37.260 콘솔은 매우 중요 한 때문에 된 것이 있다면 00:59:37.260 --> 00:59:41.100 장치 충돌을 합니다. 콘솔에 일부 메시지를 보냅니다. 00:59:41.100 --> 00:59:43.190 콘솔에 보낼 모든 메시지를 00:59:43.190 --> 00:59:44.150 에 대시보드. 00:59:44.150 --> 00:59:45.900 지금 상황을 알 수 있습니다. 00:59:45.900 --> 00:59:49.865 표시 하고자 하는 경우 또한 ferb 플러그인 여기입니다. 00:59:49.865 --> 00:59:53.428 Modernizer에서 사용 하는 것 장치의 모든 기능을 알 수 00:59:53.428 --> 00:59:55.550 장치 기능입니다. 00:59:55.550 --> 00:59:58.250 따라서 대시보드를 다시 보내기 확인할 수 있습니다. 00:59:58.250 --> 01:00:01.740 이 장치를 말 예를 들어, 지원 01:00:01.740 --> 01:00:04.180 CSS 3D 변형 또는 3D 또는 무엇이 든을 유지 합니다. 01:00:04.180 --> 01:00:06.720 여기서 목록 모두 사용 했 고 01:00:06.720 --> 01:00:10.300 난 매우 자랑 스럽게 보여 주는 DreamWeaver 가장자리 켜져 있습니다. 01:00:10.300 --> 01:00:10.880 정말 멋지네요입니다. 01:00:10.880 --> 01:00:13.789 아 아니요, 우리는 지원 하지 SQL 데이터베이스 정상입니다. 01:00:13.789 --> 01:00:17.860 오래 된 것입니다. 01:00:17.860 --> 01:00:21.340 수도 있습니다 뜨거운 공기 또는 모든 항목을 추가 합니다. 01:00:21.340 --> 01:00:25.050 실행 하려는 말하면 내 콘솔에서 것 여기 고 01:00:25.050 --> 01:00:26.890 클라이언트에서 실행 됩니다. 01:00:26.890 --> 01:00:29.230 제어할 수 있도록 물건의이 종류입니다. 01:00:29.230 --> 01:00:30.190 할 수 있습니다. 01:00:30.190 --> 01:00:30.910 가능한 것입니다. 01:00:30.910 --> 01:00:33.960 중 하나를 사용 하십시오 디버깅 단계에와 01:00:33.960 --> 01:00:37.160 우리는 글의 열기 >> 오픈 소스는. 01:00:37.160 --> 01:00:40.470 >> 예입니다. 웹 오디오 플러그 인을 추가 합니다. 01:00:40.470 --> 01:00:47.700 노드에 표시할 수 있도록 하 고 노드가 웹 오디오 정보를 표시 합니다. 01:00:47.700 --> 01:00:50.880 연결에 대 한 생각 디버깅 모드도 있습니다. 01:00:50.880 --> 01:00:52.920 따라서, 예를 들어, Firefox OS에서 작성 하는. 01:00:52.920 --> 01:00:56.230 디버거 포트가 있는 것 연결에 것을 알고 01:00:56.230 --> 01:00:59.680 코드 일부를 넣을 것 아마도 나중에 브레이크 지점입니다. 01:00:59.680 --> 01:01:02.270 에 따라서는 정말 인프라를 엽니다. 01:01:02.270 --> 01:01:02.850 에 01:01:02.850 --> 01:01:05.730 전체 있기 때문에 대부분의 경우 모바일 장치를 사용 하 여 처리 01:01:05.730 --> 01:01:09.890 코드가 응용 프로그램의 모든 것 개발 하는 데 매우 어렵게 되었습니다. 01:01:09.890 --> 01:01:12.010 이 첫 번째 ad 키트를 제공 합니다. 01:01:13.880 --> 01:01:15.520 모든 것에 감사 드립니다. 01:01:15.520 --> 01:01:16.428 정말 감사 드립니다 것입니다. 01:01:16.428 --> 01:01:23.810 >> [박수] >> 반드시 평가 합니다. 01:01:23.810 --> 01:01:25.317 >> 감사, 감사 합니다. 01:01:25.317 --> 01:01:28.330 [외부]