「TypeScript」に関連する技術ブログ
企業やコミュニティが発信する「TypeScript」に関連する技術ブログの一覧です。
全372件中 1 - 15件目
openapi-typescriptとRedocly CLIを活用してOpenAPIドキュメントと型定義の同期を効率化する
2024/04/24
ブックマーク
はじめに こんにちは！RevCommでフロントエンドエンジニアをしている田中です。 最近、MiiTel Phone Webというプロダクトに openapi-typescript とRedoclyというツールを使用してOpenAPIドキュメントからTypeScriptの型定義の管理を効率化する仕組みを導入しました。それらのツールの導入背景や使い方などについて説明します。 この記事は以下のバージョンを想定して記述されています
株式会社ビザスク様と設計合同勉強会を開催しました
2024/04/10
ブックマーク
レバレジーズ株式会社 レバウェル開発部 SREの中村です。 2024/03/13に、設計をテーマに合同勉強会を開催しました。 領域を絞らずに発表いただいたことで、設計について幅広く知見を得られた勉強会になりました。 また、弊社が東京の渋谷に物理出社がメインで、ビザスク社がフルリモートということで Zoomを使用してオンラインでの開催になりました。 この記事では、
TypeScript入門
2024/04/10
ブックマーク
はじめに こんにちは！ KINTO テクノロジーズ プロジェクト推進 G の Ren.M です。 私は普段、 KINTO ONE(中古車) のフロントエンド開発をしています。 今回は TypeScript の基礎である型定義についてご紹介させていただきます。 この記事の対象者 TypeScript の型定義について学びたい方 JavaScript の次に TypeScript を学びたい方 TypeScript とは そもそも TypeScript とは JavaScript を拡張した
開発生産性向上への道： LIFULL HOME’Sのシステムアーキテクチャリプレイス
2024/03/28
ブックマーク
エンジニアの渡邉です。普段はLIFULL HOME'Sの売買領域のエンジニアチームにて技術リーダーとして開発を担当しています。好きなNginxのモジュールはngx_small_lightです。 ここ数年、LIFULLの開発部門では「開発生産性」と「品質担保」の重要性が再注目されています。 LIFULL HOME'Sの主要なリポジトリは、10年以上にわたり運用され続けており、数多くの開発者が日々の改善に尽力
生成 AI とNext.js を利用して AWS Amplify でフルスタックのレシピ提案アプリをビルドする
2024/03/25
ブックマーク
Claude 3 によってパワーアップされた生成 AI、Next.js、 AWS Amplify 、 Amazon Bedrock の世界に飛び込んでいきましょう。このガイドでは、ユーザーが食材のリストを入力し、Claude 3 が入力された食材にもとづいて美味しいレシピを提案するレシピ提案アプリの作成方法を紹介します。 2023 年 11 月、AWS Amplify は次世代のフルスタックアプリ構築機能の パブリックプレビュー を
myTOKYOGASフロントチームによるDevSecOpsの旅路への第一歩
2024/03/25
ブックマーク
はじめまして！ 東京ガス でmyTOKYOGASフロントエンドチームを担当している中嶋です！ 本稿では、当チームのプロダクト開発において、パッケージ更新とリリース作業を取り上げて、内製開発の様子をご紹介させて頂ければと思います。 パッケージ更新について Dependabotによる自動更新 コンテナのセキュリティ脆弱性診断について リリース作業について テスト用の検証環
Pull Requestのレビュー負荷を軽減し、開発生産性を向上するためにチームで取り組んだこと
2024/03/22
ブックマーク
はじめに こんにちは。WEARフロントエンド部Webチームの藤井です。私たちのチームでは、 WEAR のWebサイトのリプレイスと新規機能の開発を並行して進めています。これらの開発を推進する中で、Pull Requestのレビュー負荷を軽減し、開発生産性を向上させるための取り組みを行なってきました。本記事では、その中で効果的だった取り組みについてご紹介します。 目次 はじ
TypeScriptのコードをBranded Primitiveでもう１歩型安全へ
2024/03/15
ブックマーク
お久しぶりです ，トモニテ開発部で Software Engineer(SE) をしている 鈴木 です． 私が普段実装している トモニテ相談室 のフロントエンドはTypeScriptを採用しているのですが，トモニテ相談室の実装中にTypeScriptでは検出することが出来ないミスをしてしまい，原因解明までに時間を要した経験があります． この経験からTypeScriptを普段より少し型安全にする手法を学んだので
fast-checkでProperty-based Testing導入してみた
2024/03/12
ブックマーク
Musubi AI在庫管理のフロントエンドエンジニアの木本です。 Unitテストを書いていると、「この正常ケース/異常ケースの羅列で本当に品質を担保できているのか？」と不安になることがあります。そのとき有用な技術としてProperty-based Testingがあります。 TypeScriptでの代表的なProperty-based Testingフレームワークであるfast-checkを導入してみたところ、その結果として実装に不具合
AWS Amplify でフルスタックアプリケーションを構築するための CTO のガイド
2024/02/26
ブックマーク
CTO として、あなたはエンジニアリングチームの技術戦略を監督し、フレームワーク、アーキテクチャ、インフラストラクチャに関する決定を導く責任があります。開発者の生産性を最大限に高めながら、堅牢でスケーラブルなアプリケーションを構築するためには、適切な技術スタックを選択することが極めて重要です。本記事では、 AWS Amplify の新しいコードファースト
decoratorを使ってログ出力コードの削減し可読性を上げた話
2024/02/16
ブックマーク
この記事では TypeScript ver4.x にて実験的な機能である decorator を使い、ログ出力コードを削減・コードの可読性を上げた経験を紹介します。 はじめに 背景 decorator とは decorator を使ったログ出力方法の検討 decorator を使ったログ出力の実装 実装時にハマったこと等 関数定義方法の変更 非同期・同期両方に対応 クラス名の取得 ログメッセージの統一 その他考慮した点 ライ
新卒１年目でSupabaseデビューした話
2024/02/16
ブックマーク
はじめに 皆さんこんにちは、熊本でエンジニアをしているハラダです。新卒１年目の僕が実務で「Supabase」を使用したので、感想を共有したいと思います。 Supabaseとは？ https://supabase.com/ Supabaseは、主にバックエンドの機能を提供するプラットフォームです。 オープンソースで多くのバックエンド機能を提供しており、Firebaseの代替として利用されます。 具体的には、以下
WEB 開発の未来: AWS Amplify のコードファーストアプローチ
2024/01/26
ブックマーク
AWS Amplify の新しい コードファースト開発者エクスペリエンス は、ウェブ開発の未来を形作ることに貢献しています。このアプローチでは、AWS サービスの力を活用しながら、シームレスなデベロッパーエクスペリエンス（DX）に焦点を当てて、アプリファーストの考え方で構築することに重点が置かれています。このアプローチを採用することで、開発者は顧客のニーズを
【TypeScript】inferで型情報を取得する
2024/01/25
ブックマーク
はじめに こんにちは。フロントエンド開発課に所属している新卒1年目のm_you_sanと申します。 今回はTypeScriptのinferについて紹介したいと思います。 はじめに inferとは？ 具体的な使用例 関数の戻り値の型を推論する Promiseの内部の型を推論する 配列の中身を推論する 文字列リテラルと組み合わせる まとめ inferとは？ inferは 型推論 する際に使われるキーワードで、 ジェネ
LocalStackを使ってCDKをローカル環境で動作確認をしてみる
2024/01/24
ブックマーク
CS1の石井です。 タイトルの通りLocalStackというツールを用いてCDKをローカルで動作確認を行う記事となります。 対象読者 CDKワークショップを終わらせている方 devcontainerを使える方 記事を書いた動機 私は普段仕事でCDKをよく使うのですが、コードの記載や修正をした後、動作確認をnpx cdk synth で確認しています。 これはTypescriptで記載されたCDKをCloudFormationのYamlファイルに