「TypeScript」に関連する技術ブログ

企業やコミュニティが発信する「TypeScript」に関連する技術ブログの一覧です。

【React】LinkifyとMUIを一緒に使って文字列内のURLをリンク化する

こんにちは、X(クロス) イノベーション 本部 ソフトウェアデザインセンター セキュリティグループの大西です。現在、TypeScriptとReactを使ってWebアプリを開発していますが、フロントエンドの実装を任された際に Linkify と MUI(Material UI) を合わせて使う場面がありました。LinkifyとMUIのコラボ実装はあまり記事がなかったので記事を書いてみました。 Linkifyとは? MUI(Material U

【React】LinkifyとMUIを一緒に使って文字列内のURLをリンク化する

こんにちは、X(クロス) イノベーション 本部 ソフトウェアデザインセンター セキュリティグループの大西です。現在、TypeScriptとReactを使ってWebアプリを開発していますが、フロントエンドの実装を任された際に Linkify と MUI(Material UI) を合わせて使う場面がありました。LinkifyとMUIのコラボ実装はあまり記事がなかったので記事を書いてみました。 Linkifyとは? MUI(Material U

AWS AppSync が GraphQL API のすべてのリゾルバで JavaScript をサポート

AWS AppSync は、アプリケーションがデータに接続するためのスケーラブルな API を簡単に構築できるマネージドサービスです。AppSync を使用することで、 Amazon DynamoDB に接続する API で Web アプリケーションを強化する場合や、ユーザーにイベントの ライブアップデートを提供する リアルタイムダッシュボードを構築する場合に、アプリケーションを需要に合わせてシームレ

TUNAGの新フロントエンドを支える技術と設計

株式会社スタメン でフロントエンドエンジニアをしている 神尾 です。普段は、エンゲージメントプラットフォーム「 TUNAG 」の開発をしています。 TUNAGでは、2023年1月からWebフロントエンドのリプレイスプロジェクトが始まり、今もプロジェクトが進行中です。現在のWebフロントエンドでは技術選定の選択肢が多く、選定にあたっての検討事項がとても多いと思います。

Next.js13 + TypeScript + jestでコンポーネントの単体テストをする

環境 ライブラリ バージョン next 13.4.2 react 18.2.0 react-dom 18.2.0 typescript 5.1.6 jest 29.6.2 jest-environment-jsdom 29.6.2 @testing-library/jest-dom 5.17.0 @testing-library/react 14.0.0 @testing-library/user-event 14.4.3 手順 1. Next.jsの環境構築 公式を参照し、TypeScriptベースで構築してください。 h

Next.js+TailWindCSSのランキングページ実装から、学生の開発では得られない経験ができた話

こんにちは! 6月7日から6月30日までの4週間弱、株式会社CAMのキギョトピチームで「CA Tec ...

組織をコミュニティと表現する開発組織のバリューを読み解く

はじめに はじめまして。2023年4月にエス・エム・エスに入社した橋口( @gusagi ) です。 今はエンジニアリングマネージャー(EM)として、介護事業者向け経営支援サービス『 カイポケ 』の中で訪問看護に関する機能を担当しているチームで業務に携わっています。 エス・エム・エスに入社するまでの経緯は 個人ブログの記事 にも書いたのですが、その記事の中に 先週に

【初心者向け】AWS CDK TypeScript 入門

はじめに 前提と必要なもの CDKインストール 確認 Node.js と NPM TypeScript Compiler を最新バージョンにアップグレード TypeScript 基礎 プロジェクトの準備 nodeパッケージ インストール TypeScriptの実行 tsconfig.json を編集 TypeScript ファイル作成 TypeScript 実行 CDK プロジェクトの準備 CDK ディレクトリ構成 確認 bin/cdk-workshop.ts lib/cdk-workshop-stack.ts cdk コマンド cdk synth cdk bootstrap cdk depl…

【MIIDAS Tech LIVE #2】を開催しました

こんにちはミイダス Tech Officeです。 ミイダス株式会社のテックチームが直近で開発した機能を現場のエンジニアから共有する「 MIIDAS Tech LIVE 」 第2回目の開催となる今回は3つのリリース情報をお届けしました。 採用マッチングサービス「ミイダス」は、独自の診断ツールで採用のミスマッチを減らす中途採用サービスです。メインの採用関連の機能に加え、診断や研修、

LIFULL HOME'S 賃貸基盤刷新におけるABテスト実施システムの構築

こんにちは。プロダクトエンジニアリング部の武井です。 普段はLIFULL HOME'Sの賃貸領域の開発をしています。 現在、LIFULL HOME'Sの賃貸領域ではシステムの基盤刷新を行っています。 詳細については 以前の記事 をご覧ください。 今回はこの基盤刷新に伴い、新たなABテスト実施システムを構築したので、その概要を紹介したいと思います。 LIFULL HOME'S におけるABテスト LIFULL

NestJS Way より TS Way を意識したバックエンド設計事例と Tips

こんにちは!BC チームでエンジニアをしている id:d-kimuson です。 最近、弊チームで構築した社内向け Web API のバックエンド設計をしたので事例として紹介しようと思います。 フレームワークとして NestJS を採用していますが、NestJS Way よりも TS Way を意識した設計をしており、このエントリの主題でもあるため、TS Backend の設計事例として読んでいただければと思います。

株式会社ココナラ様、ニフティ株式会社様とフロントエンド合同勉強会を開催しました

レバレジーズ株式会社 システム本部の田中です。 2023/7/11に、ココナラさん、ニフティさんと、フロントエンドをテーマに合同勉強会を開催しました。 以前に エイチームさんと開催した合同勉強会 に続きいて今回も connpassで一般公開 し、ココナラさん、ニフティさんを弊社の渋谷本社にお招きしてオフラインでの開催でした! この記事では、弊社のエンジニアの発表内

2023 JSNationとReact Summit参加レポート in オランダ・アムステルダム

こんにちは、ブランドソリューション開発本部フロントエンド部の田中です。普段はWebのフロントエンドエンジニアとして、FAANSのWebの開発を行なっています。 FAANSとは「Fashion Advisors are Neighbors」がサービス名の由来で、ショップスタッフの効率的な販売をサポートするショップスタッフ専用ツールです。 ショップスタッフ向けにコーデ投稿・成果確認などの機能が存在
技術ブログを絞り込む

TECH PLAY でイベントをはじめよう

グループを作れば、無料で誰でもイベントページが作成できます。情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?