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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    Google I/O

『qiita.com』

  • 人気
  • 新着
  • すべて
  • docker-compose で手軽なLAMP環境 (PHP5.6 or 7.1切替, Apacheにmod_rewrite, GDインストール) - Qiita

    7 users

    qiita.com/Garyuten

    MAMP Proが動かなくなったのでこれを機会にdocker-compose で環境構築してみました。動作確認したのはMacのみです。 どうしてもphp5.6でないと動かないCMS案件(baserCMS3系)だったので、リライトやGDのインストールもやってみました。 (一応 php7.1も動かせます) githubのデータはこちら → Garyuten/dockker-lamp-php5.6 この環境が向いてる人 PHP5.6など古めホスティングサーバー案件の環境を作らないといけない人 Apacheのリライトの設定やGDのインストールなどを後からコマンドでやりたくない人 ホスティングサーバーっぽい構成のLAMP(apache,php,mysql)環境が欲しい人 この記事で構築される環境 Apache mod_rewrite GD php 5.6.28 or php 7.1 MySql 5.

    • テクノロジー
    • 2019/05/15 13:08
    • Docker
    • MySQL
    • php
    • Error: getaddrinfo ENOTFOUND localhost のエラーが出た時 - Qiita

      4 users

      qiita.com/Garyuten

      events.js:167 throw er; // Unhandled 'error' event ^ Error: getaddrinfo ENOTFOUND localhost at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:26) Emitted 'error' event at: at GetAddrInfoReqWrap.doListen [as callback] (net.js:1507:12) at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:17) error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for docume

      • テクノロジー
      • 2019/02/28 16:12
      • アクセシビリティで気をつけるchecbox,radioのCSS - Qiita

        8 users

        qiita.com/Garyuten

        ※ 2020/12/15 フォーカスについて一部追記、参考リンクを追加 ※ 2020/04/16 加筆、CSSの表現を一部修正しました この記事で言いたいことは ラジオボタン、チェックボックスをdisplay:none;してキーボード操作できなくして、CSSで装飾するのは止めろ! ということです。 巷にフォームのラジオボタンやチェックボックスをCSSで装飾するサンプルコードがありますが、キーボード操作を確認してるのか?と疑問に思うCSSをよく見かけます。 こんなコードを平気で書いてる人はアクセシビリティを全く考えてない人です。 テックノート – ユーザビリティのよいチェックボックス・ラジオボタンのCSS見本53選! で紹介されてる中でもキーボード操作できるのは10個もありませんでした。(ドメイン期限切れ) チェックボックスをおしゃれにするCSSスニペット25選。アニメーションが刺さる! |

        • テクノロジー
        • 2018/12/17 23:20
        • accessibility
        • Font Awesome 5 Freeで疑似要素(:after,:before)のcontent指定する場合 - Qiita

          19 users

          qiita.com/Garyuten

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

          • テクノロジー
          • 2018/04/06 16:52
          • FontAwesome
          • Font Awesome
          • css
          • アイコン
          • font
          • Web制作
          • ページ遷移時のページ内リンクのスムーススクロール - Qiita

            14 users

            qiita.com/Garyuten

            2021.05.29 修正 codepenのサンプル内からのリンクを別タブで開くと警告されるようになったので、 別でサンプルHTMLを準備しました よく出回ってるhoge.html?id=sec01など、URLのクエリパラメータでIDを指定するようなURLでページ内アンカーをさせるやり方はアクセシビリティ、マシンリーダブルの面では疑問です。 JavaScriptをOFFにされてもきちんと動作し、またGoogleなどのbotにも適切な箇所にリンク先を指定できるページ内アンカー(#id)で指定する方が好ましいと個人的に考えてます。 ✕悪い例 <a href="hoge.html?id=sec01"> ◎良い例 <a href="hoge.html#sec01"> なので素直にハッシュ(#)でID指定してページが自動スクロールするJavaScriptをjQueryで書きました。 Sample h

            • テクノロジー
            • 2017/11/17 14:38
            • ページ遷移
            • スクロール
            • jquery
            • アンカー
            • javascript
            • js

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

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

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

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

            j次のブックマーク

            k前のブックマーク

            lあとで読む

            eコメント一覧を開く

            oページを開く

            はてなブックマーク

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

            公式Twitter

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

            はてなのサービス

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