Frontend in 2018: More consensus, less complexity - LogRocket Blog
LogRocket’s Galileo AI watches every session, surfacing impactful user struggle and key behavior patterns. 2017 was quite a year in frontend web development. Frameworks like React and Angular have continued to enjoy large-scale support among the community, but new contenders like Vue have also exploded in popularity. Webpack continues to be the build tool of choice and NPM the package system of ch
JavaScript Start-up Optimization | Articles | web.dev
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 article, we’ll cover why a little discipline can help if you’d like your site to load and be interactive quickly on mobile devices. Delivering less JavaScript can mean less time in network transmission, less spent decompressing code and less time parsing and
Building for the Blockchain | Y Combinator
Introduction If you’re here, we assume that you’re a developer/hacker who’s intrigued by the blockchain. You’re convinced that you understand how it works and now you’re itching to figure out what the blockchain means for you and your developer skill set. If you need more of a primer we’d recommend starting with the bitcoin white paper and Ethereum white paper. Our goal in this post is to: 1. Expl
2018-01-02のJS: npmのパッケージ名のルール変更、gulp 4.0.0プレリリース、Babel 7の変更予定
詳しくはドキュメントが公開されています。 gulp/docs at master · gulpjs/gulp 現在このドキュメントの更新なども行われていて、gulp 4の正式リリースはこのドキュメントの修正やマイグレーションガイドなどが用意できたら行うようです。 [Notice] gulp 4 release process · Issue #1486 · gulpjs/gulp gulp 4 - latest tag Milestone Nearing the 7.0 Release · Babelという記事ではリリースが近づいてきているBabel 7の変更点について書かれています。 Babelプラグインの最新のECMAScript仕様への追従や@babel/*へのScoped moduleへの変更、ECMAScript Proposalに関するパッケージ名のルール変更などについて書かれ
Top JavaScript Libraries & Tech to Learn in 2018
Last year, I wrote an article rounding up the top tech to learn in 2017. This year there are some surprises. We set out to answer “which learning topics will give you the highest chance of a return on the time you invest learning them?” JavaScript has the most packages, by a landslide.First, software ate the world, the web ate software, and JavaScript ate the web. In 2018, React is eating JavaScri
CSSフレームワーク、モダンJavaScript、AmazonのUX…2017年のアクセス1位は？
デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディア「WPJ」が2017年に公開した記事は、500本あまり。HTMLやJavaScriptのチュートリアルから、UXデザイン、ネット広告のトレンド解説記事まで、読者によく読まれた記事ベスト10を紹介します。 【1位】もう実機は不要!? Chromeのモバイルエミュレーターがとんでもなく進化していた Chromeデベロッパーツール、使いこなしていますか？ モバイルブラウザーエミュレーターの機能が拡張され、通信帯域やセンサーのシミュレーション、PWAの検証など、どんどん進化しています。これは便利です！ 【2位】2017年のPHPフレームワーク——2強時代に何を学ぶべきか？ 動きの早いフロントエンド界隈や他の言語の躍進の話題に押されて、いつまでも古い知識のままPHPで開発していませんか？ 知識のアップ
Front-End Tools: My Favorite Finds of 2017 | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. Another twelve months have passed and I’m sure all of you have come across some interesting new coding techniques, technologies, CSS tricks (of course!), and other stuff that will make you more productive in 2018. As some of you might know, I curate a weekly newsletter called Web Tools Weekly, in w
I just asked 23,000 developers what they think of JavaScript. Here’s what I learned.
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
次のリリースであるwebpack 4の主な変更点まとめ - 技術探し
移行ガイド abouthiroppy.hatenablog.jp ドワンゴのアドベントカレンダーの17日が空いているので本来その予定で書かれた記事ではないですが、そこに埋めます。 2日連続になってしまった。。 qiita.com Happy Xmas, Noders! #Nodejs pic.twitter.com/Rsxr8SbeUz— hiroppy😶 (@about_hiroppy) 2017年12月24日 さて、今年は、webpack3.0.0が2017/06にリリースされました🎉 (現在、3.10.0) medium.com After we released webpack v2, we made some promises to the community. We promised that we would deliver the features you voted
中〜大規模なSPAを開発する時に抑えておきたい10のポイント - KAYAC Engineers' Blog
こんにちは。カヤックのSPAおじさんこと島津です。 今年はReactとVueを使ったSPA開発プロジェクトをいくつか担当してきたので、そこで得た知見の総まとめをしたいと思います。 ※ ここでのSPAとはすべてのViewをJavaScriptで書くWebアプリのことを指します。サーバーサイドMVCを主軸にViewの一部をReactやVueで書くこともありますが、今回はそのケースではありません。 1. フレームワーク 数年前とは事情が変わり、 フレームワークを使わないという選択肢は昨今だともう無いでしょう。丸腰のJSでDOMを弄っていた時代に比べると、かなり安定したフロントエンドの開発ができるようになりました。 人気フレームワークの台頭になっている React + Redux Vue + Vuex をこの1年使ってきましたが、書き方は違えどFluxアーキテクチャ・仮想DOM・コンポーネント志向
サイト高速化による罪滅ぼしと、SSRをしない勇気 - Qiita
高速化したサイト PHPで以前に作ったWebサイトを、 リニューアルついでにReact+Node.jsで書き直して、高速化を試みた一部始終です。 まとめ ファイルを圧縮して、gzipとHTTP/2で通信を最適化した後に、キャッシュを活用し、アニメーションを追加すれば、満足のいくスピードになる。 重たいWebフォントを読み込んですみません駆動開発。 対象のサイト 邦画の予告を、朝まで という名前の、文字通り邦画の予告をひたすら観られるサイトです。 たまには邦画も悪くないですよ。 課題の把握 ・初期表示にやたら時間がかかる ・ページ遷移の待ち時間が長く感じる ・ページ遷移時にバコってなる違和感 React+Node.jsでリニューアルした後、初期表示の遅さなどが原因で、体感的に遅くなってしまったのが高速化のきっかけです。 高速化の軸 ユーザーを第一に考えます。最終目標は、特定の端末でのサイトの
A Tinder Progressive Web App Performance Case Study
Tinder recently swiped right on the web. Their new responsive Progressive Web App — Tinder Online — is available to 100% of users on desktop and mobile, employing techniques for JavaScript performance optimization, Service Workers for network resilience and Push Notifications for chat engagement. Today we’ll walk through some of their web perf learnings. Journey to a Progressive Web AppTinder Onli
もうすぐ来る? Web Authentication APIについて調べてみた - Qiita
ピクシブ株式会社 Advent Calendar 2017 の 23 日目担当の syoichi です。 去年の 2 月にエンジニアとして入社しました。去年の Advent Calendar の時から変わらずプレミアムチームに所属しており、主に PHP / JavaScript / CSS で開発しています。直近では pixiv の決済基盤のシステムで Scala に触れる機会もありました。 さて、今回は現在各ブラウザーで開発中で、Edge で先行実装され、Firefox でリリースの目処が立ちつつある、Web Authentication API について簡単に調べてみました。 何ができるのか 端的に言うと、FIDO 2.0 に基いて、FIDO 対応デバイスによって指紋や顔などを照合する生体認証が Web から利用できるようになります。 活用例としては、生体認証によってパスワード無しで素
A Tinder Progressive Web App Performance Case Study
Addy Osmani (@addyosmani) is an Engineering Manager working with the Chrome and Web Developer Relations teams at Google. He's written open-source books like 'Learning JavaScript Design Patterns' and 'Essential Image Optimization' and created open-source projects like Yeoman, HNPWA and Critical. You can find more of his work on web performance over on his Medium channel. Tinder recently swiped righ
極めろ！！Google Chrome Devtools 52の関節技 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 転職ナビのフロントエンドを担当しています、@sueshinです。 Livesense - 関 Advent Calendar 2017、22件目をお送りします。 どうぞ宜しくお願いします。 はじめに フロントエンドでよく注目されるJavaScriptではなく、 地味で渋いまるで関節技のような、Google Chrome Devtoolsを使った技術をtipsの形式でまとめました。 免責事項 ショートカットなどは全てMacのキーボード操作にしています。Windowsユーザーは適宜読みかえてください。 Chromeのバージョンは63系に基づ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Functional Programming Paradigm Demystified (Core Concepts)
Build and implement a single sign-on solution
lodash/fp を使ってJavaScriptの配列操作をよりエレガントにする - Qiita
レンダリングブロックとは何なのか 実際にやってみた - Qiita
A Front-End Development Review of 2017: JavaScript, Firefox, and More - DZone