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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    ブラックフライデー

『東田ダダーン』

  • 人気
  • 新着
  • すべて
  • アクセシビリティを考えてinputタグのcheckboxをボタン化する

    5 users

    higashidadan.com

    自治体等の公共のサイトはアクセシビリティ対策がされているサイトが基本ですが、一般のサイトでは対策されていない事も。 アクセシビリティ対策がされてないとどうなるか? 例えば、読み上げソフトや機能を使ってサイトの閲覧している方が、正しく読み上げられずに間違った内容に捉えられるかもしれません。 アクセシビリティ対策方法 画像にはalt属性を使い代替えテキストを使う。キーボードのタブキーで操作できるかどうか。CSSでテキストを表示させない。(content等を使って表示させない)CSSが効いてなくても、内容の順番が狂わず理解できるように作成する。 などなど、いろいろあります。 僕が言える立場ではないのですが、参考サイトを見ていてもアクセシビリティ的にどうなんだろうかと思うサイトもあり、僕なりに対策を考えたチェックボックスの装飾を紹介します。

    • 暮らし
    • 2020/01/23 01:38
    • inputタグのcheckboxとradioボタンでできる事まとめ

      3 users

      higashidadan.com

      フォームの中の選択項目として利用するinputタグのcheckboxとradioボタン。 どちらも選択肢を選ぶ目的で古(いにしえ)から伝わる方法です。 そんなcheckboxとradioボタンを使い、JavaScriptなどは使わずにできるカスタマイズ方法をまとめました。 本来の使い方、フォームの中の選択項目として <label><input type="checkbox" name="question" value="answer1">選択肢1</label> <label><input type="checkbox" name="question" value="answer2">選択肢2</label> <label><input type="checkbox" name="question" value="answer3">選択肢3</label> オーソドックスでポピュラーなin

      • 暮らし
      • 2020/01/23 01:37
      • Nature remo miniで照明の色を、声を使って操作する方法

        3 users

        higashidadan.com

        わが家をスマートホーム化 Google home mini(現在はNest mini)のスマートスピーカーを前から使っていたのですが、キャストで繋いでいるテレビだけ、声で操作できる状態でした。 しかも、クロームキャストの電源をテレビからとっているので、基本的に声でテレビを点けれない状態でした。 別にいらないと言っちゃ、いらないスマートホーム化。 むしろ声で操作せず、どんどん体を動かさないと太る一方ですし、ノースマートなのはわかっております。 ですが、子供が生まれてから両手が塞がってる状態が多く、声で操作出来たら便利じゃない?感が増し増しになり、サイバーマンデーで安くなっていたので、やっとこさ購入。 やっと、わが家もスマートホームデビューできました。 Nature remo miniとは 日本製のスマートリモコンなので、Amazonの中華製のよくわからないメーカーより安心です。 「mini」

        • 世の中
        • 2019/12/18 10:15
        • あとで読む
        • 「トップへ戻るボタン」にページのスクロール量を可視化カスタマイズ

          3 users

          higashidadan.com

          良い「トップへ戻るボタン」を見つける 当ブログでも使ってるWPテーマ「Cocoon」でもデフォルトで「トップへ戻る」ボタンがあり、そちらを使っていたのですが、どっかのタイミングでカスタマイズしたいなと思ってました。 そんな時に見つけたのが、ページ全体のどこまでスクロールしたか可視化させた「トップに戻る」ボタン。 上記のような、サークル状で現在のページのスクロール量・残量がわかります。 よく、サイトの上部にページのスクロール量に合わせて動くバーを設置されているサイトを見かけますが、それを「トップへ戻る」ボタンに追加したボタンです。 ただページの上部に戻るだけではなく、スクロール量に合わせて動きも増えるのが面白いです。 以下がその「トップへ戻る」ボタンの紹介・解説ページ。 ありがたやです!

          • 暮らし
          • 2019/12/13 01:00
          • あとで読む
          • 2019年を振り返る【アクセス数が増えたとか、個人的アレコレ】

            3 users

            higashidadan.com

            今年も早いもので残り1ヶ月、なんでも「令和初」と付けたくなる令和初の年末ですね。 時間が過ぎるのは早いけど1年を振り返ると、あおり運転とか闇営業とか、いろいろありました。 この記事には、あおり運転も闇営業も出てきません。すいません。 2019年を振り返り、このページがアクセス多かったとか、WEBについて思った事や、何々pay使いましたとか、あーだコーダ書いていきます。

            • 暮らし
            • 2019/12/13 00:59
            • あとで読む
            • 【ワードプレステーマ】CocoonでSANGOみたいな切り替えタブを実装する

              4 users

              higashidadan.com

              トップページのテンプレートファイルを作る 以下をコピペし任意の場所を変更してphpファイルを作成してください。 ファイル名は「top.php」等、なんでも構いません。 <?php /* Template Name:トップページテンプレート */ if ( !defined( 'ABSPATH' ) ) exit; ?> <?php get_header(); ?> <div class="front-top-page top-page"> <input id="tab1" type="radio" name="tab_item" checked> <input id="tab2" type="radio" name="tab_item"> <input id="tab3" type="radio" name="tab_item"> <input id="tab4" type="radio"

              • 世の中
              • 2019/10/10 15:50
              • あとで読む
              • ユニクロの「UTme!」で自作バースデーTシャツを作ってみた

                3 users

                higashidadan.com

                もうすぐ娘が1歳の誕生日 ありがたく、すくすく育つ我が娘は、もうすぐ一歳。 まだ自力では立てないですけど、つかまり立ちや伝い歩きは余裕な感じ。 食欲も旺盛で、「ぱぱぱぱぱ」とか言っちゃって、控えめに言って可愛すぎる奴です。 そんな娘の初めての誕生日、盛大に祝ってやろうと思い、何しようか考えてたところ、たまたまネットでユニクロで自作Tシャツを作れる事を知り、娘本人のプレゼントよりまずは「みんなでイベントTシャツを着て、周りから盛り上がろう」という考えに変わり、Tシャツの作成を決意しました。 ユニクロのUTme!とは ご存じの方も多いかもしれません(僕は知りませんでした。。)が、ユニクロが展開しているTシャツブランド「UT」を作れるサービスです。 Tシャツを作るのもサイト・アプリから簡単に作れ、値段も1,500円~で手ごろです。 Tシャツ以外にも、パーカーやトートバッグも作成可能です。

                • 暮らし
                • 2019/09/26 01:56
                • あとで読む
                • 【カスタマイズ】ワードプレステーマ「Cocoon」に変えてからの当サイトのデザイン変更点

                  3 users

                  higashidadan.com

                  ランダムスタイルチェンジシステム 勝手に「ランダムスタイルチェンジシステム」と呼んでるだけのサイトカラーとか無視したカスタマイズです。 サイトが更新・リロードされるとid属性の値がランダムに変わり、スタイルが切り替わる仕組みです。 よくわからなければ、百聞は一見に如かず、このサイトを更新してみてください。 サイトを始めて制作した頃、もう何年も前ですがランダムで表示される「おみくじ」を実装してました。 そう黒歴史です。 今まで自作も含め、いろんなワードプレスのテーマ使ってきましたが、なぜか「黒歴史」の部分を形を変え継承させています。 方法はワードプレステーマ「ライオンブログ」の頃から行ってる方法で、ワードプレスのphpを使ってランダムにid属性を変更してます。

                  • 学び
                  • 2019/09/17 13:33
                  • ワードプレス初心者向け記事に対して思う疑問「それどうなの?」

                    4 users

                    higashidadan.com

                    ツイッターとかでたまに見る以下のようなキーワードのSEO対策の報告。 「〇〇と△△ □□□」みたいなキーワードが文章になっている 絞りすぎたキーワード 誰が検索するの?みたいなキーワードで「1位になりました感謝」みたいなツイートを見るのですが、それは自己満足でしかないです。 検索結果に表示されるだけ、検索エンジンにインデックスされていますし、その引っかかったキーワードで伸ばせていけるかもしれないので無意味ではないと思いますが、割と誰でもできてしまう事です。 その割と誰でもできる事が、ワードプレスの力だったりすると思いますが、そこからより見てもらうためには努力や時間が必要です。 そもそも世界中のライバルがワードプレスを使ってるんだから、極論、SEOの強さなんて意味ないですよね。 オススメするサーバーは合っているのか 無料ブログなら登録すれば、すぐに記事を書いたり、その場で利用する事が可能です

                    • テクノロジー
                    • 2019/08/30 17:21
                    • あとで読む
                    • 【赤ちゃんの靴】IFMEをファーストシューズにした理由

                      3 users

                      higashidadan.com

                      つかまり立ちができるようになってから2か月近く経って、一歩二歩と歩けるようになり、ユラユラ、よちよち歩けるようになってきました。 歩けるようになったら、次は靴だぁーと、嫁に言われ靴を探しに。 と言えども嫁がネットで全部調べてくれてたわけですが、実際に娘の足に合う靴をお店に探しに行きました。 ちょくちょく家の前でプールをするので、歩けるようになって裸足で地面歩いてるのも痛いかもと、早めに買わないといけない状態でした。

                      • 暮らし
                      • 2019/08/09 16:36
                      • あとで読む
                      • ページ遷移時にアニメーションを入れる方法【ライブラリなし】

                        6 users

                        higashidadan.com

                        以下を子テーマのfunctions.phpに追加すると、cocoonには関数が用意されているので、body要素にクラスが追加されます。 add_filter( 'body_class_additional', function( $classes ) { $classes[] = '追加したいclass名'; return $classes; }); 後は、cocoonの子テーマのtmp-user/body-top-insert.php に、以下追加するだけ。 <div class="fade_group"> <div></div> <div></div> <div></div> <div></div> </div> <div class="fade_group2"> <div></div> <div></div> </div> CSS .fade_group div , .fade_gr

                        • テクノロジー
                        • 2019/08/06 15:16
                        • CSSだけで新着記事を流れるテキストのヘッドライン表示にする

                          6 users

                          higashidadan.com

                          流れるテキストヘッドライン概要 この表示をヘッドラインと言っていいのかわかりませんが、欄外表示という意味も持つ「ヘッドライン」表示と勝手に言っております。 無料ワードプレステーマのライオンブログにもあるヘッドライン表示。 やっぱり、動きのある表示は目立ちますよね。 今回は新着記事3件を表示させて、右から左へ流れる動きを付けて表示させます。 PC表示は左から流れてキュっと止まる感じ。 またスマホ表示(横幅768px以下)で流れる表示を変え、ゆっくり流れるようにしてます。 HTML <div class="head_line"> <div class="hl_title">New Article</div> <ul> <li> <span class="day">2019/01/01</span> <a href="#">タイトル</a> </li> </ul> </div> ワードプレスの場

                          • テクノロジー
                          • 2019/07/03 10:54
                          • animation
                          • css
                          • あとで読む
                          • 多言語サイトのグローバルSEO注意点【僕が失敗した話】

                            3 users

                            higashidadan.com

                            海外から日本への観光客やオリンピックの影響、反対に日本から海外展開等々、サービスのグローバル化の為、多言語サイトの需要も増えていると思います。 自分は無知がゆえに多言語サイト制作にあたり、SEOの部分でミスをしてしまいました。 そんな多言語サイト制作の失敗談や、注意点も含めて紹介します。 制作方法はサイトの構成や運営方法で変わるので、多言語サイトじゃなくても当たり前なんですが、最初にターゲットや構成、UI等しっかり決めとかないと、後々めちゃくちゃ面倒です。

                            • テクノロジー
                            • 2019/04/10 19:52
                            • seo
                            • あとで読む
                            • ダンボール戦記 LBX 046 グルゼオン レビュー

                              3 users

                              higashidadan.com

                              Life was like a box of chocolates. You never know what you're gonna get.

                              • 学び
                              • 2014/02/12 01:15

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

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

                              『東田ダダーン』の新着エントリーを見る

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

                              j次のブックマーク

                              k前のブックマーク

                              lあとで読む

                              eコメント一覧を開く

                              oページを開く

                              はてなブックマーク

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

                              公式Twitter

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

                              はてなのサービス

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