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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    WWDC25

『qiita.com』

  • 人気
  • 新着
  • すべて
  • React コンポーネントの表示する HTML 要素を変える asChild prop を実装する - Qiita

    8 users

    qiita.com/ygkn

    asChild prop とは コンポーネントを使うときに表示される要素を変えたい! 汎用的なコンポーネントを使用する際、以下のような場合にデザインや挙動は変えずに中でレンダリングされる HTML 要素だけ動的に変えたくなることがあります。 ボタンコンポーネントでリンク(<a> 要素、 Next.js や Gatsby などの Link コンポーネント)を表示したい タイトルを持ったセクションコンポーネントで <main> 要素を表示してセマンティックを変えたい フォームコンポーネントで <search> 要素を表示してセマンティックを変えたい 汎用的なヘッドレスコンポーネント(ロジックや挙動のみのコンポーネント)を実装したい 余談: そもそも見た目は変えずに HTML 要素だけ変えるのってアリ? コンポーネントの見た目を変えずに表示される HTML 要素を変えると、ユーザの違和感や混乱を

    • テクノロジー
    • 2023/06/27 23:19
    • HTML
    • 資料
    • プログラミング
    • あとで読む
    • Chrome Extension のアイコン複数サイズ作るの面倒くさい - Qiita

      5 users

      qiita.com/ygkn

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

      • テクノロジー
      • 2018/01/03 00:48
      • chrome
      • Qiita
      • jQueryとは何なのか? なぜ使わなくても(あるいは使わないほうが)いいのか? - Qiita

        147 users

        qiita.com/ygkn

        昨今、よく「jQueryはもう必要ない」という声を聞きます。 しかし、一時期JavaScriptのデファクトスタンダードのライブラリといわれたjQueryに対しての扱いの変化を疑問に思う方もいるでしょう。 そこで、この記事ではそもそもjQueryとは何のために作られたどんなライブラリか、そしてそれがなぜレガシーと呼ばれるようになったのかを学んでいきたいと思います。 間違った事を書いているなどのご指摘は大歓迎です。 なぜ jQuery ができたのか 昔のWeb開発 jQuery ができたのは2006年。 そのころはJavaScriptはWebページに文章を読むのを妨げる動きをつける言語で、HTML5やCSS3、ES2015なんてものはもちろんなく、今ではコード数行でできることが時にはトリッキーな方法も混ぜながら何十行も書く必要がありました。その上、ECMAによって標準化されているとはいえ、ブ

        • テクノロジー
        • 2017/10/26 23:50
        • jQuery
        • javascript
        • あとで読む
        • web制作
        • ajax
        • techfeed
        • CSS Variables(カスタムプロパティ) は CSS Animation と使うと幸せ - Qiita

          5 users

          qiita.com/ygkn

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

          • テクノロジー
          • 2017/06/19 11:54
          • animation
          • CSS
          • 【JavaScript】ライブラリなしでパララックス(視差効果)背景を作る - Qiita

            8 users

            qiita.com/ygkn

            Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? TL;DR この記事で解説するパララックスはこんなの(CodePen)です。 まえがき パララックス、素敵ですよね。 オサレなサイトに行くとたまに背景や要素に適用されていて、思わず「おっ」と見入ってしまいます。 僕もあるサイトの背景に当ててみようと思い立ち、偉大なる Google 先生にお尋ね申し上げましたが、検索結果にあったのは主に手前の要素を動かすパララックス(こちらはRellaxというライブラリがオススメです)で、背景のみをゆっくりスクロールさせる僕の求めていたパララックスはありませんでした。 そこで自分で作ってみたら意外と簡単だ

            • テクノロジー
            • 2017/03/09 11:07
            • javascript
            • 小林さんちのメイドラゴンで出てきたコード(小林さんを探せ!) - Qiita

              21 users

              qiita.com/ygkn

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

              • テクノロジー
              • 2017/02/13 22:07
              • Python
              • neta
              • アニメ
              • 小林さんちのメイドラゴンの話数表示ジェネレータのWeb版を作った - Qiita

                4 users

                qiita.com/ygkn

                はじめに どうも、小林さんちのメイドラゴン原作全巻揃えてどっぷり中毒になってる@ygknです。 さて、先日投稿した小林さんちのメイドラゴンの話数表示ジェネレータを作ったですが、さらなるいいね&ストックを求めてシェルスクリプトを使う以上、利用できる環境や人も限られているのではと思ったのでこの土日でWeb版を作ってみました。 小林さんちのメイドラゴンタイトルgifジェネレーター 動作確認は PC Chrome 56 (Ubuntu 16.04 64bit)、スマホ Chrome 55 (Android 6.0.0) で行っています。 解説 技術の選定 最初は先述の記事で作ったシェルスクリプトを Node.js なり Ruby なりで動かしてつくろうかなどと考えておりましたが、 jsgif というライブラリを使えば JavaScript で簡単に作れそうだったのでその方法で作ります。 ライブラリ

                • テクノロジー
                • 2017/02/06 17:32
                • ツール
                • 開発
                • javascript
                • 小林さんちのメイドラゴンの話数表示ジェネレータを作った - Qiita

                  52 users

                  qiita.com/ygkn

                  Web(JavaScript)版できました!! 背景 小林さんちのメイドラゴン面白いですよね。 fhánaのMVに惹かれて見始めましたがすぐにハマりました。 アニメの中で、特に僕が好きなシーンの一つが話数表示です。 ゆらゆら揺れたトールが炎を吐いて題名を表示させるというアイデアとゆるさに思わず感動してしまいました。 これは何かしらのGIFが出るだろうなと思ったのですが待ってられないので作りました。 使い方 このスクリプトはimagemagickが必要です。僕の環境はUbuntuだったので入っていましたが、入ってない方は適宜インストールしてください。 GitHubのプロジェクトをcloneします。 このような1280x720で背景が#9dc26dな(↓)画像を作り、プロジェクトルートにsource.pngとして置きます。GIMPなどでは、フレームの最後(frames/043.png)をレイヤ

                  • テクノロジー
                  • 2017/01/27 10:21
                  • 小林さんちのメイドラ
                  • GIF
                  • プロジェクト
                  • *design
                  • あとで読む
                  • プログラミング
                  • programming
                  • アニメ
                  • CSSのtransitionアニメーションが終わったら関数を実行 - Qiita

                    4 users

                    qiita.com/ygkn

                    let time = $(el).css("transition-duration"); if(/ms$/.test(time)){ // msかどうか time = parseFloat(time); } else { time = parseFloat(time) * 1000; } setTimeout(()=>{ // Do something... }, time); 解説 CSSのtransitionを用いたアニメーションで、animateのコールバック関数みたいにするにはどうするか考えてみました。 要はアニメーションにかかる秒数をsetTimeoutしたらいいのです。 transitionのアニメーションにかかる秒数はCSSのtransition-durationプロパティを取るとわかります。 CSSのtime型のデータには秒とミリ秒が指定できるので、正規表現でミリ秒かどうか

                    • テクノロジー
                    • 2016/12/13 10:42
                    • キーボードショートカットの正しいマークアップ - Qiita

                      13 users

                      qiita.com/ygkn

                      Qiita、ブログなどの技術系記事やGitHubなどでドキュメントを書くとき、しばしばショートカットキーを書く必要に迫られます。 そんなとき、皆さんはどのようにマークアップしていますか? 直で書いたり、<pre>で囲ったり、<em>を使う人もいるかもしれません。 僕は最近まで<pre>でしたが、ある日MDNで<kbd>要素(以下<kbd>)というものを見つけました。 同記事には キーボードインプット要素(<kbd>)はコンピューターへのユーザーの入力コードを表します。要素名はキーボードの略字ですが、音声入力や手書き入力など他の入力方法も含みます。多くのデフォルトスタイルは、等幅フォントのインラインで表示するものとなっています。 とあります。 Qiitaでは(というより多くのMarkdown記法では)<kbd>はサポートされていませんのでHTMLで書く必要があります。 例: Ctrl+Cを押

                      • テクノロジー
                      • 2016/11/06 13:50
                      • Qiita
                      • html
                      • 【ubuntu-make】 Ubuntuでいろいろな開発環境をらくらく構築 - Qiita

                        6 users

                        qiita.com/ygkn

                        インストール可能なプラットフォーム さて、ここまで読んできて、コマンドやプラットフォーム名ってなんだ……?とお思いだと思います。 プラットフォームはインストールするもの、コマンドはそれらの種類と言ったところでしょうか。 コマンド プラットフォーム名 という形でまとめていきます。 android android-sdk SDK android-studio android-ndk kotlin kotlin-lang :スタンドアロン型Kotlinコンパイラ swift swift-lang :Swiftコンパイラ ide clion CLion integrated C/C++ IDE visual-studio-code Visual Studio focused on modern web and cloud eclipse-php Eclipse PHP IDE eclipse-cp

                        • テクノロジー
                        • 2016/10/27 19:53
                        • ubuntu
                        • 開発環境

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

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

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

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

                        j次のブックマーク

                        k前のブックマーク

                        lあとで読む

                        eコメント一覧を開く

                        oページを開く

                        はてなブックマーク

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

                        公式Twitter

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

                        はてなのサービス

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