Benedikt Meurer Presents: Fun with FlagsEnumeration @bmeurer Turn off notifications Turn on caffeine
Benedikt Meurer Presents: Fun with Enumeration (Munich Frontend Meetup Mar '18)
Benedikt Meurer Presents: Fun with FlagsEnumeration @bmeurer Turn off notifications Turn on caffeine
In 2018 expect...
In 2018 expect... Nothing will change or slow the usage or popularity of React for many years to come. GraphQL will replace a lot of REST API's this year. The web will continue to become more native-like with offline capabilities and seamless mobile experiences. HTML 5.3 is coming. Keep an eye on turbo, a blazing fast NPM client. Expect to learn and use CSS transforms 3d, CSS transitions, CSS flex
JavaScriptのモダンな書き方 - ES2017〜ES2018のawait・async, includes(), padStart()等を解説 - ICS MEDIA
JavaScriptのモダンな書き方 - ES2017〜ES2018のawait・async, includes(), padStart()等を解説 ECMAScript 2015がリリースされて以降、JavaScriptの機能は大きく強化されました。const/let、アロー関数、クラス構文、Promiseなどが有名なところですが、ES2016、ES2017、ES2018、･･･ES2022、そしてさらにその先へJavaScriptの仕様は日々進化しています。JavaScript・TypeScriptの開発では、これまで当たり前だと思っていた手法を新しい新機能で置き換えることが何度もありました。 本記事では、JavaScriptのモダンな書き方について説明します。おもに2017年から2018年頃に搭載されたES2017・ES2018の機能について焦点を当てて解説します。 非同期のProm
Debugging your front-end like it's 2019
Check out "Do you speak JavaScript?" - my latest video course on advanced JavaScript. Language APIs, Popular Concepts, Design Patterns, Advanced Techniques In the Browser (If you are lazy jump to this section to learn what is this article all about.) Remember The Island movie from 2005. I watched it again these days and I realized that the old sci-fi titles start with something really interesting.
jQueryが必要とされなくなってきたのは, Reactなどの他のフレームワークが登場したせいではなく, 標準DOM APIが進歩したおかげです
jQueryが必要とされなくなってきたのは, Reactなどの他のフレームワークが登場したせいではなく, 標準DOM APIが進歩したおかげです JavaScript Advent Calendar 2017 - Qiitaの2日目の記事です. 何故この記事を書こうと思ったか JavaScriptの定番ライブラリであるjQueryは, 最近以前と比べて必要とされなくなってきました. その理由はよく, Reactなどの他のフレームワークが登場したせいだと勘違いされています. しかし, jQueryが必要とされなくなってきた理由は標準DOM APIの進歩によるものです. この記事ではそれを書いていきます. なお, この記事ではReact Nativeについて触れる必要がないため, React DOMのことも一緒くたにReactと記述します. また, 私がweb開発を開始したのは3年前ぐらいから
await vs return vs return await
When writing async functions, there are differences between await vs return vs return await, and picking the right one is important. Let's start with this async function: async function waitAndMaybeReject() { // Wait one second await new Promise((r) => setTimeout(r, 1000)); // Toss a coin const isHeads = Boolean(Math.round(Math.random())); if (isHeads) return 'yay'; throw Error('Boo!'); } This ret
jQuery の bind, unbind の裏側
jQuery のソースを呼んでいて、イベント登録のところが複雑だったので備忘録として記しておく。 バージョンは 1.2.1。 そもそもの目的 DOM 標準の removeEventListener は、element と type(click, submit, blur など) と listener の３つを指定する必要がある。 element.removeEventListener(click, listener, false); jQuery ではイベント解除に unbind という便利な関数が用意されている。 element, type, listener を指定して解除する（通常の removeEventListener と同じ）element, type を指定して全てのイベントハンドラを解除するelement から全てのイベントを解除する 例えば、 $("#foo").unbi
amCharts: customizable free flash charts
JavaScript Charts & Maps Programming library for all your data visualization needs. Readme.md Came here to find your next charting library? Good. Our charts were designed to feel modern, sleek and fast, out-of-the box. But don’t take our word for it – check out our demos and fall in love. And best of all, our libs natively integrate with TypeScript, Angular, React, Vue and plain JavaScript apps. S
Sticky Sidebar ⬆⬇
Sticky Sidebar 😎 Sticky Sidebar ⬆⬇ is a pure JavaScript plugin for making smart and high performance sticky sidebar, works with sidebar if it’s taller or shorter than the viewport, integrated with resize sensor to re-calculate the dimensions automatically when the size of sidebar or its container is changed, supports jQuery/Zepto and compatible with Firefox, Chrome, Safari, and IE9+. Source can b
フロントエンジニアとしての個人的情報収集まとめ - フロントエンジニアのメモ
先日We Are JavaScripters! @12th【初心者歓迎LT大会】 - connpassで下記のようなLTをしました。 speakerdeck.com LT内容としては、普段自分が良く見ているサイトやサービスのまとめです。 LT後に参加者から「blogにまとめてほしい」と軽い希望があったので、資料に少し内容を足してまとめます。 一覧 ツイッター 勉強会やカンファレンスに登壇している人を片っ端からフォローするだけで最新情報が追える。 言語、フレームワーク、コミュニティのアカウントもフォローしておくと尚良い。 全部TLで追うのは大変なので、リスト機能を使ってまとめておくと見やすい。 ぼくのアカウントはこちらなので、よければフォローしてください。🐕さきと🐕 (@mki_skt) | Twitter Qiita 忙しいときには「人気の投稿」を見るだけでもしておく。 よくQiita
.mjs とは何か、またはモジュールベース JS とエコシステムの今後 | blog.jxck.io
Intro 長いこと議論になっていた ES Modules の Node における扱いに一応の決着が付き、 .mjs という拡張子が採択された。 この拡張子の意味と、今後ブラウザと合わせて Universal JS を実装していく上での作法が見えてきたことになる。 合わせてエコシステムが対応していくことで、長年の夢だった JS のモジュール化を進めていくことができるだろう。 ES Modules 徐々に揃いつつある ES Modules(ESM) の仕様は TC39 で行われており、その仕様については主に以下のような部分になる。 import や export と行った構文 module 内はデフォルト strict mode module でスコープを閉じる module 内の this は undefined etc 逆に以下は TC39 での策定範囲外となる どう Module を読
JavaScript の this を理解する多分一番分かりやすい説明 - Qiita
JavaScript の this は、(他のプログラム言語から見ると) ちょっと面白い挙動に見えることがあります。 先日、この this の挙動について、会社の同僚が説明してくれたのですが、これまで聞いた説明の中で一番分かりやすいと感じたので、頑張って日本語で説明してみます。 分かりにくかったら、多分それは私の技量不足。 this と function の関係 function が基準スコープになるのがまず一点。 その function をどう呼ぶかで変わるのかがもう一点。 それを踏まえて…… this は function を呼んだ時の . の前についているオブジェクトを指している と理解できるというのが、同僚の説明でした。 . が省略された場合はグローバルオブジェクトになります (non-strict モード時)。 strict モードでは undefined になります。（@ryo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
All You Need To Know About CSS-in-JS | HackerNoon
JSS
[JavaScript] 自身がポップアップであるとき、親ウィンドウをリロードして、自身ウィンドウを閉じる方法 - Qiita![[JavaScript] 自身がポップアップであるとき、親ウィンドウをリロードして、自身ウィンドウを閉じる方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/3619bce1df0c2c7f992c5eec14c69d91d0f5a2b1/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTg3MDUlMkZwcm9maWxlLWltYWdlcyUyRjE0OTU2OTE0ODE_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9NGQwMmExNTNkZmJjMDBjYzQ4N2Q1ODJkMmJmZjFmZjc%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D90ffdedff623b8ef7b7573ae1c879062%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMCVFOCU4NyVBQSVFOCVCQSVBQiVFMyU4MSU4QyVFMyU4MyU5RCVFMyU4MyU4MyVFMyU4MyU5NyVFMyU4MiVBMiVFMyU4MyU4MyVFMyU4MyU5NyVFMyU4MSVBNyVFMyU4MSU4MiVFMyU4MiU4QiVFMyU4MSVBOCVFMyU4MSU4RCVFMyU4MCU4MSVFOCVBNiVBQSVFMyU4MiVBNiVFMyU4MiVBMyVFMyU4MyVCMyVFMyU4MyU4OSVFMyU4MiVBNiVFMyU4MiU5MiVFMyU4MyVBQSVFMyU4MyVBRCVFMyU4MyVCQyVFMyU4MyU4OSVFMyU4MSU5NyVFMyU4MSVBNiVFMyU4MCU4MSVFOCU4NyVBQSVFOCVCQSVBQiVFMyU4MiVBNiVFMyU4MiVBMyVFMyU4MyVCMyVFMyU4MyU4OSVFMyU4MiVBNiVFMyU4MiU5MiVFOSU5NiU4OSVFMyU4MSU5OCVFMyU4MiU4QiVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTVmZmE2YTUzOTZlMmExNGJjOWFjMzliNDYwYWE5OThi%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBjb2xvcnJhYmJpdCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTI1ZTViMzNiZWY0MGMzNTIyYzYxZjkwYzU4NzM2YzI3%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dbb377f13ab1126a972bdc7ac95f1575a)
JavaScript よく使わない比較結果まとめ - Qiita
Top 10: Best Tour (website guide) Javascript and jQuery plugins
GitHub - prettier/prettier: Prettier is an opinionated code formatter.
eslintの各configの違い - Qiita
http://www.ituore.com/entry/javascript-basic
