[Git] ローカルだけにのみ存在するブランチを削除する（強引版）
はじめに Git で作業しているとローカルブランチがどんどん増えていきます。 リモートブランチでマージされたブランチは削除してしまいたいのですが、その際ちょっと困った事象に直面しました。 直面し...
1
0
Comment0
31 search resultsShowing 1~20 results
Stocked
You need to log-in
デフォルト引数に空配列を設定すると無限ループが発生する
背景 Hooks を使って管理していた key の値が無限に増幅され、無限に再レンダリングが発生するという事象に直面しました。 実装されていた処理を簡略化して記載すると下記のような形です。 co...
0
0
Comment0
React でカスタムコンポーネントの props に CSS のプロパティを使う
やりたいこと カスタムコンポーネントを使う際に、style の要素を props に含めたいケースがありました。 イメージとしては下記の通りです。 // Custom Box Component...
1
1
Comment0
notistack で複数のポップアップを同時に表示する
はじめに notistack は Material UI の Snackbar コンポーネントをラップしたライブラリでうす。 添付した画像のように、いくつかのカラーパターンを出し分けることができ...
7
2
Comment0
eslint の設定で import をきれいにする
はじめに 複数人で開発する際に「コーディングルールを揃えたい」というケースはよくあります。 各々が自由に開発していると、import の順番がバラバラになったりして、プルリクエストの際に本質的で...
25
13
Comment0
どん兵衛を生け贄に青眼の白龍を召喚！
はじめに React Native で ARKit を使ってみたかったのやってみました。 使用するライブラリは react-native-arkit です。 完成形は以下のようになります。 では...
0
2
Comment0
久しぶりに create-react-app を使ったら動かなかった話
事象 最近はいつも React Native を書いてるので、たまには React でも触ろうとして、公式に従いnpx create-react-app コマンドを実行したら、 node_mod...
0
0
Comment0
Destructuring を用いた関数の引数を初期化する方法
Destructuring とは Destructuring assignment は ES6 で導入された JavaScript の記法です。 主に、配列やオブジェクトで用いられ、非常にパワフ...
0
0
Comment0
背景の見えるポップアップスクリーンの作り方
背景が見えるモーダル画面って個人的には好きです。 今回はその作成方法を紹介します。 使用ライブラリ @react-navigation/stack @react-navigation/nativ...
0
0
Comment0
React Native でいろんなメニューを持ったアプリを作る
最終形 タブメニューで画面が切り替わる どの画面からでもアクセスできるスライドタイプのメニューを持つ イベントトリガーでポップアップ画面が差し込まれる 以下の動画のようになります。 このような複...
2
1
Comment0
simulator で動画キャプチャを取ろうとした時にエラーが出る
iOS simulator で動画キャプチャを撮る場合、以下のコマンドで実現できます。 $ xcrun simctl io booted recordVideo output.mp4 ある時、開...
0
1
Comment0
React Native × React Navigation v5 で Deep linking
はじめに またしても React Navigation v5 の記事です。 今回は Deep linking を実装していきます。 下準備 iOS 用の設定をします。 URL Typesの設定を...
2
1
Comment0
React Navigation v5 が推奨する認証フローの実装
はじめに 前回の記事に続いて、 React Navigation v5 に関する記事です。 Version 5.x では、公式ドキュメントで推奨の認証フローが紹介されています。 今回は、その認証...
13
4
Comment0
React Native × Atomic Design で効率よく開発する
Atomic Design とは Atomic Design をご存知でしょうか。 公式には Atomic Design はデザイン自体の名前ではなく、方法論として紹介されています。 Atomi...
12
10
Comment0
React Native で画面遷移やタブメニュー【react-navigation 5.x】
react-navigation とは react-navigation とは、React Native アプリのルーティングで使える便利なライブラリです。 画面遷移や、タブバー、そしてドローワ...
18
19
Comment1
JavaScript の日付処理は luxon が便利
はじめに JavaScript で日付処理といえば moment.js が有名かと思います。 そんな中、私の関わるプロジェクトでは使用するライブラリを、 moment.js -> date...
9
5
Comment0
React Native で世界地図を表示する
はじめに 仕事で React Native を使って開発をしており、知見が溜まってきたのですが、記事に起こそうと悩んでる間にかなり経ってしましました。 今回は、画面上に世界地図を表示する方法につ...
6
0
Comment1
Detox を Travis 上で稼働させる際の Tips
はじめに 以前の記事でも記載しましたが、私の職場では e2e テストとして Detox を導入しています。 Detox の使い方自体は慣れてきて、テストシナリオもそれなりに準備できてきました。 ...
0
0
Comment0
React Native にて FormData 形式でファイルをアップロードしようとして詰まった話
はじめに 自分が携わるプロジェクトでは、数100kB程度の軽い画像ファイルを通信する際に、 GraphQL multipart request で直接ファイルを転送しています。 ionic + ...
5
3
Comment0
Formik で使う yup のスキーマパターン
はじめに 以前に別の記事に書いたのですが、うちの職場ではフォームの管理は Formik、バリデーションチェックは yup を使っています。 いくつかのやりたいことは無理やり実現してる感があります...
39
17
Comment0
31 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