ng-kyoto 主催「ng-kyoto Angular Meetup #3ã€ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚ http://ng-kyoto.connpass.com/event/20512/
CSS in JS 㨠CSS Modules // Speaker Deck
ng-kyoto 主催「ng-kyoto Angular Meetup #3ã€ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚ http://ng-kyoto.connpass.com/event/20512/
Visual Studio Code 㯠JavaScript 開発ãŒè¶…絶便利ã«ãªã‚‹å¯èƒ½æ€§ã‚’秘ã‚ã¦ã„ã‚‹ï¼
Visual Studio Code 㯠JavaScript 開発ãŒè¶…絶便利ã«ãªã‚‹å¯èƒ½æ€§ã‚’秘ã‚ã¦ã„ã‚‹ï¼ ã‚¯ãƒã‚¹ãƒ—ラットフォームã§ã‚ªãƒ¼ãƒ—ンソース㪠IDE 環境ã€Visual Studio Code ãŒå…¬é–‹ã•ã‚ŒãŸã®ã§è©¦ã—ã¦ã¿ãŸã€‚ 拡張を入れãªãã¦ã‚‚ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ JavaScript ã®ã€Œè‡ªå‹• Lintã€ã€ŒGruntã€Gulp 連æºã€ã€Œãƒ‡ãƒãƒƒã‚°ã€ãŒå‹•ã„ãŸã€‚ãªã‚“ã ã‹ã™ã”ã便利ãã†ãªäºˆæ„Ÿã€‚ Windows 環境ã§èµ·å‹•ã—ã¦ã¿ãŸã‚‰ã“ã‚“ãªç”»é¢ã ã£ãŸã€‚ ãªã‚“ã‹é»’ã„ãŒã€è‰²ã¯å¥½ã¿ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ã—ã€ãƒ—リセットã‹ã‚‰ã‚‚é¸ã¹ã‚‹ã€‚ フォルダーを開ãã“ã¨ã‹ã‚‰å§‹ã¾ã‚‹ Visual Studio Code ã«ã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æ¦‚念ã¯ãªã„。 [File] > [Open Folder] ã‹ã‚‰ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã‚’é–‹ã‘ã°ã‚ˆã„。 ãŸã‚ã—ã«ã€éŽåŽ»ã«ä½œã£ãŸ Node.js 製㮠livereloadx ã®ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã‚’é–‹ã„ã¦ã¿ãŸã€‚ å·¦å´ã«
Sprocketså†è€ƒ モダンãªJSã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã¨Railsã®ã‚ˆã‚Šè‰¯ã„関係を探㙠- Qiita
ã™ã„ã¾ã›ã‚“ã€‚ç· åˆ‡å®ˆã‚Œã¾ã›ã‚“ã§ã—ãŸâ€¦ã€‚ ã‚„ã£ã±ã€java-jaã®å¿˜å¹´ä¼šã®ç¿Œæ—¥ã¯è¾›ã„…。 ã¯ã˜ã‚ã« Webシステムを開発ã—ã¦ã„ã‚‹ã¨åˆ‡ã£ã¦ã‚‚切れãªã„ã®ãŒJavaScriptã§ã™ã€‚ Railsã¯ã‹ãªã‚Šæ—©ã„時期ã‹ã‚‰alt-JSã‚„çµåˆã€minifyç‰ã‚’組ã¿è¾¼ã‚るよã†ã«ãƒ•ãƒ¬ãƒ¼ãƒ ワークã«ãれをå–り入れã¦ãã¾ã—ãŸã€‚ ãれを支ãˆã¦ã„ã‚‹ã®ãŒRails3.1ã‹ã‚‰å°Žå…¥ã•ã‚ŒãŸsprocketsã§ã™ã€‚ ãã‚Œã«ä¼´ãªã£ã¦JSã®ãƒ©ã‚¤ãƒ–ラリをã©ã†ã‚„ã£ã¦ç®¡ç†ã™ã‚‹ã‹ã¨ã„ã†ç‚¹ã«ã¤ã„ã¦ã€ç‹¬è‡ªã®è·¯ç·šã‚’å–ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ JSã®ãƒ©ã‚¤ãƒ–ラリをåŒæ¢±ã—ãŸgemパッケージã«ãƒ©ãƒƒãƒ—ã—ã¦rubygemsã¨ã—ã¦ç®¡ç†ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ ã‚る程度ã¯ä¸Šæ‰‹ãã„ã£ã¦ã„ãŸã—ã€ä»Šã‚‚ãã®æµã‚Œã¯ç¶šã„ã¦ã„ã‚‹ã‚“ã§ã™ãŒã€æ™‚々å•é¡Œã«ãªã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ 例ãˆã°ãƒ¡ãƒ³ãƒ†ãƒŠã®å¯¾å¿œæ™‚期ãŒã‚ºãƒ¬ã¦ã¦å¤ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã¾ã¾ã ã£ãŸã‚Šã€ä¼¼ãŸã‚ˆã†ãªgemãŒä¹±ç«‹ã—ã¦ã‚„ã‚„ã“ã—ããªã£ãŸã‚Šã€‚(backbon
SIMDåž‹ã«ã¤ã„㦠- JS.next
æ¦‚è¦ æ–°ã—ã„プリミティブ型ã§ã‚ã‚‹SIMDåž‹åŠã³APIãŒV8ã§å®Ÿè£…ã•ã‚Œã¦ãã¦ã„る。 SIMDã¨ã¯ã€è¤‡æ•°ã®æ•°å€¤ã‚’並ã¹ã¦ï¼‘ã¤ã®å€¤ã¨ã—ãŸã‚ˆã†ãªãƒ‡ãƒ¼ã‚¿åž‹ã§ã‚る。 ã“ã‚Œã¯CPUã«ã‚ˆã£ã¦åŠ¹çŽ‡è‰¯ãサãƒãƒ¼ãƒˆã•ã‚Œã¦ã„るデータ型ã§ã‚り〠1 + 2 -> 3 ã‚’ã™ã‚‹ã‚ˆã†ã« [ 1, 2, 3, 4 ] + [ 2, 3, 4, 5 ] -> [ 3, 5, 7, 9 ] ã‚’1回ã®æ¼”ç®—ã§ã™ã‚‹ã“ã¨ãŒã§ãる。 ã¤ã¾ã‚Šã€æ²¢å±±ã®æ•°å€¤ã‚’扱ã†å ´é¢ã§SIMD型を利用ã™ã‚‹ã“ã¨ã§ã€ä½•å€ã‚‚ã®ãƒ‘フォーマンスå‘上ãŒæœŸå¾…ã§ãる。 （※WASMã«å…¥ã‚‹ã“ã¨ã¨ãªã‚Šã€ESã‹ã‚‰ã¯ä¸€æ—¦å–り除ã‹ã‚Œã¾ã—ãŸã€‚） 実装ã•ã‚Œã‚‹åž‹ float32x4 32bit浮動å°æ•°ç‚¹åž‹ã‚’4ã¤ä¸¦ã¹ãŸ128bitã®ãƒ‡ãƒ¼ã‚¿åž‹ float32ã¯JSã®é€šå¸¸ã®numberã§ã‚ã‚‹ã¨ã“ã‚ã®float64より精度ãŒä½Žã„ int32x4 32bit符å·ä»˜ãæ•´æ•°åž‹ã‚’4ã¤ä¸¦ã¹ãŸ128bitã®ãƒ‡ãƒ¼ã‚¿
JavaScript ã‚’ PNG ã«åœ§ç¸®ã™ã‚‹ | Yomotsu net
JavaScript ã‚’ PNG ã«åœ§ç¸®ã™ã‚‹ãƒ„ールを作りã¾ã—ãŸã€‚JS_Packer demoscene ã¯æœ€è¿‘ WebGL を使ã£ãŸã‚‚ã®ã‚‚多ããªã£ã¦ãã¦ã„ã¾ã™ã€‚ demoecene ã¯åŸºæœ¬çš„ã« ãƒãƒ¼ã‚«ãƒ«ã«ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦å˜åœ¨ã—ã¦ã„ã‚‹ã‚‚ã®ã‚’使ㆠãã®ãƒ•ã‚¡ã‚¤ãƒ«å®¹é‡ã¯ 1 ãƒã‚¤ãƒˆã§ã‚‚å°‘ãªã„ã»ã†ãŒã„ã„ (容é‡åˆ¶é™ãŒã‚る分野ãŒã‚ã‚‹) ã¨ã„ã†æ–‡åŒ–ã§ã™ã€‚ãã—㦠JS ファイルを圧縮ã™ã‚‹æ‰‹æ³•ã®ä¸€ã¤ã«ã€JS ã‚’ PNG ç”»åƒã«ã—ã¦ã€ãれをデコードã™ã‚‹ã€ã¨ã„ã†æ‰‹æ³•ãŒå˜åœ¨ã—ã¾ã™ã€‚ JS ã®æ€§è³ªJS ã®ã‚³ãƒ¼ãƒ‰ã¯åŸºæœ¬çš„ã«ã‚¢ã‚¹ã‚ー文å—ã®é›†ã¾ã‚Šã§ã™ã€‚アスã‚ーコードã¯ã€å°æ–‡å—/大文å—ã®ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆã€æ•°å—ã€ã‚¹ãƒšãƒ¼ã‚¹ã¨ã„ã£ãŸ 128 種類ã—ã‹å˜åœ¨ã—ã¾ã›ã‚“。 PNG8 ã®æ€§è³ª8 ビット PNG 㯠256 種類ã®è‰²ã‚’パレットã«æŒã£ã¦ã„ã¾ã™ã€‚ PNG ã¯å¯é€†åœ§ç¸®ï¼ˆãƒã‚¹ãƒ¬ã‚¹ï¼‰å½¢å¼ã®ç”»åƒã§ã™ã€‚圧縮ã—ã¦ã‚‚失ã‚れるデータã¯ã‚ã‚Šã¾ã›ã‚“。
リアクティブプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®æŠ€è¡“を用ã„ã¦ãƒžã‚¦ã‚¹ã‚¹ãƒˆãƒ¼ã‚«ãƒ¼ã‚’実装ã™ã‚‹ - ã¯ã“ã¹ã«ã£ã ♨
å¤ã良ãインターãƒãƒƒãƒˆã‚¢ãƒ—リケーションã§ã‚るマウスストーカー*1をリアクティブプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®æŠ€è¡“を活用ã—ã¦å®Ÿè£…ã—ã¦ã¿ã‚‹ã¨ã„ã†å–り組ã¿ã‚’ã—ã¾ã—ãŸã®ã§ã”紹介ã—ã¾ã™ã€‚リアクティブプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¨ã„ã†ã¨ä¸»èªžãŒå¤§ãã‚ã§ã™ãŒã€ã“ã“ã§ã¯bacon.jsを使ã£ã¦ã‚‹ãらã„ã®æ„味ã§ã™ã€‚ ã§ããŸã‚‚ã® ã¾ãšã¯å®Œæˆã—ãŸãƒžã‚¦ã‚¹ã‚¹ãƒˆãƒ¼ã‚«ãƒ¼ã‚’紹介ã—ã¾ã™ã€‚ãƒã‚§ãƒ¼ãƒ³ã®ã‚ˆã†ã«é€£ãªã£ãŸæ˜ŸãŒãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã®è»Œè·¡ã‚’辿ã£ã¦ã¤ã„ã¦ãã¾ã™ã€‚工夫ã—ã¦ã†ã”ã‹ã™ã¨ãªã‹ãªã‹ç¶ºéº—ã§ã™ã€‚下ã®ãƒœã‚¿ãƒ³ã‚’押ã™ã¨å®Ÿéš›ã«ã“ã®ç”»é¢ã§ãƒžã‚¦ã‚¹ã‚¹ãƒˆãƒ¼ã‚«ãƒ¼ã‚’有効ã«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™(requestAnimationFrameã«å¯¾å¿œã—ãŸPCブラウザã®ã¿)。ã„ã‚ã„ã‚å‹•ã‹ã—ã¦éŠã‚“ã§ã¿ã¦ãã ã•ã„。 ã“ã®ãƒšãƒ¼ã‚¸ã§ãƒžã‚¦ã‚¹ã‚¹ãƒˆãƒ¼ã‚«ãƒ¼ã‚’有効ã«ã™ã‚‹ 実装 ã“ã®ãƒžã‚¦ã‚¹ã‚¹ãƒˆãƒ¼ã‚«ãƒ¼ãŒã©ã®ã‚ˆã†ã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ソースコードã¯GitHubã«å…¬é–‹ã—ã¦ã„ã¾ã™ã®ã§ã€é©å®œã”å‚ç…§ãã ã•ã„。手元
io.js 㨠Node.js ã®å’Œè§£ã¸ã®é“ - from scratch
io.jsãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã‹ã‚‰æ—©äºŒãƒ¶æœˆãŒçµŒéŽã—ã¾ã—ãŸã€‚ io.js Evangelistã®ä¸€äººã«ãªã‚Šã¾ã—ãŸã€‚ @yosuke_furukawa ã§ã™ã€‚ Node.jså´ã¨ã®å’Œè§£ã®çŠ¶æ³ã¸ã‚る程度話ãŒé€²ã‚“ã§ããŸã‚ˆã†ãªã®ã§ã€ã“ã“らã¸ã‚“ã§ä¸€å›žæŒ¯ã‚Šè¿”ã‚Šã¾ã—ょã†ã€‚ ã¾ãŸã€io.jsã®æœ€æ–°æƒ…å ±ã¯ io.jsブãƒã‚° ã«ã‚‚ã¾ã¨ã¾ã£ã¦ãŠã‚Šã¾ã™ã€‚ãã¡ã‚‰ã‚‚ã”一èªãã ã•ã„。よã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ io.js リリースã‹ã‚‰ã“ã“ã¾ã§ã®è©± リリースã‹ã‚‰å°‘ã—ã—ã¦ã€çµå±€ã©ã†ãªã£ã¦ã„ã‚‹ã‹ã‚ã‹ã‚‰ãªã„人é”ã‚‚ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚一旦復習を兼ãã¦ãƒªãƒªãƒ¼ã‚¹ã‹ã‚‰ä»Šã¾ã§ä½•ãŒèµ·ãã¦ã„ã‚‹ã®ã‹ã‚’解説ã—ã¾ã™ã€‚ Node Foundation ãŒè¨ç«‹ io.js ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸå¾Œã«ã¡ã‚‡ã†ã© NodeSummit ã¨å‘¼ã°ã‚Œã‚‹å¤§ãã‚ã®Node.jsカンファレンスãŒã‚ã‚Šã¾ã—ãŸã€‚ ã“ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã¯ã€ Joyent ã® CEO ã§ã‚ã‚‹ Scott Ha
JavaScriptã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ ã®æ´å²ã¨ç¾çŠ¶ - Qiita
社内å‘ã‘資料。自分ãŒæ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã‚’説明ã™ã‚‹ãŸã‚ã«è³‡æ–™ä½œã‚‹ç¾½ç›®ã«ãªã£ãŸã€‚ 昔ã®ã“ã¨ã¯ã†ã‚覚ãˆã§é›°å›²æ°—ã§æ›¸ã„ã¦ã‚‹éƒ¨åˆ†ã‚‚ã‚ã‚‹ã®ã§ã€ãã“らã¸ã‚“勘å¼ã€‚ å¤ã®æ™‚代(~2010) å‰æã¨ã—ã¦JavaScriptã¯åå‰ç©ºé–“ãŒwindowã®ä¸€ã¤ã—ã‹ãªã„。 昔Prototype.jsãŒã‚ã£ãŸã€‚ã‚‚ã†ã¿ã‚“ãªå¿˜ã‚ŒãŸã‘ã©ã‚ã®æ™‚期ã¯ãƒ—リミティブãªã‚ªãƒ–ジェクトã®prototypeを生やã—ã¾ãã£ã¦ã€ãã‚ŒãŒè¡çªã—ã¾ãã£ã¦prototype良ããªã„çš„ãªé›°å›²æ°—ãŒç”Ÿã¾ã‚ŒãŸã‚Šç”Ÿã¾ã‚Œãªã‹ã£ãŸã‚Šã—ãŸã€‚ ãã®åçœãŒã‚ã£ã¦ã‹(æ´å²çš„ã«è‹¥å¹²å¾®å¦™ãªæ°—ãŒã™ã‚‹ãŒ) jQueryã¯åå‰ç©ºé–“を一ã¤ã«é›†ç´„ã—ãŸã€‚ã„ã‚ゆる jQueryPlugin ã¯ã€jQueryã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã«ãƒ˜ãƒ«ãƒ‘を生やã—ã¾ãã£ã¦ã„ãŸã€‚ã‚°ãƒãƒ¼ãƒãƒ«ã‚’汚ã™ã®ã¯é§„ç›®ã ã‘ã©jQueryã®åå‰ç©ºé–“を汚ã™ã®ã¯ã„ã„よãã€ãらã„ã®è€ƒãˆã€‚ jQueryéžä¾å˜ãªãƒ©ã‚¤ãƒ–ラリã¯ã€ã€ŒGoodPartsã€ã¨ã—ã¦ã€
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}