The Node.js Ecosystem Is Chaotic and Insecure
A modern web developer at workIt seems like only yesterday we had the “left-pad” fiasco where Azer Koçulu ended up pulling his packages after a name dispute. It wasn’t really that dangerous that the code was deleted, that only broke the builds which everyone noticed during their build process and the whole ordeal lasted for like two hours. It was dangerous because that it was a small redundant pac
Driver
👨🔧️ Driver Light-weight, no-dependency, vanilla JavaScript engine to drive user's focus across the page With Animation Without Animation A lightweight (~4kb gzipped) yet powerful JavaScript engine that helps you drive the user's focus on page. Some sample use-cases can be creating powerful feature introductions, call-to-action components, focus shifters etc. What are the features? Driver is com
Top 10 JavaScript errors from 1000+ projects (and how to avoid them)
Top 10 JavaScript errors from 1000+ projects (and how to avoid them) To give back to our community of developers, we looked at our database of thousands of projects and found the top 10 errors in JavaScript. We’re going to show you what causes them and how to prevent them from happening. If you avoid these "gotchas," it'll make you a better developer. Because data is king, we collected, analyzed,
Promiseによる非同期処理の書き方 - 30歳からのプログラミング
JavaScriptは基本的に逐次処理、同期処理であり、上から順番にプログラムが実行されていく。 x行目の処理が終わってからx+1行目の処理を行う、という具合に、一つ一つ実行していく。 非同期処理を行うための方法も以前から用意されていたが、ES2015で導入されたPromiseによって、より簡便に実装できるようになった。 なお、ここに書かれているものは全て、v6.4.0のNode.jsで実行した結果である。他の環境だと、ログの内容が異なるかもしれない。 Promiseの基本 new Promise()でPromiseのインスタンスを作り、それを操作することで非同期処理を管理していく。 new Promiseの引数には関数を渡す。 そしてその関数の第一引数としてresolveを、第二引数としてrejectを設定し、処理が上手くいったら前者を、失敗したら後者を実行する。 不要であれば、reje
15 Interesting JavaScript and CSS Libraries for January 2018
Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention. ClarifyJS With ClarifyJS you can easily create chained methods that can be executed in any order you want. Usually javascript methods are exe
ECMAScript 2015以降のJavaScriptの`this`を理解する
この記事はJavaScriptの入門書として書いているjs-primerのthisに関する部分をベースにしています。 またjs-primerでは書けなかった現在時点(2018年1月1日)でのブラウザの挙動についてを加えたものです。 次の場所にjs-primer版（書籍版）のthisについての解説があります。 この記事と違って実際にコードを実行しながら読めるので、学習ソースとしては書籍版を推奨します。 書籍版: 関数とthis · JavaScriptの入門書 #jsprimer また、バグ報告やPRも直接リポジトリにして問題ありません。 asciidwango/js-primer: JavaScriptの入門書 おかしい場所を選択した状態で右下にある”Bug Report”ボタンを押せば、簡単にtypoとかのバグを報告できます。(PRでも歓迎) 前置きはこの辺までで、ここから本編。 この記
Angular vs React vs Ember vs Vue - JS framework comparison
I am trying to compare as many points as I can; however if I miss something which you wanted, kindly put that in the comment section so that I can update the article with that. Technical comparison Honestly, this point doesn’t make much sense. Cause it’s no more those days when we used to compare features. Frameworks these days learn from each other and tries to adapt the good things from each oth
30 seconds of code
Discover hundreds of coding articles to level up your skills. Browse articles by collection or check out the top picks and latest content below. New & Popular Articles JavaScript · May 7, 2025 JavaScript Operator Cheatsheet Quick reference for JavaScript operators. JavaScript · May 3, 2025 Progressive enhancement with Web Components Dive into Web Components with me and learn how I used them to cre
FrintJS Documentation
Modular JavaScript framework for building Scalable & Reactive applications. Modular & ExtensibleThe whole framework is split into multiple independent packages. You get to compose your Apps with only the packages your need. Component-BasedYou can roll your own Component based view libraries with Frint. We have official support for React. Reactive DevelopmentWe embraced the power of reactive progra
Uppy
The all you need Dashboard — powerful, responsive, and pluggable.Add files from remote sources, edit images, generate thumbnails, and more. import Uppy from '@uppy/core' import Dashboard from '@uppy/dashboard' import RemoteSources from '@uppy/google-drive' import ImageEditor from '@uppy/image-editor' import Webcam from '@uppy/webcam' import Tus from '@uppy/tus' const uppy = new Uppy() .use(Dashboa
PuppeteerでWebページからメインコンテンツっぽいところを抽出してみる - Qiita
最近、Webページからざっくりメインコンテンツっぽいものを探し出すプログラムを作成しましたので得られた知見についてまとめてみます。本文などの情報を利用せずに汎用的にメインコンテンツを探したかったので、Elementの位置、幅、高さ(以下rect)等の視覚的な情報を使用して抽出してみました。具体的には puppeteerでページをスクレイピングして各Elementの情報をまとめたツリー構造を作る Elementにスコアを付けて尤もらしいものをメインコンテンツとする というステップで抽出します。 メインコンテンツを抽出する完全なコードについてはgistのサンプルを参照してください。 ページのスクレイピング puppeteerを使ってページをスクレイピングします。最初にdomツリーを探索して必要な情報をjsonとて抽出します。視覚的な情最新のとして各Elementごとにrectの情報を取得します
DocBaseの同時編集機能を実現しているアルゴリズム – KRAY Inc.
はじめに 皆さんはGoogleドキュメントやHackMDを使ったことはあるでしょうか。これらのツールは「ネット越しに同時に複数の人で1つのドキュメントを編集できる」という特徴を持っています。お互いの編集がリアルタイムに反映されるので、相手が何を書くのかを意識することなく、簡単にドキュメントを複数人で編集することができます。これを実現するためには、同時編集に参加しているユーザ全員の編集内容がネットワークの延滞に影響されることなく、それぞれの編集内容をうまい具合にマージして反映してくれるような賢いアルゴリズムが必要になります。今回はこのアルゴリズムに関して書きます。 編集内容のマージとは 編集内容をうまい具合にマージしなければいけないケースを考えてみます。 AさんとBさんが次のドキュメントを同時編集するとします。最初は、お互いブラウザ上では次のように見えています。当然、この状態ではお互いに見え
JavaScript: 5分でわかるPromiseの基礎（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: JavaScript: Learn Promises - JavaScript Promises made easy. Learn the basics in 5 minutes. 原文公開日: 2017/10/31 著者: Brandon Morelli サイト: https://codeburst.io/ 更新情報: 2017/11/16: 初版公開 2021/03/05: 更新 JavaScriptのPromiseをわかりやすく解説しました。Promiseの基本を5分で学びましょう。 この記事で学べること 本チュートリアルでは、JavaScriptの「Promise」の基礎を学びます。Promiseのすべてを網羅的に説明するものではありませんが、Promiseを理解してコードで使い始めるのに必要な知識を固めることができます。
JavaScriptフレームワーク選定の議論 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 相談内容 既存の管理ツールを新しく作り直すために新しいJSフレームワーク/言語使いたいのですが、何を選んだらよいでしょうか？ ここで選んだものは今後新しく作る時にも使用していく予定のため、学習コストよりメンテナンスしやすいものを選びたいと考えています。 利用者は社内外で特定の権限を持った人のみであるため、サーバサイドレンダリングはしない予定です。 言語は型があるものを利用したいのですが、TypeScriptとFlowのどちらがよろしいでしょうか？ 時間に余裕があれば、テストフレームワークやビルドツールについてもお聞きしたいです。 現在の
Node.jsのパフォーマンスチューニングのtips - 技術探し
--inspect, --inspect-brk --trace-opt, --trace-deopt --prof --trace-events-enabled --trace-gc node-report Performance Timing API 優しいコードの書き方へ v8::SnapshotCreator さいごに Node9が10/31に出ました🎉🎉🎉 Node v9.0.0 (Current) | Node.js 今回はNode単体の話なので、Express、Nginx等のチューニングに関してはココには書きません。 また、libuv等のコード内部の話もしません。 --inspect, --inspect-brk もともとあった、--debugから移行されました。(v8.0.0 ~) Chromeを使いデバッグ、プロファイリング等を使えるようになります。 ブラウザで使え
Vercel: Build and deploy the best web experiences with the AI Cloud – Vercel
Build and deploy on the AI Cloud.Vercel provides the developer tools and cloud infrastructure to build, scale, and secure a faster, more personalized web. Build and deploy on the AI Cloud.Vercel provides the developer tools and cloud infrastructure to build, scale, and secure a faster, more personalized web.
maptalks - for building 2D/3D maps
Maptalks integrates 2D/3D maps together by pitching and rotating 2D maps. Get one more dimension for mapping, visualizing and analyzing, with simplicity of 2D maps. Maptalks is an open library to extend. You can add new features to maptalks with any favored technology like CSS 3, Canvas and WebGL. Checkout plugins with the greatests (mapbox-gl-js, THREE, D3, ECharts, etc). And be free to create yo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
23 JavaScript design patterns
JavaScriptのE2Eフレームワークを触ってみる
The Modern JavaScript Tutorial
