背景 しばらく React 17 くらいの感覚で開発していて、久々に「今どきの React の書き方（特に TypeScript 周り）」をまとめてキャッチアップしました。 今回のキャッチアップ対象はここ: typescript-cheatsheets/react（React + TypeScript Cheatsheets） React 18/19 変更点まとめ React 18...
所属会社が CTO 協会主催のThanks Giving Day 2022にスポンサーとして出展したので、スポンサーとして講演してきました。 久々のオンラインイベントだったことや、基調講演から非常に熱い話が聞けたので、終始熱気に包まれた雰囲気の良いイベントだったと思います。主催の CTO 協会と当日運営されていたメンバーの方々、本当に素晴らしいイベントでした。感謝しています。 今回は、基...
この記事はVisual Studio Code Advent Calendar 2019 - Qiita8 日目の記事です。 現在、仕事で使っている VS Code の LiveShare を使ったリモートペアプログラミングについて紹介します。 ちなみに利用している技術スタックは、「React+TypeScript」のフロントエンドチームの事例です。 目次 背景 なぜ現在この方法を採...
react-native-router-fluxの小ネタです。 前回の話はこちら。 react-native-router-flux の onRight をカスタマイズする | I am mitsuruog 前回はアプリの NavBar の右側にあるボタン(以下、RightButton)をクリックした時に、次の画面に props を渡したいようなユースケースを想定していましたが...
先日、参加したhtml5j パフォーマンス部 第五回勉強会 ― 改正民法債権法と非機能要求としての Web パフォーマンスの勉強会にて「Synthetic Monitoring」なる聞きなれない単語が出てきたので、学習のためこのブロクのパフォーマンスを 1 週間測定してみた話です。 勉強会の内容をみて「Synthetic Monitoring とは？」っと興味を持った方には、読むと雰囲気が...
JavaScript のテストフレームワークJestの小ネタです。 最近 react や react-native のプロジェクトでモジュールの参照に alias を使うことが多いのですが、Jest でこれを扱う方法について紹介です。 alias を使ったモジュール参照 alias を使ったモジュール参照とは、プロジェクト内の特定のディレクトに別名(alias)をつけることで、impo...
TypeScript の小ネタです。 react-native にはPlatform-specific extensionsという仕組みがあります。 これはファイルを拡張子を使って各プラットフォーム(Android/iOS)向けにモジュール参照先を切り替える仕組みです。 例えば次のように各プラットフォームごとにカスタマイズされたモジュールを作成したとします。 BigButton.an...
今日は Roblox でセーブポイントを作ってみます。 セーブポイントとは、プレイヤーが死んだ時に任意の場所から復活できるものです。Obby(Obstacle course)と呼ばれる障害物を超えてゴールを目指すタイプのゲームにてよく見かけます。 完成形のプロジェクト構造はこちらです。 今回は Workspace に Part を 4 つと ServerScript が 1 つです...
今日はコインを拾うだけの簡単なゲームを作ってみましょう。 「Debris(デブリ)」というビルトインサービスを使って、ゲームフィールド上のランダムな場所にコインを発生させます。 Debris サービスは Roblox の中でも非常に有用なもので、これを使うことでゲームの中でアイテムやモンスターなどを自由に発生させることができます。 Roblox Developers: Debris...
Roblox でプレイヤーが触ると別の場所にテレポートするブロックを作ってみましょう。 テレポートするブロックを作る まず、Workspace の中にTeleportというフォルダを作成して、必要なもの一式を追加します。 追加するものは次の通りです。 TeleportScript - Lua スクリプト Teleport1A - テレポートブロック A(青色) Te...