Mackerel のフロントエンド "React化" プロジェクトを支える技術と設計 - Hatena Developer Blog

テクノロジーカテゴリーの変更を依頼記事元:

developer.hatenastaff.com

190 usersがブックマークコメント

11

現在プライベートモードです設定を変更する

190 users developer.hatenastaff.com

現在プライベートモードです設定を変更する

みんなの興味と感想が集まることで新しい発見や、深堀りがもっと楽しくアカウントをお持ちの方はログインページへ

記事へのコメント11件

●注目コメント ●新着コメント

carolina04 “ここで Model は上記のサービスや API クライアントからなる部分で, また View は通常の React コンポーネント, Presenter はカスタムフックを使って記述しています. このようにコンポーネントを View と Presenter に分離しつつ, View ●React 2021/02/13 リンクその他 ● ● ●

ledsun JSのついていないAngularじゃなくて、Reactを選んだ、なにか理由があるのかな？ 2020/06/18 リンクその他 ● ● ●

rlho “スナップショットテスト” 2020/06/18 リンクその他 ● ● ●

nkgr おー。AngularJSからか。 2020/06/18 リンクその他 ● ● ●

mizdra ここの技術や設計を採用するに至った根拠が整理されていて、しかもきちんと言語化されていてすごい ●javascript ●react ●typescript ●angular 2020/06/17 リンクその他 ● ● ●

respectbookmark 参考になる 2020/06/17 リンクその他 ● ● ●

spring_raining 段階的に移行できてるのすごい 2020/06/17 リンクその他 ● ● ●

griefworker ViewをReactコンポーネント、Presenterをカスタムフックを使って記述しているとのことだけど、サンプルコードが欲しい。 ●react ●hatena ●typescript 2020/06/17 リンクその他 ● ● ●

krrrr しゅごい ●mackerel 2020/06/17 リンクその他 ● ● ●

Pasta-K 先日からMackerelチームでReact化プロジェクトに関わり始めたけど、テストやアーキテクチャの基盤などがある程度揃えられていて、コードやデザインドックからこういう感じなんだなと掴めて便利でした！！ 2020/06/17 リンクその他 ● ● ●

daiksy Mackerelで現在取り組んでいるフロント刷新プロジェクトの技術解説です 2020/06/17 リンクその他 ● ● ● 注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の﹁建設的コメント順位付けモデルAPI﹂を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fdeveloper.hatenastaff.com%2Fentry%2F2020%2F06%2F17%2F122801" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://akarinohon.com/text/taketori.cgi/https://developer.hatenastaff.com/entry/2020/06/17/122801">Mackerel のフロントエンド "React化" プロジェクトを支える技術と設計 - Hatena Developer Blog</a><a href="https://akarinohon.com/text/taketori.cgi/https://b.hatena.ne.jp/entry/s/developer.hatenastaff.com/entry/2020/06/17/122801">はてなブックマーク - Mackerel のフロントエンド "React化" プロジェクトを支える技術と設計 - Hatena Developer Blog</a></div></iframe>

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！ ●バナー広告なし ●ミュート機能あり ●ダークモード搭載アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事﹁Mackerel のフロン...﹂が注目されています。気持ちをシェアしようこんにちは, Mackerel 開発チームアプリケーションエンジニアの id:susisu です. 現在 Mackerel では, Web コンソール画面の開発に使用しているフレームワークを, これまで使用してきた AngularJSから React へ移行することを中心とした, フロントエンド開発の刷新プロジェクトを行っています. このプロジェクトの立ち上げについては以前 Hatena Engineer Seminar で発表しましたが, そこでは時間の都合もあり, 技術的側面についてはあまり深く掘り下げることは出来ませんでした. ということでこの記事では, より技術的な面にフォーカスしてプロジェクトの内容をご紹介できればと思います. "React化" プロジェクトについて Mackerel の開発は 2014 年ごろから始まりましたが, フロントエンドのフレームワークとしては当初か ●react ●mackerel ●あとで読む ●設計 ●開発 ●frontend ●プロジェクト ●typescript ●技術 ●AngularJS