What's new in Astro - January 2025
astro.build
Astroの2025年1月の新機能に関する記事です。 - 2025年の始まりを飾る新機能を紹介 - フロントエンドエンジニア向け - Astroの最新情報を知りたい開発者向け
非Nullアサーションと型アサーション
qiita.com
TypeScriptを2年触ってきて、型についてまだ理解が足りないと感じている人向けの記事。 非Nullアサーションと型アサーションについて解説しています。 TypeScriptの型について理解を深めたいと考えている人におすすめです。
Qiita株式会社 makoto-ogata@github
Astro 5.2
astro.build
Astro 5.2がリリースされました。 - Tailwind 4のサポート、ページでの設定値への新しいアクセス方法、トレーリングスラッシュの処理改善、外部リダイレクトのサポートなどが含まれています。 - フロントエンドエンジニア、Web開発者向けの変更が含まれています。 - Astroを利用している開発者にとって有用な情報です。
すごいどうでもいい用途で Node.js を使いたかった (CLIを書く)
qiita.com
・Node.jsを使ってCLIツールを作成した記事。 ・既存のNode.jsプロジェクトにファイル操作を追加するために、シェルスクリプトの代わりにNode.jsを使用した。 ・主にフロントエンドエンジニアやNode.jsを利用するバックエンドエンジニア向けの記事。
Qiita株式会社 atm-snag
TypeScript 5.8のerasableSyntaxOnlyフラグ。enumやnamespaceが消える日が来た
zenn.dev
TypeScript 5.8で導入されたerasableSyntaxOnlyフラグについて解説しています。 enum、namespaceなどの構文がエラーとして検出されるようになり、Node.jsとの互換性が向上します。 Node.jsのTypeScript実行における非互換な構文を解決したいエンジニア向けの情報をまとめた記事です。
Ubie株式会社 鹿野 壮
ユーザーファーストなドロップダウンメニューの実装
creators.bengo4.com
この記事は、ユーザーファーストなドロップダウンメニューの実装について解説しています。 アクセシビリティを考慮したカスタムコンポーネントの実装方法や、具体的なマークアップ、WAI-ARIA、JavaScriptでの実装について説明しています。 フロントエンドエンジニアやデザイナーにとって、非常に有益な内容です。
弁護士ドットコム株式会社 saku_238
Rollupのビルド時間を10倍高速化することでプレビュー表示を改善した話
tech.plaid.co.jp
この記事では、ノーコードエディタでのプレビュー表示機能におけるRollupのビルド時間高速化について解説しています。 主な内容は、Rollupのビルドプロセスを最適化することでプレビュー表示のパフォーマンスを向上させる方法です。 フロントエンドエンジニアや、パフォーマンス改善に関心のある開発者にとって有益な情報が含まれています。
dnd kitを使った並べ替えUI実装の課題と解決策
tech.smarthr.jp
この記事は、dnd kitライブラリを使用した並び替えUI実装時の課題と解決策を解説しています。 - 入力フォーム内のテキストがドラッグ選択できない問題を、イベント伝播を止めることで解決。 - 日本語入力時に並び替えができない問題を、エンターキーのデフォルト動作をキャンセルすることで解決。 フロントエンドエンジニアやUI開発に携わるエンジニア向けの記事です。
株式会社SmartHR smarthr
Node.jsでTypeScriptをネイティブ実行可能に｜Productivity Weekly(2025-01-15)
zenn.dev
Node.jsでTypeScriptをネイティブ実行可能にするための情報をまとめた記事です。 開発者の生産性向上に興味がある方や、TypeScriptの利用を検討している方におすすめです。 隔週で公開されているProductivity Weeklyの今回の単独号の内容です。
サイボウズ株式会社 Futa Hirakoba
【RT/TS】多言語対応について
zenn.dev
新シリーズ「RT/TS」が開始し、多言語対応のテクニックを紹介 ReactとTypeScriptを使用し、i18nextを活用したローカライズ技術 PWA講座の進捗報告と、フロントエンド開発者向けの技術情報
株式会社Sun Asterisk デルビン アルチョム
Nx活用術！ @nx/enforce-module-boundaries を使いこなして依存関係を制御しよう
tech.findy.co.jp
この記事は、Nxモノレポにおける依存関係の制御について解説しています。 ESLintルール@nx/enforce-module-boundariesを活用し、プロジェクト間の依存関係を適切に管理する方法を紹介しています。 主にフロントエンドエンジニアやテックリード、アーキテクトの方々にとって役立つ内容です。
アプリケーションデータを使用して、カスタマイズされた AI ベースのチャットインターフェースを作成
aws.amazon.com
このニュース記事は、AWS Amplify AI Kitを用いて、フロントエンドアプリケーションにカスタマイズ可能なAIチャットインターフェースを実装する方法を解説します。 主にフロントエンド開発者に向けて、ReactでのUIライブラリの利用や、チャットのカスタマイズ方法、バックエンドの設定について説明しています。 また、AWSのサービスと連携してAIモデルや会話履歴の永続化を扱う方法も紹介しています。
アマゾンウェブサービスジャパン合同会社 稲田大陸
WebStorm + TypeScript での Web API 開発における supertest を利用したテストのデバッグ実行
dev.classmethod.jp
WebStormとTypeScriptを用いたWeb API開発で、supertestを使ったテストのデバッグ実行方法について解説します。 - supertestを使ったAPIテストのデバッグ方法を知りたい開発者向けの記事 - WebStormとTypeScriptを使用している開発者向けの記事 - APIテストの効率化に関心がある開発者向けの記事
Guest Blog: Creative Writing Assistant – a multi-agent app sample with Semantic Kernel & .NET Aspire
devblogs.microsoft.com
このブログ記事は、Semantic Kernelと.NET Aspireを使用して構築された、クリエイティブな文章作成を支援するマルチエージェントアプリについて紹介しています。 記事は、.NETエコシステムを活用して、エンタープライズ環境で堅牢なマルチエージェントアプリケーションを開発する方法を説明しています。 この記事は、AIを活用したアプリケーション開発に関心のあるソフトウェアエンジニアや、.NET開発者、AI研究者、およびマルチエージェントシステムに興味を持つ読者向けです。
日本マイクロソフト株式会社 Sophia Lagerkrans-Pandey
Local ReactJS, Typescript Npm Package
dev.classmethod.jp
この記事は、ローカルでReactJSとTypeScriptのnpmパッケージを作成する方法について解説しています。 主にフロントエンドエンジニアやJavaScript/TypeScript開発者向けです。 ローカルパッケージ開発に関心のある方にも役立つ情報が含まれています。
クラスメソッド株式会社 Tien Le Huu
3月14日 toranoana.deno #20 リアル開催のお知らせ！
toranoana-lab.hatenablog.com
Denoに関するLT会「toranoana.deno #20」が3月14日にリアル会場で開催されます。 DenoやDeno Deploy、Freshなどに関する発表が行われる予定です。 Denoに関わる開発者や技術に興味がある人向けのイベントです。
虎の穴ラボ株式会社 toranoana-lab
toranoana.deno #20 〜オンライン & オフライン〜
yumenosora.connpass.com
虎の穴ラボ主催のDenoに関する勉強会イベントのお知らせです。 - Denoに興味があるエンジニア、フロントエンドエンジニア、バックエンドエンジニア向けの内容です。 - オフラインとオンラインのハイブリッド形式で開催され、LT会や懇親会があります。
WebStorm で TypeScript のデバッグ環境を用意した
dev.classmethod.jp
この記事は、WebStormでTypeScriptのデバッグ環境を構築する方法を解説しています。 - 対象読者は、WebStormでTypeScriptの開発を行うエンジニアです。 - この記事を読むことで、効率的なデバッグ環境を構築できます。
Startup Angular #9 バレンタインLT会
voicy.connpass.com
・Angularをメインで利用しているスタートアップ企業による、Angular開発に関する情報発信イベントです。 ・Angularに興味のある方、スタートアップ企業でAngularを活用している事例に興味がある方におすすめです。 ・オフラインとオンラインのハイブリッド開催で、LT（ライトニングトーク）枠の登壇者も募集しています。
デザインとエンジニアリング、両方のスキルを活かせるestieでのキャリア
www.estie.jp
Web制作会社からestieへ転職したデザインエンジニアのキャリアストーリー。 - Webサイト制作からプロダクト開発への転身に興味がある人 - デザインとフロントエンドの両方のスキルを活かしたい人 - 新しい技術に挑戦し、プロダクトの成長に深く関わりたい人
株式会社estie estie
クラスメソッドのReact事情大公開スペシャル#6 -「React Contextの状態管理について考える」というテーマで登壇しました #cm_react
dev.classmethod.jp
クラスメソッド社内でのReactに関する取り組みを紹介するイベントでの発表内容です。 - React Contextを用いた状態管理についての考察を共有しています。 - フロントエンドエンジニアやReact開発者向けの発表です。
クラスメソッド株式会社 神野 雄大
あらゆるデータソースに 会話型インターフェースを追加する
aws.amazon.com
この記事では、Amazon BedrockとAWS Amplify AI Kitを使って、LLM（大規模言語モデル）に外部データや機能へのアクセスを可能にする「Tool」の利用方法について解説しています。 具体的な例として、ニュースAPIから最新のニュースを取得するToolの実装や、ユーザーが作成したメモを検索するToolの実装を示しています。 主に、バックエンドエンジニアやフロントエンドエンジニア、アーキテクトなど、AIアプリケーション開発に携わるエンジニアを対象としています。
アマゾンウェブサービスジャパン合同会社 Takuya Setaka
2024 year in review
astro.build
この記事は、Astroの昨年の出来事を振り返るものです。 新機能のリリースやアンケート結果、Astro Togetherなど、様々な情報をまとめています。 フロントエンドエンジニアやAstroに興味がある開発者向けの記事です。
Yup to Zod ~スキーマバリデーションライブラリの移行~
buildersbox.corp-sansan.com
この記事では、スキーマバリデーションライブラリであるYupからZodへの移行について解説しています。 ZodはTypeScriptファーストであり、複雑なフォームのバリデーションにおいて型推論が優れているため、より効率的な開発が可能です。 特にTypeScriptを使用するフロントエンドエンジニアやバックエンドエンジニア、テックリード向けの記事です。
Sansan株式会社 t-keshi
『初めてのTypeScript』で初めて型に触れる
zenn.dev
この記事は、TypeScriptを初めて学ぶ人向けの入門書を読んだ感想をまとめたものです。 - TypeScriptの型について初めて触れる - JavaScript経験者でTypeScriptに興味がある人 - TypeScript Deep Diveを読んだことがある人
レバレジーズ株式会社 もりた
【Hono】HonoをCDKでAPI Gateway & Lambdaにデプロイする方法
dev.classmethod.jp
この記事は、HonoをAWS CDKを使ってAPI GatewayとLambdaにデプロイする方法を解説しています。 AWS CLIとCDKのインストールから、CDKプロジェクトの初期化、Lambda関数とAPI Gatewayの設定、デプロイまでを説明します。 インフラエンジニアやバックエンドエンジニア、AWSを触るエンジニア向けの記事です。
クラスメソッド株式会社 戸田駿太
DMM meetup #40 / Think! FrontEnd #7 開催レポート
developersblog.dmm.com
DMM meetup #40とThink! FrontEnd #7の合同開催レポートです。 OAuth 2.1 + PKCE、デザインシステム、組み込みアプリのパフォーマンス改善、AppRouterを用いた大規模サービス開発におけるディレクトリ構成について発表がありました。 フロントエンドエンジニア、デザイナー、プラットフォームエンジニア、テックリード向けの記事です。
合同会社DMM.com DMMTech
「State of JavaScript 2024」公開。フロントエンドライブラリ利用率1位はReact、メタフレームワークはNext.jsなど、1万4000人のエンジニアが回答
www.publickey1.jp
JavaScriptに関するアンケート調査「State of JavaScript 2024」の結果が公開されました。 ・フロントエンドライブラリではReactの利用率が1位、メタフレームワークではNext.jsが人気。 ・JavaScriptに興味を持つIT技術者向けの記事です。
Publickey jniino
【増枠しました！】TechTrain x ゆめみ ここを意識してほしい！リファクタリング勉強会
yumemi.connpass.com
このイベントは、実装後の非機能要件（パフォーマンス、テスト、アクセシビリティなど）に焦点を当てたリファクタリング勉強会です。 若手エンジニアが直面しやすい課題について、経験豊富なエンジニアが自身の経験をもとに語ります。 フロントエンドエンジニア、バックエンドエンジニア、デザインエンジニアなど、開発に携わる全ての方におすすめです。