Wiz テックブログ

Wizは、最新のIoTやICTサービスをお客様に届ける「ITの総合商社」です。

EMトライアングルから見るWizのエンジニアリングマネージャーの現役割と、さらなる成長に向けて組織再編した話

こんにちは、株式会社Wizでエンジニアリングマネージャー(以下EM)をやっている上野です。 バックエンドエンジニアとして活動したのちEMとなり、数年経過しました。 今回、WizのEMがどんな活動を行っているのかを振り返った上で、 さらなるエンジニア組織の前…

知ってると得するかもしれないCSS(Sass)のニッチなテクニック集

CSS

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

リモートで社会人スタートした新卒エンジニアの本音

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

ServiceWorkerをサクッと導入してみた

こんにちは、インフラエンジニアの赤倉です。 今回は「ServiceWorker」のオフラインキャッシュを使ってWebページの読み込み高速化を実現してみたいとおもいます。 ServiceWorkerとは ServiceWorker とは、ブラウザが Web ページとは別にバックグラウンドで実…

新卒がタスクの恐怖で殺されないためには(仮)

こんにちは、フロントエンドの益田です。 OJT期間を終えてタスク管理について相談する機会があったので、今回は入社して5ヶ月経った自分なりのタスクの進め方について書いていきたいと思います。 1. 期限を確認する まずは、緊急か緊急でないかの確認をして…

php-cs-fixerをつかったコードフォーマットの自動化(git hook)

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

Laravelで初めてのテストとTDDをサクッとやってみる【初心者向け】

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

ドキュメント作成に向いている静的サイトジェネレータはどれ?

こんにちは、フロントエンドエンジニアの柳田です。 現在、チーム内でドキュメントを作成する機会が多くなってきました。 社内では、様々な方法でドキュメントを作成しているのですが、そのひとつの方法として、静的サイトジェネレータ(Static Site Generat…

PlaywrightとTestCafe比較

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

PHPでコンストラクタを複数定義する【初級〜中級者向け】

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

EMになって雑食になり行動が変わった話

はじめまして。エンジニアリングマネージャー(以下EM)の岡本です。今回は私がプレーヤーからマネージャーになって変化した「行動」について書いていきます。 マネージャーになり、基本的に何にでも興味を示し行動するようになりました。 エンジニアに関係…

TypeScript InterfaceとType Aliasについて

はじめに 皆様こんにちは、フロントエンドの松本です。 本日はTypeScriptのInterfaceとType Aliasについてお話していきたいと思います。 オブジェクトの宣言時などはどちらを使えばいいのか、頭を悩ませるトピックの一つでもあると思います。 それでは早速、…

NextAuth.jsでカスタムログインページを実装する方法

こんにちは、フロントエンドエンジニアの松尾です。 最近はNext.jsが盛り上がっており、エコシステムも充実してきています。 その中に、NextAuth.jsという認証機能を簡単に実装できるライブラリがあり非常に便利です。 next-auth.js.org 本記事では、NextAut…

npm packageの公開の手順

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

【Laravel】ローカルスコープから考える要求と意図

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

Puppeteerを使ったツールの構成について

こんにちは、フロントエンドエンジニアの高橋です。 先日Puppeteerを使った業務効率化のツールを作成しました。 その時参考にさせていただいた記事と一緒にその構成についてまとめたいと思います! Puppeteerをこれから触る方に少しでもお役に立てればと思い…

リモート環境におけるエンジニアの新人研修と新人メンターの話

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

Laravel×クリーンアーキテクチャ

簡単なユーザー作成機能について、 Laravel×クリーンアーキテクチャでサンプルを実装して見ました。

面倒な作業をコマンドでできるようにする

業務効率化のためにShellスクリプトを書いてみました。

AWSでSlackアプリを作ってみた ~開発環境構築からデプロイまで~

こんにちは、フロントエンドエンジニアの高野です。 最近AWSで簡単なSlackアプリを作成したので、その記録をまとめていきます。 今回話すこと/話さないこと 話すこと Slack側のapp初期設定について 開発環境の構築について Lambdaのフォルダ構成について 話…

Reactコードレビュー会を行いました。

こんにちは、フロントエンドエンジニアの仲本です。 Wizの新プロジェクトにてフロントエンドをReactを使用して実装しました。 新プロジェクトのフェーズ1が終了とフェーズ2の間で一度リファクタリングを行おうと思い今回コードレビュー会を開きました。 コー…

LINEBotのメッセージ形式あれこれ

「line-bot-sdk-php」を使ってLINEユーザーにメッセージを送る方法を紹介します。

LINEBotをPHPで自作する

「line-bot-sdk-php」ライブラリを使ってPHPでLINEBotを自作する方法を紹介します。

PHP(サーバ)上からWebSocketにアクセスする

通常はjavascriptから接続するWebSocketですが、サーバからアクセスする方法について紹介します。

LaravelでWebSocket(Ratchet)を使ってみた

「Ratchet」というライブラリを使って、PHPでWebSocket環境を構築する方法を紹介します。

Webアクセシビリティ検証フレームワーク「acot」を導入してみた。

はじめまして。フロントエンドエンジニアの内田です。 最近福岡では日中30℃を超える気温でぐったりです。アイスがとろけております。 さて突然ですが、この記事をご覧になっている皆様はアクセシビリティについて悩んだ事はありますでしょうか? Wizでは残念…

【エンジニア社内LT会】第6回

今回の社内LT会の内容〜 ・技術選定をしてみたという話 ・React v18 alpha 発表 ・EMなった時に感じたしょぼい点

様々なコミュニケーションについて〜営業部との違い〜

はじめまして!フロントエンドの久保です。 今回は【営業部 → エンジニア】へジョブチェンジした話を実体験に基づいて書いていきたいと思います。 ジョブチェンジの経緯 単刀直入にいうと新型コロナウィルスです。 今、どういう事??と思いましたよね。笑 …

【新卒】インターン研修を受けて -「失敗」の捉え方-

約3ヶ月半インターン研修を受けてみて、良かった点や学んだことについてまとめました。 そして「失敗」の捉え方を変えたことで起きた変化についても記述しました。

CSS設計について

研修中、特にCSS設計に苦戦した事もあり、CSS設計について知らない方向けにCSS設計の例やWizで使っているCSS設計をまとめてみました。