CentOS7からAlmaLinux8への移行を試してみます。

こんにちは、フロントエンドエンジニアの柳田です。 今までは、技術的なインプットが大半を占めていたのですが、半年前くらいから組織づくりについてのインプットを意識して行うようになりました。（技術的インプットが減ってきているので、がんばらないと…！）。 最近読んでいる本で、心理的安全性の大切さを改めて感じたので、今回はその本の紹介と、弊社で行っている心理的安全性を高める取り組みをご紹介したいと思います。 最近読んでいる本 最近、私が読んでいる本は、産業・組織心理学者の山浦一保さん著の『武器としての組織心理学 人を動かすビジネスパーソン必須の心理学』です。 組織心理学とは 組織のトラブルの原因を突き止…

LaravelプロジェクトへのL5-Swagger導入とBasic認証の設定について簡単に紹介します。

半年間、TDDに触れてみて自分なりにテストしやすい構造を練ってみました！それらの手法をご紹介したいと思います。

突撃！隣のリモート環境 第1弾。Wizエンジニアの皆様に推しキーボードを教えてもらいました。

タイムトライアル的なタスクを、手になじんだ言語でさくっとこなす。今回はrubyの例です。

バックエンドはexpress(nodejs)を使ってMySqlに接続しクライアント側はNext(react)を使って簡データベースを作成してみたいと思います。

今回は先日リリースされたNuxt Bridgeについて試してみたいと思います。

MySQLにおける実行計画の確認方法とサンプルチューニングについて簡単にまとめました。

こんにちは、フロントエンドエンジニアの髙橋です。 先日Next.js ConfでNext.js 12は発表されましたね！ 色々な新機能が追加されましたが、新機能のMiddlewareが気になって試してみたのでその使い方などを書いてみようと思います。 middlewareとは？ 公式には以下のように書かれております！ Middleware enables you to use code over configuration. This gives you full flexibility in Next.js because you can run code before a request i…

今回は、現在開発しているプロダクトに、テストを導入するにあたって、Mock Service Workerを導入し、OpenAPIと組みわせてMockAPIを作成しテスト実装を行った話

LaravelでDDDを採用する際のセッション取り扱いの一例について解説しました。

需要激増中のグロースハッカーという職業について書いてみました。自分が目指す職業の一つの選択肢として読んでいただけると幸いです。

こんにちは、株式会社Wizでエンジニアリングマネージャー(以下EM)をやっている上野です。 バックエンドエンジニアとして活動したのちEMとなり、数年経過しました。 今回、WizのEMがどんな活動を行っているのかを振り返った上で、 さらなるエンジニア組織の前進のために、10月から実施した組織再編について紹介します。 (前提)そもそもエンジニア組織はなにやっているの？ 前提として、Wizのエンジニア組織は大きく2つの役割を担っており、すべてが自社開発となります。 各種Webメディアを開発し集客する広告的役割 社内外を業務改善したり、営業価値を最大化するようなWebプロダクト開発 WizのEMの現役…

今回は私が実際に実務で使用しているCSS（Sass）のちょっとしたテクニック集を紹介します。

研修・実務のほとんどをリモートで行ってきた新卒エンジニアが、リモートワークに対する本音を語りました。

こんにちは、インフラエンジニアの赤倉です。 今回は「ServiceWorker」のオフラインキャッシュを使ってWebページの読み込み高速化を実現してみたいとおもいます。 ServiceWorkerとは ServiceWorker とは、ブラウザが Web ページとは別にバックグラウンドで実行するJavaScript環境のことです。ページ内のコンテンツをブラウザ側にキャッシュしてオフライン状態でも利用することができます。 対応ブラウザ Chrome Edge Firefox Opera Safari また、ServiceWorkerの稼働条件としてWebページのHTTPS化が必須となっております…

こんにちは、フロントエンドの益田です。 OJT期間を終えてタスク管理について相談する機会があったので、今回は入社して5ヶ月経った自分なりのタスクの進め方について書いていきたいと思います。 1. 期限を確認する まずは、緊急か緊急でないかの確認をして、緊急を要する要件でないのならTODOリストに入れて一旦忘れるようにしています。 人によって管理の仕方が違うと思いますが、私はノートに殴り描きしてからリスト化するようにしています。 2. 日数がかかるタスクは定期的にハートビートを送る 大きなタスクや並行しているタスクがある場合は進捗を報告をして、一人で悩む時間を一定以上掛けないようにしています。（生…

