こんにちは。株式会社ペライチ のフロントエンドエンジニア藤田です。 デザイナーやサーバーサイドのエンジニアと連携を取り、アプリケーション内におけるユーザーと関わる部分の機能開発や改善が普段の主な業務内容です。 今回はその中でも年々課題感が増している CSS 設計周りのこと、その課題解消の一手として Tailwind CSS を導入してみたことについてまとめてみました。なにかの参考にして頂けたら幸いです。 CSSにおける課題 皆さんご存知の通り、現状 CSS はグローバルスコープな言語です。 グローバルスコ

こんにちは。株式会社ペライチ のフロントエンドエンジニアの荒瀬です。 私が入社して 1 年が経ち、入社当初からフロントエンド開発環境を Nuxt へリプレイスする作業を進めています。 リプレイスしたものがリリースされ、第一歩がようやく踏み出せたこともあり、これまでの過程とこれからの課題についてお話させていただきます。 背景 ペライチにはいくつかのサービスがありますが、基本的にはこのような技術スタックでフロントエンドの開発しています。 CakePHP サービスによっては Ruby on Rails jQue

初めに こんにちは、スマートキャンプ エンジニアの林です。 前回は私の 自己紹介記事 でしたが、今回は技術的な話をしたいと思います。 現在、Webフロントエンドを書くならNuxt.jsかNext.jsが選択される事が多いですが、皆さんはどちらがお好きですか？ 私はVue.jsを使用したフロントエンド開発の経験が長いので、Nuxt.jsに親和性が高く、Next.js(React.js)の時代とされる今でも積極的にVue.jsを追いかけています。 そこで今回は旬なフレームワークであるNuxt3について書いてい

こんにちは、技術広報の yayawowo です。 フロントエンドエンジニアの皆様、今のフロントエンドを楽しんでおりますでしょうか？ 　 変化の多いフロントエンド領域を楽しむために・・・ ラク スが開催している 「フロントエンド LT会」で発表された資料をご紹介します！ フレームワーク や開発言語別にまとめておりますので、興味があるところだけを少し摘まむのも大歓迎です。 9月に開催した「フロントエンドLT会 - vol.4」は、参加者が500名越えとなるイベントなりました。 2022/1/19(水)に「フロ

医療・介護・ヘルスケア・シニアライフの4つの領域で高齢社会の情報インフラを構築している株式会社エス・エム・エスでサービス横断で技術的な課題を解決して回っている @okazu_dm です。 直近はSREとしての業務などがメインでしたが、本日は私が運用を担当していた全社横断の利用規約とプライバシーポリシー(以下、利用規約等とします)の管理&配信サービス(以降、社内のコードネームであるnomosと呼びます)について紹介します。 nomosとは nomosは、上述したとおり利用規約等を管理、配信するサービ

こんにちは、株式会社スタメンで FANTS のフロントエンド開発を担当している @0906koki です。 今回の記事では、本日リリースした FANTS ダッシュボードのフロントエンド開発で選定したフレームワークやライブラリ、ディレクトリ構成について解説します。 目次 目次 FANTS ダッシュボードとは？ 技術スタック Next.js SWR Styled-Components Storybook ディレクトリ構成 components apis 最後に FANTS ダッシュボードとは？ FANTS ダ

今から二ヶ月ほど前、10/1 に Yahoo! トラベル のリニューアルが完了しました。このリニューアルは、一休.com と Yahoo! トラベルの2システムを一つに統合することで実現しました。 ご存知の通り、ヤフーと一休は同じグループに所属する企業です。ざっくりいうと「同じグループで2つの宿泊予約システムを開発し続けるのは効率が悪いよね」という話があり、今回のシステム統合に至っています。 Yahoo! トラベルと一休のシステム統合は、(1) 2017年頃にホテルの空室管理や予約、決済、精算業務などを担

