It has been a long time since you said "You Don't Need jQuery", but it's still useful for doing DOM operation in user script etc.1 Get elements In native, element getter methods has too many kinds and has too long name. In jQuery, $() is all. Get element by selector Native

I've been cruising the reddit listings recently and without much searching I found a staggering amount of "jQuery is outdated", "jQuery isn't relevant", "I think jQuery is dying out", "…forget about jQuery. It isn't good for anything anymore", "jQuery hasn't been relevant for years in my opinion, it's best to avoid a "career" that requires it"! Now, I think it's fair to say: poppycock. But poppyco

By Sacha Greif I recently published our results for the 2017 edition of the annual State of JavaScript survey, collected from over 23,000 developers. The results revealed many things, from popularity trends to salary breakdowns. You’ll want to take a look for yourself if you haven’t done so already. But among all these data, here are the 10 things that stood out most to me. Even if you’ve already

For now, our javascripts contain only import statements for nested components and stylesheets—that is how we ensure all pieces make their way into an application.js entry point so Webpacker gem can put them together and build CSS and JS bundles for us. In the last chapter of our tutorial, we are going to work with JavaScript to make our chat usable. We will show how to use Action Cable from ES6 mo

html5j Webプラットフォーム部 第19回勉強会 W.A.S.M featuring PWA https://html5j-webplat.connpass.com/event/74013/

どう考えているか、というのを聞かれたので、記事に起こしておきます。個人の意見です。 Prettier を使う 気づけばコードの整形を人間がやる時代は終わりました。 細かいコーディングスタイルでレビューの時間を取るぐらいだったら、一貫した自動整形ルールを適用すべきです。 人によっては細かいこだわりがあって prettier の規則が気に食わないかもしれず、僕も最初はそうでしたが、Atomで保存する度に自動整形を走らせる prettier の強烈な開発体験によって、最終的にそれらのこだわりを全て捨てることが出来ました。 生産性を求めるなら、現時点では最優先で導入すべきものです。 React.createClass を使わない v16 で削除されたのでいわずもがな。 同様に、 createClass でしか使えなかった mixin 周辺機能も丸ごと deprecated です。 「可能な限りは」

2017/11/30「【エンジニア交流会】食 Tech 〜 食系サービスにおけるテクノロジーの裏側 〜」での発表資料Read less

As we build sites more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In this post, I’ll cover why a little discipline can help if you’d like your site to load & be interactive quickly on mobile devices. tl;dr: less code = less parse/compile + less transfer + less to decompress NetworkWhen most developers think about the cost of JavaS

Structure Synth — Orihaus (CC BY 2.0)“Master the JavaScript Interview” is a series of posts designed to prepare candidates for common questions they are likely to encounter when applying for a mid to senior-level JavaScript position. These are questions I frequently use in real interviews. Functional programming has become a really hot topic in the JavaScript world. Just a few years ago, few JavaS

I noticed Gavin and Gwen are in this pic and it made me too sad so I put a gradient over themIf you’re in the web development world, you probably have heard of React. I mean maybe you don’t even know what it is, but you know it’s like super cool and sexy. And jQuery is the polar opposite. Everyone likes to hate jQuery these days. I had one of those stupid “take home tests” trendy tech companies us

どうも、 @nukosuke です。 こちらはQiita Advent Calendar '17 React #1、3日目の記事です。 概要 この記事ではReactで構築したシングルページアプリケーション(SPA)をサーバサイドレンダリング(SSR)する過程をまとめました。 つかったもの Node.js TypeScript React ReactRouter Koa Webpack 成果物 まずは出来上がったものから。こちらのリポジトリをcloneして以下のように起動できます。 $ npm run build:server # サーバjsをビルドします $ npm run build:client # クライアントjsをビルドします $ npm start # localhost:3000で起動します 手順 ざっくりとした手順ですが、今回やったことを要約すると以下のようになります。 Ko

これは Vue.js #3 Advent Calendar 2017 – Qiita 4日目の記事です。 こんにちは。SVGで色々なコンポーネントを作っているものです。最近の作品は下記のような感じです。 Webでグリグリ動くUIを作りたい！！という一心でやっています。 これらはほとんどSVGとVueの組み合わせのみで作っています。依存が少ないというのは大事で、ライブラリ間の相性でハマったり、いろんなドキュメント間を往復することがなくなります。 Webでグリグリ動くUIを作るのは基本的にめんどくさいです。jQuery pluginを駆使して作るのも闇が多いですし、divやcanvasをゴリゴリするのも結構手間がかかります。 ですが、最近はSVGで高度なUI実装されることが増えてきた気がします。特に自分が衝撃を受けたのは、CacooがFlashからSVGにスイッチしたことです。 nulab-i

きっかけ 先日、dアニメストア ニコニコ支店ができました。 自分もニコニコでは見られない動画が、dアニメストア ニコニコ支店 では見られコメントもつけられたり、月額見放題ということで入会しました。 しかしニコニコに元々ある動画とdアニメストアの動画は別物で、コメントも共有はしていない仕組みであるため、サービス開始直後であるというのもあると思いますが、コメントは少なくすこし寂しい状態でした。 コメントがなくて寂しいという人は多い様子。 こちらの記事や、 mistclast.hatenablog.com twitter のつぶやきなどなど。 個人的にはコメントが共有されていないことには良さもまああるかもなと思っています。 超人気動画に0からコメントをつけていく楽しみがある ...とか。 でもやはりコメントがたくさん流れてきてわいわいしていたほうが見るのが楽しいと思う人は多いはず。また自分は臆病

Today I’m super excited to announce Parcel, a blazing fast, zero configuration web application bundler that I’ve been working on for the past few months. Check it out on Github! I started working on Parcel in order to solve two main problems that I have found with existing module bundlers like Browserify and Webpack: performance, and configuration experience. Features🚀 Blazing fast bundle times —

Udemy Black Friday Sale — Thousands of Web Development & Software Development courses are on sale for only $10 for a limited time! Full details and course recommendations can be found here. This is article #3 in a four part series this week.Learn Map — Array.prototype.map()Learn Filter — Array.prototype.filter()Learn Reduce — Array.prototype.reduce()Chaining Map, Filter, and ReduceI strongly encou

Deciding on a JavaScript framework for your web application can be overwhelming. Angular and React are very popular these days, and there is an upstart which has been getting a lot of traction lately: VueJS. What’s more, these are just a few of the new kids on the block. Javascripts in 2017 — things aren’t easy these days! Before we start — SPA or not? You should first make a clear decision as to

JavaScriptのプログラミングはこれだけ効率化できる！ 使用歴5年目のエンジニアが送るWebStormの厳選神業集 JavaScript（ES2015+）、TypeScriptの需要は高まる一方ですが、プログラミングの効率化をどれくらい意識していますか？ プログラミングが効率化されれば、作業時間の短縮、ケアレスミスの軽減、プロダクトの品質の向上、そしてストレスの軽減に繋がります。 筆者が5年間使用している「WebStorm（ウェブストーム）」は、JavaScriptのプログラミングをする上での面倒な処理をほとんど自動化するための機能が揃っていて、ロジックの検討や表現の作り込みに時間を割けるようになります。 本記事では、多くの機能の中からとくに便利だと感じるものをピックアップして紹介します。WebStormを使ったことがない方も、「この作業はツールで自動化できるのか」という知識を得て、