Movatterモバイル変換

[0]ホーム
URL:

はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数！

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • フロントエンドのコンポーネント設計に立ち向かう - Qiita
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

279usersがブックマークコメント17

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

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

    おすすめタグタグについて

      よく使うタグ

        フロントエンドのコンポーネント設計に立ち向かう - Qiita

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

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

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページへ

            記事へのコメント17件

            • 注目コメント
            • 新着コメント
            hiroyt
            なにこれすごい

              その他
              ytkibk
              “そして、このコンポーネントを構成する要素は以下の4つがあります。 情報構造 スタイル 状態 インタラクション・機能”

                その他
                d4-1977
                フロントエンドの設計しっかりやりたい

                その他
                muraaa6
                “ととなります。アプリケーションは複数の画面で構成されることが多く、同じパーツが繰り返し使われることが頻発します。例えばヘッダーやフッターなんかはほぼ全部の画面に登場するでしょうし、ボタンやテキストフ

                  その他
                  pokuwagata
                  良い

                    その他
                    mosco-mule
                    最近のフロントエンドのコンポーネント設計に立ち向かう ReactやVueなどコンポーネントベースで作っていくViewのライブラリが普及したことで、コンポーネント指向での開発が一般化してきた昨今のフロントエンドですが、

                      その他
                      vanbraam
                      フロントエンドに限定されない話の方が多い様に感じた;やってみないと実感できない事が多そう

                      その他
                      takatoshiono
                      atomとか何だろ？と思ってたけどatomic designというやつなのか

                        その他
                        endok
                        すごいためになりそうだけどフロントエンド開発してないからよくわからん。。いつかまた読もう。

                          その他
                          nokogiring
                          丁寧

                            その他
                            syou6162
                            よさみ

                            その他
                            ko-ya-ma
                            多くの人が悩むところであり、悩んだ末にきっとたどり着くところ。こんなに見事に説明してくれるなんて……

                            その他
                            cpw
                            かなり参考になる。次のコンポーネント設計ではこれを参考にレベルの高い設計をしたい。でもこれ徹底するの相当難しいと思う。

                            その他
                            rryu
                            こういうのは単なる静的HTMLでもやったりするのだろうか。

                            その他
                            umai_bow
                            人間の言語でまとめられてる。非常によい

                              その他
                              nabeen919
                              [あとで読む:]最近のフロントエンドのコンポーネント設計に立ち向かう - Qiita:

                                その他
                                headless_pasta
                                "3回出現したら単一のコンポーネントとして切り出す、というルールを設けると意思決定がスムーズかと思います。"

                                その他
                                hiroyt
                                hiroytなにこれすごい

                                  2018/04/02リンク

                                  その他

                                  注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                                  リンクを埋め込む

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

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

                                  関連記事

                                    usersに達しました！

                                    さんが1番目にブックマークした記事「フロントエンドの...」が注目されています。

                                    気持ちをシェアしよう

                                    ツイートする

                                    フロントエンドのコンポーネント設計に立ち向かう - Qiita

                                    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure y...Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?ReactやVueなどコンポーネントベースで作っていくViewのライブラリが普及したことで、コンポーネント指向での開発が一般化してきた昨今のフロントエンドですが、このコンポーネントの設計に悩まれる方も多いのではないでしょうか。 コンポーネントをどの粒度、どんな状態で分割するのが良いのか、などなど、特にチームで開発する時に認識が揃っていないとカオスになりがちな部分であると思うので、自分なりの設計をする際の指針を言語化しようというのが本記事の目的です。同じように悩まれている方にも何らか示唆を提供することができたら嬉しいです。 想定読者 「コ

                                    ブックマークしたユーザー

                                    • m-mittur2025/05/08m-mittur
                                    • yamastar2024/06/30yamastar
                                    • techtech05212024/02/07techtech0521
                                    • knstkny2022/11/01knstkny
                                    • aoken_is_god2022/10/18aoken_is_god
                                    • poreSquared2022/06/13poreSquared
                                    • ytkibk2021/12/28ytkibk
                                    • auhulu2021/09/22auhulu
                                    • Keisuke692021/08/13Keisuke69
                                    • d_animal1412021/07/07d_animal141
                                    • tjmtmmnk2021/06/27tjmtmmnk
                                    • fuyu772021/06/21fuyu77
                                    • hisaichi55182021/06/16hisaichi5518
                                    • obaratch2021/05/03obaratch
                                    • d4-19772021/04/25d4-1977
                                    • door-s-dev2021/02/19door-s-dev
                                    • muraaa62020/12/31muraaa6
                                    • ktr_07312020/12/20ktr_0731
                                    すべてのユーザーの
                                    詳細を表示します

                                    ブックマークしたすべてのユーザー

                                    同じサイトの新着

                                    同じサイトの新着をもっと読む

                                    いま人気の記事

                                    いま人気の記事をもっと読む

                                    いま人気の記事 - テクノロジー

                                    いま人気の記事 - テクノロジーをもっと読む

                                    新着記事 - テクノロジー

                                    新着記事 - テクノロジーをもっと読む

                                    同時期にブックマークされた記事

                                      いま人気の記事 - 企業メディア

                                      企業メディアをもっと読む

                                      はてなブックマーク

                                      公式Twitter

                                      はてなのサービス

                                      • App Storeからダウンロード
                                      • Google Playで手に入れよう
                                      Copyright © 2005-2025Hatena. All Rights Reserved.
                                      設定を変更しましたx
                                      [8]ページ先頭
                                      ©2009-2025 Movatter.jp