NextJS(Typescript)の環境に ESLINT/Prettier をツッコミ CircleCI の設定に追加する - Qiita
NextJS(Typescript)の環境に ESLINT/Prettier をツッコミ CircleCI の設定に追加するTypeScriptCircleCIReactNOWNext.js tslint を利用しようと思いましたが、2019 年に ESLINT に統一するようになるよって話があるのでhttps://github.com/palantir/tslint/issues/4534ESLINT に変更して作成します。 今回のレポですが、環境作成の準備段階として、 - NextJS(Typescript)を now にデプロイする - Next.jsではじめるTypescript環境 の続きです。 Table of Contents Prettier と es-lint を追加する husky を追加して precommit/prepush の前に lint と formatter
現代の JavaScript チュートリアル
私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。
GitHub - devforth/painterro: Painterro - JavaScript painting plugin
live demo | npm | GitHub JavaScript painting plugin which allows editing images in a browser. Can be easily integrated into any website or webapp by calling simple initialization code. 🙏🙏🙏 Scream for help to Ukraine 🇺🇦 24 February 2022, Russia started bombing cities with peacefully civilized population in whole Ukraine. And has been doing it up to this day. Breaking all laws of war. Their bom
Passport.js
passport.authenticate('facebook');('google');('apple');('microsoft');('twitter');('linkedin');('github');('openid'); Passport is authentication middleware for Node.js. Extremely flexible and modular, Passport can be unobtrusively dropped in to any Express-based web application. A comprehensive set of strategies support authentication using a username and password, Facebook, Twitter, and more.
指定範囲の整数からランダムに1つを選ぶ方法 - JavaScript TIPSふぁくとりー
《2017年6月8日 3:30 PM 公開/更新》 指定範囲の整数からランダムに1つを選ぶ方法 [計算・変換] JavaScriptを使って指定範囲の中からランダムな整数を得るには、Math.random()を使って乱数を得て、欲しい最大値の数値(の1つ上)を掛けてから、Math.floor()で小数点以下を切り捨てます。とても簡単です。 指定範囲の整数からランダムに1つを選ぶ方法 0～99の範囲でランダムな整数を1つ得るサンプル 1～12の範囲でランダムな整数を1つ得るサンプル 指定範囲の整数からランダムに1つを選ぶ方法 JavaScriptには、実行するたびにランダムな数値を得るrandomメソッドが用意されています。これを使うと、指定範囲の中でランダムな数値を簡単に得ることができます。 ランダムに何かを選択するとか、おみくじを作るとか、何かの当選番号を決定するとか、いろいろ活用できそ
[Angular] CSV ファイルを出力したときにやったこと - Qiita
前提: CSVファイルの出力にあたって バックエンドは CSV データとファイル名を返却するに留め、CSVファイルの出力処理そのものは フロントエンド で行った。 このときの 流れは次のとおり。 フロントエンドからバックエンドへ CSV データを返却してもらう REST-API を実行する バックエンドからフロントエンドへ CSV データとファイル名をプロパティとした JSON を返却する フロントエンドで CSV ファイルを出力する バックエンドから返却された CSV データを Blob 型のオブジェクトにする CSVファイルのファイル名はバックエンドから返却されたファイル名とする CSVファイルの文字コードは UTF-8 BOMあり とする すごく簡単な図だが、以下のイメージ 結論から フロントエンド、バックエンドともに次の処理で実現できた。 フロントエンド テンプレート import
![[Angular] CSV ファイルを出力したときにやったこと - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/736e3dfec993e29a6c580e4ea864c64855aee60c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCQW5ndWxhciU1RCUyMENTViUyMCVFMyU4MyU5NSVFMyU4MiVBMSVFMyU4MiVBNCVFMyU4MyVBQiVFMyU4MiU5MiVFNSU4NyVCQSVFNSU4QSU5QiVFMyU4MSU5NyVFMyU4MSU5RiVFMyU4MSVBOCVFMyU4MSU4RCVFMyU4MSVBQiVFMyU4MiU4NCVFMyU4MSVBMyVFMyU4MSU5RiVFMyU4MSU5MyVFMyU4MSVBOCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9OWE4M2M2Y2Y1N2FjMTQzZDc5ODAxODg4ZWI0YjZmMGY%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrc2gtZnRociZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NWNiYmU4YzBkNjRjZGNhMDdjM2NmOWE0Y2I3MDQ3ZTY%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Ddae7a55129b87b9b6e6f20b5b7d6a1b0)
How to manually trigger click event in ReactJS?
How can I manually trigger a click event in ReactJS? When a user clicks on element1, I want to automatically trigger a click on the input tag. <div className="div-margins logoContainer"> <div id="element1" className="content" onClick={this.uploadLogoIcon}> <div className="logoBlank" /> </div> <input accept="image/*" type="file" className="hide"/> </div>
逆引きLuxon集 〜moment.jsから乗り換えるために〜 - Qiita
こちらはあら便利カレンダー2018の記事です。 jsfiddleでLuxon playground作りました！ http://jsfiddle.net/nobu222/p49m62k7/ Luxonは時間を扱いやすくするためのJavaScriptライブラリ。 すでに有名なmoment.jsと同じGithubリポジトリで開発されている、ネクストmoment.js的な位置づけのやつです。 特徴 DateTime, Duration, and Interval types. Immutable, chainable, unambiguous API. Parsing and formatting for common and custom formats. Native time zone and Intl support (no locale or tz files). 公式より抜粋 時間に関
「zeit/swr」のpagination exampleでScroll Position Restoreを試す - Qiita
こちらはNext.js Advent Calendar 2019の22日目の記事です。 はじめに 例えばYoutubeをスマホで見ていたときに、↓のように一度ページ遷移をしてからブラウザバックしたときにスクロール位置が一番上まで戻ってしまった経験はないでしょうか。 これはSPAが抱える課題の1つで、解決するためには「Scroll Position Restore」と呼ばれる「スクロール位置の保持」とその「リストア（復元）」が必要です。 また、それ以外にも「もっと読む」などで画面内に非同期で要素が追加された場合はその要素も合わせて復元しないと正しいスクロール位置には戻れません。これには複雑なStateの管理も必要になってきます。 このように「Scroll Position Restore」を実現するにはいくつか超えなくてはいけない壁があります。 zeit/swr の登場 2019年10月、
【Node.js + Sheets API v4】Googleスプレッドシートを読み書きする - Qiita
はじめに Node.jsでGoogleスプレッドシートを読み書きする。 使うもの： Node.js v10.16.0 Google Sheets API v4 Visual Studio Code Google Sheets API を使えるようにする Node.js Quickstart | Sheets API | Google Developers 上記サイトを参考に、まず Google Sheets API を使えるようにする。「Enable the Google Sheets API」のボタンを押してしばらく待つと、Google Cloud PlatformにQuickstartという名前のプロジェクトが作成され、Client IDやシークレットと共に設定ファイルをダウンロードできるようになる。 ↓クリックしてしばらく待った後の画面。 ダウンロードしたcredential
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SortableJS
GitHub - elrumordelaluz/svgson: Transform svg files to json notation
Dragging Shapes using mouse after creating them with html5 canvas
Show rectangle on canvas when mouse move
Paper.js
GitHub - embiem/react-canvas-draw: React Component for drawing in canvas
GitHub - 1j01/jspaint: 🎨 Classic MS Paint, ＲＥＶＩＶＥＤ + ✨Extras
https://www.web-development-kb-ja.site/ja/javascript/javascript%E3%81%A7%E3%83%A9%E3%83%B3%E3%83%80%E3%83%A0%E3%81%AA%E8%8B%B1%E6%95%B0%E5%AD%97%E3%81%AE%E6%96%87%E5%AD%97%E5%88%97%EF%BC%9F/1066884337/
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
typefaces/packages/kosugi at master · KyleAMathews/typefaces