こんにちは！！！スマートキャンプでエンジニアをしている吉永です！ 自己紹介記事はこちら 前回の記事はこちら 私は現在、スマートキャンプの主力サービスであるBOXILの開発にフロントエンド、バックエンド問わず携わっています。 初めに Supabaseとは PostgreSQLベースのデータベース 認証 ファイルストレージ APIの自動生成 料金プラン 他サービスとの料金比較 データベースに対する操作数 データベースの性能 認証 試してみる 環境構築 認証 データベースの作成、supabaseAPIの使い方

こんにちはこんばんはkubotak（@kubotak_public）です 以前よりご愛顧いただいてますNuxt道場の第三回の開催のお知らせです。 macloud.connpass.com 2021/11/25(木)19:30 〜 Youtube Liveで配信予定です。 Nuxt 3 betaが発表されましたので今後のNuxtについて触れていきたいと思います。 第三回改、第参面では株式会社ROXXのCTO松本宏太さん（kotamat | ROXX CTO (@kotamats) | Twitter）が師範

はじめに 株式会社リビルドの鈴木です！ 2021/10/02(土)に PHPカンファレンス 2021で登壇してきました！ 今回はオンラインでのカンファレンスになりました。 以下はイベント詳細ページになります。 phpcon.php.gr.jp 発表テーマ「LaravelとNuxt.jsで保守性を高める構成を考えてみた」 発表した内容 www.youtube.com 発表資料 speakerdeck.com twitter の感想など BDD(ビーチ駆動開発)かー。いいなー。 #phpcon2021 #ph

こんにちは久保田(@kubotak_public)です 2021/09/08 19:30よりNuxt道場 弐面を開催いたしました。 弐面は第二回という意味です。 記念すべき第一回の様子は以下です。 tech.macloud.jp 今回は弊社の津崎が登壇しました。 弊社のエンジニアはもともとフロントエンドを書いて来たエンジニアではなく、どちらかというとインフラやバックエンドがキャリアとしては多いです。 そんな我々も今ではNuxt.jsをTypeScriptを用いて開発しています。 今ではゴリゴリにTypeS

はじめまして、2021年度新卒の木村です。 フロントエンドエンジニアとして テクノロジーセンター5G に所属しています。 今回は、Nuxt.js ならびに TypeScript を利用して、簡単な抽選ツールを作成してみた内容についてご紹介します。 Nuxt.js と TypeScript Nuxt.js は、Vue.js ベースの JavaScript のフレームワークです。Webページ構築に有用な UI 以外の機能（ Ajax やサーバーサイドレンダリングなど）をまとめて利用できる環境を提供してくれます

はじめに こんにちは、レバテック開発部の河村です。 私はレバテック各種メディアのリプレイスを担当しており、バックエンドを中心にフルスタック開発を行っています。 今回は管理画面のリリースで採用した、フルスタックフレームワークである frourio について、 frourio を採用した理由や使ってみて良かったこと、困ったことを紹介します。 この記事を通して、frourioのメリット、デメリットだけでなく、レバテック開発部ではどのような背景のもと、技術・アーキテクチャの選定を行っているのか、どれくらいのスピー

こんにちは。 一休.com の開発基盤を担当しています、akasakasです。 宿泊サイトのPCリストページを ASP.NET Web Forms から Go + Nuxt でリニューアルしたお話をさせていただきます。 詳しいお話をする前に：PCリストページってどこ？ こちらになります https://www.ikyu.com/tokyo/140000/ 宿泊PCサイト（検索導線）の問題点 ASP.NET Web Forms のレガシーアーキテクチャによる開発生産性低下 一休.comのほとんどはASP.N

4社のフロントエンド技術に関する様々な課題と取り組みの事例を対談形式で紹介するオンライン勉強会を2021年8月4日(水)19:00~開催します！時空テクノロジーズ・ディップ・パーソルキャリア・ミイダス、4社の事例から「フロントエンド技術の活用」について学ぶ、オンライン勉強会フロントエンド技術選定からその活用法まで、フロントエンドの開発をリードする方々に、具体的な課題とその取り組みについて、様々なテーマを元に対談形式で紹介します。CTO/VPoE/テックリードなど開発をリード/マネジメントしている方、フロン