The industry standard for working with HTML in JavaScript | cheerio
cheerioThe fast, flexible & elegant library for parsing and manipulating HTML and XML. Get Started! Proven syntaxCheerio implements a subset of core jQuery. Cheerio removes all the DOM inconsistencies and browser cruft from the jQuery library, revealing its truly gorgeous API. Blazingly fastCheerio works with a very simple, consistent DOM model. As a result parsing, manipulating, and rendering are
lodash
A modern JavaScript utility library delivering modularity, performance & extras.
javascriptã®ãƒ‡ãƒãƒƒã‚°ã§objectã®ä¸èº«ã‚’æ–‡å—列ã¨ã—ã¦å±•é–‹ã™ã‚‹æ–¹æ³• | infoScoop開発者ブãƒã‚°
javascriptã§é–‹ç™ºã‚’ã—ã¦ã„ã‚‹ã¨ã€ã‚ªãƒ–ジェクトをブラウザã®é–‹ç™ºãƒ„ール上ã®ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã«å‡ºåŠ›ã—ã¦ãƒ‡ãƒãƒƒã‚°ã™ã‚‹æ©Ÿä¼šãŒå¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ 例ãˆã°ã€ã“ã®ã‚ˆã†ãªã‚ªãƒ–ジェクトをFireFoxã®Firebug ã«å‡ºåŠ›ã™ã‚‹ã¨ã€ä¸‹è¨˜ç”»åƒã®ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ var obj = {"Name":"John","Hobby":[{"Hobby1":"Tennis"},{"Hobby2":"Golf"}]}; console.log(obj); ã“ã¡ã‚‰ã®ä¾‹ã®ã‚ˆã†ã«ä¸èº«ãŒå°‘ãªã階層ã®æµ…ã„オブジェクトã§ã‚ã‚Œã°ã“ã®ã¾ã¾è¡¨ç¤ºã—ã¦ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ãŒã€ 階層ãŒã‚‚ã£ã¨æ·±ã‹ã£ãŸã‚Šã€ã‚ªãƒ–ジェクトã®ãƒ†ã‚ストをコピーã—ãŸã„å ´åˆã«ã¯ã“ã®ã¾ã¾ã§ã¯æœ›ã¾ã—ãã‚ã‚Šã¾ã›ã‚“。 ãã‚“ãªæ™‚ã¯ã€object.toSource()　ã¨ã„ã†é–¢æ•°ã‚’使用ã™ã‚‹ã¨ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ä¸Šã«ã‚ªãƒ–ジェクトãŒå±•é–‹ã•ã‚ŒãŸå½¢ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ var obj = {"Name":"J
Uncaught TypeError: Cannot read property '0' of undefined
1$(function(){ 2 //フォームデータを一時ä¿å˜ã™ã‚‹é…列 3 var formDataArray = [] 4 //クリックã—ãŸæ™‚ã«ãƒ‡ãƒ¼ã‚¿é€ä¿¡ 5 $('#delete').on('click',function(){ 6 //ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ 7 var im = document.forms.fm.Checkbox; 8 var cnt = 0; 9 // Array オブジェクトを作æˆã™ã‚‹ 10 var img_id = new Array(); 11 //ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®æ•°ã ã‘繰り返㙠12 for(var i = 0; i < im.length; i++){ 13 //ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«ãƒã‚§ãƒƒã‚¯ãŒã¤ã„ã¦ã‚‹ã‹ 14 if(im[i].checked){ 15 //ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®value（imgã®idãŒå…¥ã£ã¦ã„る）をimg_idã«push 16 img_id.
Riot.js — シンプルã§ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ™ãƒ¼ã‚¹ã® UI ライブラリ · Riot.js
シンプルã§ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆãª コンãƒãƒ¼ãƒãƒ³ãƒˆãƒ™ãƒ¼ã‚¹ã® UI ライブラリ カスタムタグ • 楽ã—ã„構文 • 明晰㪠API • è»½é‡ ãªãœæ–°ã—ã„UIライブラリãŒå¿…è¦ãªã®ã‹ï¼Ÿ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ä¸–ç•Œã«ã¯ãƒ©ã‚¤ãƒ–ラリãŒæº¢ã‚Œã¦ã¯ã„ã‚‹ã‚‚ã®ã®ã€æ£ç›´ãªã¨ã“ã‚ソリューションã¯ã¾ã 「他ã«ã‚ã‚‹ã€ã¨æ„Ÿã˜ã¦ã„ã¾ã™ã€‚ç§ãŸã¡ã¯ã€ã“ã®å¤§ããªãƒ‘ズルを解ããŸã‚ã«ã€Riot.js ãŒæœ€è‰¯ã®ãƒãƒ©ãƒ³ã‚¹ã‚’æä¾›ã™ã‚‹ã¨ä¿¡ã˜ã¦ã„ã¾ã™ã€‚ よã£ã¦ —— ç§ãŸã¡ã«ã¯æ–°ã—ã„ライブラリãŒå¿…è¦ãªã®ã§ã™: 1. カスタムè¦ç´ Riot.js ã¯ãƒãƒªãƒ•ã‚£ãƒ«ã‚’使用ã›ãšã«ã™ã¹ã¦ã®æœ€æ–°ãƒ–ラウザã«ã‚«ã‚¹ã‚¿ãƒ è¦ç´ ã‚’ã‚‚ãŸã‚‰ã—ã¾ã™ï¼ <todo> <!-- layout --> <h1>{ props.title }</h1> <ul> <li each={ item in state.items }>{ item }</li> </ul> <form onsubmit={ a
lazysizes - the ultimate lazyloader for responsive images, iframes and widget
lazySizes lazySizes is the ultimate and lightweight lazyLoader which lazy loads images (including responsive images (picture/srcset)), iframes and scripts. It is written in VanillaJS and with high performance in mind. Simply add the JS to your website and put the class lazyload to all elements, which should be lazy loaded. For a short API description go to the readme.md. Image with LQIP technique
Metal.js
FoundationalMetal.js is not a library of components, but a foundation for creating the components you need. Learn More Our ArchitectureMetal.js components can be written in two templating languages, Soy (Google Closure), and JSX (React). Both are compiled to incremental dom which is used to progressively update DOM elements when component state updates. Therefore, you can spend less time doing man
Awesome JS Packages
Find awesome package for your actual project
ç§ãŒ async/awaitã€promise ã‚’ã¡ã‚ƒã‚“ã¨ç†è§£ã™ã‚‹ã¾ã§ã®ã‚¹ãƒ†ãƒƒãƒ—１，２，３ - Qiita
ã“ã‚Œã¯ä½•ï¼Ÿ javascript ã® async/await を使ã„ã“ãªã™ãŸã‚ã«å¿…è¦ãªäº‹æŸ„ã«ã¤ã„ã¦ã€ç§ãªã‚Šã«èª¬æ˜Žã—ãŸã‚‚ã®ã§ã™ã€‚ 書ã„ã¦ã‚ã‚‹ã“㨠ステップ１）await 使ãˆã°å¾…ã£ã¦ãれる å¿…è¦æœ€å°é™ã® async/awaitã€åŠã³ã€ã‚¨ãƒ©ãƒ¼ã® catch ã®è©± ステップ２）promise ã¨ã„ã†ã‚‚ã® promise ã®ä¸ã«ã¯ã€Œæ£å¸¸ãƒ‡ãƒ¼ã‚¿ = resolveã€ã¨ã€Œã‚¨ãƒ©ãƒ¼ = rejectã€ã®ã„ãšã‚Œã‹ã‚’ä¿ç®¡ã§ãã‚‹ã¨ã„ã†è©± ã©ã†ã™ã‚Œã°ã€promise ã‹ã‚‰ã€æ£å¸¸ãƒ‡ãƒ¼ã‚¿(resolve)ã‚’å–り出ã›ã‚‹ã‹ï¼Ÿ ã©ã†ã™ã‚Œã°ã€promise ã‹ã‚‰ã€ã‚¨ãƒ©ãƒ¼(reject)ã‚’å–り出ã›ã‚‹ã‹ï¼Ÿ Promise.all ã®è©± ステップ３）promiseを作る方法 callbackスタイルã®é–¢æ•°ã‚’ã€promiseスタイルã¨ã—ã¦ä½¿ã†æ–¹æ³• setTimeout() ã‚’ promiseスタイルã«ã™ã‚‹ async 㧠promi
Gio.js
Create a 3D global data visualization model with your own data in just four lines of javascript code
Re: Rails ã‚’ä¸»æˆ¦å ´ã¨ã—ã¦ã„る自分ãŒä»Šå¾Œå¦ã¶ã¹ã技術ã«ã¤ã„ã¦
ã“ã®è¨˜äº‹ã¯ã€ Rails ã‚’ä¸»æˆ¦å ´ã¨ã—ã¦ã„る自分ãŒä»Šå¾Œå¦ã¶ã¹ã技術ã«ã¤ã„ã¦(éšç†) | ã†ãªã™ã‘ã¨ã‚ã‚Œã“ã‚Œ ã«ã¤ã„ã¦ã®ã‚¢ãƒ³ã‚µãƒ¼è¨˜äº‹ã§ã™ã€‚ ã†ãªã™ã‘å›ãŒ Ruby on Rails ã§è‚²ã£ã¦ããŸã‚ˆã†ã«ã€åƒ•ã‚‚ JavaScript ã¨ã¨ã‚‚ã«è‚²ã£ã¦ããŸã¨ã„ã†è‡ªè¦šãŒã‚ã‚Šã¾ã™ã€‚ãªã®ã§ã€ã“ã‚Œã«ã¤ã„ã¦æ›¸ãã“ã¨ã¯ã€ãƒã‚¸ã‚·ãƒ§ãƒ³ãƒˆãƒ¼ã‚¯ã¯é¿ã‘られãªã„ã€ã¨ã„ã†æ„Ÿè¦šãŒã‚ã‚Šã¾ã™ã€‚ 冷é™ã«æ¯”較ã—よã†ã¨ã‚‚æ€ã„ã¾ã—ãŸãŒã€ã‚„ã£ã±ã‚Šé–‹ãç›´ã£ã¦æ€ã„ã£ãã‚Šãƒã‚¸ã‚·ãƒ§ãƒ³ãƒˆãƒ¼ã‚¯ã‚’ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ãã£ã¡ã®ã»ã†ãŒé¢ç™½ã„ã¨æ€ã†ã®ã§ã€‚ 自分ã®åŸºæœ¬çš„ãªä¸»å¼µã¯ã€ã“ã¡ã‚‰ã®è¨˜äº‹ã«ã‚ã‚‹ã¨ãŠã‚Šã§ã™ã€‚ Frontend Study #1: 基調講演 - Frontend é ˜åŸŸã‚’å†å®šç¾©ã™ã‚‹ 自分㨠Ruby on Rails 僕ã¯ã€ã‚ャリアã¨ã—ã¦ã¯ Rails ã®ä¼šç¤¾ã§ JavaScript を書ã„ã¦ããŸã“ã¨ãŒå¤šã‹ã£ãŸã§ã™ã€‚å¦ç”Ÿã®é ƒã¯ socket.io
Getting Started with Video.js - Video.js: The Player Framework
Getting StartedAn overview of how to get started using Video.js, from basic CDN usage to Browserify, along with examples. DownloadThere are a few ways to get started using Video.js (currently v8.16.1), but you should select the one that best fits your particular use case. Video.js CDNOur friends at Fastly are nice enough to provide hosting for all the necessary files for Video.js on their content
Aleph.js
Get Started! Welcome to use Aleph.js! If you are new to Aleph.js you should check out the About page. Usage Create a new app: deno run -A -r https://alephjs.org/init.ts cd my-app Start the app in development mode: deno task dev Start the app in production mode: deno task start Optimize the application (bundling, ssg, etc.): deno task opt
Serverless Next.js At The Edge
Today, I’m excited to announce a project I’ve been working on over the past few months. It provides a simple, fast and efficient way to deploy your Next.js applications to AWS using CloudFront, Lambda@Edge and S3. The project is the Serverless Next.js Component which you can use with the Serverless Framework to deploy Next.js apps to AWS Lambda@Edge functions in every CloudFront edge location acro
PurgeCSSを使用ã—ã¦ã€CSSファイルã‹ã‚‰æœªä½¿ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’削除ã™ã‚‹æ–¹æ³•
PurgeCSSを使用ã—ã¦ã€CSSファイルã‹ã‚‰Webページやアプリã§æœªä½¿ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’削除ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ 特ã«CSSフレームワークやライブラリを使用ã—ã¦ã„る時ã¯ã€ã™ã¹ã¦ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’使ã†ã“ã¨ã¯ãªã„ã¨æ€ã†ã®ã§ã€åŠ‡çš„ãªåŠ¹æžœãŒã‚ã‚Šã¾ã™ã€‚ How to Remove Unused CSS by Luca Spezzano 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« PurgeCSSã¨ã¯ ビルドツール JavaScriptフレームワーク PurgeCSSã®ä½¿ã„æ–¹ PurgeCSSã‚’gulpã§å®Ÿè£…ã™ã‚‹æ–¹æ³• PurgeCSSã‚’Nuxt.jsã§å®Ÿè£…ã™ã‚‹æ–¹æ³• ã¯ã˜ã‚ã« PurgeCSSを使用ã™ã‚‹ã¨ã€åˆ¶ä½œã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã«å–り入れã¦CSSファイルを60%以上削減ã§ãã¾ã™ã€‚ 未使用ã®CSSを削減ã—よㆠç§ã¯ã—ã°ã‚‰ãã®é–“ã€CSSファイ
コンパイルã™ã‚‹ã¨JavaScriptã«ï¼ã€€Rubyライクã«è¨˜è¿°ã§ãる「CoffeeScriptã€ã¨ã¯ï¼Ÿ
JavaScriptプãƒã‚°ãƒ©ãƒžãƒ¼ã®é–“ã§ã€ŒCoffeeScriptã€ã‚’使ã†äººãŒå¢—ãˆã¦ã„ã¾ã™ã€‚CoffeeScriptã¨ã¯ä¸€ä½“ã©ã‚“ãªè¨€èªžãªã®ã‹ã€ãã—ã¦å®Ÿéš›ã®ç¾å ´ã§ä½¿ã†ã«ã¯ã©ã†ã—ãŸã‚‰ã„ã„ã®ã‹ã€ã“ã®é€£è¼‰ã‚’通ã—ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚Webブラウザå‘ã‘ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ã‚‚ã€ãã—ã¦ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰é–‹ç™ºã«ã‚‚使ãˆã‚‹å†…容ã¨ãªã£ã¦ã„ã¾ã™ã€‚ CoffeeScriptãŒç™»å ´ã™ã‚‹å‰ JavaScriptã¯åºƒãæ™®åŠã—ã¦ã„る言語ã§ã™ãŒã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯è¦‹è‹¦ã—ã„ã‚‚ã®ã«ãªã‚ŠãŒã¡ã§ã™ã€‚å°ã•ãªãƒ—ãƒã‚°ãƒ©ãƒ 程度ãªã‚‰æ§‹ã„ã¾ã›ã‚“ãŒã€å¤§è¦æ¨¡ãªãƒ—ãƒã‚°ãƒ©ãƒ を作るã®ã¯ã‹ãªã‚Šéª¨ãŒæŠ˜ã‚Œã‚‹ä½œæ¥ã§ã™ã€‚冗長ãªè¨˜å·ã‚„é¢å€’ãªæ±ºã¾ã‚Šæ–‡å¥ãªã©ãŒç©ã¿é‡ãªã‚‹ã¨ã€èªã¿ã¥ã‚‰ãメンテナンスã—ã¥ã‚‰ã„ソースコードãŒã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ JavaScriptを使ã£ã¦ã‚る程度ã®è¦æ¨¡ã®é–‹ç™ºã‚’経験ã—ãŸãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®å¤šãã¯ãã®ã‚ˆã†ãªä¸æº€ã‚’æ„Ÿã˜ã€ã‚‚ã†ä¸€åº¦JavaScriptã§å¤§ããªé–‹ç™ºã‚’ã—ãŸã„
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - axios/axios: Promise based HTTP client for the browser and node.js
bestofjs.org
Rete.js
GitHub - cheeriojs/cheerio: The fast, flexible, and elegant library for parsing and manipulating HTML and XML.
{{#tags}}- {{label}}
{{/tags}}