はじめに チームで開発をしていると、誰かに質問をしたり、質問に答えたりすることがあると思います。対面やZoomで質問をすることもあれば、Slackやコードレビューなどテキスト上で質問することもあります。 あなたの質問は相手に伝わっていますか？ あなたの回答は相手の求める形式になっていますか？ この記事では、チーム開発を3年以上経験した僕が気づいた、エンジニアが意識すべき 「質問する」コツ と 「質問に答える」コツ を紹介します。 「質問する」コツ コツは 「相手に何を求めているか」を伝える ことです。 エンジニアが質問する際にありがちなのは「始めに前提となる背景の共有を長々と行い、最後に質問する」というパターンです。この方法でも伝わることもありますが、答える側は「相手が何を求めているか」がわからない状態で長々と説明をされても、何に注意して聞けばいいかわかりません。 逆に、おすすめの質問方法

はじめに TSKaigi にオフライン参加してきました！とても楽しかったです！ TSKaigi は 5/11 に開催された、 日本最大級の TypeScript のカンファレンスです！ この記事では、僕が聴講したセッションの紹介をします！ 聴講したセッションの紹介 それぞれ公式サイトへのリンクとセッションの概要・感想を書いていきます！（敬称略） Keynote: What's New in TypeScript by Daniel Rosenwasser リンク: Keynote: What's New in TypeScript 最初に聴講したセッションは、TypeScript の Product Manager である Daniel Rosenwasser さんによる基調講演です。 TypeScript 5.4 や 5.5 の新機能を VSCode で実演しながら紹介していただきました

はじめに あなたの好きなプログラミング言語は何ですか？ これまで多くのプログラミング言語が生まれてきました。Wikipedia の言語一覧を見てみると、非常に多くのプログラミングが存在することを読み取れます。 しかし、近年、「人気な言語」や「よく使われる言語」のランキングを見てみると、順位の変化はありますが、出てくる言語はほとんど変わらなくなってきました。もちろん、人気の言語は人気たる理由がありますが、マイナーな言語にも個性があり、学んでみる価値があると思います。新たなプログラミング言語との出会いで、人生が変わることもあるかもしれません。 この記事では、最近生まれた新しいプログラミング言語をいくつか紹介します。人生を変えるようなプログラミング言語との出会いのきっかけとなれば幸いです。 また、おまけとして、「新しいプログラミングを探す方法」についても考えてみたので、新たな言語を探す旅に出たい

はじめに この記事は、Qiita株式会社の社内勉強会にて発表した React18 の Suspense の新機能についてまとめた記事です！ 社内勉強会に関する以下の記事もよかったら読んでみてください！！ Suspense React18 の新機能として、Suspense がよく話題に上がりますが、 Suspense 自体は React16.6で追加された機能です。一体どのようなことができるようになったのでしょうか？ 本記事では React16.6 追加された時点での Suspense を軽く振り返り、その後 React 18 以降の Suspense で何ができるようになったか紹介します。 React16.6 までの Suspense Suspense が追加された当時は Dynamic import のために Suspense を使う方法のみ公式でサポートされていました。詳細は以下記事に

Qiita にはさまざまなコンテンツを埋め込み可能です。CodeSandbox も埋め込み可能なコンテンツの一つです。 従来の CodeSandbox はブラウザ上で動作するため React や Vue などのフロントエンドのみ対応していましたが、近年の CodeSandbox は Firecracker の microVM という仮想マシンによる処理の実行が可能になりました。それにより、フロントエンド以外のさまざまな言語の実行が可能となっています。 従来のブラウザ上で React や Vue を動かす sandbox を browser sandbox、最新の microVM で動作する sandbox を cloud sandbox と呼びます。（詳細はリンク先のドキュメントをご確認ください。） この cloud sandbox では、Rust や、 Python が公式にサポートして

【TypeScript】type-challenges の 難易度 easy 全問解いてみた！【解説つき】TypeScript型レベルプログラミングtype-challenges はじめに 先日、type-challenges を紹介する以下の記事を投稿しました。 上記の記事では難易度 warm-up 1問（13・Hello World）と、難易度 easy の2問（7・Readonly、4・Pick）を解説しました。 そして、この記事では難易度 easy の全13問(2023/03/15時点)のうち、上記を除く残りの11問をすべて解説します！ 難易度 easy 残りの11問をすべて解説します！ それぞれの問題で必要な知識の都合上、以下の順番で説明します。 18・Length of Tuple 11・Tuple to Object 3057・Push 3060・Unshift 268・If

はじめに CodePen で @emotion/react を使う方法がわからず試行錯誤したので、記事にしました。 完成した TypeScript + React + @emotion/react が使える CodePen はこちらです。 See the Pen @emotion/react in CodePen by Wataru Yamada (@wataru86) on CodePen. npm パッケージを CodePen で使用する @emotion/react は css ライブラリ Emotion を React で使うための npm パッケージです。 CodePen で npm パッケージを使う方法はいくつかありますが、僕が試した方法は以下の2通りです。 設定の Add External Scripts/Pens から CDN の URL を追加する 設定の Add Pac