Webフロントエンドでアニメーションを実装する時になにを考えるか
明けましておめでとうございます。 アニメーションの実装に抵抗を覚えている方、多いのではないでしょうか？ 特に昨今ではサーバサイド出身で最近フロントエンドを触り始めたという方も多いと思います。私が...
588
547
Comment2
56 search resultsShowing 1~20 results
Stocked
You need to log-in
フロントエンドのコンポーネント設計に立ち向かう
ReactやVueなどコンポーネントベースで作っていくViewのライブラリが普及したことで、コンポーネント指向での開発が一般化してきた昨今のフロントエンドですが、このコンポーネントの設計に悩まれ...
2417
2080
Comment5
Rails + postgres で jsonb の中の Array をクエリする方法
難しかったのでメモ データの形 こんな感じのが jsonb のカラムの中に保存されている。 { hoge: String, items: String[] } やりたいことと解決策 それでやりた...
5
1
Comment0
LIFFで繰り返しログイン画面が表示されるバグに出会った時にやったこと
沼って数日間吹っ飛ばしたのでメモ。未来の誰かの時間を削減できると嬉しい。 事象 個人情報が含まれるので動画は投稿できないが、次のようなLINEのログイン画面が半無限に表示されるというバグ。("ロ...
5
1
Comment0
Reactで画像をlazyloadしつつpreloadするコンポーネント
FirstViewにはいらんけど、スクロールして登場するまでにはなるべく存在してほしいみたいな画像があったので作ってみました。 正直こんな雑なやり方で合ってるのか分からんのでもっといい方法知って...
15
11
Comment0
styled-components で production ビルド時でも devtool から CSSいじれるようにする
2020/06/25 追記 Chrome 85でこちら解消される模様です。 https://developers.google.com/web/updates/2020/06/devtools ...
5
2
Comment0
graphql-ruby でS3の署名付きURLを発行するためだけのmutation
フロントから直でS3にアップロードしたい時に署名付きのURLを発行すると思うが、それを行うための mutation を書いた。 バージョン情報 Ruby: 2.6.3 graphql-ruby:...
1
0
Comment0
WebRTCのブラウザ対応状況の調べ方
こんにちは、最近業務でWebRTCを勉強し始めたものです。 WebRTC使うぞ！となった時にまず気になるのが自分たちが対応したいブラウザでサポートされているのかという話なのですが、WebRTCは...
12
7
Comment0
FigmaのプラグインのUIをReact+TSで作る
TL;DR git clone https://github.com/kazuyaseki/react-figma-plugin-boilerplate.git <your project...
25
24
Comment0
useRef は何をやっているのか
useRef は元々あった createRef の hooks 版です。その名の通り、DOMに対する参照を持つために使われるのが主な目的です。 ですがそれ以外の用途にも利用することができます。 ...
230
124
Comment5
react-redux hooks 時代のContainerコンポーネント
先日 react-redux の v7.1 の stable release で hooks に対応したAPIが入り界隈で話題になりましたね。(追加されたAPIの詳しい解説はこちら https:...
175
118
Comment0
StripeでRefund(払い戻し)する額が残高を上回る場合にやること
レアケースな気もしますが同じように困る方もいらっしゃるかもしれないので共有をば。 そもそもRefundできるのか 結論から言うと「Refund の処理はできるが、Pendingとなり残高がPos...
6
3
Comment0
Next.js のプロジェクトにGTMを組み込む方法
意外と情報がなかったので後世のために記す。 react-gtm-module というライブラリにお世話になった。 使わない場合は _document.js に dangerouslySetInn...
49
26
Comment0
GraphQLでスキーマファーストなForm Validation
こんにちは、こちらはGraphQL Advent Calendar 16日目です。 タイトルにある「スキーマファーストなForm Validation」とはなんぞやという話ですが、短く説明すると...
42
25
Comment0
【React】マウント時に自動でfocusあてるhooks
useAutoFocus.ts import * as React from 'react'; export default function useAutoFocus<RefType e...
15
4
Comment0
GolangでDBアクセスがあるユニットテストのやり方を考える
こんにちは、こちらはLinc'wellアドベントカレンダーの1日目です。 皆さんはDBに対して書き込みが発生する関数のテストをどのように行われているでしょうか？ 私はgolang初心者どころかサ...
129
67
Comment0
Golangで「特定のpackage以外の全てのpackageに対してtest」を行う方法
TL;DR go test `go list ./... | grep -v 除外したいパッケージへのpath` 解説 go test の後ろにはテストしたいパッケージ名を書いていく。(全実行し...
5
4
Comment0
GitHub Organizationに属しているレポジトリで Netlify CMS の admin にログインできない時
忙しい人のためのSummary GitHub Organization に属しているレポジトリで Netlify CMS を使おうとした時に Admin にログインできない。 解決策: GitH...
8
4
Comment0
Gatsby Starter Library から Netlify CMS 始めた時に {サイトのURL}/admin を開いても何も出ない時に確認すること
地味に30分くらい彷徨ったのでメモ。 TL;DR /static ディレクトリに admin ディレクトリ作って index.html と config.yml 作る 参考: https://w...
3
0
Comment0
Reactでページ遷移時にアラート・確認ダイアログなどを出す方法
以下は react-router v3 系時代の情報です。 v4 以降ではこちらの <Prompt> を使うことによって実現できます。 https://reacttraining.c...
20
9
Comment1
56 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles