BNN CAMP vol.3　 インタラクションデザインã®ç¾åœ¨â€•ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…ã®ãŸã‚ã®openFrameworks入門 2
ECMAScript没proposal追悼å¼
BNN CAMP vol.3　 インタラクションデザインã®ç¾åœ¨â€•ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…ã®ãŸã‚ã®openFrameworks入門 2
ES6+カジュアルトークを開催ã—ã¾ã—㟠#es6_casual - from scratch
ES6+カジュアルトークを開催ã—ã¾ã—ãŸã€‚ Ustreamã¯ã“ã¡ã‚‰ã§ã™ã€‚ Ustream.tv: ユーザー dena_tech: DeNA Technology Seminar #ES6+カジュアルトーク, Recorded on 2014/10/29. コンピュータ 僕ã¯ES6を追ã„始ã‚ãŸã®ãŒé…ãã¦ã€ã¡ã‚ƒã‚“ã¨è¿½ã†ã‚ˆã†ã«ãªã£ãŸã‚‰ã‚‚ã£ã¨å‰ã«è¿½ã£ã¦ã„る人ãŒãŸãã•ã‚“ã„ãŸã®ã§ã€ãã®äººé”を呼んã§ã‚«ã‚¸ãƒ¥ã‚¢ãƒ«ãƒˆãƒ¼ã‚¯ã‚’ã—ã¤ã¤ã€ã‚¬ãƒã§å¦ã¹ã‚‹ä¼šã‚’開催ã—ã¾ã—ãŸã€‚ 全体的ã«ç™ºè¡¨ãƒ¬ãƒ™ãƒ«é«˜ãã¦æ¿ƒã„話ãŒèžã‘ãŸã¨æ€ã£ã¦ã„ã¾ã™ã€‚ TL;DR ã¡ã‚‡ã£ã¨ES6使ã£ã¦ã¿ã‚ˆã£ã‹ãªãƒ¼ãªäººã¯runstantãŒã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ Node.jsã®æ¬¡ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯arrow_functionãŒharmony付ãã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚Symbol, for-of, Collections, Object.observe, PromiseãŒãƒ‡ãƒ•
ProgressBar.js - Progress bars with JavaScript
With ProgressBar.js, it's easy to create responsive and stylish progress bars for the web. Animations perform well even on mobile devices. It provides a few built‑in shapes like Line, Circle and SemiCircle but you can also create custom shaped progress bars with any vector graphic editor. ProgressBar.js is lightweight, MIT licensed and supports all major browsers including IE9+. Usage A simple cod
Callbacks, Promises, and Coroutines (oh my!): Asynchronous Programming Patterns in JavaScript
Callbacks, Promises, and Coroutines (oh my!): Asynchronous Programming Patterns in JavaScriptAI-enhanced description This document discusses asynchronous programming patterns in JavaScript, focusing on the differences between synchronous and asynchronous execution using callbacks, promises, and coroutines. It highlights the complexity introduced by callbacks and advocates for the use of promises t
Home - Scroller JS
SAP Business One Implementation Challenges and How to Overcome Them erp Malaysia. By addressing user training, integration concerns, and resource constraints, businesses can streamline their implementation process and maximize the benefits of this powerful ERP solution. Join us as we delve into practical solutions for a successful SAP Business One implementation journey. Data Migration Challenges
Webã‚«ãƒ¡ãƒ©æ˜ åƒã‹ã‚‰äººã‚’消㙠- ç„¡é™å£ç ´ã‚Šé§†å‹•é–‹ç™º <colspan=∞>
Webã‚«ãƒ¡ãƒ©æ˜ åƒã‹ã‚‰äººã‚’消ã™Javascriptを実装ã—ã¾ã—ãŸã€‚ @yabuki様ã®ã€Œé¢¨æ™¯ã‹ã‚‰æ©è¡Œè€…を消ã™æ‰‹è»½ãªæ–¹æ³•ã€ã«ç™ºæƒ³ã‚’å¾—ã¦ä½œæˆã—ãŸç‰©ã§ã™ã€‚ 風景ã‹ã‚‰æ©è¡Œè€…を消ã™æ‰‹è»½ãªæ–¹æ³• | é…電盤 Taro YABUKI (yabuki) on Twitter カメラã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚’許å¯ã™ã‚‹ã¨Webã‚«ãƒ¡ãƒ©æ˜ åƒã‹ã‚‰äººã‚’消ã™ã‚¹ã‚¯ãƒªãƒ—トãŒç™ºå‹•ã—ã¾ã™ã€‚ 実装ã®ãƒã‚¤ãƒ³ãƒˆã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ WebRTCã§Webã‚«ãƒ¡ãƒ©æ˜ åƒå–å¾—ã™ã‚‹ ピクセルå˜ä½ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚’ã—ãŸã„ã®ã§ã€Webã‚«ãƒ¡ãƒ©æ˜ åƒã®ãƒãƒƒãƒ•ã‚¡ã‚’ä¸å¯è¦–ãªCanvasã«è½ã¨ã—込む Canvasã®ãƒ”クセルã®å¹³å‡å€¤ã‚’計算ã™ã‚‹(全部ã®å€¤ã¯æŒã£ã¦ã„られãªã„ã®ã§é€æ¬¡æ›´æ–°ã™ã‚‹å¹³å‡å€¤ã¨ã—ãŸ) å¹³å‡å€¤ã®è¨ˆç®—çµæžœã‚’å¯è¦–ãªCanvasã«æç”»ã™ã‚‹ 詳ã—ãã¯ä¸‹è¨˜ã‚½ãƒ¼ã‚¹ã‚’ã”å‚ç…§ãã ã•ã„。 ãƒã‚¤ãƒ‘フォーマンス ブラウザãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚ング ―ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¢ãƒ—リケーションã®ãŸã‚ã®ãƒ‘フォーマンス最é©
Vue.js ㌠data ã«æ¸¡ã—ãŸå€¤ã‚’æ¿€ã—ã書ãæ›ãˆã‚‹ä»¶ã«ã¤ã„ã¦
最近ã€JavaScript ã® MV* フレームワークã®ä¸ã§ Vue.js ãŒå°‘ã—ãšã¤æ³¨ç›®ã‚’æµ´ã³ã¦ãã¦ã„るよã†ã§ã‚ã‚Šã¾ã™ã€‚ 5分ã§ã‚ã‹ã‚‹Vue.jsã¨ã€jQueryã§é ‘å¼µã£ã¦ã¯ã„ã‘ãªã„ç†ç”± | æ ªå¼ä¼šç¤¾ã‚¤ãƒ³ãƒ•ã‚£ãƒ‹ãƒƒãƒˆãƒ«ãƒ¼ãƒ—技術ブãƒã‚° Vue.jsã‹ã‚‰æ‰‹è»½ã«å§‹ã‚ã‚‹JavaScriptフレームワーク - Qiita 軽é‡ã§ãƒ‘ワフルãªãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°MVVM, vue.jsã§éŠã‚“ã§ã¿ãŸ - mizchi's blog ãã‚“ãªã‚ã‘ã§ã€è‡ªåˆ†ã‚‚ Vue.js (v0.10.5) を触ã£ã¦ã¿ãŸã®ã§ã™ãŒã€data ã§æ¸¡ã—ãŸå€¤ã‚’æ¿€ã—ã書ãæ›ãˆã‚‹ã¨ã“ã‚ã«é¢é£Ÿã‚‰ã£ãŸã®ã§è¨˜äº‹ã«ã—ã¦ãŠãã¾ã™ã€‚ 自作クラスã®ã‚ªãƒ–ジェクトを Vue.js ã«æ¸¡ã™ã¨å£Šã•ã‚Œã‚‹ 何らã‹ã®ãƒ“ジãƒã‚¹ãƒã‚¸ãƒƒã‚¯ã‚’æŒã£ãŸãƒ¢ãƒ‡ãƒ«ã‚’作ã£ã¦ã€ãれを Vue.js ã®ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã§ HTML ã«åæ˜ ã—よã†ã™ã‚‹ã¨ç ´ç¶»ã—ã¾ã™ã€‚ ç°¡å˜ãªä¾‹ã¨ã—ã¦ã€ã‚ˆãã‚
Web Components を支ãˆã‚‹Polyfillライブラリ
Hello 生æˆã•ã‚Œã‚‹JSãã®ã‚‚ã®ã¯ãƒ”ュアãªæ„Ÿã˜ãªã®ã§ã€ãŸã—ã‹ã«bosonicã‚’æ¨ã¦ã¦ã‚‚Web Componentsã¨ã—ã¦æˆã‚Šç«‹ã¡ãã†ã§ã¯ã‚る。 瑣末ã ãŒã€ã“ã®è¨˜äº‹ã‚’書ã„ã¦ã‚‹æ™‚点ã§è©¦ã—ãŸã‚‰Web Platform featuresã®ãƒ•ãƒ©ã‚°ã‚’Enableã«ã—ãŸCanaryã§ã€bosonic-pollyfillsãŒã‚¨ãƒ©ãƒ¼åã„ã¦ã‚‹... 余談ã€å®Ÿã¯ãˆã‚‰ã„ã‹ã‚‚ Polymerコンãƒãƒ¼ãƒãƒ³ãƒˆã£ã¦ã€çµå±€Polymer入れãªã„ã¨ä½¿ãˆãªã„ãªã‚‰ã€BackboneJSã§ä½¿ãˆãªã„Angularディレクティブã¿ãŸã„ãªã‚‚ã‚“ãªæ°—ãŒã—ã¦ããŸã€‚Bosonicã®ã‚³ãƒ³ã‚»ãƒ—トã€å®Ÿã¯å‰ã„ã‹ã‚‚。（出æ¥ã‚‹ç¯„囲ã¯åˆ¶é™ã•ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã‘ã©ï¼‰ — ã‚ã»ã‚€ãƒãƒ¼ã‚¬ãƒ¼ (@ahomu) June 30, 2014 çµè«– 個人的ã«ã¯ãµã¤ã†ã®Polyfillã¨ã—ã¦å‹•ã„ã¦ãれるもã®ã‚’精査ã—ãŸã‹ã£ãŸã®ã ã‘ã©ã€çµæžœçš„ã« Polymer/platform
basic.jsを作ã‚ã†ã¨ã—ã¦ã‚‹è©± // Speaker Deck
All slide content and descriptions are owned by their creators.
beeplay.js - write a song in javascript
Write A Song In JavaScript function nyan(option) { var bpm = option.bpm || 120; // Intro var intro = beeplay({bpm: bpm}) .play(null, 2) .play('D#5', 1/4).play('E5', 1/4).play('F#5', 1/2) .play('B5', 1/2).play('D#5', 1/4).play('E5', 1/4) .play('F#5', 1/4).play('B5', 1/4).play('C#6', 1/4).play('D#6', 1/4) .play('C#6', 1/4).play('A#5', 1/4).play('B5', 1/2) .play('F#5', 1/2).play('D#5', 1/4).play('E5'
power-assert in JavaScript
power-assert in JavaScript Aug 21, 2013 at 10th Tokyo Node Gakuen #tng10
power-assertãŒã§ãã‚‹ã¾ã§
power-assert を作るãã£ã‹ã‘ アサーション失敗時ã®æƒ…å ±é‡ã‚’大幅ã«å¢—ã‚„ã™ã“ã¨ãŒã§ãã‚‹Power Assertã®ç³»èœ - Togetterã¾ã¨ã‚ chai/should/expect.js 覚ãˆã‚‹ã“ã¨å¤šãã¦ç…©ã‚ã—ㄠ自分ã§ä½œã‚ã†ã¨æ€ã„ç«‹ã£ãŸ(2013/01/08) AST å¤‰æ› power-assert ã¯æœ€åˆã‹ã‚‰ AST 変æ›ã§å®Ÿç¾ã—よã†ã¨è€ƒãˆã¦ã„㟠Groovy ã® Power Assert ㌠AST 変æ›ã‚’è¡Œã£ã¦ã„るらã—ã„ã“ã¨ã¯ä½•ã¨ãªã知ã£ã¦ã„㟠Groovy 1.7 Power Assert パワーアサート(Power Assert)ã®çœŸã®æ„味 Groovy 1.7ã®ã‚モã¯AST変æ›ã§ã‚ã‚‹ 実装を見ã¦ã¯ã„ãªã„ã®ã§ã€ Groovy ã® Power Assert ãŒæœ€è¿‘ AST 変æ›ã‚’è¡Œã£ã¦ã„ãªã„らã—ã„ã“ã¨ã¯çŸ¥ã‚‰ãªã‹ã£ãŸâ€¦!
日本語入力(ime)確定時ã®javascriptイベント(å–å¾—keycode)ã‚’æ•´ç† - end0tknr's kipple - web写経開発
「onKeyupイベントãƒãƒ³ãƒ‰ãƒ©ã§ã€æ¤œç´¢å®Ÿè¡Œã€ã®ã‚ˆã†ãªjavascriptコードã«ãŠã„ã¦ã€æ—¥æœ¬èªž(IME)入力ã®ç¢ºå®šæ™‚ã®enterã§ã€æ¤œç´¢å®Ÿè¡Œã•ã‚Œã¦ã—ã¾ã†ç¾è±¡ãŒã‚ã£ãŸã®ã§ã€æ•´ç†ã€‚ 通常時ã®enterã«ã‚ˆã‚‹å–å¾—keycode 通常時ã¯ã€ãりゃãã†ã§ã™ã browser keydown keypress keyup FireFox 23 13 13 13 IE 9 13 13 13 Chrome 28 13 13 13 safari 5 13 13 13 日本語(IME)入力ã®ç¢ºå®šæ™‚ã®enterã«ã‚ˆã‚‹å–å¾—keycode 日本語入力ã®ç¢ºå®šæ™‚ã®enterã¯ã€å–å¾—ã§ãã‚‹keycodeãŒãƒ–ラウザ毎ã«ç•°ãªã‚Šã¾ã™...知りã¾ã›ã‚“ã§ã—㟠browser keydown keypress keyup FireFox 23 − − 13 IE 9 229 − 13 Chrome 28 229 − − safar
JavaScriptユーティリティライブラリã®ç´¹ä»‹
Master Canary Forging: æ–°ã—ã„スタックカナリア回é¿æ‰‹æ³•ã®æ案 by å°æ± æ‚ ç”Ÿ - CODE BLUE 2015
ECMA-262 5th edition ã§å°Žå…¥ã•ã‚ŒãŸ Object.defineProperty を使ã„ã€å±žæ€§ã‚’指定ã—ã¦ãƒ—ãƒãƒ‘ティを定義ã™ã‚‹ - vivid memo
ECMAScript *1 ã«ãŠã„ã¦ã€ãƒ—ãƒãƒ‘ティã¨ã¯åå‰ã¨å€¤ã®ãƒšã‚¢ã‚’æ„味ã—ã¾ã™ã€‚ より詳ã—ã言ã†ã¨ã€åå‰ãŒä»˜ã‘られãŸãƒ—ãƒãƒ‘ティã¯ã€ãã®çŠ¶æ…‹ã‚’表ã™å±žæ€§ (Property Attribute) *2 ã®é›†åˆã‚’値ã¨ã—ã¦æŒã£ã¦ã„ã¾ã™ã€‚ ECMA-262 5th edition ã§ã¯ã€ã“ã®å±žæ€§ã®å€¤ã‚’指定ã—ã¦ãƒ—ãƒãƒ‘ティを定義ã§ãるよã†ã«ã€Object.defineProperty ã¨ã„ã†ãƒ¡ã‚½ãƒƒãƒ‰ãŒå°Žå…¥ã•ã‚Œã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Object.defineProperty メソッドを使ã„ã€å±žæ€§ã‚’指定ã—ã¦ãƒ—ãƒãƒ‘ティを定義ã™ã‚‹æ–¹æ³•ã‚’説明ã—ã¾ã™ã€‚ ãªãŠã€ECMA-262 5th edition を実装ã—ã¦ã„ã‚‹ JavaScript 処ç†ç³»ã¯ã¾ã 多ãã‚ã‚Šã¾ã›ã‚“。 Firefox 4 ãªã©ã®ä¸€éƒ¨ã®ãƒ–ラウザãªã©ã§ã—ã‹å®Ÿè¡Œã§ãã¾ã›ã‚“。 ã¾ãŸã€ã‚µãƒ³ãƒ—ルコードä¸ã§ã€çµæžœã‚’出力ã™ã‚‹ãŸã‚ã® print 関数を使用ã—ã¦ã„ã¾ã™
[javascript]PC・スマホwebアプリã§ã‚¯ãƒªãƒƒãƒ—ボードã«ã‚³ãƒ”ーã™ã‚‹æ©Ÿèƒ½ã®å®Ÿè£… | ジェãƒã‚¹ãƒˆãƒªãƒ¼ãƒ 開発ブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚クウãƒãƒƒã‚«ãƒ¼é–‹ç™ºè€…ã®ç²Ÿå³¶ã§ã™ã€‚ 今回ã¯javascriptãƒã‚¿ã§ã™ãŒã€ã‚¹ãƒžãƒ›ã‚¢ãƒ—リç‰ã§ã‚ˆã見ã‹ã‘る〠任æ„ã®ãƒ†ã‚ストをクリップボードã«ã‚³ãƒ”ーã™ã‚‹æ©Ÿèƒ½ã®å®Ÿè£…方法ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 基本的ã«javascriptã§ã¯ã‚¯ãƒªãƒƒãƒ—ボードã«ã‚¢ã‚¯ã‚»ã‚¹å‡ºæ¥ãªã„ã®ã§ã€ å°‘ã—特殊ãªã‚„ã‚Šæ–¹ã§æ©Ÿèƒ½ã‚’実ç¾ã—ã¦ã„ãã¾ã™ã€‚ ã€PCã§ã®å®Ÿè£…】 PCã§ã¯Flashを利用ã™ã‚‹ã“ã¨ã§ã‚¯ãƒªãƒƒãƒ—ボードã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ Flash部分ã®å‡¦ç†ã‚’ラップã—ãŸjQueryライブラリãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ ã“ã¡ã‚‰ã‚’利用ã™ã‚‹ã¨éžå¸¸ã«ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ zclip 詳細ãªå®Ÿè£…方法ã¯ãƒªãƒ³ã‚¯å…ˆã‚’å‚ç…§ã—ã¦ãã ã•ã„。 ã“ã®ã‚ˆã†ãªæ„Ÿã˜ã§ãƒœã‚¿ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§ã‚¯ãƒªãƒƒãƒ—ボードã«ã‚³ãƒ”ーã™ã‚‹æ©Ÿèƒ½ãŒå®Ÿè£…ã§ãã¾ã™ã€‚ ã€iPhoneã§ã®å®Ÿè£…】 iPhoneã ã¨Flashも使ãˆãªã„ã®ã§ã€ã‚¯ãƒªãƒƒãƒ—ボードã«ç›´æŽ¥ã‚³ãƒ”ーã™
Playing with the clipboard in iOS safari
Playing with the clipboard in iOS safari So the other day it hit me that since iOS safari supports contenteditbale it should surely have support the clipboard events and other handy bits and pieces. Like any good hacker I created a testcase to find out basic support of events and getting selection range values, and as expected the support is pretty good. Let’s dive deeper. Clipboard events The tes
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
React
How to handle ctrl+arrow in Javascript?
天下一altJSæ¦é—˜ä¼š - 資料一覧 - connpass
{{#tags}}- {{label}}
{{/tags}}