マガジンのカバー画像

Wizマガジン

152
本
Wiz（ワイズ）のクリエイターが記事を書いています。現場ならではの声をお届けします！ ▶︎https://note.com/wiz_creative/
運営しているクリエイター

#エンジニア

Wiz Engineer 技術共有会　10月第1週

弊社では週に一度、1時間の技術共有会を行なっています。最近のTechなニュースや気になること、仕事の役に立ちそうな情報など、ざっくばらんに共有する会です。 条件分岐をなるべく避けようコードリーディングのストレスを軽減する 関数から早く返す 早期returnできるということはメソッドを分解できている。 つまり本来のメソッドのみを簡潔に記入できるため、読み下しやすくなる。 ネストは浅くする if分のネストが2階層になった途端一気に読みづらくなる。 その場合ひとつ前の話で

Wiz_engineer

Wiz Engineer 技術共有会　7月第2週

弊社では週に一度、1時間の技術共有会を行なっています。最近のTechなニュースや気になること、仕事の役に立ちそうな情報など、ざっくばらんに共有する会です。 今週はジュニア層メンバーへ「バックエンド向け」をテーマに話しました。 みんなのバージョン選定のポイントパッケージや言語など開発スタート時にどうしても直面する「バージョン選定」問題があると思います。今回はメンバーから挙がった選定ポイントを紹介します！ 前例プロジェクトの活用： 新プロジェクトを始めるとき、既存のプロジェク

Wiz_engineer

【フロントエンド】Wiz Engineer 技術共有会　6月第4週

