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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    iPhone 17

『qiita.com』

  • 人気
  • 新着
  • すべて
  • JavaScriptでの要素のスタイル操作で !important を使う方法 - Qiita

    5 users

    qiita.com/amamamaou

    はじめに JavaScriprで要素のスタイルを普通に変更しようとしても、元々のCSSで !important 指定されている場合変更できないという問題があります。 !important を使うこと自体ナンセンスな部分がありますが、仕事で使う機会があったのでいろいろな方法を挙げてみました。 それぞれの方法を見てみます。 いろいろな方法 それぞれのメリット・デメリットも含めて。 以下のようなHTMLがあるとします。(いろいろ省略してます) <style> #target { background-color: #f00 !important; } </style> <div id="target" style="width: 100px; height: 100px;"></div>

    • テクノロジー
    • 2019/01/05 16:54
    • javascript
    • css
    • ECMAScript 2015 の分割代入は奥が深かった

      10 users

      qiita.com/amamamaou

      はじめに 配列やオブジェクトの個々の値を各々の変数に代入する事ができる「分割代入」というのが登場しました。 結構便利そうではありますが、具体的にどのような事ができるのでしょう。 ECMAScript 2015 (ES2015 / ES6) にまだ慣れない人向けと、自分のためのメモとして置いておきます。 基本編 おそらく一番使うであろう書き方です。 配列 通常、配列から値を取り出すときはインデックス(添字)を指定してやらなければいけませんが、分割代入ではまとめて変数に代入できるので便利です。 /* 一個ずつ取り出す場合 */ var individuals = ['早坂美玲', '森久保乃々', '星輝子']; var cute = individuals[0], cool = individuals[1], passion = individuals[2]; console.log(cut

      • テクノロジー
      • 2018/10/27 14:03
      • ECMAScript
      • javascript
      • 分割代入
      • 要素の取得方法まとめ

        17 users

        qiita.com/amamamaou

        Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに JavaScriptで要素を取得する時に使う時 jQuery などの便利系を除いていろいろありますが、それらの関係情報や使い方のメモです。 前知識 要素を取得する前にいろいろ知っておきましょう。 噛み砕いた簡単な説明なので、ツッコミはなしの方向で…… Node ノードとは、簡単に言うとDOMを構成する文字列、コメント、タグなどを扱うためのインターフェース(様々な処理を行うメソッドが含まれたオブジェクトと考えるといいかも)です。 <!DOCTYPE html> も <!-- コメント --> も <span>Text</span

        • テクノロジー
        • 2018/06/27 20:51
        • JavaScript
        • jQueryにおけるレガシー・冗長な書き方を一掃したい - Qiita

          12 users

          qiita.com/amamamaou

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

          • テクノロジー
          • 2018/04/10 14:39
          • jQuery
          • javascript
          • Tips
          • template要素についてのお勉強 - Qiita

            9 users

            qiita.com/amamamaou

            はじめに HTML5の新たな要素としてtemplate要素 <template> がありますが、これを使うと何が便利になり何が嬉しいのか。 自分が後で見返すためのメモとして書き記しておきます。 template要素って何さ template要素はブラウザ上では表示されず、主にJavaScriptによる操作がメインになる要素です。 名前からもわかるようにテンプレートとして使うコンテンツを中に書いてJavaScriptであれこれできるやつです。 template要素内のコンテンツは、JavaScriptの操作で本文へと挿入されない限り本文に何も影響を与えません。 つまり、template要素内で <img> で画像を指定していても、挿入されるまでその画像はロードされることはありません。 <script type="text/template"></script> との違い script要素を

            • テクノロジー
            • 2018/04/04 21:06
            • html
            • reference
            • web制作
            • javascript
            • web
            • 複数行に対応したテキストの縦方向の中央寄せ決定版(?) - Qiita

              4 users

              qiita.com/amamamaou

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

              • テクノロジー
              • 2018/02/23 13:07
              • window.getComputedStyle() で要素のスタイルを取得する - Qiita

                5 users

                qiita.com/amamamaou

                JavaScriptでHTML要素のスタイルを知りたいという時、どうしていますか? jQueryを使っているのであれば jQuery.css(element, 'property') や jQuery(selector).css('property') で取得している人もいるかと思いますが、jQueryを使わずとも window.getComputedStyle() というメソッドで取得可能です。(jQuery.css() もこれを使っています) なにそれなにそれー! window.getComputedStyle() とは? 指定した要素の現在の状態のスタイル情報を CSSStyleDeclaration(Firefoxでは CSS2Properties)という名前の読み取り専用の(配列のように扱う事もできる)オブジェクトを返すメソッドです。すっごーい! MDNでも見てみましょう。 要素

                • テクノロジー
                • 2018/02/12 12:25
                • css
                • javascript
                • ブラウザの時にaxiosのPOSTの値が送信されない?そんなことはない - Qiita

                  9 users

                  qiita.com/amamamaou

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

                  • テクノロジー
                  • 2018/01/15 15:39
                  • JavaScriptの型などの判定いろいろ - Qiita

                    10 users

                    qiita.com/amamamaou

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

                    • テクノロジー
                    • 2017/11/18 02:46
                    • JavaScript
                    • 型
                    • tips
                    • Node.js
                    • プログラミング
                    • あまり知られてなさそうなメソッド element.scrollIntoView() - Qiita

                      8 users

                      qiita.com/amamamaou

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

                      • テクノロジー
                      • 2017/10/26 23:18
                      • unclassified
                      • javascript
                      • 全角英数字入力を強制するようなスマホ向けページで最低限できること - Qiita

                        3 users

                        qiita.com/amamamaou

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

                        • テクノロジー
                        • 2017/10/05 19:48
                        • あとで読む
                        • window.matchMedia をそろそろ活用してもいい頃

                          17 users

                          qiita.com/amamamaou

                          レスポンシブなページを作っていると、JavaScriptもPC向けとスマホ・タブレット向けで動作を分けたいという事はよくあります。 JavaScriptでレスポンシブ対応させるとしたら以下のような方法があるかと思います。 jQuery(window).width() の値から判定 window.innerWidth の値から判定 window.matchMedia で判定 あと、ここでは Internet Explorer 8 以下に関してはないものとして扱います。 それぞれの動作を見てみる それぞれにメリット/デメリットがあるのは世の常です。 jQuery(window).width() の値から判定 はっきり言うとこの方法はダメです。何がダメかというと、jQuery(window).width() はスクロールバーを含めないウィンドウの横幅になるからです。 CSSのメディアクエリの m

                          • テクノロジー
                          • 2017/09/16 10:29
                          • javascript
                          • そのベンダープレフィックス、いつまでつけてるの? - Qiita

                            28 users

                            qiita.com/amamamaou

                            はじめに CSS3が本格的に普及してきて使用する機会がどんどん増えていっているかと思います。 しかし、ブラウザのバージョンによってはベンダープレフィックスを付けないと効かないものもまだまだあります。 ベンダープレフィックスといえば、-webkit-、-moz-、-ms-、-o- などが思い浮かぶかと思いますが、ぶっちゃけるとほとんどのCSS3のプロパティはベンダープレフィックスなしでも大丈夫になってきました。 特にIE以外のブラウザというのは常に最新バージョンにアップデートされていくので、ベンダープレフィックスなしでどんどん対応していっています。 何でもかんでもベンダープレフィックスつけていませんか? とりあえず、すべてのブラウザに対応するようにベンダープレフィックスつけておけば安心なんて思わずに、必要のない記述はどんどん減らしていきましょう。 -o-* というベンダープレフィックスは既に

                            • テクノロジー
                            • 2017/09/15 00:40
                            • ベンダープレフィック
                            • CSS
                            • ブラウザ
                            • animation
                            • innerHTML より insertAdjacentHTML を使う - Qiita

                              32 users

                              qiita.com/amamamaou

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

                              • テクノロジー
                              • 2017/09/13 18:51
                              • javascript
                              • js
                              • HTML
                              • プログラミング

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

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

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

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

                              j次のブックマーク

                              k前のブックマーク

                              lあとで読む

                              eコメント一覧を開く

                              oページを開く

                              はてなブックマーク

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

                              公式Twitter

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

                              はてなのサービス

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