「フロントエンド」に関連する技術ブログ

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

【E2Eテスト】ページオブジェクトモデルを使ったらメンテ地獄から解放された話

こんにちは!フロントエンド開発課の koki _matsuraです。 この記事では、僕が開発に携わっている製品のE2Eテストに取り入れたページオブジェクトモデル(POM)という実装パターンの概要と取り入れたキッカケ、POMへ リファクタリング する簡単な例をご紹介させていただきます。 僕と同じようにE2Eテストに関わっている方、E2Eテストに興味を持っている方などに読んでいただ

Webアプリケーションアクセシビリティ勉強会を実施しました

はじめに フロントエンドエンジニアの @mk0812 です。自分は普段BackOfficeというチームで新規機能開発を担当しています。 2023年3月〜5月あたりで社内の有志を集めて、Webアクセシビリティの勉強会を行いました。この記事はその勉強会の振り返りをしていきます。 ⁠参加者 ⁠フロントエンドエンジニア: 4名  デザイナー: 4名 ⁠勉強会で使用した参考書 Webアプリケーション

Next.jsアプリケーションにMicrosoft Clarityを導入してユーザーエクスペリエンスを向上させよう!

こんにちは!フロントエンドエンジニアのつかじです。 今回はNext.jsアプリケーションに Microsoft Clarity を導入してみたいと思います。Microsoft Clarityは、ユーザーエクスペリエンスを向上させるための無料の分析ツールです。このツールを使って、ユーザーの行動を理解し、アプリケーションのパフォーマンスを最適化しましょう。 なぜMicrosoft Clarityを導入するのか? Microsof

Androidアプリエンジニアからフロントエンドエンジニアになる際に効果的だった学習

こんにちは、介護事業者向け経営支援サービス「カイポケ」のフロントエンドエンジニアの setoh です。2022年12月から株式会社エス・エム・エスで働いています。 私は大学時代にAndroidアプリ開発を始め、就職後は一貫してAndroidアプリ開発を軸に10年以上のキャリアを積んできました。しかし心機一転、エス・エム・エスに入社後はこれまで全くの未経験であったフロント

PHPerのための「PHPDoc相談会」【PHP TechCafe イベントレポート】

弊社で毎月開催し、 PHP エンジニアの間で好評いただいている PHP TechCafe。 2022年7月のイベントでは「PHPDoc」について語り合いました。 弊社のメンバーが事前にまとめてきたPHPDocの情報にしたがって、他の参加者に意見を頂いて語り合いながら学びました。 今回はその内容についてレポートします。 rakus.connpass.com そもそもPHPDocとは何か 活用するポイント 課題 代表的な書

2023年新卒インターン フロントエンド編

はじめに 初めまして、株式会社ココナラの新卒第1号として4月からジョインしましたひびきです。 本記事では、ココナラ初の新卒として本格的にジョインする前に行なった内定者インターンについて書いていきたいと思います。 目次 自己紹介・スキルセット 入社した経緯 インターンについて インターンの目標について 実務 人間関係 インターンの内容について 出勤頻

Microsoftの新しいAPIクライアント生成ツールKiotaを試してみた

こんにちは!フロントエンドエンジニアのつかじです。 皆さんはREST APIクライアントをどのように開発していますか?私はAPIクライアントを手作業で作成するのは手間がかかるため、普段のプロダクト開発ではOpenAPI Generatorを使って自動生成しています。しかし先日、Microsoftが新しいAPIクライアント生成ツール「Kiota」を 発表 しました。気になった方も多いのではないで

Cloud Identityの登録・組織作成手順

G-gen の佐藤です。当記事では Google のアイデンティティ管理サービスである Cloud Identity (Free Edition) の登録から組織作成までの手順について紹介します。 概要 Cloud Identity とは 2つのエディション Cloud Identity のユースケース 登録手順 前提 Cloud Identity Free Edition の初期登録の流れ Admin Console へのログイン ドメイン所有権の証明 Google Cloud Console ログイン & 組織選択 トラブルシ

ビアバッシュはじめてました【LTテーマ:ChatGPT】

.entry-inner img{ border: 1px solid #000; } こんにちは!技術広報課の rks_daigo と申します。 コロナ禍では多くの企業でビアバッシュ等のオフラインイベントが制限されていたと思いますが、 弊社も感染拡大を防ぐためにオフラインでの開催を自粛しておりました。 そのような中、2023年に入り新規感染者が落ち着いてきたタイミングで、感染にも配慮しながらオフラインイベントを

ヘッドレスUIコンポーネントでいこう -- Radix UI + Stitches がいい感じ

こんにちは! 株式会社ココナラの法律相談事業部でWebエンジニアをしている 原井 です。 ココナラ法律相談 と ココナラエージェント という2つのプロダクトのWebフロントエンド・バックエンド開発を担当しています。 この記事は、フロントエンド開発に使うUIコンポーネントライブラリの技術選定をするシーンでのお話です。 私たちが何を課題に感じていたのか、どう

Webpacker から Shakapacker へ移行するときの注意点

はじめに こんにちは。システムエンジニアの佐藤です。 WESEEK では Rails を使った Web アプリケーションの開発をするプロジェクトがあります。 この記事では Webpacker から後継である Shakapacker への移行を経験した際に、どのような差があったのか確認した結果を紹介したいと思います。 Webpacker は引退した Readme.md にもあるように、Webpacker は 5 年間に渡って Rails コミュニテ

スマホアプリからSaaSへ、私がエス・エム・エスを選んだ理由

2023年1月にエス・エム・エスに入社した荒巻です。現在、介護事業者向け経営支援サービス「カイポケ」のフロントエンドのエンジニアリングマネージャーを担っています。これまでは組み込み開発やモバイルアプリなど、興味のままに関わってきました。自分のキャリア観は5年ごとくらいで徐々に変化しているように感じており、転職にあたり、その変遷と、なぜエス

技術書典14の開催が近いので、技術書典13で協賛企業ゲストトークしたことをふりかえる

こんばんは。株式会社ココナラでバックエンド開発に従事する、かわむーと申します。 皆さんは技術書典をご存知でしょうか? 技術書典とは、"プロ/アマ"、"商業誌/技術同人誌"を問わず、"技術書"と呼ばれる本が並ぶ日本最大級の"技術書イベント"です。 技術書のコミックマーケット、と言ったら分かりやすいかもしれませんね。 なぜ技術書典を最初に取り上げたか

【Playwright 入門】Playwrightで始めるE2Eテスト

はじめに こんにちは!フロントエンド開発課の koki _matsuraです。 この記事では、E2Eテスト フレームワーク として用いられるPlaywrightのインストールといくつか基本的なテストコード、最後に 拡張機能 についてもご紹介させていただきます。これからPlaywrightでテストを書きたい人、E2Eテストに少しでも興味を持っていただける方に読んでいただけると幸いです。 目次は次

Swift 6に向けた準備:Strict Concurrency CheckingをTargeted設定にした際に発生した問題と解決方法

こんにちは、フロントエンド部の中島です。FAANSのiOSアプリの開発を行なっています。 FAANSの由来は「Fashion Advisors are Neighbors」です。「ショップスタッフの効率的な販売をサポートするショップスタッフ専用ツール」で2022年8月に正式ローンチしました。 はじめに FAANS iOSチームではAPI通信においてSwift Concurrencyを利用しています。Swiftに限らず並行処理を扱う場合には実装
技術ブログを絞り込む

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

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