リプレイスしたら色々改善できた話みんなのウェディング技術開発部で開発基盤を担当している濱口(@jaru)です。リプレイスしてみて、良かったことや悪かったことなどを、まとめておこうと思います。リプレイスした結果リプレイスすることで以下の改善ができました。触れる人が社内におらず、何か修正や変更を加えるにしてもエンジニアに依頼が来て、対応するというフローになっていました。いえ、エンジニアも普段書いている言語は主にRubyです。PHPで書かれているコードを読んで修正するにも結構コストがかかり、文言を修正する簡単な変更でも1時間程度かかってしまっていました。いうわけでエンジニア側で対応するなら、エンジニアで運用しやすい技術で置き換えようよ、ということになりリプレイスが始まりました。今回は以下のように選定して進めました。Rubyベースの静的サイト構築用のフレームワークを利用しました。選定の際には、以下のような軸で考えていました。最優先に考えていたので普段のメインの業務で扱っている技術セットに近く、学習コストが低いドキュメントが充実しているという2点を考慮した結果、Middlemanを利用することにしました。日本語のドキュメントだけでなく、ドキュメント内に動画などもあったりして、とてもドキュメントが充実しているなと感じました。CSSフレームワークCSSフレームワークも同様に選定していました。候補としてBootstrapFoundationを考えていました。フィードバックをもらいました。いうお話もいただいたので、今回はCSSフレームワークを使わずに進めることにしました。当初は以下のように、みんなのウェディングエンジニアリングブログと同じ構成にしようと考えていました。利用することで、とても簡単にデプロイ環境を作成することができました。コンソールをポチポチして、ちょっとだけ設定ファイルを書いて、ほんの10~20分程度待つだけで構築できました(環境によって変化するとは思います)また、移行前は特定の1つの検証のための環境が存在していましたが、移行後には用意しませんでした。ブランチ毎にデプロイが可能です。設定してデプロイして、検証が終わったら削除するという形に変更しました。属人性を排除できたリプレイス前は、慣れている人が作業すると早く終わるけど、触ったことない人が作業をするととても時間がかかるという状態でした。徐々にありとあらゆるタスクに関して「達人にやってもらえば早いから、達人にやってもらおう」という流れになり、特定の一人の達人にタスクが集まる状態でした。なってしまうと特定の一人の達人がいなくなった時に、改修できる人がいなくなってしまう特定の一人の達人のスキルアップが阻害されるという問題が発生することが考えられました。改修時間の短縮に繋がっただけでなく、誰がやっても同じくらいの時間がかかる状態に改善することができました。いらないものを消せた今回のリプレイスのタイミングで、不要なものを消すことができました。不要なページなどです。不要なページや古いプレスリリースには、現在では古くなってしまって正しくない情報なども掲載されていました。使われてなさそうな機能には、保守が少し面倒な機能も存在していたので、一掃できてとても良かったと思います。プレスリリース投稿などの業務フローを整理できた弊社のコーポレートサイトでは、プレスリリースやIR情報の公開などの業務が存在します。動くと思うからリリースしようぜといったようなノリでリリースされていました。誰が、何を、どこまで作業するのかが明確に決まっておらず、無駄なコミュニケーションコストが発生するという状況でもありました。プレスリリース担当者のそれぞれで行う作業を明確に定めて、業務フローを作成しました。いうプラグインを利用したブログ機能が用意されています。弊社のコーポレートサイトでは、プレスリリースの投稿部分で利用していますが、なかなかかゆいところに手が届かない印象でした。具体的にはページネーションのデフォルトでは、1つ先のページか、1つ後ろのページにしか遷移ができない年度毎に用意した一覧ページでは、ページネーションを実装するのがつらいなどがありました。やって解決したのかと言うと、今回のタイミングでは実装しないことにしました。用意してゴリゴリ書いて、テストの環境を用意してテストも書いて、自前で実装してしまうという選択肢もありました。一方で「この機能本当に必要なんだっけ?」と思うところもあり、プロダクトオーナーと相談した結果、今回は実装しないという選択肢を取りました。高機能なブログ機能を実装したい時には不向きついでにアクセス速度も爆速になったなどなど、様々なモノゴトを改善することができたので良かったです。🎉これからもめげずに地道にコツコツと技術的負債を返済していこうと思います。(2019年11月18日)twitterfacebookhatenabookmark最新の記事みんなのウェディングはEKSで動いていますタイポグラフィとCSSのスタイル宣言2019年新卒エンジニア研修もそろそろ終盤です。