phpのパッケージphp-cs-fixerを使ったコードフォーマットのやり方と、git hookを使った自動化について簡単に紹介します。

TDD(テスト駆動開発)が気にはなるけど実践するのはハードルが高いという方に向けてTDDの雰囲気や手順を簡単に紹介します。

こんにちは、フロントエンドエンジニアの柳田です。 現在、チーム内でドキュメントを作成する機会が多くなってきました。 社内では、様々な方法でドキュメントを作成しているのですが、そのひとつの方法として、静的サイトジェネレータ（Static Site Generator：SSG）があります。 今回は、ドキュメント作成にあたって自分が試してみたSSGをいくつかご紹介したいと思います。 静的サイトジェネレータ（SSG）とは？ 静的サイトジェネレータとは、入力ファイルから簡単に静的ページを生成してくれるツールのことです。 有名なものだと、Next.jsやGatsby、Nuxtがありますね。 実際に表示に利…

E2Eフレームワーク,ライブラリである「TestCafe」と「Playwright」について簡単に比較してみました。

PHP(Laravel)を使って、コンストラクタを複数定義する方法について書いてみました

はじめまして。エンジニアリングマネージャー（以下EM）の岡本です。今回は私がプレーヤーからマネージャーになって変化した「行動」について書いていきます。 マネージャーになり、基本的に何にでも興味を示し行動するようになりました。 エンジニアに関係ない記事や本でも興味があれば読んでみたり、コミュニケーションが苦手なのに積極的に取るようになったり、課題と感じたらとりあえず何かやってみたり、と何でも好き嫌いなくまず行動するようになりました。 「こんなのできるのが当たり前じゃん！」と思う方もいると思いますが、自分自身、性格と合わない行動が多く不思議に思っており、今回振り返りも兼ねてまとめていきたいと思いま…

はじめに 皆様こんにちは、フロントエンドの松本です。 本日はTypeScriptのInterfaceとType Aliasについてお話していきたいと思います。 オブジェクトの宣言時などはどちらを使えばいいのか、頭を悩ませるトピックの一つでもあると思います。 それでは早速、両者の具体的な違いをみていきましょう。 型の宣言 // Interface interface Book { title: string page: number } // Type Alias type Book = { page: number } Interfaceは構造を定義するものなのでType Aliasと違って=…

こんにちは、フロントエンドエンジニアの松尾です。 最近はNext.jsが盛り上がっており、エコシステムも充実してきています。 その中に、NextAuth.jsという認証機能を簡単に実装できるライブラリがあり非常に便利です。 next-auth.js.org 本記事では、NextAuth.jsを使用したカスタムログインページの実装方法について説明したいと思います。 NextAuth.jsとは？ NextAuth.jsとは、Next.jsに簡単に認証機能を実装できるライブラリです。 アカウント登録も必要なく、ライブラリをインストールするだけで実装できます。 また、メールアドレス認証に加えて、Goo…

npmモジュール（npm パッケージ)を作成しデプロイしてオープンソースとして使えるところまでやってみたいと思います。

Laravelのローカルスコープをとおして、「要求」を「意図」に変換しその「意図」に名付けをおこなうという、プログラミングそのものを考える。

こんにちは、フロントエンドエンジニアの高橋です。 先日Puppeteerを使った業務効率化のツールを作成しました。 その時参考にさせていただいた記事と一緒にその構成についてまとめたいと思います！ Puppeteerをこれから触る方に少しでもお役に立てればと思います…！ 何を作るのか あまりオープンにできないのですが、webでの操作を半自動化するツールです！ 作りたいものの流れとしては以下の通りです。 必要な情報をフォームで入力 データをどこかにためておく 入力した値を元にPuppeteerを動かす 結果をSlackで通知する では構成についてまとめていきたいと思います。 構成 早速ですが、以下…

リモート環境下で行われたフロントエンドエンジニア新人研修について、その内容と振り返りに加えて、エンジニア歴約1年半の自分がメンターとして教育に携わった所感を記したいと思います。