MSW(Mock Service Worker)でモックを作ってみた フロントエンドでAPIのモックを作成するにはいろいろな方法がありますよね。 json-server stoplight Prism agreed api route (Next.js) 上記で挙げた以外にも色々とフロントエンドでモックAPIを作成する方法があるかと思いますが、今回はMSWを使ってモックを作成してみましたのでそれについて簡単に説明します。 簡単なREST API例( https:

Wiz_engineer

Wiz Engineer 技術共有会　6月第2週

弊社では週に一度、1時間の技術共有会を行なっています。最近のTechなニュースや気になること、仕事の役に立ちそうな情報など、ざっくばらんに共有する会です。 今週は「バックエンドエンジニア向け」をテーマに話しました。 マネジメントスキル -> DDDに活かそう！ 社内バックエンドシステムではドメイン駆動設計(DDD)を活用した開発が行われており、それについて非常に参考になる資料があったので引用させていただきました。 著書『エリック・エヴァンスのドメイン駆動設計』と『エンジ

Wiz_engineer

Wiz Engineer 技術共有会　5月第4週

ページ遷移（Link、aタグ、ブラウザバックなど）するときに確認を促すカスタムフックを作った話 用途はフォームの入力内容に変更があった場合にページ遷移しようとすると「まだ入力内容が保存されてません」のようなメッセージを出したいときに使う ※react-routerにはこの機能があるけどnext.jsのuserRouterにはなかったので作った imgタグの正しい指定方法 ファーストビューにloading="lazy"は入れない方が良い(googleのガイドラインにも表記

Wiz_engineer

Wiz Engineer 技術共有会　5月第3週

弊社では週に一度、1時間の技術共有会を行なっています。内容としては、最近のTechなニュースや、気になること、仕事の役に立ちそうな情報をざっくばらんに共有しています。 DBの種類・設計・パフォーマンスちゃんとわかりますか？？リレーショナルDBが弊社では一般的に使われているDBですが、最近では列志向型だったり、key-value型だったりDBの種類もかなり増えているので使い分けていきたい パフォーマンスチューニングに関しては特に「APIが重い！」などよく言われる話で、パーテ

Wiz_engineer

Wiz Engineer 技術共有会　3月第1週

弊社では週に一度、1時間の技術共有会を行なっています。内容としては、最近のTechなニュースや、気になること、仕事の役に立ちそうな情報をざっくばらんに共有しています。 Next.js 13.2の内容で使えそうなもの探そうビルトインSEOサポート 動的にmetaタグを作れるようになったのが大きい！ いままで共通コンポーネントを作ってページで使い回したりしてたけどそれがいらなくなる Next.jsキャッシュ 静的なページのビルドが早くなるかも！差分ビルドっぽい振る舞いにな

Wiz_engineer

Wiz Engineer 技術共有会　2月第3週

弊社では週に一度、1時間の技術共有会を行なっています。内容としては、最近のTechなニュースや、気になること、仕事の役に立ちそうな情報をざっくばらんに共有しています。 Next.js + Wordpress(ヘッドレスCMS)WordPressはgit管理難しい 参考記事：Next.js × WP REST API でブログをリニューアルする時の注意点や学んだこと WordPressをGit管理する方法ありそう（？） ソースをdocker hubで管理？ git-h

Wiz_engineer

Wiz Engineer 技術共有会　2月第2週

弊社では週に一度、1時間の技術共有会を行なっています。 内容としては、最近のTechなニュースや、気になること、仕事の役に立ちそうな情報をざっくばらんに共有しています。 Laravel10が(もう)来る早い！古いプロジェクトのアップデートに追われるのが大変、、 バグfixやサポート諸々を考えて最低バージョンlaravel8ぐらいにはしたい 型定義やテストのパフォーマンス出力とかは期待 参考記事：A Look at What's Coming to Laravel 10

Wiz_engineer

Wiz Engineer 技術共有会　2月第1週

弊社では週に一度、1時間の技術共有会を行なっています。 内容としては、最近のTechなニュースや、気になること、仕事の役に立ちそうな情報をざっくばらんに共有しています。 React.ComponentPropsのお話Elementが持つPropsを全て受け入れるようにする inputにおけるnameやtypeなどElementが持つPropsを後から追加する必要がない Propsが冗長になってたりする人はこういった書き方を検討してもいいかも 参考記事：React.Co

Wiz_engineer

クリエイティブなことをしたい外国人労働者の方へ | Wizクリエイティブで働く外国の方インタビュー

今回、Wizクリエイティブで働くデザイナーのチェさんとエンジニアのハンさんにインタビューしてみました！ まずは、簡単な自己紹介！ チェさん 出身は韓国の統営（トンヨン）。来日3年目。Wiz（ワイズ）が最初の会社で働くのも同じく3年目。大学では、プロダクトデザインを専攻。大学卒業してから半年日本語研修を受け、初級〜中級レベルを習得し、来日。 ハンさん 出身は韓国の浦項（ポハン）。来日半年ほど。2022年4月入社。大学でコンピューター工学専攻し、日本語も専攻。 どうして日

noguchi_wiz

プログラマー35歳定年説はホント！？解決策としてのWEBディレクターとは？

IT系の職種で働かれている方、とくにエンジニアやプログラマーの方は一度は耳にされたことがあるのが「プログラマー35歳定年説」ではないでしょうか？ パソコンの黎明期には、30代で富を築き引退した方もいたようですが、現在では激務や長時間・深夜労働など負の印象を持たれている方が多いのではないでしょうか？ そこで、今回はプログラマー出身でWEBディレクターに転職した私が、35歳定年説に感じたウソ・ホントや定年説の解決策の1つとしてWEBディレクターへの転職について解説したいと思い

shirakura

オウンドメディアのディレクターにあると重宝するスキル！

前回は、オウンドメディアを運用を担当するWEBディレクターとして、必要なスキルとして重複削除やUNIQUE関数について解説を行いました。 今回は、あると重宝するスキルについて解説したいと思います。 エクセルには無いスプレッドシート独自の機能 今回利用するスプレッドシートの機能は、GAS(Google Apps Script)というものです。エクセルでもVBAやマクロなど作業を自動化することが可能ですが、スプレッドシートではGmailなどのGoogleAppsはもちろん、さ

shirakura