「JavaScript」に関連する技術ブログ
企業やコミュニティが発信する「JavaScript」に関連する技術ブログの一覧です。
全648件中 16 - 30件目
リアルユーザーモニタリングを使用した Amazon CloudFront のパフォーマンステストの準備と実行
2024/03/21
ブックマーク
このブログ記事は、AWS エンタープライズサポート担当テクニカルアカウントマネージャーの Tanya Pahuja と Sumit Bhardwaj 、および AWS シニアソリューションアーキテクトの Karan Desai によって書かれました。 消費者向けのウェブサイトやモバイルアプリでは、ユーザーの画面にコンテンツが読み込まれるスピードが、ユーザーのブラウジング体験やビジネスの成功に直接影響し
意外と知らないCSSの詳細度
2024/03/19
ブックマーク
こんにちは！ CSSを使っていると、時々うまくスタイルが適用されないことがありますよね。 私もフロントエンドエンジニアとして、日々JavaScriptなどのプログラミング言語で開発を行っていますが、CSSをうまく使いこなせずに困ってしまうことがよくあります。 プログラミング言語には詳しいけれども、HTML/CSSについてはあまり詳しくないまま使ってしまっているエンジ
TypeScriptのコードをBranded Primitiveでもう１歩型安全へ
2024/03/15
ブックマーク
お久しぶりです ，トモニテ開発部で Software Engineer(SE) をしている 鈴木 です． 私が普段実装している トモニテ相談室 のフロントエンドはTypeScriptを採用しているのですが，トモニテ相談室の実装中にTypeScriptでは検出することが出来ないミスをしてしまい，原因解明までに時間を要した経験があります． この経験からTypeScriptを普段より少し型安全にする手法を学んだので
webアクセシビリティ診断を行う自動ツールを作成する
2024/03/15
ブックマーク
はじめに はじめまして、webサイトの構築・運用を行っている〇△〇（まるさん）と申します。
STUDIO ZOON公式サイトリニューアルとCSSによるインタラクション演出の実装
2024/03/15
ブックマーク
はじめに マンガIP事業本部でWebフロントエンドの開発をしている岸です。 本記事では、当社が運営す ...
Mapbox GL JS でresize animationを実装する
2024/03/12
ブックマーク
みなさん、こんにちは。新卒エンジニアの id:matsuda0528 です。 今日は、Mapbox GL JS を使用して地図の描画領域を変更するアニメーションを実装する方法についてお話します。 TL;DR 以下のように、 setInterval() 関数を用いて resize() 関数を繰り返し実行する方法で実装しました。 const onClickMapResizeButton = () => { clearInterval(mapResizer) mapResizer = setInterval(() => { map.value.resize() } ) } const
fast-checkでProperty-based Testing導入してみた
2024/03/12
ブックマーク
Musubi AI在庫管理のフロントエンドエンジニアの木本です。 Unitテストを書いていると、「この正常ケース/異常ケースの羅列で本当に品質を担保できているのか？」と不安になることがあります。そのとき有用な技術としてProperty-based Testingがあります。 TypeScriptでの代表的なProperty-based Testingフレームワークであるfast-checkを導入してみたところ、その結果として実装に不具合
IEからEdgeへのマイグレーション
2024/02/28
ブックマーク
はじめに
ローコードツールのRetoolとAmazon API Gatewayで作成したHTTP APIの連携手順
2024/02/27
ブックマーク
こんにちは。 アプリケーションサービス部の兼安です。 今日はローコードツールのRetoolのお話をさせてください。 本記事の対象者について retool.com Retool は Web、 Mobile アプリケーションやワークフローを作成できるローコードプラットフォームです。 直感的な編集インターフェースや生成 AI による開発補助機能、JavaScript や Python といった利用ケースの多い技術スタック
AWS Amplify でフルスタックアプリケーションを構築するための CTO のガイド
2024/02/26
ブックマーク
CTO として、あなたはエンジニアリングチームの技術戦略を監督し、フレームワーク、アーキテクチャ、インフラストラクチャに関する決定を導く責任があります。開発者の生産性を最大限に高めながら、堅牢でスケーラブルなアプリケーションを構築するためには、適切な技術スタックを選択することが極めて重要です。本記事では、 AWS Amplify の新しいコードファースト
ローコードツールで生成 AI とのチャットアプリを作る【Retool, Amazon Bedrock (Claude)】
2024/02/19
ブックマーク
はじめに 本記事では Retool を使用して生成 AI とチャットができるアプリケーション（上図）を作成する際の要点について、Retool の機能とともに紹介していきたいと思います。Retool の全機能を体系的に紹介するのではなく、Retoolを用いて実際にどのようなアプリケーションを作成できるのか、その一例に焦点を当てます。 開発者の生産性を重視する Retool Retool Retool は Web,
【JavaScript/Node.js】Playwrightの自動テスト記述におけるよく使う要素選択方法についてまとめてみた
2024/02/06
ブックマーク
はじめに
Reading Vehicle Inspection QR Codes
2024/02/03
ブックマーク
Introduction Hello. Thank you for reading this! I am Nakamoto, and I work in frontend development for the KINTO FACTORY service (hereinafter FACTORY). Since I decided to participate on the Advent Calendar series, I will talk about how we implemented vehicle inspection QR code reading, which we released this year. Motivations for Adoption At FACTORY, we are currently developing a service that allows customers to ride their cars for a long time from the perspectives of "Upgrade," "R
【JavaScript】連想配列から完全一致したデータを取り除く方法（Lodash）
2024/01/29
ブックマーク
はじめに
WEB 開発の未来: AWS Amplify のコードファーストアプローチ
2024/01/26
ブックマーク
AWS Amplify の新しい コードファースト開発者エクスペリエンス は、ウェブ開発の未来を形作ることに貢献しています。このアプローチでは、AWS サービスの力を活用しながら、シームレスなデベロッパーエクスペリエンス（DX）に焦点を当てて、アプリファーストの考え方で構築することに重点が置かれています。このアプローチを採用することで、開発者は顧客のニーズを