Wiz_engineer

Wiz_engineer

  • Wizマガジン

    • 152本

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

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

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

Wiz_engineer

    • Wiz Engineer 技術共有会　9月第4週

      弊社では週に一度、1時間の技術共有会を行なっています。最近のTechなニュースや気になること、仕事の役に立ちそうな情報など、ざっくばらんに共有する会です。 今週は「初心者向け」をテーマに話しました。 今回から「初心者向け」テーマ時はジュニア層メンバーだけの参加となり、同じくらいのレベル感のメンバー少人数で話せるよい会でした。 どのAI活用している？以下記事をもとにBingを使用し、GPT-4より使いやすいかも？という共有でした。 ほとんどのメンバーがChatGPTを使用し

      Wiz_engineer

      • Wiz Engineer 技術共有会　8月第1週

        弊社では週に一度、1時間の技術共有会を行なっています。最近のTechなニュースや気になること、仕事の役に立ちそうな情報など、ざっくばらんに共有する会です。 今週はジュニア層メンバーへ「初心者向け」をテーマに話しました。 情報のインプットどうやってやってる？Techfeed Twitter（X） LT会に参加する サイボウズの定期的にある動画 Zennでインプット Podcast Google Discover（Android使ってる人におすすめ） 人それぞれの

        Wiz_engineer

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

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

          Wiz_engineer

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

        Wiz_engineer

        マガジン

        • Wizマガジン
          152本

        記事

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

          弊社では週に一度、1時間の技術共有会を行なっています。最近のTechなニュースや気になること、仕事の役に立ちそうな情報など、ざっくばらんに共有する会です。 今週はジュニア層メンバーへ「初心者向け」をテーマに話しました。 コンテナクエリ使ってますか？2023年2月にFirefoxに対応したことで、全てのブラウザに対応したコンテナクエリ。 ウィンドウサイズを基準にするメディアクエリと違って `@container` を使うと任意の要素を基準にできるので、とても便利です。 活用

          Wiz_engineer

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

          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月第4週

          Wiz_engineer

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

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

          Wiz_engineer

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

          Wiz_engineer

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

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

          Wiz_engineer

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

          Wiz_engineer

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

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

          Wiz_engineer

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

          Wiz_engineer

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

          弊社では週に一度、1時間の技術共有会を行なっています。最近のTechなニュースや気になること、仕事の役に立ちそうな情報など、ざっくばらんに共有する会です。 4月から、週ごとにテーマを変えて実施！ 今週は「初心者向け」をテーマに話しました。 作業時間を「３分割」にすれば大幅に効率向上！タスク分解って何気なくやっている人もいるよね、、というところから記事の紹介。 記事の例では、報告書を作成する際 「構成を検討するのに5分」「作成に20分」「確認に5分」というふうに分解しようと

          Wiz_engineer

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

          Wiz_engineer

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

          弊社では週に一度、1時間の技術共有会を行なっています。最近のTechなニュースや気になること、仕事の役に立ちそうな情報など、ざっくばらんに共有する会です。 今月から、週ごとにテーマを変えて実施！ 今週は「フロントエンドの情報共有」をテーマに話しました。 1. エンジニアのデバッグスキル向上のポイントデバッグのあたりの付け方の話 バグに遭遇したらまずどうしますか？？(大事！) デバッグログは二分探索的に仕込んだ方が効率的！ 再現する方法が複数あるとあたりがつけやすくなる

          Wiz_engineer

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

          Wiz_engineer

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

          弊社では週に一度、1時間の技術共有会を行なっています。内容としては、最近のTechなニュースや、気になること、仕事の役に立ちそうな情報をざっくばらんに共有しています。 第4週は会をお休みさせていただいたので今回第5週の記事になります 最近話題のプロンプトエンジニアリングについてプロプトエンジニアリングってみんな知ってた？ 最近話題のChatGPTですが、AIに命令する”プロンプト文”を生成する技術として注目を集めています。社内でも気になっている人がちらほら… 教育コスト

          Wiz_engineer

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

          Wiz_engineer

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

          弊社では週に一度、1時間の技術共有会を行なっています。内容としては、最近のTechなニュースや、気になること、仕事の役に立ちそうな情報をざっくばらんに共有しています。 useContainerHeight() コンテナの高さをとるカスタムフックを作ったアコーディオンのような高さを取得してアニメーションを指定したい場合に非常に使えるカスタムフックで、非表示状態のコンテナの高さを取得できるようなものをつくりました。 k6という負荷テストツールを使ってみたk6というのは自分の行

          Wiz_engineer

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

          Wiz_engineer

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

          弊社では週に一度、1時間の技術共有会を行なっています。内容としては、最近のTechなニュースや、気になること、仕事の役に立ちそうな情報をざっくばらんに共有しています。 フォームテストで使える拡張機能Autofill webフォームの入力を保存できる！ 何度もテストを行うフォームの入力を保存しておくことで、都度入力せずテストがめっちゃラクになった https://chrome.google.com/webstore/detail/autofill/nlmmgnhgdeff

          Wiz_engineer

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

          Wiz_engineer

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

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

          Wiz_engineer

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

          Wiz_engineer

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

          弊社では週に一度、1時間の技術共有会を行なっています。内容としては、最近のTechなニュースや、気になること、仕事の役に立ちそうな情報をざっくばらんに共有しています。 今回はAIの話題が多かったですね。 chatGPTをvsCodeで使ってみた「chatGPTのおかげで開発が捗ってます！」 vsCodeの拡張機能があり色々とできるようになってます。 コードの最適化や整形など自動でしてくれる リファクタリングの指針に。 copilotが有料だしchatGPTでいいかも

          Wiz_engineer

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

          Wiz_engineer