はじめに こんにちは。ZOZOTOWN開発本部フロントエンドの菊地（ @hiro0218 ）です。 現在、ZOZOTOWNではWebフロントエンド技術のリプレイスプロジェクトが進行しています。以前の記事ではCSS in JSの技術選定をした際の背景や課題について紹介しました。 techblog.zozo.com その後、「 ZOZO Tech Meetup - Web フロントエンド 」でおよそ1年後の状況を簡単に共有させて頂きました。 speakerdeck.com 今回はZOZO Tech Meetu

こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 今回は、AmplifyUILibraryを用いたAmazon Cognito認証画面を実践的にカスタマイズする方法について紹介します。 ↓入門編はこちら blog.serverworks.co.jp componentsプロパティの導入 基本的な設定方法 ロゴをheaderに追加 テキストをfooterに追加 実装内容 ステップ毎のカスタマイズ 初回ログイン時にテキストを表示する方法 スタイリングの変更 CSSを適用する方法

みなさま、こんにちはあるいは、こんばんは。日夜業務に励んでいる、しろです。 今回はE2EツールであるPlaywrightについて書いていきます。 なぜPlaywrightなのか・・・。 やはり 【無料】・【Microsoftが開発した】 という、特徴で選定しました。 Playwrightとは まずPlaywrightについて、簡単に記載しようと思います。 Playwrightは、End to Endテスト（以下、E2E）が行えるオープンソースライブラリで、 Microsoft が開発しました。 そして、E

はじめに こんにちは。ニフティ株式会社の佐々木です。 今回はTipsとして、VSCodeでGitHub Copilotを使い複数ファイルを認識させる方法についてご紹介します。 前提 GitHub CopilotとGitHub Copilot Chatの違い GitHub Copilotは、コード補完やコード生成を支援するAIツールです。一方、GitHub Copilot Chatは、チャット形式でユーザーと対話しながら、よりインタラクティブにコーディング支援を行うツールです。両者の主な違いは、ユーザーイン

こんにちは！株式会社ココナラのプロダクト開発部フロントエンド開発グループ所属の飯塚です。 ココナラでは、一定の条件を満たすと「納品書」等の帳票がダウンロードできます。 各帳票は、Webサイト上で確認したうえでワンクリックでPDFダウンロードできるようになっています。 以下は実際の納品書画面になります。 今回は、その ワンクリックでPDFダウンロード の実装方法についてご紹介します！ 要件 実装にあたり、要件は以下の通りでした。 ブラウザの「印刷」からPDFダウンロードすることは可能だが、手間なのでワンクリ

はじめに

はじめに みなさんこんにちは！ ワンキャリアの西川(X ： takashi54461358 )です！ 本記事は、マイクロフロントエンドについて調査で得た知見を共有するシリーズ記事の第3弾になります！

はじめに 私は現在株式会社ビットキーにてE2Eテスト自動化エンジニアとしてテスト業務を行っています。 テスト自動化というと少し前までは0から環境構築して自動テスト用のコードを書き上げて・・・と専門知識を持った方が主導して取り組むことが多かったのではないでしょうか。 ですが昨今ではAutify, MagicPod, mablをはじめとした直感的な操作でテスト自動化を実現できるツールの登場により、ローコード・ノーコードでのテスト自動化が盛んになっている印象です。 弊社のテストエンジニアもより手軽にテストの自動

はじめに Cato クラウドを利用のお客様から、ときどき次のようなお問い合わせが来ることがあります。 Web ページ内の動画を再生できない Web ページは開けるが正常に表示されない Cato クラウドに接続しなければ正常に Web ページが表示されるのであれば、上記のような問題は Cato クラウドによって引き起こされていると考えられます。 このような場合、ブラウザのデベロッパーツールを利用すればお客様自身で素早く解決できる可能性がありますので、そのトラブルシューティング方法をご紹介します。 トラブルの

おさらい

こんにちは、LINEスキマニのフロントエンド開発担当や、フロントエンド開発に関するイベントの運営をしている板井（@itatchi3_）です。 LINEヤフーでは、社員が海外のカンファレンスや学会に参加...

Google サイトとは？ Google サイトは、専門知識がなくても簡単にホームページを作成できるGoogle提供の無料ツールです。豊富なテンプレートや設定項目があり、独自ドメインの紐付けやスマートフォン表示にも対応しています。

こんにちは、QAエンジニアのヒイロです。 情報処理に触れていると2進数、16進数という言葉を見聞きしたことがあると思います。 知識はあるけれど実際に触れたことのない方や、n進数そのものをこれまで知らなかったという方向けに、その注意点をn進数の中の2進数と16進数に焦点をあてて執筆しました。 はじめに 私がはじめてテスト業務に携わったのはオープン系のシステムでしたが、すぐに制御系に移行し、それ以降は日々16進数を取り扱うことになりました。 しかし、n進数に馴染みがなかったため、テスト設計から実行まで一貫して

こんにちは、SCSK株式会社の小寺崇仁です。 先日Zabbixの7.0がリリースされました。 今回は「ブラウザモニタリング」について検証していきます。 ブラウザモニタリングとは ブラウザモニタリングとは、アイテムのタイプ「ブラウザ」というZabbix7.0の新機能になります。ブラウザを使用したWebサイトの操作をZabbixで再現して監視を行う機能になります。 Webシナリオ監視と類似した機能になりますが、違いは以下となります。 監視タイプ 概要 設定難易度 ブラウザモニタリング Seleniumを使用し

目次 目次 はじめに 企画LPの儚さ 企画LPをアーカイブする！ 仕様 開発について 技術選定 ちょっと技術の話 スクラム開発 ユーザーの反応 おわりに はじめに こんにちは！　ZOZOTOWN企画開発部・企画フロントエンド1ブロックの秋山です。ZOZOTOWNトップでは、セール訴求や新作アイテム訴求、未出店ブランドの期間限定ポップアップ、著名人コラボなどの企画イベントが毎日何かしら打ち出されています。私はそのプラットフォームとなる企画LPをメインに実装するチームに在籍しています。 チーム特性としては以下