【Next.js × Cloudflare】結婚式のアルバムに入りきらなかった写真をWebアルバムにした話
今年の5月に結婚式をしました 結婚式の前には、Web招待状も作り、やりきった気持ちでいましたが、気づけばもう年末が近づいているではないですか 年末、実家に帰ったら アルバムは？ と母親に聞かれ...
15
6
Comment0
38 search resultsShowing 1~20 results
Stocked
You need to log-in
フロントエンドエンジニアがこれだけは知っておいて欲しい ~認証について~
はじめに ユーザー認証があるサービスが多いかと思います。 個人情報に直結するところなので、エンジニアが気を張り巡らせないといけないところですよね。 最近はバックエンドやブラウザ、サーバーの仕組み...
57
24
Comment1
エンジニアとして成長するために必要な7のこと
はじめに 僕も成長の過程にいるのであまり偉そうなことは言えないのですが、 学生時代: （アルバイト）Androidアプリ開発やLaravel、Vue.jsを用いた業務支援サービスの開発 新卒1年...
8
3
Comment0
フロントエンドエンジニアがこれだけは知っておいて欲しい ~ 不具合調査について ~
はじめに 最近だと、フロントエンドから開発の世界の飛び込み、バックエンドやインフラは未経験という方もいらっしゃるかと思います。 バックエンドやインフラを知らなくても開発ができてしまう時代、だけど...
9
2
Comment0
【フロントエンドエンジニア】これ、必要ですか？という勇気を持って欲しい
はじめに フロントエンドエンジニアってどういう役割をになっていると思いますか？ UIやUIにまつわる機能を作る人。でしょうか？ それだけだと意識が足りないと思います。 僕曰く、ユーザーに提供する...
6
1
Comment0
【フロントエンド】TypeScriptを使って欲しい
はじめに ずっと、RubyとかPHP、JavaScriptで生きてきたので、2~3年前は、TypeScriptってちょっとハードルが高いように感じてました。 でも、実際やってみるとそんなにハード...
2
1
Comment0
【React】そのカスタムフック、作らなくていいよ。react-useがあれば。
はじめに 2022年現在、Reactを使うとなると、hooksを使う頻度が高いかと思います。 ステートの保持やAPI通信などを伴う副作用の注入。 そしてそれらを汎用化したり、処理を切り分けるため...
9
1
Comment0
【フロントエンド】Storybookを導入するといいよ
はじめに みなさんはStorybookを導入しているでしょうか？ 僕の場合は、あまりスタイルをいじらないので、ずっとその恩恵がわからなかった。というのがあります。 ただ、チームで導入していいなと...
2
0
Comment0
【React】react-hook-formを使うなら、zodと組み合わせるといいよ
はじめに という記事を一つ前のアドベントカレンダーで話しましたが、さらに発展して一つ。 react-hook-formを使うのであれば、zodというスキーマ検証ツールを使うといいよ という話をし...
2
0
Comment0
【React】フォームを使うなら、react-hook-formがいいよ
はじめに 多くのサイトにはフォームが存在していると思います。 Qiitaなどのユーザー投稿型のサイトもそうですし、ブログなどの静的サイトであっても、問い合わせページなどではフォームがあったりする...
3
0
Comment0
【フロントエンド】GraphQLを導入する時はFragmentを理解しよう
はじめに GraphQLを用いたフロントエンド開発は多くなってきているように思います。 フロントエンドから柔軟にデータを取ってくることができるということは、今までバックエンドが担保してきていた部...
2
0
Comment0
【フロントエンド】GraphQLを導入する時はGlobal Object Identificationを理解しよう
はじめに GraphQLを用いたフロントエンド開発は多くなってきているように思います。 フロントエンドから柔軟にデータを取ってくることができるということは、今までバックエンドが担保してきていた部...
2
0
Comment0
【フロントエンド】E2Eテストに期待すること
はじめに E2E (エンドツーエンド) テストはユーザーに一番近いテストです。 単体テストより、コンポーネントテストより、VR（ビジュアルリグレッション）テストよりユーザーに近いです。 ここで出...
8
1
Comment0
【React】Context を使おうと思った時に気をつけること
はじめに 本記事はシリーズものです。 通常、React では props を通じて親コンポーネントから子コンポーネントへ値や関数の受け渡しを行います。 しかし、特定のケースにおいてはこれが面倒に...
2
0
Comment0
新規サービスの生誕一周年 ~軌跡と今後~
はじめに 「引越しの新サービス」をリリースし、一年が経ちました。 一歳の誕生日おめでとう そして、幾度とない変更に耐えてくれてありがとう 今回は新規サービスをリリースして一年、その軌跡と今後...
12
1
Comment0
【React】 Context の使い方
はじめに 本記事はシリーズものです。 通常、React では props を通じて親コンポーネントから子コンポーネントへ値や関数の受け渡しを行います。 しかし、特定のケースにおいてはこれが面倒に...
4
1
Comment0
【React】 Context をいつ使うべきか
はじめに 通常、React では props を通じて親コンポーネントから子コンポーネントへ値や関数の受け渡しを行います。 しかし、特定のケースにおいてはこれが面倒に感じてしまうパターンがありま...
6
4
Comment0
【Next.is】Middlewareを使いましょう
はじめに Next.jsの人気がすごいですね。 実サービスで使っている人も多いかと思います。 そんなみなさんにNext.jsのMiddlewareを使いましょう。 という話をします。 ABテスト...
9
3
Comment0
【React】頑張って全部の型を書かないで
はじめに 世の中がTypeScriptファーストになってきたので、React×TypeScriptで開発しているチームも多いと思います。 Reactには型を全部自分で書かなくていいようにUtil...
12
4
Comment0
【Next.js】next-runtime使いませんか？
はじめに Next.jsは圧倒的な人気を誇るReactのフレームワークだと思います。 僕も愛用者です。 でも、一つだけ不満があります。 それは、サーバーサイドのロジックが書きにくいこと。 今回は...
7
1
Comment0
38 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