こんにちは、フロントエンドエンジニアのodanです。 LINEヤフー株式会社は、2024年8月24日に開催されたフロントエンドカンファレンス北海道2024に、シルバースポンサーかつセッションルーム命名...

XI本部スマート ソサエティ センターの野網です。データ連携基盤に関連する 自治 体案件に携わっています。この 自治 体案件ではデータ連携基盤だけでなく、基盤上で提供するサービスについても検討しています。防災やインフラ管理の観点では、地図上でさまざまなデータを重ね合わせて可視化する GIS （地理情報システム）の実現が重要視されています。 Leaflet 今回は地図機能を提供する オープンソース の JavaScript ライブラリである「 Leaflet 」を触って色々と機能を確認してみました。 ベース

カケハシで AI 在庫管理のフロントエンド開発を担当している鳥海です。 カケハシは 2024 年 8 月 24 日（土）に開催された、フロントエンドカンファレンス北海道 2024 にてスポンサーを務めた関係でさまざまなセッションに参加させていただいたので、その中でとくに気になったセッションについてまとめたいと思います。 www.frontend-conf.jp 登壇・協賛レポートについてはこちらにて公開されているので、ぜひ一緒にご覧ください。 kakehashi-dev.hatenablog.com 興味

はじめに

はじめに はじめましての人ははじめまして、こんにちは！BASE BANK Divisionのフロントエンドエンジニアのがっちゃん（  @gatchan0807  ）です。 ネットショップ作成サービス「BASE」の開発チームからBASE BANKチームに 社内異動をして 、チームの人数が半分以下のチームになってから約半年が経ちました。 そんなチーム環境の変化と共に、私がどんなことを考えるようになったのか、BASE BANKチームとはフロントエンドエンジニア目線でどのようなチームなのかを、「小さなチームでフロ

こんにんちは。 フロントエンド開発グループのいっちーです。 ココナラでは新規サービスの立ち上がりに伴い、ヘッダやフッタといったすべてのサービスで利用される共通UIの需要が高まってきております。 今回はその課題解決に向けて現在進行している取り組みについてのお話になります。 課題感 すべてのサービスで共通のUIとして実装されているヘッダ、フッタに変更が生じた場合、すべてのサービス（リポジトリ）で修正する必要がありその都度対応していくのがものすごく大変なのは想像に難くないかと思います。 そこで共通UIを外部に切

はじめに

はじめに

はじめに

はじめに こんにちは。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ダウンロードすることは可能だが、手間なのでワンクリ

はじめに