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

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

1ヶ月のインターンを通して身につけた「成果にこだわる」働き方

始めに 2023年11月にCA Tech JOB NEXTという形でシロクでインターンをさせていただ ...

CDKでスケーラブルなWebアプリケーション基盤を作成してみた

はじめに Webアプリケーション基盤の構成とCDKスタック 感想 はじめに こんにちは。大林です。 今回のブログでは、CDKで作成したスケーラブルなWebアプリケーション基盤の簡単な説明と作成してみての感想をまとめていきたいと思います。 CDKとは、プログラミング言語を使用してAWSリソースを定義できるツールのことです。CDKは、TypeScript、JavaScript、Java、Python、C#、Goに対

CSSの進化がすごい!モダンCSS8選

こんにちは! 株式会社ココナラフロントエンド開発グループの雨嶋です。 最近の CSS の進化はすさまじいです。 今までは Javascript 数行で実装していた部分が CSS1 行で済んだりします。 ただ知ってないと使えないので、自分の勉強も兼ねて便利そうな CSS を 8 個選定しました。 大体モダンな CSS を選定したつもりですが、もうモダンではないものもあるかもしれません。

リアルユーザーモニタリングを使用した Amazon CloudFront のパフォーマンステストの準備と実行

このブログ記事は、AWS エンタープライズサポート担当テクニカルアカウントマネージャーの Tanya Pahuja と Sumit Bhardwaj 、および AWS シニアソリューションアーキテクトの Karan Desai によって書かれました。 消費者向けのウェブサイトやモバイルアプリでは、ユーザーの画面にコンテンツが読み込まれるスピードが、ユーザーのブラウジング体験やビジネスの成功に直接影響し

意外と知らないCSSの詳細度

こんにちは! CSSを使っていると、時々うまくスタイルが適用されないことがありますよね。 私もフロントエンドエンジニアとして、日々JavaScriptなどのプログラミング言語で開発を行っていますが、CSSをうまく使いこなせずに困ってしまうことがよくあります。 プログラミング言語には詳しいけれども、HTML/CSSについてはあまり詳しくないまま使ってしまっているエンジ

webアクセシビリティ診断を行う自動ツールを作成する

はじめに はじめまして、webサイトの構築・運用を行っている〇△〇(まるさん)と申します。

STUDIO ZOON公式サイトリニューアルとCSSによるインタラクション演出の実装

はじめに マンガIP事業本部でWebフロントエンドの開発をしている岸です。 本記事では、当社が運営す ...

Mapbox GL JS でresize animationを実装する

みなさん、こんにちは。新卒エンジニアの id:matsuda0528 です。 今日は、Mapbox GL JS を使用して地図の描画領域を変更するアニメーションを実装する方法についてお話します。 TL;DR 以下のように、 setInterval() 関数を用いて resize() 関数を繰り返し実行する方法で実装しました。 const onClickMapResizeButton = () => { clearInterval(mapResizer) mapResizer = setInterval(() => { map.value.resize() } ) } const

fast-checkでProperty-based Testing導入してみた

Musubi AI在庫管理のフロントエンドエンジニアの木本です。 Unitテストを書いていると、「この正常ケース/異常ケースの羅列で本当に品質を担保できているのか?」と不安になることがあります。そのとき有用な技術としてProperty-based Testingがあります。 TypeScriptでの代表的なProperty-based Testingフレームワークであるfast-checkを導入してみたところ、その結果として実装に不具合

ローコードツールのRetoolとAmazon API Gatewayで作成したHTTP APIの連携手順

こんにちは。 アプリケーションサービス部の兼安です。 今日はローコードツールのRetoolのお話をさせてください。 本記事の対象者について retool.com Retool は Web、 Mobile アプリケーションやワークフローを作成できるローコードプラットフォームです。 直感的な編集インターフェースや生成 AI による開発補助機能、JavaScript や Python といった利用ケースの多い技術スタック

AWS Amplify でフルスタックアプリケーションを構築するための CTO のガイド

CTO として、あなたはエンジニアリングチームの技術戦略を監督し、フレームワーク、アーキテクチャ、インフラストラクチャに関する決定を導く責任があります。開発者の生産性を最大限に高めながら、堅牢でスケーラブルなアプリケーションを構築するためには、適切な技術スタックを選択することが極めて重要です。本記事では、 AWS Amplify の新しいコードファースト

ローコードツールで生成 AI とのチャットアプリを作る【Retool, Amazon Bedrock (Claude)】

はじめに 本記事では Retool を使用して生成 AI とチャットができるアプリケーション(上図)を作成する際の要点について、Retool の機能とともに紹介していきたいと思います。Retool の全機能を体系的に紹介するのではなく、Retoolを用いて実際にどのようなアプリケーションを作成できるのか、その一例に焦点を当てます。 開発者の生産性を重視する Retool Retool Retool は Web,

Reading Vehicle Inspection QR Codes

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
技術ブログを絞り込む

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

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