当記事は みずほリサーチ&テクノロジーズ × G-gen エンジニアコラボレーション企画 で執筆されたものです。 はじめまして、みずほリサーチ&テクノロジーズの小野寺と申します。 みずほでは 2022 年 3 月に発表した Google との戦略的提携 の一環として Google Cloud の活用に取り組んでいます。 この記事では AWS のアーキテクトを経験してきた著者がはじめて Google Cloud で社内向けの静的 Web ページを配信するまでの経緯を記述しています。 Sing

■ はじめに こんにちは。株式会社ペライチ のフロントエンドエンジニア藤田です。 デザイナーやサーバーサイドのエンジニアと連携を取り、アプリケーション内におけるユーザーと関わる部分の機能開発や改善が普段の主な業務内容です。 現在開発に携わっているプロジェクトにおいて、CSS 周りの負債を返済する一環として実験的にデザインシステム的な概念を導入してみました。 すべて触れると長くなってしまうため、今回はそのきっかけと、簡単に導入部分のお話をできればと思います。 ■ ペライチにおける CSS 周りの課題 ペライ

本記事は 電通国際情報サービス Advent Calendar 2022 の8日目の記事です。 執筆者は X イノベーション 本部 AI トランスフォーメーションセンター所属の山田です。 この記事では先日（2022年11月中旬）に安定版がリリースされた Nuxt 3 について紹介します。 なお、執筆時点での私たちのチームでは、本番プロジェクトへの Nuxt 3 の導入には至っていません。 本記事は、あくまで技術調査をしながら簡単なアプリケーションを開発してみた内容をまとめたものになります。 本記事で紹介す

本記事は 電通国際情報サービス Advent Calendar 2022 の8日目の記事です。 執筆者は X イノベーション 本部 AI トランスフォーメーションセンター所属の山田です。 この記事では先日（2022年11月中旬）に安定版がリリースされた Nuxt 3 について紹介します。 なお、執筆時点での私たちのチームでは、本番プロジェクトへの Nuxt 3 の導入には至っていません。 本記事は、あくまで技術調査をしながら簡単なアプリケーションを開発してみた内容をまとめたものになります。 本記事で紹介す

株式会社M&AクラウドはVueFes Japan Online 2022のブロンズスポンサーです。 Vue Fes Japan は JavaScriptのUIライブラリであるVue.jsを扱った日本最大級のカンファレンスです。 2019年、2020年は災害や感染症リスクにより開催が延期されていましたが今年2022年10月16日（日）ついに開催となります。 vuefes.jp 弊社でもVue.jsを利用したフレームワークであるNuxt.jsを採用しております。 tech.macloud.jp また、Nuxt

はじめに こんにちは。 株式会社ペライチのソフトウェアエンジニアの松元です。 所属は予約チームで、主にサーバーサイドのエンジニアとして予約機能の機能追加や改修を日々行なっています。 この記事は予約機能のカバレッジを上げるために、約半年間取り組んできたことのまとめた記事になります。 どなたかの参考になれば幸いです。 前提 簡単に予約機能についての概要をまとめると、 バックエンドにRuby on Rails、フロントエンドにはNuxt.jsといった構成になっています。 リリースされたのは2019年12月でかれ

こんにちは、ブロックチェーンチームの id:d-kimsuon です Vue2 では TypeScript がサポートされており、公式の TypeScript のサポートのドキュメント に従うことで TypeScript で書いていくことができます しかし、素直に書いていくと any 型になってしまったり、実際とは異なる型付けになってしまうポイントがあります この記事では TypeScript で Vue2 (Option API) を書くときに型を厳格にしやすい書き方等を紹介します 省略可能な prop

はじめまして、株式会社Luup CTO の岡田(@7omich)です。 先日、ローンチより2周年を迎えた LUUP の技術的取り組み・ノウハウ等について継続的な発信をするべく、Zenn を利用して Developers Blog を開設することにしました。 最初の記事として、まずは本ブログの方向性や技術組織の現状について書きたいと思います。 LUUP について LUUP は、電動キックボードや電動アシスト自転車をはじめとする、電動・小型・一人乗りのマイクロモビリティを、iOS/Android アプリから解

こんにちは、ブロックチェーンチームの id:odan3240 です。 モバファクには 「シェアナレ！」という社内勉強会制度 があります。この制度の時間を使用してゴールデンウィーク(以下GW)中に個人が趣味開発で行ったことを共有する会を開催しました。 この会は以下の LINE Engineering Blog の記事に触発されたのがきっかけでした。 engineering.linecorp.com この記事ではGW自由研究発表会の様子を紹介します。 発表概要 発表した人は6名でその概要は次の通りです。 Co

こんにちは。株式会社ペライチ のフロントエンドエンジニア藤田です。 デザイナーやサーバーサイドのエンジニアと連携を取り、アプリケーション内におけるユーザーと関わる部分の機能開発や改善が普段の主な業務内容です。 今回はその中でも年々課題感が増している 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 ダ