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

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

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    参議院選挙2025

『qiita.com』

  • 人気
  • 新着
  • すべて
  • hygenで簡単につくる対話式コードジェネレータCLI - Qiita

    3 users

    qiita.com/usagi-f

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    • テクノロジー
    • 2020/08/19 12:14
    • 小さく始めるrecompose 〜Reactリファクタリング手引き〜 - Qiita

      5 users

      qiita.com/usagi-f

      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

      • テクノロジー
      • 2018/11/06 21:20
      • React
      • qiita
      • あとで読む
      • Webパフォーマンス虎の巻

        1109 users

        qiita.com/usagi-f

        Webパフォーマンス向上施策のために、今更ながら超速本1を読んだので、今までの自分の知見と合わせてまとめてみます。 なるべく柔らかく、**改善施策ってまず何をどうすればいいの?**という疑問を持った人に向けて書いています。 ▪️格言 そもそもWebは速い。遅くしているのは我々です。大抵は技術の問題ではなくて、人の問題。 引用元: テクニックではなく、今、本気で取り組むべきWebパフォーマンス (html5jパフォーマンス部 部長 竹洞さん) 心得 パフォーマンス向上に対する施策は大別すると以下の2通り 軽量化 (単純にやりとりするデータ容量を小さくすること) 圧縮 削除 最適化 (その時に最も適している実装・実行をとること) 経路・順番の変更 非同期 もっとも遅くしている原因を探して、それを対策するのが原則。「対効果」が絶対的正義である。手段から入るのは愚策。まず先に原因を知ることが重要。

        • テクノロジー
        • 2018/10/25 13:57
        • パフォーマンス
        • web
        • performance
        • あとで読む
        • chrome
        • 高速化
        • web制作
        • network
        • 開発
        • development
        • CSSのクラスにスコープを与えるシンプルな方法 - Qiita

          4 users

          qiita.com/usagi-f

          CSS Advent Calendar 2017 18日目の記事です。 問題点 皆さんCSSで苦しんでますか?はい、私も苦しんでいます。 UIのコンポーネント実装が主流になってきて、JavaScript側が発達したおかげでCSSの各種問題を解決する仕組みもいろいろと出てきました。CSS in JSはそれの代表的なものですが、個人的には以下のような点に少し問題を感じています。 完全に埋め込まれてしまうとデザイナー・エンジニア間の協業難易度が増す CSS側の実装難度が増す(便利な書き方が制限されがち) これを解決するために、バンドラー側の設定を変更してうまいことimportするものもありますが、それはそれで設定ファイルが複雑化したりビルドプロセスに影響が出たりと、どうにもJSとCSSの悪魔合体感が問題に感じます。 本当に解決したいこと CSSが本質的に解消したいことは、やはり常にグローバル変数

          • テクノロジー
          • 2017/12/18 18:39
          • css
          • フロントエンドエンジニアとデザイナーの理想的な分業体制 - Qiita

            3 users

            qiita.com/usagi-f

            Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? これはフロントエンドエンジニア Advent Calendar 2016 21日目の記事です。 エンジニア・デザイナー間の協業の話は、2016年に盛り上がる話題のうちの1つだったと思いますが、フロントエンドエンジニアのAdventCalendarなのでそれに習って自分の考えをまとめてみました! こんな分業体制でプロジェクトに臨めたら、開発は効率化されないかなぁ〜!という妄想が多分に含まれます。 ただ必要なスキルセットはきっと高めなので、実践できる環境は選ぶかも…? いや、やりましょう・・・! フロントエンドエンジニア プロトタイプ構築

            • テクノロジー
            • 2017/10/07 19:43
            • 仕事
            • React+AtomicDesign実践編 - Qiita

              14 users

              qiita.com/usagi-f

              Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 保守性の高い設計のために 今回業務上で、非常に保守性の高いUIをつくる必要が出てきました。 大きなシステムリプレイスをしなくても十分に拡張・改修が可能であること。(もちろん小さな改善を日々行えることが前提) こういった設計をするときは、横槍が入っても逃げ道があることが大事だと考えています。 挿げ替えや切り離しなど、コンポーネント設計はここに大きなメリットがあります。 アーキテクチャ選定 React まずJavaScriptというベース知識さえあれば、あとは一般的なプログラミング手法の応用で拡張がしやすく、導入実績も豊富なReactをプロ

              • テクノロジー
              • 2017/02/22 13:09
              • react
              • Qiita
              • ui
              • design
              • あとで読む
              • 新しめのCSS設計まとめ 〜2016年冬〜 - Qiita

                37 users

                qiita.com/usagi-f

                Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                • テクノロジー
                • 2016/12/02 23:12
                • css
                • 設計
                • design
                • あとで読む
                • React/reduxでつくったSPAがリリースされたので学んだことを晒す - Qiita

                  107 users

                  qiita.com/usagi-f

                  時系列順に書いているので、話題がアッチコッチいきますが 現場のライブ感を重視しています! プロジェクトの後半で、すごい優秀な方が入ってきてくれたのでそこからの受け売りも結構混じっています。神様ありがとう。 プロトタイピング 何は無くともまずはプロトタイプを作成しました。 今回はUIライブラリとしてMaterialUIを採用。 superagentを使って外部JSONファイルを読み込んで、Reactコンポーネントとして表示するだけ。 この時点でのコードレビューでの話題は主に、CSSをどうするのか問題。 MaterialUIにコンポーネント自体のstyleは既に定義済みだが、それだけでは足りないレイアウト調整が発生しそうという懸念でした。 結論は、コンポーネント内に直接定義してしまってOK。 実際作業を進めてみたところ、最初の想定よりは補助的なCSS記述は不要でした。 reduxの導入 作成す

                  • テクノロジー
                  • 2016/10/06 17:27
                  • redux
                  • react
                  • javascript
                  • React.js
                  • あとで読む
                  • spa
                  • CSS
                  • babel
                  • Material-UI#v0.15.0 - Qiita

                    4 users

                    qiita.com/usagi-f

                    地味にいろいろ変わっていて、ただアップデートしただけでは動かなくなったので調べつつ直しました。 英語読めないのに英文ドキュメントしかまだ見当たらなかったので、違うところあったらバンバン指摘お願いします。 テーマファイル 今まではテーマの変更は、公式ドキュメントを読むのを挫折するくらい面倒な手順が必要だったっぽいんですが、 v0.15.0になったことで、非常に簡単になりました。 その代わりデフォルトテーマでよくても最低限の手順が必要になったので、Get StartedのUsageにも記載がされました。 import getMuiTheme from 'material-ui/styles/getMuiTheme'; import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; import MyAwesomeReact

                    • テクノロジー
                    • 2016/08/03 22:54
                    • combineReducersでハマったメモ - Qiita

                      5 users

                      qiita.com/usagi-f

                      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                      • テクノロジー
                      • 2016/02/26 23:53
                      • qiita
                      • あとでよむ
                      • React+CSSフレームワークを検討してみたよ - Qiita

                        74 users

                        qiita.com/usagi-f

                        React使いつつも、既存のCSSフレームワークを何か載せようと思っていろいろ調べたメモ。 あくまでもReactとの親和性などに絞って選んでます。 Bootstrapは何か「出、出〜〜〜!!Bootstrap奴〜〜〜!」ってなりそうだったので、最後の砦として触れてません。 Material-UI 一番Reactに寄り添って出来ている。 以下のように必要なコンポーネントをimportしてrender()内で使うだけ。 実際触ってみると非常にお手軽で、動きのクォリティも高かった。 余計な外部ファイルも読む必要がなくて綺麗。 その分かなりカッチリと仕様が決まっているので、少し手を加えたい場合は さらにMaterial-UIコンポーネントをラップするオリジナルコンポーネントを作れば拡張はできる。 // タッチ・クリックの挙動のために必要っぽい import injectTapEventPlugin

                        • テクノロジー
                        • 2016/02/11 10:10
                        • React
                        • css
                        • bootstrap
                        • フレームワーク
                        • あとで読む
                        • framework
                        • data
                        • iOS8+Safariの時だけtype="search"で「改行」が「検索」にならない - Qiita

                          3 users

                          qiita.com/usagi-f

                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                          • テクノロジー
                          • 2015/10/21 11:35
                          • iOS
                          • とりあえずGoogle Custom Searchで画像を取得してみる - Qiita

                            5 users

                            qiita.com/usagi-f

                            Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                            • テクノロジー
                            • 2015/04/19 17:30
                            • dev
                            • Google
                            • API
                            • BEM記法におけるElement/Modifierの付け方メモ - Qiita

                              17 users

                              qiita.com/usagi-f

                              Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                              • テクノロジー
                              • 2015/03/18 18:08
                              • bem
                              • css
                              • コーディング

                              このページはまだ
                              ブックマークされていません

                              このページを最初にブックマークしてみませんか?

                              『qiita.com』の新着エントリーを見る

                              キーボードショートカット一覧

                              j次のブックマーク

                              k前のブックマーク

                              lあとで読む

                              eコメント一覧を開く

                              oページを開く

                              はてなブックマーク

                              • 総合
                              • 一般
                              • 世の中
                              • 政治と経済
                              • 暮らし
                              • 学び
                              • テクノロジー
                              • エンタメ
                              • アニメとゲーム
                              • おもしろ
                              • アプリ・拡張機能
                              • 開発ブログ
                              • ヘルプ
                              • お問い合わせ
                              • ガイドライン
                              • 利用規約
                              • プライバシーポリシー
                              • 利用者情報の外部送信について
                              • ガイドライン
                              • 利用規約
                              • プライバシーポリシー
                              • 利用者情報の外部送信について

                              公式Twitter

                              • 公式アカウント
                              • ホットエントリー

                              はてなのサービス

                              • はてなブログ
                              • はてなブログPro
                              • 人力検索はてな
                              • はてなブログ タグ
                              • はてなニュース
                              • ソレドコ
                              • App Storeからダウンロード
                              • Google Playで手に入れよう
                              Copyright © 2005-2025 Hatena. All Rights Reserved.
                              設定を変更しましたx