State management using only React Hooks - LogRocket Blog      2019-09-17 19:20:28  詳細
The Hooks API has brought with it a whole new way of writing and thinking about React apps. One of my favorite Hooks so far is useReducer, which allows you to handle complex state updates, and that’s what we’ll be looking at in this article. Managing shared state in larger React apps usually invo...
https://blog.logrocket.com/state-management-using-only-react-hooks/
これでもう、グラデーションにできてしまう濃淡の縞に困らない!バンディングをおさえるJavaScriptライブラリ | コリス      2019-09-17 11:20:25  詳細
制作時の最適なモニターや最適な照明環境で美しいグラデーションを作成しても、ビジターの環境ではバンディングと呼ばれる濃淡の縞ができてしまうかもしれません。 Webページの背景などに使用するグラデーションにできてしまうバンディングをおさえ、滑らかに表示するためのJavaScriptライブラリを紹介します。 js-noisy...
https://coliss.com/articles/build-websites/operation/javascript/js-noisy-gradient.html
React開発者向けのコンポーネントコレクション「React Rainbow - エンジニア・プログラマのソーシャルITメディア      2019-09-17 10:20:25  詳細
ITnewsメディアReact開発者向けのコンポーネントコレクション「React Rainbow Components」React開発者向けのコンポーネントコレクション「React Rainbow Components」 ◆ React Rainbow Components https://react-rainbow.web.app 紹介 「React Rainbow Components」は、ReactでWebアプリを簡単構築するためのコンポーネ...
https://itnews.org/news_contents/product-react-rainbow
JavaScriptのせいでSEOに大失敗したサイトの事例 | 海外&国内SEO情報ウォッチ | Web担当者Forum      2019-09-17 08:20:23  詳細
Web担当者に役立つ最新情報JavaScriptのせいでSEOに大失敗したサイトの事例 元グーグル社員がシェア (Pedro Dias on Twitter) 海外情報サイトでJavaScriptを積極的に使うようにリニューアルしたことが原因で検索エンジンに正しくインデックスされなくなってしまったサイトの失敗事例を、元グーグル社員のペドロ・ディ...
https://webtan.impress.co.jp/e/2019/09/06/33816/page/1
X3D: Declarative 3D for the Modern Web      2019-09-17 01:20:23  詳細
Introduction Modern web technologies enable developers to create clean, yet visually rich, user experiences which are widely supported as standard by all of the major browsers. So, how do you actually go about writing standards-based visualisations for the web…? And what support is there exactly ...
https://blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html
33分でポートフォリオサイトを作成・デプロイまでする裏技とは!? - Qiita      2019-09-16 23:20:27  詳細
33分でポートフォリオサイト作成 「未経験者が転職のため少しでもアピールするには、ポートフォリオサイトを作った方がいい」 私は未経験からWebエンジニアを目指してプログラミンングスクールに通っているのですが、この言葉を同期から聞いて、正直焦りました。 もう就職活動に動き始めている段階で、Githubのリポジト...
https://qiita.com/rui-watanabe/items/07ea7b76a0a2eb431d80
Nuxt v2.9.2でTypeScript, eslint, Prettier環境構築 + VSCodeの設定 - Qiita      2019-09-16 22:20:23  詳細
Nuxt v2.9.2でTypeScript, eslint, Prettier環境構築 + VSCodeの設定 はじめに 今までNuxtは使ってきたものNuxt+TypeScriptは導入したことがなかったので導入してみました。 意外と環境構築で手間取ったので、備忘録として残しておきたいと思います。 想定 Nuxtは使っていたけど、TypeScriptは入れてなかった人 Nuxt以外...
https://qiita.com/tomopict/items/ced60c44203852faca0a
Z      2019-09-16 19:20:24  詳細
Where your fantaZies come true Z is a transpiled language that is for making small applications on the backend*. Z is dynamic and multi-paradigm. However, it leans towards dynamic functional programming. Dynamic functional programming balances the readability of the declarative with the familiari...
https://zlanguage.github.io/
GitHub - daumann/ECMAScript-new-features-list: A comprehensive list of new ES features, including ES2015 (ES6), ES2016 (ES7), ES2017 (ES8), ES2018 (ES9), ES2019 (ES10)      2019-09-16 18:20:25  詳細
Dismiss Join GitHub today GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together. Sign up A comprehensive list of new ES features, including ES2015 (ES6), ES2016 (ES7), ES2017 (ES8), ES2018 (ES9), ES2019 (ES10)
https://github.com/daumann/ECMAScript-new-features-list
The 5 Big Features of TypeScript 3.7 and How to Use Them      2019-09-16 18:20:23  詳細
The TypeScript 3.7 release is coming soon, and it's going to be a big one. The target release date is November 5th, and there's some seriously exciting headline features included: Assert signatures Recursive type aliases Top-level await Null coalescing Optional chaining Personally, I'm super exci...
https://httptoolkit.tech/blog/5-big-features-of-typescript-3.7/
2020年以降のプログラミング技術のトレンド予想 - Qiita      2019-09-16 00:20:23  詳細
こちらの記事は、2019年7月に公開された『 2020 and Beyond Programming Trend Predictions 』の和訳になります。 本投稿は転載であり、本記事はこちらになります。 著者のTwitterアカウントはhttps://twitter.com/lasnindrekです。 はじめに サファー・サファロフ がUnsplashに投稿した画像 2020年は、もうすぐそこです...
https://qiita.com/baby-degu/items/a311ca07d155037253c8
2019-09-10のJS: Firefox 69、Babel 7.6.0(class private)、 Full Stackコースの教材 - JSer.info      2019-09-15 12:20:24  詳細
JSer.info #452 - Firefox 69がリリースされました。 Firefox 69.0, See All New Features, Updates and Fixes Firefox 69 — a tale of Resize Observer, microtasks, CSS, and DevTools - Mozilla Hacks - the Web developer blog Firefox 69 for developers - Mozilla | MDN Firefox 69 サイト互換性情報 | Firefox サ...
https://jser.info/2019/09/10/firefox-69babel-7.6.0class-private-full-stack/
開発者ツールで使える便利なcopy関数 | WEB EGG      2019-09-15 09:20:23  詳細
こんにちは。開発者ツールネタです。 ChromeでもFirefoxでもSafariでも使える便利な関数が色々あります。 その中の1つcopy関数について紹介したいと思います。 copy関数とは? クリップボードに渡した文字列をコピーする関数です。 開発者ツールを起動し、コンソールタブを開く。 と実行した後にペーストしてみてくださ...
https://blog.leko.jp/post/copy-function-of-developer-tools/
ESLint v6.4.0 - Qiita      2019-09-15 00:20:23  詳細
前 v6.3.0 | 次 (2019/09/28 JST or 2019/10/12 JST) ESLint v6.4.0 has been released: https://t.co/AP73OF6hZe — ESLint (@geteslint) September 14, 2019 ESLint 6.4.0 がリリースされました。 小さな機能追加とバグ修正が行われています。 質問やバグ報告等ありましたら、お気軽にこちらまでお寄せください。 日本...
https://qiita.com/mysticatea/items/4164b162fb37dcc443a1
node.jsではてなブログ風アイキャッチ画像を動的に生成する - Qiita      2019-09-14 15:20:26  詳細
はてなブログで画像の設定されていないブログ記事をシェアした際に、ブログタイトルと本文から画像を生成してアイキャッチに設定してくれる機能がリリースされ話題になりました。 昨今ブログ記事に限らず種々のサービスにおいて、コンテンツをSNSシェアした際にいかに目立たせるかという部分であるアイキャッチのOGP画像...
https://qiita.com/ampersand/items/805e75b5a54797923885
GitHub - niieani/hashids.js: A small JavaScript library to generate YouTube-like ids from numbers.      2019-09-14 12:20:26  詳細
Dismiss Join GitHub today GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together. Sign up
https://github.com/niieani/hashids.js
オーディオファイルの扱いが簡単に!JavaScriptライブラリ「Howler.js」 | DevelopersIO      2019-09-14 10:20:27  詳細
ウェブでオーディオファイルを扱うのは「正気の沙汰ではない(要出典)」と言われており、Web Audio APIやHTML5 Audio(HTMLMediaElement)を見ると、確かにそっ閉じしたくなる感じです。 そんなオーディオファイルの読み込みからブラウザごとの再生できるファイルの判定など、面倒な処理を任せてしまえるオーディオ関連...
https://dev.classmethod.jp/client-side/javascript/how-to-use-javascript-library-howler-js/
昨今のJavaScriptをレビューしたら全くわからなかった話 - aoma blog      2019-09-14 02:20:27  詳細
はじめに 最近JavaScriptのプルリクが来たので「よーしやったるでー」って感じでレビューしたんですが、まったく理解できずレビューになりませんでした。 その時疑問に思ったことをメモします。。 誰かの助けになれば幸いです。。 これはもう引退やな。。 classの中で function って書くの省略してるの? class TestClas...
https://aoma23.hatenablog.jp/entry/js_review
パッケージバンドリングの複雑さから開発者を開放する@pika/web      2019-09-13 19:20:28  詳細
原文(投稿日:2019/06/18)へのリンク @pikaツールチェーンの一部である@pika/webは、複雑になりがちなバンドリングプロセスを選択操作に転換することで、Webアプリケーション開発者のエクスペリエンスの向上を目指すものだ。@pika/webを使用すれば、最新のnpmパッケージを、ブラウザ内でダイレクトに実行できるようにな...
https://www.infoq.com/jp/news/2019/09/pika-web-no-npm-bundler/
Array.fromは実は有能ではないか? - Qiita      2019-09-13 19:20:27  詳細
Array.fromは配列風オブジェクトや反復可能オブジェクトから配列を作る標準組み込み関数です。 主な使い道1 イテレータからの変換 javascriptでは、mapやreduceと言った便利な高階関数がArrayにしか標準実装されていない割に、 MapやSetと言った組み込みオブジェクトから要素を順番に取り出そうとすると大体イテレータや...
https://qiita.com/xx2xyyy/items/e03033f0a915af207796