Bun v1.0.29リリース ー bun:testã«æ–°ãŸãªãƒžãƒƒãƒãƒ£ãƒ¼ãŒè¿½åŠ ã€ã‚·ã‚§ãƒ«ã®ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚µãƒãƒ¼ãƒˆ
ブラウザã§JSX, CoffeeScript, SCSS, LESSã‚’ã™ãã«è©¦ã›ã‚‹é”法ã®1è¡Œ
ブラウザã ã‘ã§javascript, HTML, CSSを書ã„ã¦å®Ÿè¡Œã§ãるサービス「jsdo.itã€ãŒã€ã¡ã‚‡ã£ã¨ãƒ‘ワーアップã—ã¾ã—ãŸï¼ ã“ã‚Œã¾ã§ã®è¨€èªžã«åŠ ãˆã€JSX, CoffeeScript, SCSS, LESSを実行ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸãƒ¼ï¼ï¼ 「ã¡ã‚‡ã£ã¨è©¦ã—ãŸã„ã‘ã©ç’°å¢ƒã‚’作るãŒé¢å€’...ã€ã€ŒSCSSã®mixinをシェアã—ãŸã„ã€ãªã©ãªã©ãƒ–ラウザã ã‘ã§è§£æ±ºã§ãã¡ã‚ƒã„ã¾ã™ã‚ˆâ™ª 使ã„æ–¹ コードã®1行目ã«ç‰¹å®šã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’記述ã™ã‚‹ã ã‘ã§ã™ï¼ JavaScript → JSX JavaScriptã®1行目ã«ä»¥ä¸‹ã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’記述ã—ã¦ãã ã•ã„。 // #! jsx JavaScript → CoffeeScript JavaScriptã®1行目ã«ä»¥ä¸‹ã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’記述ã—ã¦ãã ã•ã„。 #! coffeescript CSS → SCSS CSSã®1行目ã«ä»¥ä¸‹ã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’記述ã—ã¦ãã ã•ã„。 /* #! s
HTML5ã«ã‚ˆã‚‹ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ç’°å¢ƒã®æ§‹ç¯‰ ～WebGLライブラリThree.js 入門（１ï¼ï¼“）～
HTML5ã¨WebGL åˆã‚ã«HTML5ã®ä½ç½®ã¥ã‘ã«ã¤ã„ã¦ç°¡å˜ã«è§¦ã‚Œã¾ã™ã€‚HTML5ã¨ã¯ã“ã‚Œã¾ã§ã®Webページ作æˆè¨€èªžã§ä¸»æµã ã£ãŸHTML4ã‚„XHTMLã®å¾Œç¶™è¨€èªžã®ã“ã¨ã§ã€ 2008å¹´ã«è‰æ¡ˆãŒã¾ã¨ã‚られã€2014å¹´ã¾ã§ã«ã‚¦ã‚§ãƒ–ブラウザå„社ã¸ã®æ£å¼å‹§å‘Šã‚’目指ã—ã¦ç–定ãŒé€²ã‚られã¦ã„ã¾ã™ã€‚ HTML5㯠2012å¹´1月ã§ã‚‚ã¾ã 「è‰æ¡ˆã€æ®µéšŽã§ã€ä»•æ§˜ã‚‚æµå‹•çš„ãªæº–備段階ã§ã‚ã‚‹ãŒã€é–‹ç™ºå´ã‹ã‚‰ã‚‚ユーザå´ã‹ã‚‰ã‚‚éžå¸¸ã«æ³¨ç›®ãŒé›†ã‚られã¦ã„ã¾ã™ã€‚ ãã®å¤§ããªç†ç”±ã®ä¸€ã¤ã«æŒ™ã’られã¦ã„ã‚‹ã®ãŒã€iPhoneã‚„Androidãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å°é ã«ã‚ˆã‚‹æƒ…å ±ç«¯æœ«ã®å¤šæ§˜åŒ–ã¸ã®å¯¾å¿œã®ãŸã‚ã§ã™ã€‚ã¤ã¾ã‚Šã€æ§˜ã€…ãªWEBコンテンツã®ã‚¯ãƒã‚¹ãƒ—ラットフォーム化ã¸ã®é‡è¦ãªè²¢çŒ®ãŒæœŸå¾…ã•ã‚Œã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã„ã†ã®ã‚‚スマートフォンã®ç™»å ´ã¾ã§ã¯ã€Adobe社ãŒæä¾›ã™ã‚‹ FLASH ãŒå‹•ç”»ã‚„オーディオãªã©ãŒçµ„ã¿åˆã‚ã•ã‚ŒãŸãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
6ã¤ã®ç¾å ´ãŒèªžã‚‹ã€ã‚¹ãƒžãƒ›ã‚¢ãƒ—リ開発ã®ç†æƒ³ã¨ç¾å®Ÿï½žãƒ‡ãƒ–サミã¾ã¨ã‚レãƒãƒ¼ãƒˆï¼ˆã‚¹ãƒžãƒ›ã‚¢ãƒ—リ開発編）（1/3） - ï¼ IT
6ã¤ã®ç¾å ´ãŒèªžã‚‹ã€ スマホアプリ開発ã®ç†æƒ³ã¨ç¾å®Ÿ デブサミã¾ã¨ã‚レãƒãƒ¼ãƒˆï¼ˆã‚¹ãƒžãƒ›ã‚¢ãƒ—リ開発編） 有é™ä¼šç¤¾ã‚ªãƒ³ã‚°ã‚¹ æ‰å±±è²´ç« ã€å¾Œè—¤å¤§åœ° 2012/2/22 2月16～17æ—¥ã®2日間ã€æ±äº¬ã®ç›®é»’é›…å™åœ’ã«ã¦é–‹ç™ºè€…ã®ç¥å…¸ã€ŒDevelopers Summit 2012ã€ãŒé–‹å‚¬ã•ã‚ŒãŸã€‚「デブサミã€ã®æ„›ç§°ã§çŸ¥ã‚‰ã‚Œã‚‹åŒã‚¤ãƒ™ãƒ³ãƒˆã¯ã€2002年より年1回ã®ãƒšãƒ¼ã‚¹ã§é–‹å‚¬ã•ã‚Œã€ä»Šå¹´ã§10回目を迎ãˆãŸã€‚ 2日間ã§è¡Œã‚ã‚ŒãŸä¸¦åˆ—5トラックã€å…¨68セッションã®ã†ã¡ã€ã“ã“ã§ã¯iOS（iPhoneï¼iPadï¼iPod touch）ã€Androidã€Windows Phoneãªã©ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ï¼ã‚¹ãƒžãƒ¼ãƒˆãƒ‡ãƒã‚¤ã‚¹å‘ã‘ã®ã‚¢ãƒ—リ開発ã«é–¢é€£ã—ãŸ6セッションをピックアップã—ã¦ã€ãã®æ§˜åをレãƒãƒ¼ãƒˆã™ã‚‹ã€‚ Yahoo! JAPANã®ã‚¹ãƒžãƒ›å‘ã‘HTML5対応ã¨ã¯ HTML5ã§ã‚¹ãƒžãƒ›ã‚¢ãƒ—リ開発ã€ãƒ›ãƒ³ãƒˆã®ã¨ã“ã‚ UXを壊ã•ãšã«ã‚¹ãƒžãƒ›ã®ãƒ—ラットフォ
Impact - HTML5 Canvas & JavaScript Game Engine
The Awesomest Way to Create Even More Awesome HTML5 Games! Impact is a JavaScript Game Engine that allows you to develop stunning HTML5 Games for desktop and mobile browsers. I’ve tried four other JavaScript game engines, and this is the first one I’ve used that makes sense (…) Impact is the first truly professional-grade JavaScript and HTML5 game engine to hit the market. Game Developer Magazine,
Vim ã§ã® JavaScript 開発ã®ç’°å¢ƒã‚’æ•´å‚™ã™ã‚‹ã€‚ - ã·ãƒ¼ãã™ãã™ãã™ãªãˆã‚“ã˜ã«ã‚
最近割ã¨åˆã‚ã¦ã«è¿‘ã„ã‹ï¼’回目ãらã„ã§ã€ãŒã£ã¤ã‚Šã¨ Javascript を書ã„ã¦ã¾ã—ã¦ã€ã“ã‚Œã¾ã§ã® minibufexpl プラグインã—ã‹å…¥ã‚Œã¦ãªã„ vim ã ã¨ã¡ã‚‡ã£ã¨é–‹ç™ºã—ã¥ã‚‰ã„ã®ã¨Javascriptã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’矯æ£ã™ã‚‹ãŸã‚ã« lint ç‰ã‚’使用ã—ãŸã„ã®ã§å°‘ã—環境を整備ã—ãŸã€‚ 最終的ã«ã¯ä»¥ä¸‹ã®ï¼•ã¤ã®ãƒ„ールを導入ã™ã‚‹ã€‚ 基盤ã¨ã—ã¦ã„る環境㯠Ubuntu 12.04, vim-gnome vundle minibufexpl.vim Better Javascript Indentation gjslint syntastic vundle プラグイン管ç†ã‚’使ㆠBundler çš„ãªç®¡ç†ãƒ„ールを入れる。 gmarik/vundle · GitHub https://github.com/gmarik/vundle 以å‰ã¯ minibufexpl ã—ã‹ä½¿ã£ã¦ã‚‹ã‚‚ã®ãŒç„¡ã‹ã£ãŸã®ã§å¿…è¦ã¨
JavaScript ã«ã‚ˆã‚‹ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªï¼†ãƒ“ジュアルプãƒã‚°ãƒ©ãƒŸãƒ³ã‚° - Radium Software
僕㯠JavaScript ãŒå¥½ãã 。ã§ãã‚‹ã ã‘多ãã®ã“ã¨ã‚’ JavaScript ã§æ¸ˆã¾ã›ã¦ã—ã¾ã„ãŸã„ã¨è€ƒãˆã¦ã„る。 以å‰ã¯ JavaScript ã§ã¯çµµã‚„音を扱ã†ã“ã¨ãŒã§ããªã„ã¨ã„ã†ç‚¹ãŒãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã«ãªã£ã¦ï¼Œå¿œç”¨ã®å¹…ã‚’ç‹ã‚ã¦ã„ãŸã€‚ã“ã‚ŒãŒæœ€è¿‘ã«ãªã‚‹ã¨ï¼Œ Canvas è¦ç´ ã®ãŠã‹ã’ã§çµµã‚’扱ã†ã“ã¨ãŒã§ãるよã†ã«ãªã£ãŸã‚Šï¼Œ Flash を代行役ã«ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦éŸ³ã‚’出ã›ã‚‹ã‚ˆã†ã«ãªã£ãŸã‚Šã¨ï¼Œã„ã‚ã„ã‚状æ³ãŒå¤‰ã‚ã£ã¦ãã¦ã„る。 ãã“ã§ä»Šå›žã¯ï¼Œä»¥å‰ã‹ã‚‰æ©Ÿä¼šãŒã‚ã‚Œã°è§¦ã£ã¦ã¿ãŸã„ã¨æ€ã£ã¦ã„㟠Processing.js 㨠SoundManager 2 を使ã£ã¦ï¼Œ JavaScript ã«ã‚ˆã‚‹ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªï¼†ãƒ“ジュアルプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«æŒ‘戦ã—ã¦ã¿ãŸã€‚ Processing.js ã¨ã¯ Processing.js ã¯ï¼Œãƒ“ジュアルデザインå‘ã‘プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªž Processing を模ã—ã¦ä½œã‚‰ã‚ŒãŸ JavaScr
JavaScriptã§éŸ³æ¥½ã‚’リアルタイム解æžã—ã¦ãƒ“ジュアライズ·dancer.js MOONGIFT
dancer.jsã¯OGGファイルをリアルタイムã«è§£æžã—ã¦ãƒ“ジュアライズã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ 音楽ã¯ä¸€èˆ¬çš„ã«è€³ã§è´ãã‚‚ã®ã§ã™ãŒã€æ¥½ã—ã¿æ–¹ã¯ãã‚Œã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。目ã§æ¥½ã—ã‚€ã€ãã‚ŒãŒãƒ“ジュアライザーã§ã™ã€‚今回紹介ã™ã‚‹dancer.jsã‚‚ãã®ä¸€ã¤ã§ã€ãƒ€ãƒ³ã‚¹ãƒ•ãƒã‚¢é¢¨ã®ãƒ“ジュアライズをJavaScriptã§å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚ Playボタンを押ã™ã¨éŸ³æ¥½ãŒå†ç”Ÿã•ã‚Œã¾ã™ã€‚音楽をリアルタイムã§è§£æžã—ã¦ã„ã¾ã™ã€‚音楽ファイルã¯OGGã«ãªã£ã¦ã„ã¾ã™ã€‚ デモ動画ã§ã™ã€‚音ãŒãªã‚‹ã®ã§æ³¨æ„。ãªãŠéŒ²ç”»ã®ãŸã‚音ãŒã‚†ã£ãã‚Šã§ã™ãŒã€FPSã«å¿œã˜ã¦é©åˆ‡ãªé€Ÿã•ã®éŸ³æ¥½ãŒæµã‚Œã¾ã™ã€‚ dancer.jsã¯ãƒžã‚¦ã‚¹ã®ä¸Šä¸‹ã«ã‚ˆã£ã¦å…‰ã®å‘ããŒè‹¥å¹²å¤‰åŒ–ã—ã¾ã™ãŒã€åŸºæœ¬çš„ã«ã¯ãã®ã¾ã¾æ”¾ç½®ã—ã¦æ¥½ã—ã‚€ã®ãŒè‰¯ã„よã†ã§ã™ã€‚踊りã ã—ãŸããªã‚‹ã‚ˆã†ãªé¢ç™½ã„ソフトウェアã§ã™ã€‚技術的ã«ã¯Mozillaã®Audio Data APIã‚„WebKitã®Web Audio
jQuery++
Hi, I’m jQuery++. I am a MIT licensed collection of extremely useful DOM helpers and special events for jQuery 1.8 and later. I’m not a UI project like jQuery UI or jQuery Tools. Instead, I’m all about providing low-level utilities for things that jQuery doesn’t support. If Underscore is jQuery’s functional-programming tie, I am jQuery’s bald-spot covering toupee. Select the plugins you want and c
サウンドプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç”¨ã®JavaScriptライブラリãŒã§ããŸï¼ï¼ï¼ï¼ - 音ã®é³´ã‚‹ãƒ–ãƒã‚°
ã¨ã‚Šã‚ãˆãšç–²ã‚ŒãŸã€‚リãƒã‚¸ãƒˆãƒªã‚‚ã‚ã¡ã‚ƒãã¡ã‚ƒã ã—。暴飲暴食もã—ãŸã€‚ timbre - JavaScript Library for Objective Sound Programming http://mohayonao.github.com/timbre/ æ–°ã—ã„デモもã¤ãã£ãŸ http://mohayonao.github.com/timbre/examples/004_timbresynth.html ライブラリã«ã¯UIã¤ã„ã¦ã„ãªã„ã‘ã©ã€ãƒ‡ãƒ¢ã®ã¨ãã¯åˆ†ã‹ã‚Šã‚„ã™ã„ã®ã§ã‚ã–ã‚ã–書ã„ãŸã€‚ãƒãƒƒãƒã¨JavaScriptã¯ç›¸æ€§ãŒè‰¯ã„ã¨ãŠã‚‚ã†ã€‚JSã ã‘ã«ã€‚ ãã†ã„ãˆã°ã€å‰ã«ã¤ãã£ãŸ ã“ã‚Œ ã‚‚ãƒãƒƒãƒã ã£ãŸã€‚ 関連エントリ サウンドプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç”¨ã®JavaScriptライブラリをã¤ãã£ã¦ã„ã‚‹
JavaScript - MDC
ã“ã®ãƒšãƒ¼ã‚¸ã¯ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãƒ¼ã®å°½åŠ›ã§è‹±èªžã‹ã‚‰ç¿»è¨³ã•ã‚Œã¾ã—ãŸã€‚MDN Web Docs コミュニティーã«ã¤ã„ã¦ã‚‚ã£ã¨çŸ¥ã‚Šã€ä»²é–“ã«ãªã‚‹ã«ã¯ã“ã¡ã‚‰ã‹ã‚‰ã€‚ `�< ��View in English PG� ��Always switch to English JavaScript (JS) ã¯è»½é‡ã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ—リター型（ã‚ã‚‹ã„ã¯å®Ÿè¡Œæ™‚コンパイルã•ã‚Œã‚‹ï¼‰ç¬¬ä¸€ç´šé–¢æ•°ã‚’å‚™ãˆãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã™ã€‚ウェブページã§ã‚ˆã使用ã•ã‚Œã‚‹ã‚¹ã‚¯ãƒªãƒ—ト言語ã¨ã—ã¦çŸ¥ã‚‰ã‚Œã€å¤šãã®ãƒ–ラウザー以外ã®ç’°å¢ƒã€ä¾‹ãˆã° Node.js ã‚„ Apache CouchDB ã‚„ Adobe Acrobat ãªã©ã§ã‚‚使用ã•ã‚Œã¦ã„ã¾ã™ã€‚ JavaScript ã¯ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ベースã§ã€ãƒžãƒ«ãƒãƒ‘ラダイムã§ã€ã‚·ãƒ³ã‚°ãƒ«ã‚¹ãƒ¬ãƒƒãƒ‰ã§ã€å‹•çš„ãªè¨€èªžã§ã‚ã‚Šã€ã‚ªãƒ–ジェクト指å‘ã€å‘½ä»¤åž‹ã€å®£è¨€åž‹ï¼ˆé–¢æ•°ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãªã©ï¼‰ã¨ã„ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ JavaScr
JavaScript アニメーションã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターン
JavaScript ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’作る アニメーションã¨ã¯ä½•ï¼Ÿ ビューを少ã—ãšã¤å›žè»¢ã€æ‹¡å¤§ç¸®å°ã€ç§»å‹•ã€å¤‰è‰²ãªã©ã‚’è¡Œã„ã€é€£ç¶šçš„ãªå‹•ãを作る ã“ã‚“ãªæ„Ÿã˜ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> ãªã‚“ã§ã€ã‚ã‚“ãªæ„Ÿã˜ã®æ›¸ãæ–¹ã«ãªã‚‹ã®ï¼Ÿ setInterval ã®æ„味ãŒåˆ†ã‹ã‚‰ãªã„ ã“ã‚“ãªæ„Ÿã˜ã§æ›¸ã‘ãªã„ã®ï¼Ÿ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
JavaScriptã®é¡”èªè˜ãƒ©ã‚¤ãƒ–ラリをãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã—ãŸã‚‰å®Ÿç”¨ãƒ¬ãƒ™ãƒ«ã«ãªã£ãŸã¨ã„ã†è©± (Kanasansoft Web Lab.)
ãŸã ã€WebRTCã§é¡”èªè˜ã•ã›ã‚ˆã†ã¨ã™ã‚‹ã¨é…ãã¦ã—ã‹ãŸãŒãªã‹ã£ãŸã€‚ 最åˆã¯é€Ÿã„ã“ã¨ã‚‚ã‚ã‚‹ãŒã€10回ãらã„èªè˜ã‚’ã•ã›ã‚‹ã¨ã™ãã«é…ããªã‚‹ã€‚ ã¨ã‚Šã‚ãˆãšã€ãƒ‡ãƒ¢ã€‚ ãã“ã§ã€ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ãŸã€‚ ã¾ãšã€JavaScriptã®å®šç•ªã®é«˜é€ŸåŒ–を試ã—ã¦ã¿ãŸã€‚ 例ãˆã°ã€æ£ã®æ•°ã§ä½¿ãˆã‚‹ã€ŒMath.floor(x)ã€ã‚’「(x | 0)ã€ã«ã€æ•´æ•°ã§ä½¿ãˆã‚‹ã€Œx * Math.pow(2, y)ã€ã‚’「x << yã€ã«ã™ã‚‹ç‰ã€‚ ã“ã‚Œã§ã€10~30%高速化ã§ããŸã€‚ 次ã«ã€é…ããªã£ã¦ã„る部分を調ã¹ãŸã‚‰ã€Web Workersã§åˆ†æ•£ã™ã‚‹ãŸã‚ã®ä»•çµ„ã¿ãŒé…ããªã‚‹åŽŸå› ã ã¨ã‚ã‹ã£ãŸã€‚ ã“ã‚Œã¯ã€Web Workersを使ã‚ãªã„å ´åˆã«ã‚‚影響ãŒå‡ºã¦ã„ãŸã€‚ ã˜ã‚ƒã‚ã€Web Workersを使ãˆã°é€Ÿããªã‚‹ã®ã‹ã¨ã„ãˆã°ãã®é€†ã§ã€20å€é…ããªã£ã¦ã„ãŸã€‚ 詳ã—ãã¯èª¿ã¹ã¦ãªã„ã‘ã©ã€å¤šåˆ†Workerスレッドã«å‡¦ç†ãƒ‡ãƒ¼ã‚¿ã‚’渡ã™æ™‚ã«JSON化ãŒ
第1回　Node.jsã¨ã¯ | gihyo.jp
ã¯ã˜ã‚㫠本連載ã§ã¯ã€æ³¨ç›®ã‚’集ã‚ã‚‹Node.jsを使ã£ã¦ã€Webアプリケーションを様々ãªã‚¯ãƒ©ã‚¦ãƒ‰ç’°å¢ƒã§å‹•ã‹ã™ã“ã¨ã‚’最終目的ã«ã—ã¦ã„ã¾ã™ã€‚Node.jsã«è§¦ã‚ŒãŸã“ã¨ãŒãªã„Javaã‚„PHPãªã©æ™®æ®µã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§é–‹ç™ºã•ã‚Œã¦ã„る方を主ãªå¯¾è±¡ã¨ã—ã¦ã€ã¾ãšNode.jsã®æ¦‚è¦ã‹ã‚‰ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ Node.jsã¨ã¯ Node.jsã¨ã¯ã€ãƒ–ラウザGoogle Chrome用ã«é–‹ç™ºã•ã‚ŒãŸJavaScriptエンジンV8ãŒã‚µãƒ¼ãƒä¸Šã§ãƒ—ãƒã‚°ãƒ©ãƒ を実行ã§ãるよã†ã«ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚„ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯I/Oãªã©å¤šãã®æ©Ÿèƒ½ã‚’è¿½åŠ ã—ãŸã‚‚ã®ã§ã™ã€‚軽é‡ã§åŠ¹çŽ‡ã‚ˆã多ãã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’処ç†ã™ã‚‹ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¢ãƒ—リケーションã®æ§‹ç¯‰ãŒã§ãるプラットフォームã«ãªã£ã¦ã„ã¾ã™ã€‚ã„ã‚ゆるサーãƒã‚µã‚¤ãƒ‰JavaScriptã®ä»£åè©žã¨ã—ã¦æ³¨ç›®ã‚’集ã‚ã¦ã„ã¾ã™ã€‚ Node.jsã§ã¯â€œâ 軽é‡ã§åŠ¹çŽ‡è‰¯ãâ â€ã¨ã„ã†ã®ã‚’実ç¾ã™ã‚‹ãŸã‚ã«æ¬¡ã®2ã¤ã®ãƒ¢ãƒ‡ãƒ«ã‚’採用ã—ã¦ã„ã¾ã™ã€‚
JavaScript 入門 基礎編 | TM Life
TM Life!!(ティーエムライフ) 「Time is moneyã€ã‚’モットーã¨ã—ãŸã‚µã‚¤ãƒˆã§ã™. 主ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«ã¤ã„ã¦æã„ã¦ã„ã¾ã™.日本国民全員プãƒã‚°ãƒ©ãƒžåŒ–計画進行ä¸!! http://tmlife.io ã«å¼•ã£è¶Šã—ã¾ã—ãŸ. ã“ã¡ã‚‰ã§Webやプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«é–¢ã™ã‚‹æƒ…å ±ã‚’ãƒãƒ³ãƒãƒ³ç™ºä¿¡, æ›´æ–°ã—ã¦ã„ã‚‹ã®ã§ã‚ˆã‹ã£ãŸã‚‰ rss 登録ã—ã¦ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™.
[JS]大é‡ã®ç”»åƒã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ä¾¿åˆ©ï¼ サムãƒã‚¤ãƒ«ã‚’自動生æˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -NailThumb
大ãã„サイズã®ç”»åƒã‹ã‚‰ã€ã‚¯ãƒãƒƒãƒ—やリサイズãªã©ã—ã¦å°ã•ã„サイズã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚’自動生æˆã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ サムãƒã‚¤ãƒ«ã¯ãƒ†ã‚ストé…置やã•ã¾ã–ã¾ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ jQuery NailThumb [ad#ad-2] NailThumbã®ãƒ‡ãƒ¢ NailThumbã®ä½¿ã„æ–¹ NailThumbã®ãƒ‡ãƒ¢ NailThumbã¯å…ƒç”»åƒã®ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ç¶æŒã—ãŸã¾ã¾ã€ã‚¯ãƒãƒƒãƒ—やリサイズをã—ã¦ã‚µãƒ ãƒã‚¤ãƒ«ã‚’スクリプトã§ç”Ÿæˆã—ã¾ã™ã€‚ サムãƒã‚¤ãƒ«ã¯ã•ã¾ã–ã¾ãªãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚ャプション テã‚ストをオーãƒãƒ¼ãƒ¬ã‚¤ã§è¡¨ç¤ºã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ NailThumbã®ä½¿ã„æ–¹ NailThumbã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¯ã€ã‚µãƒ ãƒã‚¤ãƒ«ç”¨ã®ã‚³ãƒ³ãƒ†ãƒŠã¨ã‚µãƒ ãƒã‚¤ãƒ«ã®ã‚µã‚¤ã‚ºè¨å®šã§ã™ã€‚ 外部ファイル スクリプトã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/
ã€ç¿»è¨³ã€‘document.writeã§SCRIPTを書ã出ã™ãªã‚„ã§ï¼ - MOL
Original：Don’t docwrite scripts（2012-04-10）by Steve Souders 昨日ã®ãƒ–ãƒã‚°è¨˜äº‹ã®HTTP ArchiveãŒé€Ÿããªã£ã¦ã„ã‚‹ã€å¤§ããªè¦å› ã®ä¸€ã¤ã¨ã—ã¦ã¯ã‚¹ã‚¯ãƒªãƒ—トãƒãƒ¼ãƒ€ãƒ¼ã‚’使用ã—ãªã„ã“ã¨ã§ã™ã€‚ãã®ã‚¹ã‚¯ãƒªãƒ—トãƒãƒ¼ãƒ€ãƒ¼ã¨ã¯ã‚¹ã‚¯ãƒªãƒ—トを動的ã«èªã¿è¾¼ã‚€ãŸã‚ã«document.writeを使用ã—ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚振り返れã°ã€ç§ã¯2009å¹´4月ã®ãƒ–ãƒãƒƒã‚ングãªã—ã®ã‚¹ã‚¯ãƒªãƒ—トèªã¿è¾¼ã¿ã€ç¶šãƒ»ãƒã‚¤ãƒ‘フォーマンスWebサイト(4ç« )ã«ãŠã„ã¦ã€document.writeテクニックã«ã¤ã„ã¦è¨˜è¿°ã—ã¦ã„ã¾ã—ãŸã€‚ãã‚Œã¯ä»¥ä¸‹ã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ document.write('<script src="' + src + '" type="text/javascript"><\/script>’); document.writeを使ã£ãŸã‚¹ã‚¯ãƒªãƒ—トãƒãƒ¼ãƒ€ãƒ¼ã®å•é¡Œç‚¹ï¼š 挿入ã—
[JS]ã‹ãªã‚Šã‹ã£ã“ã„ã„アニメーションを使ã£ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
スライドをå˜ã«æ¬¡ã€…ã¨è¦‹ã›ã‚‹ã ã‘ã§ãªãã€åˆ‡ã‚Šæ›¿ã‚る時ã«3Dã®ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã§ã‹ã£ã“ã„ã„エフェクトを与ãˆãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ Slideshow with jmpress.js [ad#ad-2] デモ 実装 デモ ã¾ãšã¯ã€ãã®ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãª3Dã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã”覧ãã ã•ã„。 スライドã¯5æžšã‚ã‚Šã€ãã‚Œãžã‚Œã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒç•°ãªã‚Šã¾ã™ã€‚ デモページ：別レイアウト 実装 実装ã«ä½¿ç”¨ã—ã¦ã„るスクリプトã¯å…ˆæ—¥å½“サイトã§ç´¹ä»‹ã—ãŸã€Œjmpress.jsã€ã§ã™ã€‚ 紹介記事ã¯ã“ã¡ã‚‰ã€‚ 広大ãªã‚«ãƒ³ãƒã‚¹ã‚’使ã£ã¦æ¬¡ã€…ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をスライドã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -jmpress.js HTML jmpress.jsã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã¯ä¸€æžšã®åºƒå¤§ãªã‚«ãƒ³ãƒã‚¹ã«ãƒ‘ãƒãƒ«ã‚’è¨ç½®ã—ã€ãれをアニメーションã§ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹æ„Ÿã˜ã§ã™ã€‚ 実装ã¯ä¸€æžšã®åºƒå¤§ãªã‚«ãƒ³ãƒã‚¹ã¨ãªã‚‹ãƒ«ãƒ¼ãƒˆï¼ˆsectionè¦ç´ ）ã«ã€å„パãƒãƒ«ï¼ˆdivè¦
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Learn web development  | web.dev
JSX ç§çš„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« - ã‚らã³ã日記
{{#tags}}- {{label}}
{{/tags}}