react-dropzoneから学ぶアクセシビリティ
はじめに 私は実務で約2年間、フロントエンドエンジニアとしてWebアプリケーションの開発に携わっています。 現在アクセシビリティに力を入れて学んでいます。 この記事では、アクセシビリティの観点で...
0
0
Comment0
51 search resultsShowing 1~20 results
Stocked
You need to log-in
未経験からエンジニア歴1年半で3社内定し、年収が1.7倍になった話
はじめに こんにちは、おでこ。と申します 元薬剤師で、現在はフロントエンドエンジニアとして働いています。 私は薬剤師として2年半調剤薬局で勤務したのち、2023年9月にプログラミング未経験からエ...
65
36
Comment0
未経験から1人前のフロントエンドエンジニアへRTA〜半年間のOJT研修の記録〜
はじめに 私は約半年前の2023年9月1日に自社開発のSaaS企業に入社しました。 未経験独学で、薬剤師からの転職です。転職活動についての詳細はこちらをご覧ください。 本記事では、この半年間の実...
47
42
Comment0
薬剤師を捨ててエンジニアになった私はこれからどう生きるか
はじめに 私は元薬剤師のフロントエンドエンジニアです。スタートアップのWeb系自社開発企業で働いています。 2023年9月に薬剤師から転職し、今月で10ヶ月が経ちました。2月にOJT研修を卒業し...
33
10
Comment0
ReactのforwardRefはなぜ必要で、いつ使うべきか
はじめに 実務でまたしても何をしているのかわからないコードに出会いました。 初めましてのforwardRefです。 この記事では、実務で出てきたこちらのコードの意味を理解することをゴールとします...
8
6
Comment0
string型とundefind型を比較してもエラー起きないんですけど？
はじめに いきなりですが、以下のコードを読んで違和感を感じませんか？ ちょっとでも「ん？？」と思った方はこちらの記事を読んでいただけると嬉しいです const text: string = 'e...
2
1
Comment3
Redux Toolkitでシリアライズ化できない値を扱う方法
はじめに 弊社のプロダクトでは、アラートの状態をRedux Toolkitで管理しています。 詳細な実装については今回は触れませんが、例えば「保存しました」というアラートを表示したいときは以下の...
0
0
Comment0
【TypeScript】制御フロー分析とin演算子を使った型ガードについて
はじめに プロダクトのソースコードで見慣れないコードを見つけました。 何をやっているのか文法から理解できなかったので先輩に聞いてみると、「型ガードで型を絞り込んでいるね」と教えていただきました。...
2
2
Comment0
【React Navigation 6】画面遷移時に既存のパラメータを保持したいときは`merge: true` オプションを指定しよう
はじめに React Nativeの開発で、画面遷移にはReact Navigationのnavigate関数を使用しています。第２引数としてパラメータを遷移先の画面に渡すことができます。 この...
1
1
Comment0
Reactのkeyに配列のindexを使うのはやめた方がいいだろう
はじめに 「Reactのkeyに配列のindexを使うのは避けるべきだ」 Reactを書いたことのある方なら、なんとなく耳にしたことがあるのではないでしょうか。React公式ドキュメントにも落と...
0
0
Comment0
App Store審査却下😱AI機能搭載アプリは中国で配信規制があるらしい
はじめに 弊社では、自社プロダクトのスマホアプリをApp StoreとGoogle Playにて公開しています。 先日、最新バージョンのリリースをApp Storeに申請したところ、審査が却下さ...
2
0
Comment0
Google Play Consoleで「非公開」にしていたアプリの「削除」を依頼してみた
はじめに 弊社では、自社プロダクトのスマホアプリをApp StoreとGoogle Playにて公開しています。 先日、Google Playにて以前公開していたと思われる、現在メンテナンスを一...
3
1
Comment0
form内の特定のinput要素で、Enterキーを押したときにSubmitを防ぐ方法
はじめに 実務で対応したバグの内容について、調べるとすぐに修正方法はわかったのですが、「簡単そうで、意外となんでそうなるのかよくわからない」内容でした。 調べた実装方法と検証結果を記録に残してお...
0
0
Comment0
関数コンポーネントの中で関数コンポーネントを定義してはいけないのなら、別の方法で実装すればいいじゃない！
はじめに こちらの記事で、実際に起きた実務中の悲劇を紹介しました。 関数コンポーネントの中で関数コンポーネントを定義してはいけない理由を考えました。 関数コンポーネントの中で関数コンポーネントを...
0
0
Comment0
React NativeでMetroのキャッシュをクリアする方法
はじめに React Nativeで開発中に、書いてあるコード通りにビルドできていないかも？と思われる挙動がありました。 先輩に質問したところ、「Metroのキャッシュを消した方がいいかもね」と...
0
1
Comment0
関数コンポーネントの中で関数コンポーネントを定義してはいけません！！！
はじめに は〜いこんにちは〜 どうもおでこです。よろしくお願いします。 この記事は、実際に起きた実務中の悲劇が元になっています。 自分で書いたコードでバグを生んでしまい、先輩の力もお借りし、壮絶...
4
2
Comment0
CSSで複数行のリンクテキストを省略表示し、3点リーダーの色を変更する方法
はじめに テキストを複数行表示して「...」で省略するようなUIを実装することがありました。 テキストを省略して表示するとき、overflow: hidden;、white-space: now...
0
0
Comment0
実務経験9ヶ月の私が、React Nativeで発生したエラーを自力で解決し成長を感じた話
はじめに 私は元薬剤師で、実務経験9ヶ月のフロントエンドエンジニアです。 React/TypeScriptを使って開発しています 先日、対応したバグの修正で先輩からお褒めの言葉をいただきました...
1
0
Comment0
【MUI】TableコンポーネントのCell内で文字を省略して表示する方法
はじめに 私は元薬剤師で、実務経験9ヶ月のフロントエンドエンジニアです。 React/TypeScriptを使って開発しています プロダクトでMUIを導入しているのですが、Tableコンポーネ...
0
0
Comment0
【React】タブ切り替えUIの実装~stateとクエリパラメータ、どちらを使うべきか
はじめに 実務で、タブを切り替えることで表示するデータを変更するようなUIを実装することになりました。 この実装をするにあたり、設計時に、状態管理の方法として以下の2つのアプローチを検討しました...
1
2
Comment0
51 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