こんにちは、すべての開発組織の生産性を上げたいhamです。 私の所属する開発チームでは、今年1月からフロントエンドのアーキテクチャを変更する大規模なリファクタリングを行いました。 アーキテクチャ変更の詳細についてはこの記事では触れませんが、以前SaaSにおけるフロントエンドの技術戦略 | SaaS.tech #6というイベントでLTを行いました。 このリファクタリングは5人で3ヶ月ほどかかる大規模なもので、1〜3月にエンジニア5名にほぼフルコミットしてもらい実施しました。 その間、施策開発も並行して行いましたが、施策開発を担当するフロントエンドエンジニアは2名に対してリファクタリングには5名アサインしたので、リソースの7割をリファクタリングに割いたことになります。 前述の通り施策開発はSTOPしていないものの、1〜3月は開発リソースの7割が施策開発に使えない状態になりました。 それにも関わ
ドメイン駆動設計を実践して自分の LINE 環境をリファクタリングしてみた（実装編） | DevelopersIO
「ドメイン駆動設計を実践してみた」の続き、実装編ですが、前記事の PV が結構あったのでビビってます。 こんにちは、高崎＠アノテーション です。 はじめに 前回の投稿 の続きになりますが、今回は実装編です。 実装したソースを見ると結構デカくなったので、まずはメインのドメインモデルとなるメモ保存データリポジトリmemoStoreの実装と、今回もう一つ、実践しようとしている DI コンテナを実践した実装をブログの記事にしたいと思います。 ベースとなるソースについては下記に記載しています。 なお、前回の投稿にも記載しましたが、正確性としては程遠い可能性があり、実装もエラーチェック等も甘い実装例として記載していること、予めご了承ください。 参考文献 文献１：ドメイン駆動設計入門 ボトムアップでわかる！ドメイン駆動設計の基本 文献２：現場で役立つシステム設計の原則 〜変更を楽で安全にするオブジェクト
みなさま、ChatGPT (Model: GPT-4) は利用されているでしょうか。私は早速遊んでますが、単純にとても楽しいです。OK Google や Hey Siri のような単調の返しではなく、何処となく人間っぽい文章を返してくるのが非常に楽しいです。 さて、エンジニアとしては、ChatGPT がソースコードが書けるのか、リファクタリングができるのかが気になるということで、試してみました。リファクタリングにちょうどいい具合のソースコードはないかと探したところ、弊社の iOS エンジニアコードチェック課題がありました。早速試してみましょう。 ChatGPT によるリファクタリング ViewController.swift を渡して、ソースコードの問題点を次のように指摘してもらいました。 変数名の命名規則: 変数名はわかりやすく、意味のある名前にすることが推奨されます。例えば、SchBr
この記事は何 記事投稿キャンペーン「ChatGPTなどの活用方法を発信しよう！」の参加記事です。 ChatGPTの可能性を色々模索している中で試したことを記事としてまとめました。 ChatGPTとは ChatGPTについてはすでに多くの記事が投稿されていますので、割愛します。 以下の記事などをご参考ください。 思ったこと の記事を読み、「ChatGPTはコンピュータの処理のエミュレートもできるのでは？」と考えました。 つまり、ChatGPT上でプログラムの実行も行えそうです。 実際に試した ChatGPT上でプログラムが実行できそうか、試してみました。 まずはRuby。今回はフィボナッチ数列のプログラムが実行できるか試してみました。 ちなみにコードは https://qiita.com/zooootech/items/d8ca1e9d8cfde5646591 の記事のものを実行しています。
🎯 daily.dev switched from Preact to React for its frontend framework, aiming to resolve development issues and enhance performance. The move, executed during a team hackathon, involved significant planning, testing, and codebase adjustments. This shift allowed for better compatibility with Next.js, improved development experience, and prepared the platform for future technological advancements. U
React antipatterns to avoid
📅 Sep 19, 2021 · ☕ 5 min read · ✍️ Iskander Samatov Here are some of the antipatterns most commonly seen in React applications and how to fix them. These antipatterns will make your codebase a nightmare to work with if you’re don’t learn to recognize and prevent them at their early stages. Putting everything in Redux Redux is awesome. It optimizes performance behind the scenes and lets us easil
RefactorFirst とは RefactorFirst を使ってみる RefactorFirst レポート まとめ RefactorFirst とは どのクラスからリファクタリングを開始すべきかを教えてくれる Java 用のツールです。 現在のバージョンは 0.2 となっています。 github.com クラスの大きさ(メソッド数)や更新頻度(Gitのコミットログから)などから、リファクタリングにより効果が出やすいクラスをランク付けしたレポートを出力します。 現在は Maven プラグインとして提供されています。 RefactorFirst を使ってみる Commons Lang を例に RefactorFirst を使ってみましょう。 $ git clone https://github.com/apache/commons-lang.git $ cd commons-lang プ
プロダクトマネージャーとエンジニアリングマネージャーで協力して使われなくなったコードを消していった話 - Retty Tech Blog
Rettyの松田です。普段はプロダクトマネージャーとしてSEOに関わっていることが多いですが、今回はエンジニアリング寄りのブログです。 元々Webエンジニアをしていたのである程度はコードを読むことができ、現実的にプロダクトの改善につながるものがあったため、週1時間ぐらいを確保してコードリーディングするのを半年ぐらい続けていました。 一定の区切りがついたのと、実際にいくつか不要なコードを削除することができたので、その取り組みについてまとめてみます。 きっかけ プロダクトの主要なページについて、現状を把握することが難しくなってきていることが課題として存在していました。 主要なページは数多くの施策が行われている分コードの変化も多く、ユーザーさんに価値を提供し続けられなくなってしまったものも取り残されてしまっていました。 他の施策の実行に合わせてリファクタリングできるレベルであればよかったのですが
PHPerKaigi 2023の登壇資料です。 https://phperkaigi.jp/2023/
リファクタリングと掃除でも比較してみるかぁ、と愚かなことを思いついて書きました。 ブログにしようかなとも考えたのだけど、多分スライドとかの方がわかりやすいかなぁと思ってスライドにした。 https://speakerdeck.com/yyyank/jie-ju-rihuakutaringututehe-nanoka-sao-chu-karaniu-jie-kurihuakutaringu-refactoring-vs-room-cleaning 資料を作ってみて分かったこと 自分は掃除が苦手なので、結構部屋が散らかりがちで 頭の中では分かっているのだけど、みたいなことがよくある。 日常の中で生活できてしまっているから、散らかってるのは分かっているのだけど掃除しないんだよね。という。 これはなんかリファクタリングに似てる気もする。というのが発端だった。 リファクタリングの感度と部屋の綺麗さに
VBAにはユニットテストやリファクタリング機能がない・・・そんなふうに考えていた時期が俺にもありました - Qiita
コンテキストメニューまたは、メニューバーのRubberduckメニューからRefactorを実行することでリファクタリングが行えます。 下記の例では関数名を変更しています。 他にも引数の削除や順番が行えます。 テスト用のモジュールとメソッドの追加方法 Rubberduck→Unit Tests→Test Moduleでテストモジュールを追加、Rubberduck→Unit Tests→Test Methodでテストメソッドを追加します。 テストモジュール中の「'@TestMethod」というコメントが記載された関数がテストメソッドとなります。 テスト実行例 まず以下のようなテストモジュールを用意します。 Option Explicit Option Private Module '@TestModule '@Folder("Tests") Private Assert As Object
この記事は、イベント 【PERSOL（パーソル）グループ Tech Talk #3 - 技術負債との向き合い方 - 】を開催しました。 の発表内容です。 桑田です。よろしくお願いします。 改めまして、パーソルプロセス&テクノロジーという会社のSEEDS COMPANYという部署の桑田と申します。 リファクタリングの理想と現実と泥臭さということで、今までの方々は割と現場寄りのお話が多かったと思うんですけど、私はちょっと経路を変えてプロジェクトマネジメント寄りというか政治寄りの話をしようかなと思ってます。 自己紹介です。私は2018年にSEEDS COMPANYにジョインしまして、エンジニアリング兼、スクラムマスター兼バックエンドアーキテクト兼みたいな感じでやってました。 最近はSEEDS COMPANY全体の技術責任者として会議漬けの人生を送っております。 好きな技術領域はGoを中心にみたい
Manchun Tåkãnø🏊 on Twitter: "同僚が頑張ってスパゲティ化したコードをrefactoring しているのだが、依存関係をchartに起こして、そこからTopological sortでJIRA ticketを生成し、Jr. levelのエンジニアにタスクをアサイ… https://t.co/lASDoQeNAb"
同僚が頑張ってスパゲティ化したコードをrefactoring しているのだが、依存関係をchartに起こして、そこからTopological sortでJIRA ticketを生成し、Jr. levelのエンジニアにタスクをアサイ… https://t.co/lASDoQeNAb
DMM meetup #14 ( https://dmm.connpass.com/event/152326/ ) での資料です。 レガシーコードを実環境の動作をログ化することでテストケースに変換。 それらのテストケースを活用してリファクタリングを行う技術の紹介をしました。 そしてDMMのプラットフォームチームとは何かについて。
はじめに みなさんオブジェクト指向開発してますか？ 大規模な開発であれば実装前にきっちりとクラス設計を行っていることでしょう。 また、大規模でなくても機能を跨いだり、複数の担当者で利用するクラスなどは、事前に慎重に設計すべきです。 開発現場にきちんとクラスの設計ルールがある場合は、この記事は読まなくて大丈夫です。 しかし、小規模の機能追加なんかの場合、クラス設計も実装も個人に任されることがあると思います。何ならオブジェクト指向で作らなくても全然構わない状況かもしれません。 でも、オブジェクト指向で作りたいですよね？ この記事では、オブジェクト指向について基本的な知識がある人向けに、実装の最初の取っ掛かりや、リファクタリングする際の観点とか、そういったヒントを紹介したいと思います。 （注意）チームの開発・設計・コーディング等、各種ルール・規約を遵守してくださいね。 サンプルケース ここではカ
こんにちは。Backlog開発チームの砂川です。 現在BacklogではフロントエンドのReact/TypeScriptへのリプレイスを進めています。既に一部の画面（課題検索画面、課題詳細画面）がリプレイスされ、本番環境で稼働しています。 この記事では、Reactへのリプレイスによって素早い機能開発ができる状態を実現しようとしていること、リプレイスしたコードを安心して触れる様にするために導入したものをご紹介します。 本題の前に: 表示速度も大幅に高速化 本題の前に今回のリプレイスによる副産物を紹介しておきます。今回のリプレイスは機能開発を楽にすることが第一目的ですが、リプレイスの過程で一部SPA化もしているため、ユーザーの体験も向上させることができました。 リプレイス前(900ms程度) React版（50ms程度） 課題検索画面と課題詳細画面をSPA化したことによって、この二画面間では、
Code reviews shouldn't be a blocker. Sourcery can review all of your PR's instantly - letting your team stay in flow and get more done.
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3ヶ月かかる大規模リファクタリングをなぜ実行に踏み切れたのか？｜ham
ChatGPT (Model: GPT-4) でコードリファクタリングをやってみる - Qiita
ChatGPTを使ってプログラム実行、リファクタリング、テストをやってみた - Qiita
Moving back to React
リファクタリングを行うべきクラスを教えてくれる RefactorFirst - A Memorandum
計測できるレガシーさを捉え、コード改善に対処する / phperkaigi2023
リファクタリングって何なのか 〜掃除から紐解くリファクタリング〜 というスライドを作った
リファクタリングの理想と現実と泥臭さと / SEEDS COMPANY｜miidas_tech
巨大なレガシーコードをビッグデータでテストケースに変換する
オブジェクト指向で作りたい！クラス実装やリファクタリングする時のヒント - Qiita
Backlogのフロントエンドをもっと楽しく開発したい！Reactでリプレイスしている話 | 株式会社ヌーラボ(Nulab inc.)
Sourcery | Instant Code Review for Faster Velocity