We call it Wavie.js An awesome javascript library for creating background waves. Github Download
Wavie.JS
We call it Wavie.js An awesome javascript library for creating background waves. Github Download
リアクティブ・プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«ç‰¹åŒ–ã—㟠JS フレームワーク Cycle.js ã‚’å¦ã¼ã† #1 - 導入編 | Recruit Tech Blog
リアクティブ・プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«ç‰¹åŒ–ã—㟠JS フレームワーク Cycle.js ã‚’å¦ã¼ã† #1 - 導入編 wakamsha 2019å¹´4月更新 : RxJS v6 ã«å¯¾å¿œã—ã¾ã—ãŸã€‚ éŽåŽ»æ•°å›žã«æ¸¡ã£ã¦ RxJS ã®åŸºæœ¬çš„ãªä½¿ã„方をã”紹介ã—ã¦ãã¾ã—ãŸã€‚ RxJS ã‚’å¦ã¼ã† #1 - ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚る人ã®ãŸã‚ã®å°Žå…¥ç·¨ RxJS ã‚’å¦ã¼ã† #2 - よã使ㆠ( ã¨æ€ã† ) オペレータ15é¸ RxJS ã‚’å¦ã¼ã† #3 - 知ã£ã¦ã‚‹ã¨ä¾¿åˆ©ãª ( ã‹ã‚‚ã—ã‚Œãªã„ ) オペレータ 8é¸ RxJS ã‚’å¦ã¼ã† #4 - COLD 㨠HOT ã«ã¤ã„ã¦å¦ã¶ / ConnectableObservable RxJS ã‚’å¦ã¼ã† #5 – Subject ã«ã¤ã„ã¦å¦ã¶ / Observable × Observer RxJS 自体ã¯ãƒªã‚¢ã‚¯ãƒ†ã‚£ãƒ–・プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’実ç¾ã™ã‚‹ãŸã‚ã®ã„ã¡ãƒ©ã‚¤ãƒ–ラリã§ã‚ã‚Šã€ã„ã‚ゆる Angu
日付処ç†ãŒæ¥½ã«ãªã‚‹ï¼Moment.jsã®ä½¿ã„æ–¹ - Qiita
Moment.jsã¨ã¯ JavaScriptã§æ—¥ä»˜ã®å‡¦ç†ã¯é¢å€’ã§ã™ãŒã€ã„ã‚ã„ã‚ã¨ä¾¿åˆ©ã«ã—ã¦ãれるã®ãŒã€Moment.jsã§ã™ã€‚ 備考 Moment.jsã¯ã€ver 2.8.3ã§ç¢ºèª 2014å¹´10月24æ—¥ã«å®Ÿæ–½ã—ãŸã®ã§ã€ãれを元ã«ä»¥ä¸‹è¨ˆç®—ã•ã‚Œã¦ã¾ã™ 基本的ãªä½¿ã„æ–¹ JSã‚’èªã¿è¾¼ã‚€ <script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.2/moment.min.js"></script> // momentオブジェクトをセット var m = moment(); //ç¾åœ¨ã®æ™‚刻ãŒå…¥ã‚‹ var output = m.format('YYYYå¹´MM月DDæ—¥ HH:mm:ss dddd'); console.log(output); // => 2014å¹´10月24æ—¥ 11:44:00 Friday var m = mom
JavaScript,jQueryã®çˆ†é€Ÿã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ãƒ‡ãƒãƒƒã‚°æ–¹æ³•è«–ã®å‹§ã‚～実践å‘ã‘逆引ã(windows,chromeå‘ã‘)～ - Qiita
※2017/4/21ã«ã‚ªãƒ³ãƒãƒ¼ãƒ‰æ™‚ã®ãƒ‡ãƒãƒƒã‚°æ–¹æ³•8を追記ã—ã¾ã—ãŸï¼ ã“ã‚“ã«ã¡ã¯ï¼ã‚¨ã‚¤ãƒãƒ¼ãƒ 引越ã—ä¾ã®åŠ è—¤ã§ã™ï¼ ã¿ãªã•ã‚“JavaScript書ã„ã¦ã¾ã™ã‹ï¼Ÿ console.logã‚ã£ã¡ã‚ƒä½¿ã†ã‚ˆãーã£ã¦äººã¯ç›®ã‹ã‚‰ã†ã‚ã“ã®ãƒ‡ãƒãƒƒã‚°æ–¹æ³•ã‚’〠ケース毎ã«ç´¹ä»‹ã—ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚(僕ã¯console.log使ã„ã¾ã›ã‚“) サーãƒãƒ¼ã«ãƒ‡ãƒãƒƒã‚°ç”¨ã®ã‚³ãƒ¼ãƒ‰ã‚’アップãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ç„¡ã„ã®ã§ã€ 消ã•ãšã«æ„図ã«åã—ã¦ãƒªãƒªãƒ¼ã‚¹ã—ã¦ã—ã¾ã†å±é™ºæ€§ãŒãªã„ã®ã‚‚ãŠå‹§ã‚ã§ã™ã€‚ å‰æçŸ¥è˜ F12ã§å‡ºã¦ãるデベãƒãƒƒãƒ‘ーツール(Elements, Console, Source, Network)ã®çŸ¥è˜ Ctrl+Shift+Fã§å¤–部ソース(js,css)ã«å¯¾ã—ã¦ä¸€æ‹¬æ¤œç´¢ãŒã§ãã‚‹ HTMLã€CSSã¯Elementsã‹ã‚‰ç›´æŽ¥ä¿®æ£â‡’確èªãŒã§ãã‚‹ jsã¯Sourceã‹ã‚‰ç›´æŽ¥ä¿®æ£ã§ãã‚‹(Ctrl+Sã§ä¿å˜ã—ãŸã‚‰ãã®çŠ¶æ…‹ã§å®Ÿè¡Œã§ãã‚‹) jsã¯
npm ã¨ã‹ bower ã¨ã‹ä¸€ä½“何ãªã‚“ã よï¼Javascript 界隈ã®æ–‡è„ˆã‚’ç†è§£ã—よㆠ- Qiita
背景 Javascript 㧠Web アプリを作ã‚ã†ã¨ã™ã‚‹ã¨ã€ã‚ˆãã‚ã‹ã‚‰ãªã„ã“ã¨ã らã‘ã§è¶…æ··ä¹±ã—ã¾ã™ã€‚ npm 㨠bower ã®é•ã„ã¯ï¼Ÿ npm ã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ç”¨ã€bower ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ç”¨ã‚‰ã—ã„よ ãˆã£ã€ã§ã‚‚ãªã‚“㧠bower ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã« npm ãŒå¿…è¦ãªã®ï¼Ÿ サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯ Rails ã§æ›¸ããŸã„ã‹ã‚‰ npm è¦ã‚‰ãªã„ã¨æ€ã†ã‚“ã ã‘ã©ãƒ»ãƒ»ãƒ» ã¦ã„ã†ã‹ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JSã¨ã‹ node.js ã£ã¦ä½•ï¼Ÿ よã見る browserify ã£ã¦ä½•ï¼Ÿ ã“ã†ã„ã£ãŸç–‘å•ãŒæ²¸ã上ãŒã‚‹ã®ã¯ã€å„ツールãŒç”Ÿã¾ã‚ŒãŸæ–‡è„ˆãŒã‚ˆãã‚ã‹ã£ã¦ã„ãªã„ã‹ã‚‰ã§ã™ã€‚ã„ã‚ã„ã‚調ã¹ã¦ã‚„ã£ã¨ã¡ã‚‡ã£ã¨ã‚ã‹ã£ã¦ããŸã®ã§ãƒ¡ãƒ¢ã—ã¾ã™ã€‚é–“é•ã„ãŒã‚ã£ãŸã‚‰ã”指摘ãã ã•ã„。 「CommonJSã€èª•ç”Ÿ - Javascript ã¯æ±Žç”¨ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¸ ãã®æ˜”ã€Javascript 大好ããŠã˜ã•ã‚“ã¯è¨€ã„ã¾ã—ãŸã€‚ Javascrip
Youtubeã‚„Vimeoã€Vineãªã©ã®embedをレスãƒãƒ³ã‚·ãƒ–ã«ã™ã‚‹éžä¾å˜ã®è»½é‡ã‚¹ã‚¯ãƒªãƒ—ト・「superembed.jsã€
superembed.jsã¯Youtubeã‚„Vimeoã€Vineç‰ã®å‹•ç”»å…±æœ‰ã‚µãƒ¼ãƒ“スã®embedをレスãƒãƒ³ã‚·ãƒ–Webデザインã«å¯¾å¿œã™ã‚‹ç‚ºã®ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚CSSã§å‹•ç”»è¦ç´ を包括ã—ã¦ã€ã¨ã„ã£ãŸä½œæ¥ã®å¿…è¦ã‚‚ãªãã€ä»–ライブラリã¸ã®ä¾å˜ã‚‚ç„¡ãã€ç¾çŠ¶ãªã‚‰åœ§ç¸®ç‰ˆã§1.6kbã¨éžå¸¸ã«è»½é‡ãªã‚¹ã‚¯ãƒªãƒ—トã§ã™ã®ã§æ‰±ã„ã‚„ã™ã„ã‹ã¨æ€ã„ã¾ã™ã€‚コードã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルãªã®ã§å¯¾å¿œã‚µãƒ¼ãƒ“スを増やã—ãŸã„å ´åˆã§ã‚‚ã™ã分ã‹ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ã¾ãŸã€iframeè¦ç´ ã«ã¯è‡ªå‹•ã§superembed-forceã¨ã„ã†classãŒä»˜ä¸Žã•ã‚Œã¾ã™ã®ã§å¿…è¦ã«å¿œã˜ã¦åˆ©ç”¨å‡ºæ¥ã¾ã™ã€‚スクリプトをèªã¿ã“ã‚ã°å³RWD対応出æ¥ã‚‹ã®ã¯é…力ã‹ãªã¨æ€ã„ã¾ã™ã€‚ superembed.js
Node.js ES2015/ES6, ES2016 and ES2017 support
"use strict"; function f(n){ if (n <= 0) { return "foo"; } return g(n - 1); } function g(n){ if (n <= 0) { return "bar"; } return f(n - 1); } return f(1e6) === "foo" && f(1e6+1) === "bar";
ã“ãªã„ã 社内ã®å‹‰å¼·ä¼šã§webpackã®ã“ã¨ã¨ã‹è©±ã—ãŸã®ã§ã¾ã¨ã‚㟠- getalog
webpackã¨ã¯ ã„ã‚ã‚“ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’transpileã—ã¦ES5ã®JavaScriptã«å¤‰æ›ã—ã¦ãれるや㤠AMDã‹CommonJSã®å½¢å¼ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒãƒ¼ãƒ‰(CommonJSãªã‚‰require)ã™ã‚‹ã¨ã€transpileã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒãƒ¼ãƒ‰ã—ã¦ãれる クライアントå´ã®jsコードã§ã‚‚requireを使用ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ assetã¨ã—ã¦ãƒ“ルドã—ã¦é…布ã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ コードãŒå…±ç”¨ã®å ´åˆã€è¨å®šã‚’変ãˆã‚‹ã“ã¨ã§ç´ ã®requireを利用ã™ã‚‹ã‚µãƒ¼ãƒãƒ¼ç”¨ã‚³ãƒ¼ãƒ‰ã¨ã€webpackãŒpolyfillã—ãŸrequireを利用ã™ã‚‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚³ãƒ¼ãƒ‰ã¨ã‚’別々ã«ç”Ÿæˆã§ãã‚‹ å…¨ã¦ãŒJavaScriptã«ãªã‚‹ã€ç”»åƒã‚„CSSã‚‚ ç”»åƒã¯ã€ŒBase64ã‹FilePathã€ã« CSSã¯ã€Œheadã«styleを挿入ã™ã‚‹jsコードã€ã« 特定ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã©ã®ã‚ˆã†ã«transpileã™ã‚‹ã‹ã¯pathマッãƒãƒ³ã‚°ã§ãƒ—ラグイン形å¼ã§è¨å®šã™ã‚‹
デãƒã‚¤ã‚¹ã«é©ã—ãŸãƒ†ã‚ストサイズã«ã—ã¦ãれるレスãƒãƒ³ã‚·ãƒ–テã‚ストjQueryプラグイン
ãªã‚“ã¦è¨€ãˆã°ã„ã„ã®ã‹ãƒ»ãƒ»ãƒ»ã€‚ マルãƒãƒ‡ãƒã‚¤ã‚¹ã«ã‚ã‚ã›ã¦ã€ãƒ•ã‚©ãƒ³ãƒˆãŒã—ã£ã‹ã‚Šã¨ãƒ•ã‚£ãƒƒãƒˆã™ã‚‹ã‚ˆã†ã«ä½œã‚‰ã‚ŒãŸãƒ—ラグイン。 凄ãシンプルãªã®ã«ã€æµ·å¤–ã§è©±é¡Œã«ãªã£ã¦ã„ãŸã®ã§ã”紹介。 ãã‚Œãžã‚Œã«ã‚ã‚ã›ãŸå½¢ã«ãƒ•ã‚£ãƒƒãƒˆ FitText - A plugin for inflating web type サンプルコードã¯ä»¥ä¸‹ã‚ˆã‚ŠæŠœç²‹ https://github.com/davatron5000/FitText.js/blob/master/example.html <body> <div class="container"> <header> <h1 id="fittext1">Squeeze with FitText</h1> <h1 id="fittext2">Squeeze with FitText</h1> <h1 id="fittext3">Squeeze with FitText</h1> <
clipboard.js
Why Copying text to the clipboard shouldn't be hard. It shouldn't require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn't depend on Flash or any bloated framework. That's why clipboard.js exists. Install You can get it on npm. npm install clipboard --save Or if you're not into package management, just download a ZIP file. Setup First, include the script locat
[JS]レスãƒãƒ³ã‚·ãƒ–対応ã®ä½¿ã„ã‚„ã™ã„スライダーを探ã—ã¦ã„る人ã«ã‚ªã‚¹ã‚¹ãƒ¡ã®ã‚¹ã‚¯ãƒªãƒ—ト -wallop
アニメーションã¯ä»–ã«ã‚‚ã€slide, fade, rotateãªã©ãŒåˆ©ç”¨ã§ãã¾ã™ã€‚ wallopã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スタイルシートã¨ã‚¹ã‚¯ãƒªãƒ—トを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> <link rel="stylesheet" href="path/to/wallop.css"> </head> <body> ... コンテンツ ... <script src="path/to/Wallop.min.js"></script> </body> アニメーション（scale, foldãªã©ï¼‰ã‚’利用ã™ã‚‹æ™‚ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç”¨ã®CSSã‚’åŠ ãˆã¾ã™ã€‚ <head> <link rel="stylesheet" href="path/to/wallop.css"> <link rel="stylesheet" href="path/to/wallop-animation.c
![[JS]レスãƒãƒ³ã‚·ãƒ–対応ã®ä½¿ã„ã‚„ã™ã„スライダーを探ã—ã¦ã„る人ã«ã‚ªã‚¹ã‚¹ãƒ¡ã®ã‚¹ã‚¯ãƒªãƒ—ト -wallop](https://cdn-ak-scissors.b.st-hatena.com/image/square/c55fb72cc692f14ab3307eef2042769543abed0d/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015090103.png)
kushagragour.in - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - kushagragour リソースãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
HTMLコード内ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹è¶…マニアックãªJSライブラリ「Dom-Animator.jsã€
普通ã«Webサイトを閲覧ã™ã‚‹äººã¯ã€HTMLコードを見る機会ã¯å°‘ãªã„ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ä»Šå›žã”紹介ã™ã‚‹ã€ŒDom-Animator.jsã€ã‚’使ã†å ´åˆã€ãƒ–ラウザã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールãªã©ã§HTMLコードを見ãªã„ã¨ã€ä½•ãŒèµ·ããŸã‹ã¾ã£ãŸã分ã‹ã‚‰ãªã„ã¨ã„ã†é¢ç™½ã„ライブラリã§ã™ã€‚ ã©ã‚“ãªã“ã¨ãŒå‡ºæ¥ã‚‹ã®ã‹ï¼Ÿã¾ãšã¯ã€ã€ŒDom-Animator.jsã€ã‚’使ã†ã¨ã©ã‚“ãªäº‹ãŒå‡ºæ¥ã‚‹ã®ã‹ã‚’見ã¦ã¿ã¾ã—ょã†ï¼ å…¬å¼ã‚µã‚¤ãƒˆã¸ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã€ãƒ–ラウザã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールを開ãよã†ã«æ˜Žè¨˜ã•ã‚Œã¦ã„ã¾ã™ã€‚ （å‚考） Macã¯ã€ã€ŒCommandã€+「Optionã€+「I〠Windowsã¯ã€ã€ŒControlã€+「Shiftã€+「I〠ã§ã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールãŒé–‹ãã¾ã™ã€‚ ãã“ã§ã€ãã®ã¾ã¾é–‹ã„ã¦ã¿ã‚‹ã¨ã€ã‚³ãƒ¼ãƒ‰å†…ã«ã²ã¨ãã‚目立ã¤ã€Œã‚¢ã‚¹ã‚ーアートã€ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ã„ã‚‹ã®ãŒåˆ†ã‹ã‚Šã¾ã™ï¼ 分ã‹ã‚Šã‚„ã™ã„よã†ã«ã€GIFã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ã“ã®ã‚ˆã†
Blockrain.js - a Tetris game in HTML5 + Javascript
Embed & play the classic game on your site. Simple as that. Plug 'n' Play Just copy and paste a bit of code and you'll be good to go Responsive No matter how wide or narrow your display is, you'll always be able to play. Design Customize it as you want. Change the colors to fit your site. Speed Adjust how fast the blocks are falling to make it more difficult. Score Add the scoreboard or not. That'
[JS]éžå¸¸ã«å°‘ãªã„コードã§ãƒ‘ララックスã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実装ã§ãるスクリプト -Parallaxor
指定ã—ãŸè¦ç´ をスクãƒãƒ¼ãƒ«ã«å¿œã˜ã¦ã€ã•ã¾ã–ã¾ãªæ–¹å‘ã«ç•°ãªã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ Parallaxor -GitHub Parallaxorã®ãƒ‡ãƒ¢ Parallaxorã®ä½¿ã„æ–¹ Parallaxorã®ãƒ‡ãƒ¢ デモã¯Chrome, Firefox, Safariã§ã”覧ãã ã•ã„。 IEやスマフォã§ã¯ã‚¹ã‚¿ãƒ†ã‚£ãƒƒã‚¯ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ demo: second Parallaxorã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スタイルシート・スクリプトã¨jquery.jsを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link href="parallaxor.min.css" rel="stylesheet"> </head> <body> ... コンテンツ ... <script src="http://code.jquery.com
![[JS]éžå¸¸ã«å°‘ãªã„コードã§ãƒ‘ララックスã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実装ã§ãるスクリプト -Parallaxor](https://cdn-ak-scissors.b.st-hatena.com/image/square/d9ead73de963a2e762fa0becb8a28dab2b49e44e/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015011904.png)
Phaser - A fast, fun and free open source HTML5 game framework
Open Source HTML5 Game Framework For over a decade, Phaser has enabled developers of all skill levels to create games for the web. Phaser Editor Phaser Editor enables you to visually create Phaser games. Instead of entering numbers in your code to position Game Objects, you can drag and drop them into place, tweak their animations, adjust their physics bodies, enable special effects and more. It's
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://phinajs.com/
JavaScriptã‚’èªã‚“ã§ã¦ã€Œãªã«ã“ã‚Œï¼ï¼Ÿã€ã¨æ€ã†ã‘ã‚Œã©èª¿ã¹ã‚‰ã‚Œãªã„記法8é¸ã€‚ - Qiita
http://www.rvl.io/mizchi/js_hell_on_earth
{{#tags}}- {{label}}
{{/tags}}