クリエイティブコーディングã®æ•™ç§‘書
ゲームエンジンや3Dソフトウェアを利用ã—ã¦é«˜åº¦ãªè¡¨ç¾ãŒã§ãã‚‹ã“ã®æ™‚代ã§ã‚‚ã€ãƒ—リミティブãªæ画や動ãã€ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã‹ã‚‰å¦ã¹ã‚‹ã“ã¨ã¯å¤šã„。ãれらをJavaScriptã§æ›¸ãクリエイティブコーディングã¨ã„ã†å½¢ã§å¦ã¹ã‚‹æ‰‹å¼•æ›¸ãŒæœ¬æ›¸ã¨ãªã‚‹ã€‚
JavaScript Primer 2.0 - ECMAScript 2020ã«å¯¾å¿œã—ãŸå…¥é–€æ›¸ã‚’公開ã—ã¾ã—ãŸ
ECMAScript 2020ã®å¤‰æ›´ã«å¯¾å¿œã—ãŸJavaScriptã®å…¥é–€æ›¸ã¨ã—ã¦JavaScript Primer 2.0.0を公開ã—ã¾ã—ãŸã€‚ JavaScript Primerã®ã‚¦ã‚§ãƒ–サイトã‹ã‚‰é–²è¦§ã§ãã¾ã™ã€‚ ウェブサイト: https://jsprimer.net/ サマリIssue: ECMAScript 2020ã®å¯¾å¿œ · Issue #1145 · asciidwango/js-primer 変更内容ã®è©³ç´°ã¯ãƒªãƒªãƒ¼ã‚¹ãƒŽãƒ¼ãƒˆã‚’å‚ç…§ã—ã¦ãã ã•ã„。 Release 2.0.0: ECMAScript 2020対応 · asciidwango/js-primer 2.0.0ã®ç›®çš„ JavaScript Primerã¯ã€ç¶™ç¶šçš„ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã™ã‚‹ãŸã‚ã«OSSã¨ã—ã¦é–‹ç™ºã—ã¦ã„ã¾ã™ã€‚ ECMAScriptã®ä»•æ§˜ã¯å¹´ã«ä¸€åº¦ã‚¢ãƒƒãƒ—デートã•ã‚Œã¦ã„ã¦ã€ç¾å®Ÿã§ã®JavaScriptã®ä½¿ã‚れ方も変化ã—ã¦ã„ã
Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …
Timesheet.jsVisualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well … Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customi
最強オブジェクト指å‘言語 JavaScript å†å…¥é–€ï¼
ã“ã®è³‡æ–™ã§ã¯ã€JavaScript ã§ã‚ªãƒ–ジェクト指å‘プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’è¡Œã†éš›ã«å‚™ãˆã¦ãŠãã“ã¨ãŒæœ›ã¾ã—ã„ã€åŸºç¤ŽçŸ¥è˜ã‚„概念ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ã€å¯¾è±¡è€…】 ・JavaScript ã§ã‚¢ãƒ—リケーションを構築ã§ãã‚‹æ–¹ ・JavaScript ã«ãŠã‘るオブジェクト指å‘プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã® 実ç¾æ‰‹æ³•ã‚„原ç†ã¸ã®ç†è§£ã‚’æ·±ã‚ãŸã„æ–¹ ・Java çš„ãªã‚¯ãƒ©ã‚¹ãƒ™ãƒ¼ã‚¹ã®è¨€èªžã¨ã®é•ã„ã«é•å’Œæ„Ÿã‚„混乱を æ„Ÿã˜ã¦ã‚‰ã£ã—ゃる方Read less
データを分ã‹ã‚Šã‚„ã™ãスタイリッシュã«å¯è¦–化ã§ãã‚‹Javascriptライブラリ「D3.jsã€
ã©ã‚“ãªã«æƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã‚‚ã€ãれをå¯è¦–化ã—ã¦è¦‹ã¦ã„る人ã«ã†ã¾ãä¼ãˆã‚‹ã®ã¯è‡³é›£ã®æŠ€ã§ã™ã€‚ãã‚“ãªæ™‚ã«ãƒ‡ãƒ¼ã‚¿ã‚’スタイリッシュã‹ã¤è¦‹ã‚„ã™ã„グラフã«ã—ã¦ãれるã®ãŒã€æ§˜ã€…ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®JavascriptãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ãªãƒ©ã‚¤ãƒ–ラリ「D3.jsã€ã§ã™ã€‚ D3.js - Data-Driven Documents http://d3js.org/ D3.jsを使ã£ã¦ä½œã£ãŸã‚°ãƒ©ãƒ•ã®äº‹ä¾‹ã‚’å…¬å¼ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‹ã‚‰è¦‹ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã€ã“れらã®ã‚°ãƒ©ãƒ•ã«ã‚‚ã¨ã«ãªã‚‹ç´ æ(スクリプトã®ã‚½ãƒ¼ã‚¹)ãŒGitHubã§å…¥æ‰‹å¯èƒ½ã§ã™ã€‚ Gallery · mbostock/d3 Wiki · GitHub デザインã®ä¸€ä¾‹ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ â—†:Bubble Chart 作æˆä¾‹ã«ã‚ˆã£ã¦ã¯ã€ãƒšãƒ¼ã‚¸ã«ç›´æŽ¥ã‚³ãƒ¼ãƒ‰ãŒè¨˜è¼‰ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ â—†:Four Ways to Slice Obama’s 2013 Budget Proposal - In
Pythonプãƒã‚°ãƒ©ãƒžãƒ¼æ“å–œï¼JavaScriptã®ä»£ã‚ã‚Šã«PythonãŒä½¿ãˆã‚‹Â·Brython MOONGIFT
Brythonã¯JavaScriptã®ä»£ã‚ã‚Šã«Pythonを使ã£ã¦ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ãるよã†ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ Webブラウザ標準ã§ä½¿ãˆã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¨è¨€ãˆã°JavaScriptã§ã™ã€‚ã—ã‹ã—ãã‚Œã ã‘ã§ã¯æº€è¶³ã§ããªã„ã€ãã‚“ãªæ–¹ãŒé–‹ç™ºã—ãŸã®ãŒBrythonã§ã™ã€‚Webブラウザ上ã§PythonãŒæ›¸ã‘ã¦ã—ã¾ã„ã¾ã™ã€‚ アナãƒã‚°æ™‚計ã§ã™ã€‚ã¡ã‚ƒã‚“ã¨ç§’é‡ãŒå‹•ã„ã¦ã„ã¾ã™ã€‚ コードã¯è¦‹äº‹ã«Pythonã§ã™ã€‚ Ajaxã®ãƒ‡ãƒ¢ã€‚ ã‚„ã¯ã‚Šã¡ã‚ƒã‚“ã¨Pythonコードã§ã™ã€‚ テーブルã®ã‚½ãƒ¼ãƒˆãƒ‡ãƒ¢ã€‚ Importも使ãˆã¦ä¾¿åˆ©ã§ã™ã€‚ å·¦å³ã«ãƒ‡ãƒ¼ã‚¿ã‚’移動ã•ã›ã‚‹ãƒ‡ãƒ¢ã€‚ ボタンやコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’Pythonã®ä¸ã§ç”Ÿæˆã—ã¦ã„ã¾ã™ã€‚ 3Dã‚’å‹•ãデモ。 ã‚¨ãƒªã‚¢æƒ…å ±ã‚’å«ã‚ã¦Pythonã§å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ Brythonã¯HTMLコンテンツã®ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã¯ã‚‚ã¡ã‚ã‚“ã€Ajaxã€ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã€Canvasã®æ“作もã§ãã¾ã™ã€‚HT
ã“ã®é †ç•ªã§èªã‚ã°OKï¼JavaScriptã‚’ç†è§£ã™ã‚‹ãŸã‚ã®14冊 | DECONCEPTER
JavaScriptã®æ›¸ç±ã¯jQueryやサンプルä¸å¿ƒã®ãƒãƒƒãƒ—ス本ãªã©ã‚’å«ã‚ã‚‹ã¨ã€å¤šæ•°å‡ºã¦ãŠã‚Šã€ã“ã‚Œã‹ã‚‰å‹‰å¼·ã—ãŸã„人ã«ã¨ã£ã¦ã¯ã©ã‚Œã‹ã‚‰èªã‚ã°ã„ã„ã‹è¿·ã†ã¨ã“ã‚ã ã¨æ€ã„ã¾ã™ã€‚ 今日ã¯ã“ã“æ•°å¹´ã§å‡ºãŸæ›¸ç±ã®ä¸ã§åˆç´šè€…ã‹ã‚‰è„±ä¸ç´šè€…ã«ãªã‚‹ã¾ã§ã«èªã¿ãŸã„書ç±ã‚’ã€ã“ã®é †ç•ªã§èªã‚ã°ã‚¹ãƒ†ãƒƒãƒ—アップã§ãã‚‹ã¨ã„ã†å†…容ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ STEP1. åˆå¿ƒè€…ã¸ã®ãŠã™ã™ã‚ã¯ãƒ€ãƒ³ãƒˆãƒ„ã§ã“れ一択。 åˆå¿ƒè€…å‘ã‘ã®å†…容ã¨ã—ã¦ã¯ã“ã‚ŒãŒãƒ€ãƒ³ãƒˆãƒ„ã§ãŠã™ã™ã‚ã§ã™ã€‚内容ãŒæ˜“ã—ãä¸å¯§ãªä¸Šã«ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆã§æ›¸ç±ã®å†…容を動画ã§èª¬æ˜Žã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ Amazon.co.jp： よãã‚ã‹ã‚‹JavaScriptã®æ•™ç§‘書: ãŸã«ãã¡ ã¾ã“ã¨: 本 サãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆã¯ã“ã¡ã‚‰ STEP2. 全体を把æ¡ã™ã‚‹ã«ã¯å分ãªãƒœãƒªãƒ¥ãƒ¼ãƒ 。脱åˆç´šè€…å‘ã‘ã«ã¯ã“ã®2冊。 2冊ã¨ã‚‚åˆç´šè€…ã«ã¨ã£ã¦ã¯å°‘ã—厳ã—ã„内容ã«ãªã£ã¦ã„ã¾ã™ãŒã€ã“ã®2冊ãŒç†è§£ã§ãã‚Œã°å¾Œã¯ä½œã‚Šã¾ãã‚‹
Webデザイナーã®ãŸã‚ã®jquery入門2（å‰ç·¨ï¼‰
82 views jQueryã®ç¤¾å†…勉強会用スライドã§ã™ã€‚ã ã„ãŸã„1時間ã§çµ‚ã‚れるよã†ã«ã€å‰ç·¨ãƒ»å¾Œç·¨ã«åˆ†ã‘ã¦ã„ã¾ã™ã€‚ 後編ã¯6月以é™ã§å…¬é–‹ã‚’予定ã—ã¦ã„ã¾ã™ã€‚ More… jQueryã®ç¤¾å†…勉強会用スライドã§ã™ã€‚ã ã„ãŸã„1時間ã§çµ‚ã‚れるよã†ã«ã€å‰ç·¨ãƒ»å¾Œç·¨ã«åˆ†ã‘ã¦ã„ã¾ã™ã€‚ 後編ã¯6月以é™ã§å…¬é–‹ã‚’予定ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’作るã«ã‚ãŸã£ã¦ã€æ›¸ç±ã€ŒWebデザイナーã®ãŸã‚ã®jQuery入門ã€ã‚’ã‹ãªã‚Šå‚考ã«ã—ã¦ã„ã¾ã™ã€‚ Webデザイナーã®ãŸã‚ã®jquery入門2（å‰ç·¨ï¼‰ — Presentation Transcript Webデザイナーã®ãŸã‚ã® jQuery入門 　-覚醒編（å‰ç·¨ï¼‰ -jQueryã®ã‚³ãƒ¼ãƒ‰ã‚’自分ã§è€ƒãˆã¦æ›¸ã‘るよã†ã«ãªã‚ã†ï¼ 目標 日々ã®æ¥å‹™ã«jQueryã‚’å–り入れã¦ã€ 自分ã§ä½•ã‹ã‚’作れるよã†ã«ãªã‚‹ã€‚ 大ã¾ã‹ãªå†…容１.　何ã‹ã‚’å–ã£ã¦ãる　２.　ãã‚Œã«ä½•ã‹ã‚’ã™ã‚‹ï¼“.　ã¾ã¨ã‚　 1
åˆå¿ƒè€…ã®ãŸã‚ã®jQueryプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å…¥é–€ - libro
※ページãŒæ£å¸¸ã«è¡¨ç¤ºã•ã‚Œãªã„å ´åˆ AddBlockãªã©ã®åºƒå‘Šãƒ–ãƒãƒƒã‚¯ãƒ„ールãŒONã«ãªã£ã¦ã„ã‚‹ã¨ã€ãƒšãƒ¼ã‚¸ã®ä¸€éƒ¨ãŒè¡¨ç¤ºã•ã‚Œãªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã“れらã®ãƒ„ールをOFFã«ã—ã¦ã¿ã¦ãã ã•ã„。
WebSocketã§ç›®æŒ‡ã›â€œãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webâ€ï¼ç¬¬1回 node.jsã®è¡æ’ƒã¨WebSocketãŒæ‹“ãæœªæ¥ - ï¼ IT
ã”挨拶 ã“ã‚“ã«ã¡ã¯ã€ãƒãƒ³ãƒ‰ãƒ³ã®New Bambooã¨ã„ã†ä¼šç¤¾ã§Webエンジニアã¨ã—ã¦åƒã„ã¦ã„ã‚‹@makoto_inoueã§ã™ã€‚ã“ã“ã®ã¨ã“ã‚ã€Pusherã¨ã„ã†WebSocketã®ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“スã®é–‹ç™ºã«é–¢ã‚ã£ã¦ã„ã¾ã™ã€‚今回ã‹ã‚‰3回ã«æ¸¡ã£ã¦WebSocketã«é–¢ã™ã‚‹çŸæœŸé€£è¼‰ã‚’担当ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ç§ã‚’å«ã‚ãŸNew Bambooã®é¢ã€…（我々ã¯è‡ªåˆ†ãŸã¡ã®ã“ã¨ã‚’Bambinoã¨å‘¼ã‚“ã§ã„ã¾ã™ï¼‰ãŒWebSocketã«ãªãœèˆˆå‘³ã‚’æŒã£ãŸã‹ã¨ã„ã†ã“ã¨ã‹ã‚‰ã¯ã˜ã¾ã‚Šã€å®Ÿéš›ã«ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“スを始ã‚ã‚‹ã¾ã§ã«ã„ãŸã£ãŸã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’ãŠè©±ã—ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’通ã˜ã¦ã€WebSocketãŒåˆ‡ã‚Šé–‹ã「リアルタイムWebã€ãªä¸–ç•Œã¸ã®å¯èƒ½æ€§ã‚„技術的課題を皆ã•ã‚“ã¨å…±æœ‰ã§ãã‚Œã°ã¨æ€ã£ã¦ã„ã¾ã™ã€‚
10分ã§ä½œã‚‹WebGL対応ã®3Dシューティングwith enchant.js
gl.enchant.jsã®é–‹ç™ºè€…ã€é«˜æ©‹è«’ãŒ10分プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«æŒ‘戦! プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°:高橋諒(UEI/ARCアルãƒã‚¤ãƒˆ) 実æ³:shi3z 解説:è¿‘è—¤èª (UEIæ–°å’一年生)
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}