はじめに こんにちわ！新人社員のキタジマと申します。 今回研修カリキュラムとしてオリジナルアプリ作成をしていた中で、開発用ビルドツールとして用いた「Vite」の快適さを「vue-cli」と比較していきながら紹介していきます！ 今回は開発用サーバを立ち上げてみて確認してみます。 Viteとは？ Vue.jsは、優れた開発者体験と柔軟性を提供する人気のあるJavaScriptフレームワークです。Vueプロジェクトのセットアップとビルドには、Vue CLIが広く利用されていますが、近年、Viteと呼ばれる新しい

イノベーションとアジリティは、デジタル環境で優位に立ち続けるための重要な鍵であり、そのため企業はますますクラウドサービスの力を活用しようとしています。しかし、多くの組織が直面する大きな障害は、インターネット上で機密データを送受信することによるリスクです。この課題を認識し、本ブログでは、SAP Private Link が SAP Business Technology Platform (BTP) 内で AWS の標準サービスを安全かつプライベートに利用できる経路を提供する方法を探っています。このアプロー

Hello (or good evening), this is the part 6 of our irregular Svelte series. To read previous articles, you can click on the links below: Insights from using SvelteKit + Svelte for a year Comparison of Svelte and other JS frameworks - Irregular Svelte seri

はじめに 本連載は、システム開発に必要な知識を得るために、一通りの流れを学ぶことを目指しています。 本連載の第7回からは、実際の業務を想定したメモアプリを例に、開発の流れを解説しています。前回はアプリケーションサーバー( […]

桜も終わって、春というより初夏の暑さに汗ばんでいます。クラウドエースの亀梨です。 今回は、BigQuery の気が利いた機能、UDF (ユーザー定義関数)について紹介したいと思います。 BigQuery の対応しているデータ型 BigQuery では、多種多様なデータの格納と展開に対応しています。 https://cloud.google.com/bigquery/docs/reference/standard-sql/data-types たとえば JSON データにネイティブ対応しており、直接クエリす

こんにちは、スタメンで TUNAG の機能開発チームに所属している森( @hisayuki_mori )です。 今回、2023年の11月からスタートした新機能開発においてフロントエンド側の開発を担当しました。 この5ヶ月の間に新しくチャレンジしたことの紹介をします！ チャレンジしたことまとめ 背景 詳細 Node.jsを18系から20系にアップデート Reactを17系から18系にアップデート Storybookの8.xをalpha版から導入 Biomeの導入 testing-liblraryの導入(v1

ご挨拶 はじめまして、ココナラ新卒2期生のはるきと申します。 今回はココナラの入社前インターン(1月〜3月)の感想を記事にさせていただき、新卒エンジニアの方や就活を控えている後輩の皆さんの参考になれば嬉しいです！ 目次 自己紹介/スキルセット ココナラのインターン インターンでの学び 率直なコミュニケーション 主体性 ココナラで目指すもの 自己紹介/スキルセット 2024年1月から3月までの間、フロントエンド開発グループで内定者インターンとして業務し、4月より正式に新卒2期生として入社しました。 情報系の

Introduction Hello, I am Ki-yuno, in charge of front-end development for KINTO FACTORY. In this article, I would like to outline the process of setting up a debugging environment for React projects in Visual Studio Code (hereafter referred to as VS Code).

はじめまして！ サイオステクノロジー の安藤　浩です。E2Eテストで利用されるPlaywright の入門として、インストールからコード生成、テスト実行の方法についてご紹介させていただきます。 Playwright とは Web アプリのテスト、テスト自動化が可能なNode.jsの ライブラリのことです。 特徴として以下が挙げられます。 クロスブラウザ対応 非同期処理を適切に処理して、シンプルなテストコードが書ける ブラウザ操作からコードが生成できる Visual Regression Test (VRT

こんにちは！「SHIFTGroup技術ブログ」編集部のノザワです。 いつもご覧いただきありがとうございます！ 急な雨や冷え込みに、せっかく咲いた桜も一瞬で…。なんだかんだと毎年恒例な気もしますが、だからこそ、満開の桜に出会えることが貴重に感じるものですね。働きながら育児をしていると、日常でガミガミ・せかせか・イライラしてしまうのですが、ふと 「今が可愛い盛り、幸せの満開状態なのかもしれない」 と思うと、儚い瞬間をもっと味わえたらいいのにな、と。あっという間に葉桜になり、たくましい青葉の季節になってしまうん

こんにちは、クラウドエース株式会社 SRE 部の阿部です。 今回は Workload Identity Federation for GKE で Google サービスアカウント作成が不要となる機能拡張について紹介します。 はじめに この機能は 2024 年 3 月 30 日に Cynthia Thomas さんから紹介されました。 また、スリーシェイク Annosuke Yokoo さんが 3 月 31 日に速攻で検証記事を執筆されています。 https://zenn.dev/yokoo_an209/a

はじめに npmとは？ Node.jsとは 環境構築実践 Node.jsをインストール バージョン確認 npmをインストール...? package.jsonの作成とパッケージのインストール おわりに はじめに はじめまして、入社してからなんだかんだ1年経とうとしている新入社員の内藤です。 現場に配属され実案件に入るようになってから約半年、いくつかのプロジェクトに携わってきましたがどこへ行っても初めに行うことといえば…そう、「環境構築」です。 今でこそ、参画するプロジェクトのREADME（説明書的なファイ

エンジニアの市川と申します。 LIFULL HOME'S の売買領域の開発を担当しています。 さて、さっそくではありますが、読者の皆さんは普段ABテストを実施しているでしょうか。 私たちの開発しているLIFULL HOME'Sでも、日々多くのABテストが実施されています。 ABテストの実施によって市場学習回数を増やし、より良いプロダクトを作り上げることが目的です。 その中で私たちエンジニアが貢献できる点といえば、市場学習のスピードを上げることです。 LIFULL HOME'Sでは長年ABテストを実施してき

こんにちは、エンジニアの籏野です。 近年のフォルシアのアプリ開発は Node.js を中心としたエコシステムの恩恵を多く受けながら行われています。 モジュールとしてアプリで利用するだけでなく、便利な CLI などもたくさん存在しており、ちょっとした困りごとが簡単に解決できる場面も多いです。 今回は開発を進める中で CLI を自作しようかなと思う場面があり、基本的な CLI の作り方について調べました。 よく見る「watch モード」も搭載してみましたので紹介します。 利用するモジュール 今回は以下の 3

賃貸領域でフロントエンドエンジニアをしている齋藤です。 今回はここ数年取り組んでいたフロントエンド領域における自動テスト導入とテスト工数削減について、書いていきたいと思います。 なぜ導入したのか、導入して見えた課題、そしてその課題を解決するためにどうしていったのか、という流れで書いていきます。 目次 目次 なぜ導入したのか たびたび障害が発生 開発効率が悪い 自動テストを導入する 自動テストの導入 導入して見えてきたもの ほぼコードを書かない解決策 まとめ お知らせ なぜ導入したのか まず弊社では日々の機