はてなブックマーク

TypeScriptで稼ぐフリーランスなら誰もがぶつかる「年収1,500万円の壁」を突破するためのフレームワークとして少し話題になっている frourio を開発者自身が紹介する記事です。 Next.jsの進化やtRPCの登場でフルスタックTypeScriptの時代がやってきそうな予感がしています。TypeScriptでサーバーを書く場合のメジャーな選択肢は Express NestJS Fastify あたりでしょうか。 これから紹介するfrourioは3年前に筆者が「DIすることを目的化し過ぎて他の開発者体験を犠牲にしたデコレータ依存なNestJS」に疲れ果ててFastifyをaspidaの型定義で縛る関数型フレームワークとして設計したものです。 （一応、frourio-expressも公開しています） frourioの特徴 Next.jsのAPI Routesのようにファイルシステム

WSL2で開発中のWebアプリをスマホで即座に動作確認したい スマホとPCが同一のWifiに接続している状態でスマホのブラウザから http://<PCのIPアドレス>:<Webアプリのポート> にアクセスして動作確認出来ることがよく知られています。 私は普段PC向けの業務システムやライブラリを作っているのでこの方法を使う機会がほとんどないのですが、久しぶりにスマホでの確認が必要になりました。 開発環境がWSL2の場合に固有処理が必要だったのでメモ代わりに公開しておきます。 WSL2固有処理だけ知りたい人のための結論 PowerShellを管理者権限で開いてください。 以下を1行ずつ入力してもいいし、ps1ファイルに書いて実行でもいいはずです。 私はPowerShellに慣れてないので1行ずつ打ち込んでます。 開始 $ports = @(3000, 8000) # Webアプリで使うポート

TypeScript製REST APIクライアント「aspida」 最近TypeScript界隈で話題にしていただいている pathpida と frourio の開発者Solufaです。 今回はこれらのライブラリの原点である「aspida」を紹介します。 npmへの初公開から1年3か月が経ち、GitHubスター420・npm月間DL数2万を超えるまでに成長しました。 出典：Star history どこでこんなに使われているのか正確なデータはないのですが、 株式会社NoSchool 株式会社GameWith 株式会社M&Aクラウド あたりが使ってくれているのをテックブログから把握しています。 （他にもウチで使ってるよーって情報があればコメントで教えてくれると嬉しいです！） どんな問題を解決するのか モダンなフロントエンド環境でREST APIリクエストを行う場合、axiosかfetchを

Qiita TypeScript Advent Calendar 2020 最終日の記事です。 TypeScript製の内部リンク取得ライブラリ「pathpida」 最近ちょっと話題になった frourio と aspida を開発したSolufaです。 Zenn初投稿を記念して、新作ライブラリ「pathpida」を紹介します。 と言っても完全な新作ではなく、初回リリースからもうすぐ1年が経ち月間DL数は1,000を超えています。自分が関わる案件だけで静かに検証を続け、ようやっと今週全面リニューアルして一般告知が出来るようになりました！ pathpidaはNext.jsとNuxt.jsそれぞれのルーティング規約に最適化しているので設定不要で型安全に使うことが出来ます。 どんな問題を解決するのか 以下のように/post/1 に遷移するLinkがあるとします。 import Link from