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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    おうちレシピ

『コハム』

  • 人気
  • 新着
  • すべて
  • CSS だけでフォームバリデーションが超進化!JavaScript不要の裏技公開! - コハム

    3 users

    cohamu.com

    Enhance Your Form Validation with Pure CSS — No JavaScript Needed! 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ユーザーが入力フィールドと対話する際にリアルタイムの視覚的フィードバックを提供するなど、フォームに追加のバリデーションを設けることを考えたことはありますか?例えば、正しい入力には緑色の枠線を表示し、不正な入力には赤色の枠線を表示するといった具合です。通常、これを実現するにはJavaScriptやReactなどが必要で、少し複雑になることがあります。しかし、CSSだけでこれを実現できるとしたらどうでしょうか?嘘ではありません — 実際に可能なのです! シンプルなフォームの作成 有効および無効な状態にCSSを適用する :user-validと:user-inval

    • テクノロジー
    • 2025/03/19 11:37
    • CSS
    • techfeed
    • JavaScript
    • 【2025年最新比較】Flutter vs React Native どっちを選ぶ?クロスプラットフォーム開発フレームワーク完全解説 - コハム

      4 users

      cohamu.com

      Comparing Cross-Platform Frameworks: Flutter vs. React Native in 2025 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 1. はじめに 2025年のモバイルアプリ開発において、クロスプラットフォームフレームワークは、スタートアップから大企業まで、技術スタックの中で確固たる地位を確立しています。最大手のFlutterとReact Nativeは、マルチプラットフォーム開発戦略に関する議論を引き続きリードしています。 このブログでは、パフォーマンス、UI/UX機能、コミュニティサポート、企業での採用状況など、モバイルおよびWebアプリプロジェクト向けのクロスプラットフォームフレームワークを選択する際に重要な要素を検討し、FlutterとReact Nativeを比較します。

      • テクノロジー
      • 2025/01/29 11:46
      • techfeed
      • 2025年、CSSが大革命!知らないと置いていかれる最新アップデート総まとめ - コハム

        5 users

        cohamu.com

        This Will Change in CSS in 2025: What You Need to Know 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 2025年を目前に控え、カスケーディングスタイルシート(CSS)の世界はデジタル環境そのものと同じように、ダイナミックな変革を遂げています。 開発者やビジネスオーナーにとって、これらの変化に追従することは、イノベーションと効率性を推進する新しい機会を掴むことを意味します。CSSの標準からカッティングエッジな機能の統合まで、CSSの進化は絶え間ない発展の過程にあります。 これらの変化があなたとあなたのビジネスにとって何を意味するのか、詳しく見ていきましょう。🚀 CSS-Nextイニシアチブについて CSS3からCSS6への進化 これらの変更があなたのビジネスにとって重要な理由 202

        • テクノロジー
        • 2025/01/08 10:34
        • CSS
        • techfeed
        • さようならLodash、TypeScript時代の新星ユーティリティ【Radash】 - コハム

          88 users

          cohamu.com

          Lodash is dead. Long live Radash. 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 Lodashの何が問題なのか? 関数の詳細分析 Lodashの_.get関数 Lodashの_.filter関数 Lodashの_.map関数 コード品質 でも、そのコミュニティは... では、どうするか? try関数 parallel関数 retry関数 counting関数 range関数 list関数 Lodashの何が問題なのか? JavaScriptの動的な能力が欠点ではなく特徴として捉えられていた時代に、Lodashは異なる入力に対して異なる振る舞いをする関数を提供することで、できる限り役立つように作られました。現在では、私たちはより良い方法を知っています。純粋関数、決定論的な振る舞い、関数合成といった関数型のコ

          • テクノロジー
          • 2024/11/07 10:38
          • typescript
          • あとで読む
          • javascript
          • techfeed
          • programming
          • ACFはどうなる!?無断フォーク「Secure Custom Fields」誕生で波紋広がる。今すぐチェックすべき代替プラグイン - コハム

            3 users

            cohamu.com

            The Best Alternatives to Advanced Custom Fields (for non-coders) 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 WordPressの開発コミュニティに大きな影響を与える重要なニュースが飛び込んできました。 Advanced Custom Fields (ACF) のフォークが無断でフォークされ、「Secure Custom Fields」となる なぜ移行を考えるべきか Advanced Custom Fields (ACF) の代替プラグイン ACFの最良の代替案(無料&有料) 1. JetEngine / Crocoblock Suite(プロ版) 2. Toolset Toolsetとは? Toolset vs. ACF 3. Pods(無料) 4. Custom Fi

            • テクノロジー
            • 2024/10/16 10:40
            • WordPress
            • プラグイン
            • CSSだけで作る!クールなノイズアニメーション - コハム

              3 users

              cohamu.com

              Make some hacky noise with CSS gradients 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 偶然見つけたエフェクトで、かなりクールだと思いました。繰り返しの放射状グラデーションのリングのサイズを@propertyを使って非常にゆっくりと0pxにアニメーションさせていたところ、0に近づくと狂い始めることに気づきました。 そこで、私は考え始めました。 セットアップ トリック アニメーション化 最後に セットアップ 最初に作業していたマスクは、適度な5pxと5pxの間隔の放射状の繰り返しマスクです: .noise { --lines: 4px; mask: repeating-radial-gradient( circle at center, #000, var(--lines), #000, 0, /*

              • テクノロジー
              • 2024/07/19 10:33
              • css
              • design
              • インパクト抜群!CSSで演出するグリッチ効果26選 - コハム

                3 users

                cohamu.com

                25+ CSS Glitch Effects 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブやモバイルアプリケーションにテクニカルなひずみのある外観を追加するためのグリッチ効果のコレクションをお探しでしょうか。 今回の記事では、GitHub、CodePenなどの一流サイトから収集した無料のHTML、CSSグリッチ効果のコードサンプルをご紹介します。 ぜひチェックしてみてください! グリッチ効果はウェブページ上でちらつきや歪んだ外観を表現するのに役立ちます。 テクノロジーのトラブルを模倣するエフェクトで、単純で退屈なサイトにインパクトを与えます。 創造性と目を引くようなアニメーションを持つ、素晴らしいCSSグリッチ効果をご紹介していきましょう。 01. Glitch Effect 02. SVG Glitch 03. glitch

                • テクノロジー
                • 2024/04/22 10:31
                • css
                • design
                • シンタックスハイライトをライブラリなしで簡単に!Custom Highlight APIの魅力 - コハム

                  34 users

                  cohamu.com

                  Syntax Highlighting code snippets with Prism and the Custom Highlight API 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブ上の構文ハイライトの一般的な仕組みは、すべてのトークンを要素で囲み、適切なクラスを割り当て、CSSを使って色付けすることです。 CSS Custom Highlight APIのおかげで、DOMツリーにを散りばめてカラー情報を追加するステップを省略できます。 Custom Highlight APIの基礎 ブラウザサポート 静的コードスニペットの構文ハイライト 仕組み ステップ1:セットアップ ステップ2:コードのトークン化 ステップ3:トークンとハイライトの関連付け Custom Highlight APIの欠点 制限されたスタイリングオ

                  • テクノロジー
                  • 2024/04/02 11:40
                  • css
                  • highlight
                  • api

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

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

                  『コハム』の新着エントリーを見る

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

                  j次のブックマーク

                  k前のブックマーク

                  lあとで読む

                  eコメント一覧を開く

                  oページを開く

                  はてなブックマーク

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

                  公式Twitter

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

                  はてなのサービス

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