Javascript fetch, retry upon failure.
This post is republished since the previous one was not showing up on my profile for some reason. So recently, I bumped into a situation where the network works/fails randomly. As it affects the consistency of my test results, I decided to implement a fetch_retry function which retries fetch upon failure up to n times. Introduction Fetch in Javascript is great. I hope you will agree that it provid
AWS SDK for JavaScript v3で多要素認証(MFA)をしてAssumeRole(スイッチロール)やEC2インスタンスを作成してみた | DevelopersIO
AWS SDK for JavaScript v3で多要素認証(MFA)をしてAssumeRole(スイッチロール)やEC2インスタンスを作成してみた v2とv3があったらv3を触ってみたくなるのが人の性 こんにちは、のんピ です。 皆さんはAWS SDK for JavaScript v3を触ったことはありますか? 私はありません。 AWS SDK for JavaScript v3は、こちらのwhat's newにある通り、2020/12/15に一般公開されています。 AWS SDK for JavaScript v2とAWS SDK for JavaScript v3があったら、より新しいAWS SDK for JavaScript v3を触ってみたくなるのが人の性というものです。 リリースされた半年以上経った2021年8月現在でも、触ってみた系の記事が少ないのもあり、AWS SDK
webpackとBabelの基本を理解する(1) ―webpack編― - Qiita
独学の内容をまとめたものです。誤りがございましたら、ご連絡いただけると幸いです。 リンク webpackとBabelの基本を理解する(1) ―webpack編―（本記事） webpackとBabelの基本を理解する(2) ―Babel編― webpackとBabelの基本を理解する(3) ―webpackとBabel編― webpackとBabelの基本を理解する(4) ―React編― webpackとBabelの基本を理解する(5) ―Sass編― 概要 この記事の概要 目的 フロントエンドの環境構築に利用されるツールへの理解を深める 本記事のゴール webpackでJSファイルを結合する方法を知る 対象者 WEBフロント担当者 HTML,CSS,JavaScript(es2015含む)の基本的な構文を理解している人 npmの利用方法を理解している人 環境・バージョン Windows1
The future of state management | Apollo GraphQL Blog
When an application grows in size, its state often grows in complexity. As developers, we’re not only tasked with juggling data from multiple remote servers, but also with handling local data resulting from UI interactions. To top it off, we have to store all of this data in a way that’s easily accessible from any component in our application. Thousands of developers have told us that Apollo Clien
phina.jsでモンストっぽいゲームを作る【最終回】 - Qiita
// アセット var ASSETS = { // 画像 image: { 'bg': 'https://rawgit.com/alkn203/piko_strike/master/assets/bg.png', 'tomapiko': 'https://rawgit.com/phinajs/phina.js/develop/assets/images/tomapiko.png', 'arrow': 'https://rawgit.com/alkn203/piko_strike/master/assets/arrow.png', 'dragon': 'https://rawgit.com/alkn203/piko_strike/master/assets/enemy/pipo-enemy021.png', 'wizard': 'https://rawgit.com/alkn203/piko
yarn workspace, lerna で始めるフロントエンド・ガチ袋 〜 俺のCLI 〜 - Qiita
この記事は mediba advent calendar 2017 23日目の記事です。 フロントエンド開発部の武田 @tkdn が担当します。 プロダクション・趣味の素振りに限らず、自分の鋳型をよっこらせと持ってきて作り始めたり、要件に合わせて設定を足し引きしたりしているのですが、package.json の devDeps も webpack.config.js も見たくなくなります。混雑してくると npm scripts に呪文感が出てきます。 今日は、その辺の構築ストレスを軽減するために、自分のためにポータブルなガチ袋と詰め込むツーリングを作ったという話です。 お送りしたい人 時代は Zero Configuration らしいんですが、今日は webpack の話をします。ターゲットはこんな方向けです。 webpack をよく使う・まだまだ使っていきな人 Zero Config
Lodashのファイルサイズを削減する方法 | 綺麗に死ぬITエンジニア
JavaScriptにおける便利な関数の詰め合わせであるライブラリ「Lodash」。JavaScript（Node.js）での開発をしている人の多くは利用したことがあるでしょう。 今回はそのLodashを使う上で、ライブラリを導入後のファイルサイズを削減する方法を紹介します。 なお、今回当記事で紹介するにあたり、検証にモジュールバンドラーツール「webpack」を利用します。ですが、webpackを利用しない場合においても同様の方法でファイルサイズは削減できます。 ユースケースLodashに限らず、比較的高機能なJavaScriptライブラリは、場合によっては性能面や容量（ファイルサイズ）の面で、1機能特化のミニマルなものに比べ劣ることがあります。 例えば、そのライブラリの全ての機能のうち1つの機能しか使わなかったとしても、全ての機能分のファイルサイズを消費し、全ての機能を読み込んでしまい
ESLint対応物語 ~no-restricted-syntax~ - Qiita
むちゃくちゃ間が空いちゃいましたが、明日会社でLTやるので書きますw 今回は**「no-restricted-syntax」=「制限構文を使っちゃだめ」** というルールの紹介と対応方法をまとめたいと思います。 具体的にはどんなもの？ no-restricted-syntax このルール自体に制約はなく、オプションで指定した構文を禁止する、といったもののようです。 ちなみに eslint-config-airbnb v14.1.0ではこんな感じで設定されています。 // disallow certain syntax forms // http://eslint.org/docs/rules/no-restricted-syntax 'no-restricted-syntax': [ 'error', { selector: 'ForInStatement', message: 'for.
A-FrameとReact.jsでWebサイトのVR化を試みた話 | CyberAgent Developers Blog
こんにちは。サイバーエージェントのAmeba Ownd(アメーバ・オウンド)というサービスでエンジニアをしている@fushikkyです。 最近までフロントエンドの開発を担当していましたが、現在はサーバーサイドを担当しています。ですが今回はVRの話をします。 今流行りのVRをAmeba Owndで作られたWebサイトに適用して、「WebサイトのVR化」をエイプリルフールの施策として試みた事についてまとめます。施策の売りとしては、「自分の作ったWebサイトが自動でVR化される」というところですね。 Ameba Owndは、無料でオシャレなホームページやブログが開設できるホームページビルダーです。ポートフォリオやネットショップ作成など用途は幅広いので、興味のある方はよかったら使ってみてください。 https://www.amebaownd.com/ さて、Ameba Owndでは例年エイプリルフ
React/Redux/Node.jsのSSR/SPAを速くする6つのチューニングポイント
React/Redux/Node.jsのSSR/SPAを速くする6つのチューニングポイント：大規模ブログサイト表示速度改善 大解剖（終）（1/3 ページ） 2004年から続くブログサービス「アメブロ」が2016年9月にシステムをリニューアル。本連載では、そこで取り入れた主要な技術や、その効果を紹介していく。今回は、React/Redux/Node.jsを使ったIsomorphic JavaScript特有のパフォーマンスチューニング手法や実際にあった問題および、その解決方法について。 2004年から続くブログサービスである「アメブロ」は、2016年9月にシステムをリニューアルしました。本連載「大規模ブログサイト表示速度改善 大解剖」では、そこで取り入れた主要な技術や、その効果を紹介しています。 アメブロのリニューアルでは、React/Reduxを採用し、サーバサイドとフロントエンド両方での
Javascriptでよく使う処理をスニペットにしてみた - Qiita
SnippetsLabにいつも使う関数まとめるついでにQiitaにもメモっとく。 汎用関数 Htmlタグを除去 /** * Htmlタグを除去 * @param {string} str Htmlタグが含まれた文字列(<h1>サンプル文字列</h1>) * @returns {string} Htmlタグ除去された文字列(サンプル文字列) */ const removeHtmlTag = function (str) { return String(str).replace(/<("[^"]*"|'[^']*'|[^'">])*>/g, ''); }; /** * URLをパースしてGET値のオブジェクトにする * @returns {{}} GET値のオブジェクトです。 */ const purseQuery = function () { const result = {}; cons
Reactを使ったプロダクトのパフォーマンスを改善した話 | GMOメディア エンジニアブログ
技術推進室の色川です。 ここ一年くらいランキングシェアというキュレーションメディアのフロントエンドを担当しています。その記事作成画面をReactで実装しており、先日アイテムの移動をDrag&Dropで行えるようにしたのですが、動きはガクガク、ブラウザは途中で固まる、という有様で、パフォーマンスチューニングを余儀なくされたのでその内容を紹介します。 ［ランキングシェアの記事作成画面］ ※画面は開発中のものです。（動画にしたら？との意見があったのですが、Windowsで画面を録画する方法が分からず…） Reactのパフォーマンス改善の基本Reactはコンポーネントをツリーとして管理していて、あるコンポーネントの更新が必要になるとそのコンポーネントをルートとするサブツリー全体を更新します。 引用元：Reactive, Component-based UIs with React | Consta
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Motion - A modern animation library for JavaScript and React
PixiJS v4
React Native WebView reload on state change
Inferno
JavaScriptでforEach, filter, map, reduceとか - Qiita
GitHub - SheetJS/sheetjs: 📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs
pixiv SketchのSSRの話
GitHub - isaacs/rimraf: A `rm -rf` util for nodejs
