5 Interesting Uses of JavaScript Destructuring
Looking at my regular JavaScript code, I see that destructuring assignments are everywhere. Reading object properties and accessing array items are frequent operations. The destructuring assignments make these operations so much easier and concise. In this post, I will describe 5 interesting uses of destructuring in JavaScript, beyond the basic usage. 1. Swap variables The usual way to swap 2 vari
ES10で追加されたflat、flatMapを使ってみた。 - Qiita
概要 遂にES10が導入されましたね！！ 今回、タイトル通りES10で追加されたflat、flatMapに触れていこうと思います。 基本的には他の言語にあるflat、flatMapに近いと思いますので、 既に使ったことがある人からすれば遂に来たかって感じだと思います。 flat、flatMapに関してはMDNにも記載されていますし、 基本的には他言語とほぼ変わらないと思っていますのでコーディングがあまり慣れていない方が対象になるのではないかと思っています。 注意事項 ・深夜テンションで書いていますので、適宜修正していきます。 ・記事が読みにくいかもしれません。ごめんなさい。 ・今回動作確認した環境がGoogle chromeで確認していますが、まだ対応していないブラウザ、エディタは多いです。 ・基本的に頭が悪いので「日本語は変！！」とか「は？」ってなるかもですね。 ・実業務で使っていないの
Static Analysis at Scale: An Instagram Story
Instagram Server is entirely Python powered. Well, mostly. There’s also some Cython, and our dependencies include a fair amount of C++ code exposed to Python as C extensions. Our server app is a monolith, one big codebase of several million lines and a few thousand Django endpoints [1], all loaded up and served together. A few services have been split out of the monolith, but we don’t have any pla
Chromeがネイティブlazy-loadをサポート、JSなしで画像を遅延読み込み可能に
[レベル: 上級] Google Chrome 76 がネイティブ lazy-load をサポートするようになりました。 JavaScript のライブラリを利用することなく、ブラウザの標準機能として画像の遅延読み込みが可能になります。 ネイティブ lazy-load は開発版 Chrome (Canary) で試験運用されていました。 自動で遅延読み込み 次の動画は子猫の画像だけを掲載したデモ用ページをスクロールした様子です。 デベロッパーツールの Network パネルで見ると、スクロールに応じて画像が順に読み込まれているのがわかります。 この遅延読み込みは JavaScript で実装しているわけではなく、Chrome の標準機能として実装された lazy-load の機能で実現しています。 loading 属性でネイティブ lazy-load ネイティブ lazy-load を利用
iOS GraphQL クライアントのデバッグツールを作った話 - スタディサプリ Product Team Blog
こんにちは、今年の4月から Quipper の iOS エンジニアになった @manicmaniac です。 ちょっと話題としてはニッチかもしれないのですが、今日は Apollo iOS client を利用したアプリで GraphQL のデバッグに苦労し、そしてコードを書いてそれを克服した話をします。 そもそも GraphQL とか Apollo ってなに？ GraphQL とは Web API のクエリ言語であり、またそのランタイム自体を指す言葉です1。 対して、Apollo は GraphQL のサーバー・クライアント用のライブラリで、Meteor の開発元でもある Meteor Development Group 社が開発しています。 Apollo の iOS 向けクライアントである Apollo iOS は単なる API クライアントを超えて、以下のような機能を備えています。 G
JavaScript開発者のための優秀なVSCodeツール26選 - Qiita
以下はjsmanifestによる記事、26 Miraculous VS Code Tools for JavaScript Developers in 2019の日本語訳です。 26 Miraculous VS Code Tools for JavaScript Developers in 2019 Visual Studio Code(一般的にはVScodeと呼ばれる)は、デスクトップ上で動作する軽量で強力なクロスプラットフォームのコードエディタです。 TypeScriptやChrome Debuggerなどの開発ツールがサポートされています。 最初は自分のプロジェクトを構築するためにVScodeを使ったのですが、すぐに惚れ込みました。 VScodeには、誰もが開発することができ、誰もが使用することができる莫大なオープンソースの拡張機能が存在します。 開発に使える便利なツールを探している
Typescript in the real world
IntroductionTypescript is an exciting technology that has been around since 2012. It has been implemented by Microsoft, which constantly updates and improves the language and its tooling. Over the past few years, it has been used by many people and companies, making it one of the top trending languages on Github. This documentation’s purpose is to expose a bit of why you should consider using it,
Webサイトの画像の取り扱いでやってしまう10の間違い | DevelopersIO
現在のWebサイトで画像が占める役割は大きいです。最近では画像がWebサイトの全帯域幅の60%以上を占めています。最先端のWebデザインの場合、さらに顕著でしょう。Pinterestのレイアウトのように、画像の豊富なソーシャルWebサイトにおいては、この数字は 85% 以上 (!) にまで上ります。 帯域幅は、残念ながらコストのかかるものです。トラフィックの多いWebサイトでは帯域幅がIT費用の大部分を占め、ホスティングやストレージの費用をも容易に上回ります。さらに、そのような大量のトラフィックは時間がかかるため、サイト訪問者がWebサイトを開いた際に画像の読み込みで長く待たされる可能性があります。 一方ではITのコスト、もう一方で読み込み時間による閲覧者の喪失を考えると、今どのようにオンラインで画像を管理しているかよく見直したくなるでしょう。このように、1秒ごとにWebサイト全体のコンバ
The Differing Perspectives On CSS-in-JS | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Some people outright hate the idea of CSS-in-JS. Just that name is offensive. Hard no. Styling doesn’t belong in JavaScript, it belongs in CSS, a thing that already exists and that browsers are optimized to use. Separation of concerns. Anything else is a laughable misstep, a sign of not lear
2019-08-13のJS: React 16.9.0正式リリース、Image lazy-loading、Web API in Node.js
JSer.info #448 - 先週RC版が公開されたReact 16.9.0の正式版がリリースされました。 React v16.9.0 and the Roadmap Update – React Blog 次のコンポーネントのライフサイクルメソッドに警告を表示するようになりました。 これらのメソッドはReact 17.xで削除されます。 componentWillMount componentWillReceiveProps componentWillUpdate これらのライフサイクルメソッドは、react-codemodのrename-unsafe-lifecyclesを使うことでUNSAFE_* prefixのライフサイクルメソッドにリネームできます。 このUNSAFE_* prefixのライフサイクルメソッドは17.xでも動作が維持されます。 componentWillMou
What's New in React v16.9
I was starting to get a bit worried. The last few minor point releases of React had come out months apart and we were already into Q3 without a new release. My fears have been quelled though as React v16.9 is finally here with a few new features, bug fixes and deprecations! The deprecationsI’m a “start with the bad news” type of guy, so let’s start by talking about the deprecations that were inclu
A Future Without Webpack
Note: This piece was originally published to pika.dev. The year is 1941. Your name is Richard Hubbell. You work at an experimental New York television studio owned by CBS. You are about to give one of the world's first major TV news broadcasts, with 15 minutes of airtime to fill. What do you do? In a world that has only known radio, you stick to what you know. That is, you read the news. "Most of
Vue.jsで定期的にバックエンドと通信したいときに気にしたい3つのこと - プラグイン作成で解決 - SMARTCAMP Engineer Blog
スマートキャンプのエンジニア瀧川です！ クライアントサイド(JavaScript)で処理を定期実行したい場合は皆さん使いますよね！ そうsetInterval関数です。 ただ何も考えず使ってしまうと色々な問題が起こったり... そこで本記事ではsetInterval関数を使う際の困りごとを挙げて、それをまるっと解消するVue.jsプラグインを作る方法を紹介したいと思います！ (今回はVue.jsで実装しますが、特に依存しているわけはないので他のフレームワークをお使いの方も参考にしてください！) まずVue.jsプラグインの雛形を作る 困りごと1 困りごと: ブラウザ(タブ)を開きっぱなしにすると必要以上に実行されてしまう 解決法: Page Visibility APIを利用してアクティブなときにしか処理を実行しない 困りごと2 困りごと: ページ遷移してもsetIntervalが維持され
Vue.js 3: Future-Oriented Programming
If you are interested in Vue.js, you probably know about the 3rd version of this framework, which will be released shortly (if you are reading this article from the future, I hope it’s still relevant 😉). The new version is under active development for now, but all possible features can be found in separate RFC (request for comments) repository: https://github.com/vuejs/rfcs. One of them, function
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Node.js — Node v8.16.1 (LTS)
Managing Unused CSS - DZone
Reddit - Dive into anything
AMP up your mobile web experience | APNIC Blog
10 Ebooks About SEO You Should Download & Read Now
https://samgrayson.me/2019-08-06-monads-as-a-programming-pattern/
