Wiz テックブログ

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

gitでpushする前にコミットを整理する

git

こんにちは。バックエンドエンジニアの河内です。 今回は、コミットを整理する方法のうち、個人的に使用頻度が高いものについて書きます。 前提方針 コミットログを整えるために編集を加えるのは、ローカルリポジトリのコミットだけとします。 逆に言うと、…

輪読会を開催した話とその感想

はじめまして、フロントエンドエンジニアの髙橋です。 バーチャルオフィス導入の影響もあり、Wiz社内でのオンラインのLT会やもくもく会などイベントが増えてきております。 その一環でWizでは今期から毎週輪読会を行っており、その内容や感想などをご紹介し…

バーチャルオフィスという働き方

はじめに 皆様こんにちは、フロントエンドエンジニアの松本です。 本日はWizクリエイティブチームの働き方についてご紹介したいと思います。 現在、Wizクリエイティブチームの全職種(ディレクター、デザイナー、フロントエンド、バックエンド、ライター)は…

TerraformでCodeDeploy+CodePipeline (GitHub Ver2)を実装する

バランサーとEC2 デプロイフロー Terraformで実装 前提 ディレクトリ構成 CodeDeploy 必要なリソースのインポート ①インポートしたリソースの定義 ②デプロイアプリケーションとデプロイグループの作成 CodePipeline ①IAMロール作成とポリシーアタッチ ②S3バ…

第2回LT会を行いました。

第2回LT会レポ JSモジュールバンドラのこれからについて考える メモリーを認識したプログラム PHPのInterfaceの使いどころ TypeScript導入のススメ 第2回LT会レポ 今回のLT会の内容は 発表者: 4名 制限時間: 発表時間 5分 + 質問時間 10分 テーマ: 自由 で行…

Vue3.0における状態管理(Vuex,Provide / inject)

こんにちは、フロントエンドエンジニアの小玉です。 今回は、Vue.jsにおける状態管理についてお話したいと思います。 Vue2.x時代、多くの方はVuexを使用していたのではないでしょうか?Vue2.x、Vue3.xともに公式のドキュメントにおいても、状態管理のセクシ…

Laravelで既存画像のWebP対応

今回はPHPのLaravelで既存画像のWebP化及び切替表示について実装例を紹介してみようと思います。 目的 記事の画像をWebP化することによって記事の表示スピードを早くする。 WebP(うぇっぴー)とは 軽量の新画像形式で開発したグーグルによると、画像をWebP…

PHPのInterface -メリットと使い所-

今回はPHPのInterfaceの使い所について、例を交えつつ紹介してみようと思います。 本題に入る前にこの記事内のサンプルコードについてです。 サンプルコードは全て、フレームワークにLaravelを使用しているという前提で記述しています。 LaravelでInterface…

Next.js10新機能 next/imageを使ってみた

こんにちは、フロントエンドエンジニアの松尾です。 2020年10月27日にNext.js10がリリースされ、パフォーマンスを改善するための20個を超える新しい機能が追加されました。 nextjs.org 私たちフロントエンドチームでも、プロジェクトにNext.js10を導入してお…

Lambda@EdgeでCloudFrontの配信をコントロールしたい

Lambda@Edgeとは 設定出来るフック 例:webp画像を配信して表示速度高速化したい ①IAMロールを作成 ② Lambda関数を作成 ③関数コードを作成 ④デプロイパッケージを作成 ⑤.zipファイルをアップロード ⑥テストを行ってみる ⑦ Lambda@EdgeをデプロイしCloudFront…

Snowpack 試してみました

皆さんこんにちは、フロントエンドエンジニアの高野です。 皆さんはJSのバンドラーは何を使われていますか? 私たちフロントエンドチームでは主にwebpack、一部browserifyを使用しています。 最近はReactやVueをブイブイ使いビジネスロジックをもつことも多…

Laravel8 使ってみた。

Laravel7との違い ①ルートファイルの書き方 Laravel7では以下の様な記述でしたが、

【TypeScript】 HTMLElementに関する型推論

こんにちは。フロントエンド の仲本です。 今回はHTML要素に関する型推論について、一般的な型推論からデファルトでは型推論できない場合の対応方法までを紹介いたします。 要素に対する型推論 まずはHTML要素の一般的な型推論を紹介いたします。 <html lang='ja'> <head> <meta charset='utf-8'> <title>sample</title></meta></head></html>…

社内LT会はじめました。

wizでは現在ブランディング向上施策に力を入れています。 当ブログの開設も施策のひとつです。 さらに施策の一貫としてLT会を開催することになりました。 その狙いと、早速開催した第1回LT会の様子についてご紹介します。 LT会レポはフロントエンドエンジニ…

テックブログ はじめました。

初めまして、フロントエンドエンジニアの高野です。 Wizのエンジニアではてなブログでテックブログ を発足しました!今回は第一回目の投稿なので、やはり第一回目らしく、なぜテックブログ をはじめるに至ったかの経緯をご紹介します。 【今までのwizの情報…