[JS]YouTubeã®å‹•ç”»ã‚’ページ全体ã®èƒŒæ™¯ã«é…ç½®ã—ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ä»Šæ™‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’使ã£ãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
動画をページã„ã£ã±ã„ã®èƒŒæ™¯ã¨ã—ã¦ä½¿ç”¨ã™ã‚‹ã®ã¯ã€ã“ã“数年人気ã®é«˜ã„テクニック。 ãã®æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã€å‹•ç”»ã®ä¸Šã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã—スクãƒãƒ¼ãƒ«ã§ã‚«ãƒ¼ãƒ†ãƒ³ã®ã‚ˆã†ã«å¼•ã上ã’るページを実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ HTML5ã®videoè¦ç´ ã§è‡ªã‚µãƒ¼ãƒãƒ¼ã®å‹•ç”»ã‚’é…ç½®ã™ã‚‹ã®ã§ã¯ãªãã€YouTubeã®å‹•ç”»ã‚’使ã†ã®ã§ã€ã‚µãƒ¼ãƒãƒ¼ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚’æ°—ã«ã™ã‚‹å¿…è¦ã‚‚ã‚ã‚Šã¾ã›ã‚“。 デモページ：下ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ« 実装 使用ã™ã‚‹ãƒªã‚½ãƒ¼ã‚¹ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã«ã‚ãŸã‚Šã€ä¸‹è¨˜ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’使用ã—ã¦ã„ã¾ã™ã€‚ jQuery jquery.mb.YTPlayer YouTubeã®å‹•ç”»ã‚’背景ã¨ã—ã¦è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ラグイン フォント：Google Fonts (Raleway, Lato) アイコン：Font Awesome 背景ã«ä½¿ã†å‹•ç”»ã®æ³¨æ„点 背景ã«ä½¿ã†å‹•ç”»ã¯ã€ä¸‹è¨˜ã®ç‚¹ã«æ³¨æ„ã—ã¦ãã ã•ã„。 å‹•
![[JS]YouTubeã®å‹•ç”»ã‚’ページ全体ã®èƒŒæ™¯ã«é…ç½®ã—ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ä»Šæ™‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’使ã£ãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b3413c8d26665727debe1c206713a14699cabe5/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015020310-01.png)
jQueryã§ã¯ã˜ã‚ã‚‹Ajax：第3回　Youtube APIã¨jQueryを使ã„ã“ãªã™ï½œgihyo.jp … 技術評論社
ãŸã¨ãˆã°ã€æ¤œç´¢çµæžœã‚’表示ã™ã‚‹ç°¡å˜ãªã‚¢ãƒ—リケーションã®ãŸã‚ã«ã€æ•´å½¢ã•ã‚ŒãŸHTMLã‚’å«ã‚€ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ã«ã¯æ¬¡ã®ã‚ˆã†ã«æŒ‡å®šã—ã¾ã™ã€‚ http://gdata.youtube.com/feeds/base/videos フィードã®ç¨®é¡ž データをå–å¾—ã™ã‚‹ãƒ•ã‚£ãƒ¼ãƒ‰ã¯æ•°ç¨®é¡žã‚ã‚Šã¾ã™ã€‚ 通常ã¯Videoフィードを使ãˆã°å分ã§ã™ãŒã€æŠ•ç¨¿è€…ã®æƒ…å ±ã‚„ã‚³ãƒ¡ãƒ³ãƒˆã®æƒ…å ±ç‰ã‚’å–å¾—ã™ã‚‹ãƒ•ã‚£ãƒ¼ãƒ‰ã‚‚ã‚ã‚Šã¾ã™ã®ã§ã€å¿…è¦ã«å¿œã˜ã¦ä½¿ã„分ã‘ã¦ãã ã•ã„。 å…¨ã¦ã®ãƒ•ã‚£ãƒ¼ãƒ‰ã¯èªã¿å–り専用ã§ã‚ã‚Šã€èªè¨¼ç„¡ã—ã§ãƒªã‚¯ã‚¨ã‚¹ãƒˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€æ–°ã—ã投稿ã•ã‚ŒãŸãƒ“デオãŒãƒ•ã‚£ãƒ¼ãƒ‰ã§å–å¾—ã§ãるよã†ã«ãªã‚‹ã«ã¯ã€ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹åŒ–ã®ãŸã‚数時間ã‹ã‹ã‚Šã¾ã™ã€‚ Videoフィード Videoフィードã«ã¯ã€ãƒ“デオã€é–¢é€£å‹•ç”»ã€standardã€ãŠæ°—ã«å…¥ã‚Šã€å†ç”Ÿãƒªã‚¹ãƒˆã€ã‚³ãƒ¡ãƒ³ãƒˆã®ãƒ•ã‚£ãƒ¼ãƒ‰ãŒã‚ã‚Šã¾ã™ã€‚ ビデオフィード ビデオを検索ã™ã‚‹ã«ã¯ã€ãƒ“デオフィードを使ã„ã¾ã™ã€‚
第1回　ã¾ãšã¯å®Ÿè£…ã—ã¦ã¿ã‚ˆã† | gihyo.jp
ã¯ã˜ã‚ã« ã“ã®é€£è¼‰ã§ã¯ã€Javascriptã¯çŸ¥ã£ã¦ã„ã‚‹ã‘ã©Ajaxã¯å®Ÿè£…ã—ãŸã“ã¨ãŒãªã„ã¨ã„ã†æ–¹ã«å‘ã‘ã€YouTube APIを利用ã—ãŸWebアプリケーションを題æã«ã€å®Ÿè£…ã®æ–¹æ³•ã‚’解説ã—ã¾ã™ã€‚ Javascriptã®ãƒ©ã‚¤ãƒ–ラリã¯jQueryを使用ã—ã¾ã™ã€‚jQueryã«ã‚ˆã‚‹Ajax実装ã€åŸºæœ¬çš„ãªä½¿ã„æ–¹ã€ã¾ãŸã€UIã¸ã®å¿œç”¨å®Ÿè£…ã‚‚åˆã‚ã›ã¦è§£èª¬ã—ã¾ã™ã€‚ Ajaxã£ã¦ãªã«ï¼Ÿ Ajaxã¨ã¯ã€Asynchronous Javascript+XMLã®ç•¥ç§°ã§ã™ã€‚Javascriptを使ã„ã€Webページã¨ã¯éžåŒæœŸï¼ˆAsynchronous）ã«XMLå½¢å¼ï¼ˆã‚‚ã—ãã¯ãƒ†ã‚スト形å¼ï¼‰ã®ãƒ‡ãƒ¼ã‚¿é€šä¿¡ã‚’è¡Œã†æ‰‹æ³•ã‚’指ã—ã¾ã™ã€‚ Ajaxを使ã†ã¨ç‰¹åˆ¥ãªãƒ—ラグインãªã©ã‚’å¿…è¦ã¨ã›ãšã€Webページã®å¿…è¦ãªéƒ¨åˆ†ã ã‘å¿…è¦ã«å¿œã˜ã¦æ›¸ãæ›ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ãŸã‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®é«˜ã„Webアプリケーションを作るã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸã€ç•°ãªã‚‹Webサ
特集：jQueryã§ã¯ã˜ã‚ã‚‹Ajax｜gihyo.jp … 技術評論社
é‹å–¶å…ƒã®ãƒã‚´ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容ã®å…¨éƒ¨ã‚ã‚‹ã„ã¯ä¸€éƒ¨ã‚’ç„¡æ–ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚’ç¦æ¢ã—ã¾ã™â 。個別ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè¨å®šã•ã‚Œã¦ã„る記事ç‰ã¯ãã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã„ã¾ã™ã€‚
tubular, a YouTube Background Player jQuery Plugin | Sean McCambridge Design
jQuery tubular Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Just attach it to your page wrapper element, set some options, and you're on your way. $(page content wrapper element).tubular(options); Tubular's hello, world Assuming you're happy with the default options and you use a wrapper div with the id of wrapper, you simply attach to your wrapper div and
Youtubeå‹•ç”»ã¯ã‚«ãƒƒã‚³ã‚ˆã埋ã‚込もã†ã€ŒPrettyEmbed.jsã€:phpspot開発日誌
PrettyEmbed.js Demo - CodePen Youtubeå‹•ç”»ã¯ã‚«ãƒƒã‚³ã‚ˆã埋ã‚込もã†ã€ŒPrettyEmbed.jsã€ã€‚ 通常埋ã‚込むã¨å‹•ç”»ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ã‚„ラベルãŒè¡¨ç¤ºã•ã‚Œã¦ä¾¿åˆ©ãªã‚“ã§ã™ãŒã€ã©ã†ã—ã¦ã‚‚Youtube埋ã‚込んã æ„ŸãŒå‡„ããªã‚Šã¾ã™ã。 ãã“ã§ã€PrettyEmbedを使ãˆã°æ¬¡ã®ã‚ˆã†ã«ã€‚ã›ã£ã‹ãデザインã—ãŸã‚µã‚¤ãƒˆã‚‚Youtube埋ã‚è¾¼ã¿ã§ã‹ã£ã“ã‚ã‚‹ããªã‚‰ãªã„よã†ã«ã§ãã¾ã™ã 関連エントリ Youtube,Vimeo,Dailymotionç‰ã®å‹•ç”»APIを共通化ã§ãる「jquery-video〠æµè¡Œã‚Šã®Youtube風ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒãƒ¼å®Ÿè£…jQueryプラグイン Youtubeã®Channel・Playlistã®å‹•ç”»ãƒªã‚¹ãƒˆã‚’表示ã§ãã‚‹jQueryプラグイン「PlumTubeã€
[C!] Creazy! （クリエイジーï¼ï¼‰
ã”無沙汰ã—ã¦ãŠã‚Šã¾ã™ã€‚ヤガーã§ã™ã€‚ ã™ã£ã‹ã‚Šã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢çš„ãªæŠ•ç¨¿ã‚’ã—ãªããªã£ã¦ã—ã¾ã£ãŸã‚“ã§ã™ãŒã€é£Ÿã£ã¦ã„ã‹ãªã„ã¨ã„ã‘ãªã„ã‚ã‘ã§ãšã£ã¨ãƒ—ãƒã‚°ãƒ©ãƒ 書ã続ã‘ã¦ãŠã‚Šã¾ã™(笑) 昨今ã§ã¯ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯ã©ã‚“ã©ã‚“高 …
![[C!] Creazy! （クリエイジーï¼ï¼‰](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a8046f9e1ad6b933c90f35c5f5f4cf8bcb2000a/height=288;version=1;width=512/https%3A%2F%2Fcreazy.net%2Fwp%2Fwp-content%2Fuploads%2F2022%2F01%2F2022-01-28_wp_enqueue_style.jpg)
ゲームã®åŸºæœ¬çš„ãªå‹•ä½œã‚„エフェクトãªã©ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’検索å¯èƒ½ãªã€ŒGame Mechanic Explorerã€
「ゲーム開発åˆå¿ƒè€…ã®ãŸã‚ã«ä½•ã‹ã§ããªã„ã‹ã€ã¨æ€ã£ã¦ã„ãŸã‚²ãƒ¼ãƒ 開発者ã®ã‚¸ãƒ§ãƒ³ãƒ»ãƒ¯ãƒˆã‚½ãƒ³ã•ã‚“ãŒã€ã‚²ãƒ¼ãƒ 開発フレームワークã®ã€ŒPhaserã€ã‚’使ã„JavaScriptã§ã‚²ãƒ¼ãƒ 開発ã«å½¹ç«‹ã¡ãã†ãªå‹•ãやアルゴリズムã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’作æˆã—ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ä»˜ãã§ã€ŒGame Mechanic Explorerã€ã«ã¦ç„¡æ–™å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚æ©è¡Œã‚„ジャンプã¨ã„ã£ãŸã‚²ãƒ¼ãƒ ã®åŸºæœ¬çš„ãªå‹•ãã‹ã‚‰ã€è¿½è·¡åž‹ãƒŸã‚µã‚¤ãƒ«ã‚„å…‰æºã«ã‚ˆã‚‹å½±ãªã©ã€ã•ã¾ã–ã¾ãªå‹•ä½œã¯ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãŒåˆ†ã‹ã‚‰ãªãã¦ã‚‚æ“作ã™ã‚‹ã ã‘ã§ã‚‚楽ã—ã„気分ã«ãªã‚Œã¾ã™ã€‚ Game Mechanic Explorer http://gamemechanicexplorer.com ゲームã®åŸºæœ¬çš„ãªå‹•ä½œã‚„エフェクトを確èªã™ã‚‹ã«ã¯ã€ä¸Šè¨˜URLã‚’é–‹ã„ã¦ã€ç”»é¢å·¦å´ã«ã‚る「Chooseã€ã®æ¨ªã«ã‚る下å‘ã三角をクリックã—ã¾ã™ã€‚クリックã™ã‚‹ã¨ã€ŒWalking and jumpingã€ã€ŒBullet
ã‚ーワードを入力ã™ã‚‹ã ã‘ã§ä½œæ¥ç”¨BGMã‚’YouTubeã‹ã‚‰ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ã¦æµã—続ã‘る「FMTube!ã€
ãƒãƒƒãƒˆç’°å¢ƒã¨ãƒ‡ãƒã‚¤ã‚¹ã‚„PCã•ãˆã‚ã‚Œã°ã€YouTubeã§éŸ³æ¥½ã‚’èžãã“ã¨ãŒã§ãã¾ã™ãŒã€ä»•äº‹ã®å‰ã«ä½œæ¥ç”¨BGMを探ã—ãŸã‚Šã™ã‚‹ã®ã¯å®Ÿã¯é¢å€’ãªã‚‚ã®ã€‚ãã‚“ãªæ™‚ã«ä¾¿åˆ©ãªã®ãŒã€AngularJSã®å‹‰å¼·ã‚’ã—ã¦ã„ãŸã‚‰ã§ããŸã¨ã„ã†ã€ãƒ–ラウザã§ç°¡å˜ã«ä½¿ãˆã‚‹ä½œæ¥ç”¨BGMサービス「FMTube!ã€ã§ã™ã€‚ FMTube! http://yusukebe.github.io/FMTube/ 「フォームã«ã‚ãªãŸã®å¥½ããªã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒˆåを入れã¦Playボタンを押ã™ã¨ 自動的ã«ãã®ã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒˆã®æ›²ä¸€è¦§ãŒç¾ã‚Œå‹æ‰‹ã«YouTubeå‹•ç”»ã®å†ç”ŸãŒã¯ã˜ã¾ã‚Šã¾ã™ã€‚ 使ã„æ–¹ã¯ã‚³ãƒ»ãƒ¬ãƒ»ã ・ã‘ï¼ã€ã¨ã®ã“ã¨ãªã®ã§ã€ã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒˆåã«ã€ŒThe Beatlesã€ã¨å…¥åŠ›ã—ã€ã€ŒPlay!ã€ã‚’クリックã—ã¦ã¿ã‚‹ã¨â€¦â€¦ 数秒ã§ãƒ“ートルズã®YouTubeå‹•ç”»ãŒãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã•ã‚Œã€è‡ªå‹•çš„ã«å†ç”Ÿã‚’開始ã—ã¾ã—ãŸã€‚ リストã®ä¸ã‹ã‚‰å¥½ããªãƒ ービーをクリックã—ã¦å†ç”Ÿã™ã‚‹ã“ã¨ã‚‚ã§ã
ScaleOut | Supership
日々ã®å‡ºæ¥äº‹ã€ãƒ¡ãƒ³ãƒãƒ¼ã®åƒã様åや声ã€æœªæ¥ã¸ã®æƒ³ã„ãªã©ã€Supershipã®â€œBE SUPERâ€ãªã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’シェアã—ã¦ã„ã¾ã™ã€‚
æ˜ ç”»ã€Œãƒžãƒˆãƒªãƒƒã‚¯ã‚¹ã€ã®ä¸Šã‹ã‚‰æ–‡å—ãŒè½ã¡ã¦ãるアレをã‚ãšã‹1KB以下ã®ã‚³ãƒ¼ãƒ‰ã§å†ç¾
æ˜ ç”»ã€Œãƒžãƒˆãƒªãƒƒã‚¯ã‚¹ã€ã®éžå¸¸ã«æœ‰åãªä¸Šã‹ã‚‰æ¼¢å—やらカタカナやら平仮åやらãŒæ»ã®ã‚ˆã†ã«ãžã‚ãžã‚æµã‚Œè½ã¡ã¦ãã‚‹ã‚ã®è¶…有åãªã‚·ãƒ¼ãƒ³ã‚’1KB以下ã®ã‚³ãƒ¼ãƒ‰ã§å®Œå…¨å†ç¾ã—ãŸã‚‚ã®ãŒã€ŒMatrix Canvas Codeã€ã§ã™ã€‚ Matrix Canvas Code | CSSDeck http://cssdeck.com/labs/the-matrix å…ƒã¨ãªã£ã¦ã„ã‚‹ã®ã¯ã‚·ãƒ¼ãƒ³ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã§ãƒžãƒˆãƒªãƒƒã‚¯ã‚¹3部作ã®æœ€åˆã®ã‚¤ãƒ³ãƒˆãƒã§ä¸Šã‹ã‚‰æ»ã®ã‚ˆã†ã«æµã‚Œè½ã¡ã¦ãã‚‹ã®ãŒå°è±¡çš„ãªã‚‚ã®ã¨ãªã£ã¦ãŠã‚Šã€å®Ÿéš›ã«ã¯ç¸¦æ›¸ãã®è£è¿”ã£ãŸåŠè§’カナや注音符å·ãªã©ã‚‚出ã¦ãã¾ã™ã€‚ã“ã®ã‚ˆã†ãªå¦™ãªæ–‡å—ãŒæ··ã˜ã£ã¦ã„ã‚‹ç†ç”±ã¯ã€ã€Œæ—¥æœ¬ã®PCã§ã¯ç¸¦æ›¸ãã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã—ã¦ã„ã‚‹ã€ã¨ç›£ç£ãŒèª°ã‹ã‹ã‚‰å¹ãè¾¼ã¾ã‚ŒãŸãŸã‚。 Intro Matrix Reloaded - YouTube matrix intro - YouTube [HD] The Matri
ã“ã‚Œã¯å¿…見ã‹ã‚‚ãªYoutubeç‰ã®åŸ‹ã‚è¾¼ã¿å‹•ç”»ã‚’å‹•çš„ã«ãƒªã‚µã‚¤ã‚ºã™ã‚‹CSS例:phpspot開発日誌
CSS: Elastic Videos ã“ã‚Œã¯å¿…見ã‹ã‚‚ãªYoutubeç‰ã®åŸ‹ã‚è¾¼ã¿å‹•ç”»ã‚’å‹•çš„ã«ãƒªã‚µã‚¤ã‚ºã™ã‚‹CSS例。 ブãƒãƒƒã‚¯ã®ã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚ŒãŸéš›ã«ãŠã„ã¦å‹•ç”»ã‚’固定サイズã«ã—ã¦ã—ã¾ã†ã¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã¦ã—ã¾ã„ã¾ã™ãŒã€å…¬é–‹ã•ã‚Œã¦ã„るサンプルを使ã†ã¨ã€HTML5å‹•ç”»ã€embed/iframeã®å‹•ç”»ã‚’レイアウトã«åˆã‚ã›ã¦CSSã§è‡ªç”±ã«ä¼¸ç¸®å¯èƒ½ã€‚ 解åƒåº¦ã®é•ã†ã€iPhoneç‰ã§ã‚‚動作を確èªã—ã¦ã„ã‚‹ãã†ã§ã€ã©ã‚“ãªç’°å¢ƒã§ã‚‚動画をページã«ãƒ•ã‚£ãƒƒãƒˆã•ã›ãŸã„用途ã«æœ‰ç”¨ã§ã™ã€‚ 通常サイズ。ブãƒãƒƒã‚¯ã„ã£ã±ã„ã«åºƒãŒã‚‹å‹•ç”» å¹…ã‚’iPhoneãªã¿ã«å°ã•ãã—ã¦ã¿ãŸä¾‹ã€‚動画も縮んã§ã¾ã™ã€‚ IEã§ã‚‚å‹•ãã¿ãŸã„ã§ã™ã€‚ ã“ã‚Œã¯è¦šãˆã¦ãŠã„ãŸã»ã†ãŒã‚ˆã•ãã†ã§ã™ã€‚ 関連エントリ フリーã§æ–°ã—ã‚ã®XHTML/CSSã§æ›¸ã‹ã‚ŒãŸã‚µã‚¤ãƒˆãƒ†ãƒ³ãƒ—レート４５ ãœã‚“ã¶ãƒ”ュアCSSã§ã‚„ã£ã¡ã‚ƒãŠã†ã¨ã„ã†JavaScriptã®ä»£æ›¿ãƒ‡ãƒ¢ï¼•ï¼– Ajaxスタ
Googleã®ãƒˆãƒƒãƒ—ページを開ãã¨æ¯Žç§’100回JavaScriptãŒå®Ÿè¡Œã•ã‚Œã‚‹ã‚ˆ - å°„æ’ƒã—ã¤ã¤å‰è»¢ 改
FirefoxãŒCPUを常ã«15%ãらã„食ã†ã®ãŒæ°—ã«ãªã£ã¦ã„ãŸã®ã§èª¿ã¹ã¦ã¿ãŸã‚‰ã€Googleã®ãƒˆãƒƒãƒ—ページを開ãã¨ã‚‚ã®ã™ã”ã„å‹¢ã„ã§JavaScriptãŒå®Ÿè¡Œã•ã‚Œã‚‹ã“ã¨ãŒã‚ã‹ã£ãŸã€‚具体的ã«ã¯ã€var k=t.value;k!=h&&X(0);h=k ã¨ã„ã†ã‚³ãƒ¼ãƒ‰ãŒæ¯Žç§’100回実行ã•ã‚Œã¦ã„る。ã“ã®ã›ã„ã§ã€è‡ªåˆ†ã®ä½¿ã£ã¦ã„ã‚‹PCã ã¨ã€Googleã®ãƒˆãƒƒãƒ—ページを開ãã ã‘ã§CPU使用率ãŒ2%ãらã„上ãŒã£ã¦ã„るよã†ã 。Firefox特有ã®å•é¡Œã¨ã„ã†ã‚ˆã‚Šã¯ã€ã‚¦ã‚§ãƒ–ページå´ã®ä½œã‚Šæ–¹ã«ä¾ã‚‹ã‚‚ã®ã¿ãŸã„ã 。ãŸã¶ã‚“ä»–ã®ãƒ–ラウザã§ã‚‚å•é¡Œã¯å¤‰ã‚らãªã„ã ã‚ã†ã€‚ Googleã®ãƒˆãƒƒãƒ—ページã®å ´åˆã€ã‚³ãƒ¼ãƒ‰ã‚’調ã¹ã¦ã¿ãŸé™ã‚Šã§ã¯ã€åŽŸå› ã¯ã©ã†ã‚‚検索候補ã®è‡ªå‹•è£œå®Œç”¨ã®ã‚³ãƒ¼ãƒ‰ã¿ãŸã„ã 。ç¾åœ¨ã®å…¥åŠ›æ–‡å—列ãŒéŽåŽ»ã®è¨˜éŒ²ã¨é•ã£ãŸã‚‰è£œå®Œã®æ示をやり直ã™ã€ã¿ãŸã„ãªã“ã¨ã‚’ã‚„ã£ã¦ã„るよã†ã«è¦‹ãˆã‚‹ã€‚ HTMLã§ã¯ãƒ†ã‚ストボックス内ã®ãƒ†ã‚ストãŒå¤‰æ›´ã•ã‚Œ
vlog.it
Hi, this is Marco Rosella: welcome to vlog.it, a random rotating collection of my 300+ favourites videos collected in the last years. Instructions: Click on a moving slice, enjoy stuff. Follow the updates here: Thanks to Federico Orrù for the server side system and to all the videos' authors. This project has been named as finalist for the SXSW Interactive Awards 2012 in the Motion Graphics catego
Youtubeã®å‹•ç”»ã‚’背景ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.youtube.com/playlist?list=PLTo9gQMPMgGaVv9e-ZsrzhWvu5BgyWpi-
æ–°ã—ã„テストライブラリã®ã”æ案 #tng10 @t_wada
動画をダウンãƒãƒ¼ãƒ‰ï¼†ä¿å˜ã™ã‚‹æ–¹æ³•
Shibuya.js 24 Lightning Talks #2
{{#tags}}- {{label}}
{{/tags}}