Fusic Tech Blog

Fusicエンジニアによる技術ブログ

#typescript

2024/03/29
Expo + React Nativeの開発でBun使ってみた

こんにちは、Fusicのチーム雅の夛田です。 今回は日頃アプリ開発で利用しているExpoがBunをサポートしたので試してみました。...

Expo + React Nativeの開発でBun使ってみた
2024/03/29
electron-trpcで型安全なIPCを実現する

ElectronアプリをTypeScriptで開発しているとIPC(メインプロセスとレンダラープロセスのデータ通信)処理で型定義部分で問題がありました。 そこで本記事ではelectron-trpcというライブラリを使って型安全なIPCを実現する方法を紹介します。...

electron-trpcで型安全なIPCを実現する
2024/03/29
Electron ForgeでReact + Vite + TypeScriptのデスクトップアプリ開発環境構築

この記事ではElectron ForgeとViteテンプレートを使用し、TypeScriptとReactでデスクトップアプリケーションを作成する手順を解説します。 JavaScriptからTypeScriptへの書き換え、Reactの導入、さらにIPC通信の型定義まで、コードを解説しながら説明します。...

Electron ForgeでReact + Vite + TypeScriptのデスクトップアプリ開発環境構築
2024/03/29
Laravel9 + Inertia.js + Vue3 + TypeScript環境を構築する

LaravelのスターターキットBreezeを使って、Laravel + Inertia.js + Vue3環境を構築し、TypeScriptを導入する手順を紹介します。...

Laravel9 + Inertia.js + Vue3 + TypeScript環境を構築する
2024/03/29
【React Native】バーチャルキーボードを実装する

Reat Nativeアプリに画面上にテンキーを表示させ、入力できるようにしてみます。 react-native-virtual-keyboardというライブラリが既にあるものから、自分なりに変更を加えてTypeScriptで実装してみました。...

【React Native】バーチャルキーボードを実装する
2024/03/29
LaravelにReact + TypeScriptを導入する  

LaravelプロジェクトにReact + TypeScriptを導入します。 Laravel 9ではデフォルトでViteが使えて簡単に導入できたので、その方法を紹介します。...

LaravelにReact + TypeScriptを導入する  
2024/03/29
ちゃんとTypeScriptでasync/awaitを書く

ちゃんとTypeScriptでasync/awaitを書く...

ちゃんとTypeScriptでasync/awaitを書く
2024/03/29
React Native + Expo + TypeScriptで作るモバイルアプリ (Part2 - React Navigation編)

React Navigationを導入して画面遷移を実現します。 SwitchNavigatorとHooksと組み合わせることで、NativeBaseのコンポーネントを邪魔しない形でナビゲーションを取り入れることが可能です。...

React Native + Expo + TypeScriptで作るモバイルアプリ (Part2 - React Navigation編)
2024/03/29
React Native + Expo + TypeScriptで作るモバイルアプリ (Part1 - NativeBase編)

React Nativeの開発サポートツールであるExpoを使ってモバイルアプリを作っていこうと思います。 Expo CLIを使ってプロジェクトを作成、見た目をいい感じにしてくれるNativeBaseを導入するところまで書きたいと思います。 ...

React Native + Expo + TypeScriptで作るモバイルアプリ (Part1 - NativeBase編)
2024/03/29
NestJSでのGraphQLアプリ開発手法

NestJSでのGraphQLアプリ開発手法を紹介します。 この記事ではスキーマファーストとコードファーストの二つのアプローチを説明します。 ...

NestJSでのGraphQLアプリ開発手法
2024/03/29
NestJS + TypeORMでリポジトリパターンを実装する

NestJSにTypeORMを導入してリポジトリパターンを実装してみます。 ...

NestJS + TypeORMでリポジトリパターンを実装する
2024/03/29
NestJSでHot Module Replacementを使った開発環境構築

NestJSのアプリケーション開発ではHot Module Replacement(HMR)を使うことで効率の良い開発を行うことができます。 本記事ではそのHMRのセットアップ方法、つまずきポイントについて紹介します。 ...

NestJSでHot Module Replacementを使った開発環境構築
2024/03/29
NestJSの開発環境構築

NestJSとはサーバーサイドアプリケーションのためのNodeJSフレームワークです。 この記事ではNestJSの開発環境構築について説明します。 ...

NestJSの開発環境構築