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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    参議院選挙2025

『qiita.com』

  • 人気
  • 新着
  • すべて
  • はしれ!ももちどり - Qiita

    3 users

    qiita.com

    あそびで「百千鳥」Webフォントで鳥さんが走るアニメーションを作りました ※PCで見た方が速く走っているように見えます 作ったいきさつ 先月、Adobeから「百千鳥」というバリアブルフォントが発表されました。 このフォントに鳥さんの絵文字が入っているということで、この鳥さんはイラレで召喚でき、文字幅やウェイトを変えることによって鳥さんが動くというものでした。 この鳥さんでアニメーションできないかな? と思い立って、「百千鳥 VF」のWebフォントを見たところ、「🐦️」の絵文字で鳥さんを召喚(表示)することができた!!!ので、CSSで遊びました! ソースコードの詳細 バリアブルフォントのCSSの扱いとCSSアニメーション 以下記事を参考にして、アニメーションのさせ方もこの記事を参考にしました。 鳥さんはfont-variation-settingsというCSSプロパティで、wght(fon

    • テクノロジー
    • 2025/03/02 17:03
    • font
    • css
    • GoogleタグマネージャーでGoogleアナリティクスのイベント計測と、ページタイトルや画像のalt属性を取得するメモ

      23 users

      qiita.com/sararilfy

      1. タグを新規追加 Googleタグマネージャーのタグメニューで「新規」 タグの設定をクリック タグタイプはアナリティクス アナリティクスに送信する内容を記載していく トラッキングタイプは「イベント」、カテゴリーはイベントカテゴリで送信したい値を入力 これからページタイトルのための変数を登録する。イベントアクションの灰色のボタンをクリック 変数を選択画面で「+」をクリック 変数を追加する画面。クリックして編集 DOM要素を選択 変数を編集 選択方法は「CSSセレクタ」(HTMLでページタイトルにIDが振られている場合はIDを選択) 要素セレクタに、HTMLでページタイトルに付与されているclass名を記入(最初の「.(ドット)」を忘れずに) 属性名は空欄にすれば、「.title」のテキストを拾ってくれる! 一番上の、変数の名前を設定して保存 アクション欄には自動で変数名が入る。 次にal

      • テクノロジー
      • 2018/10/05 07:41
      • Google Analytics
      • アクセス解析
      • Google
      • analytics
      • あとで読む
      • イベント
      • AMPページにタグ(AdSense)を入れたメモ(Automatic社のWordPressにAMP導入するプラグイン使っているとき) - Qiita

        3 users

        qiita.com/sararilfy

        参考にしたもの WordPressにAMPを導入するプラグイン https://ja.wordpress.org/plugins/amp/ プラグインのカスタマイズの仕方が載っている。 https://github.com/Automattic/amp-wp/blob/master/readme.md AdSenseの公式ヘルプ「AMP 広告ユニットを作成する」 https://support.google.com/adsense/answer/7183212?hl=ja AdSenseを入れる場合 1.AdSense管理画面でレスポンシブ広告ユニットを作成 生成されたタグの中の「data-ad-client」と、「data-ad-slot」を控えておく 2.AMPに貼る<amp-ad>タグを作る AdSenseの公式ヘルプの「スクロールしなければ見れない位置」のタグをコピーしてきて、 「

        • テクノロジー
        • 2018/07/02 15:51
        • AMP
        • WordPress
        • 広告
        • Google Optimize(オプティマイズ)をGoogleタグマネージャー(GTM)から導入する手順メモ - Qiita

          5 users

          qiita.com/sararilfy

          Google Optimize(オプティマイズ)をテストで入れようとしたら、サイトにタグマネージャー(GTM)が入っていたのでメモ。 参考ページ Googleの公式ヘルプ(2017/08/29時点で英語) https://support.google.com/360suite/optimize/answer/6314801?authuser=1 見つけた日本語になっているヘルプ https://support.google.com/tagmanager/answer/7164339?hl=ja 以下手順はヘルプページから持ってきました。 タグマネージャー設定 タグマネージャーにログインし、コンテナの中に入る。 1. 「タグ」メニューをクリックして、「新規」ボタンをクリック 2. 「名前のないタグ」のデフォルト名を「Optimize - www.example.com」 などのわかりやすいタ

          • テクノロジー
          • 2018/04/01 14:31
          • Mac(Yosemite)でマージツールMeldのインストール(Homebrewインストールも)メモ - Qiita

            3 users

            qiita.com/sararilfy

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

            • テクノロジー
            • 2017/08/30 06:50
            • 【CSS】複数行で3点リーダーにするline-clampは、中にaタグがあったり、aタグに指定すると、3点リーダーを入れる箇所が末尾ではなく中央になるらしい? - Qiita

              4 users

              qiita.com/sararilfy

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

              • テクノロジー
              • 2017/02/04 15:45
              • CSS
              • あとで読む
              • jQueryの.animate()と.fadeIn()を同時に動かしたい時 - Qiita

                3 users

                qiita.com/sararilfy

                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 12:23
                • jquery

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

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

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

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

                j次のブックマーク

                k前のブックマーク

                lあとで読む

                eコメント一覧を開く

                oページを開く

                はてなブックマーク

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

                公式Twitter

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

                はてなのサービス

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