「JavaScript」に関連する技術ブログ
企業やコミュニティが発信する「JavaScript」に関連する技術ブログの一覧です。
全624件中 1 - 15件目
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)に焦点を当てて、アプリファーストの考え方で構築することに重点が置かれています。このアプローチを採用することで、開発者は顧客のニーズを
HTMLのアンカータグ(aタグ)でページの特定部分までスクロールしたら微調整が必要かもという話
2024/01/25
ブックマーク
はじめに こんにちは。KINTO Technologiesのグローバル開発部でフロントエンド開発をしているクリスです。 今日はフロントエンドの開発におけるちょっとした詰まったこととそれの解決策について紹介したいと思います! 詰まったこと 普段みなさんは以下のようにアンカータグ(aタグ)を使ってとあるページの特定部分までスクロールさせたい時ありますよね? スクロール先
【MIIDAS Tech LIVE #4】を開催しました
2024/01/19
ブックマーク
こんにちはミイダス Tech Officeです。 ミイダス株式会社のテックチームが直近で開発した機能を現場のエンジニアから共有する「 MIIDAS Tech LIVE 」 第4回目の開催となる今回は3つのリリース情報をお届けしました。 採用マッチングサービス「ミイダス」は、独自の診断ツールで採用のミスマッチを減らす中途採用サービスです。メインの採用関連の機能に加え、診断や研修、
AWS AppSync リゾルバ (VTL) の書き方サンプル No.1 – Amazon DynamoDB GetItem
2024/01/09
ブックマーク
こんにちは、広野です。 AWS AppSync を使用したアプリケーションを開発する機会があり、リゾルバ、主に VTL の書き方に関してまとまった知識が得られたので紹介します。 本記事では、VTL の書き方にフォーカスしています。ご了承ください。 AWS AppSync とは AWS AppSync はサーバーレスアプリケーションのバックエンドを作成するときに使用するサービスです。GraphQL というク