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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    ノーベル賞

『qiita.com』

  • 人気
  • 新着
  • すべて
  • ITCSSまとめ - Qiita

    23 users

    qiita.com/makotot

    ITCSSは、OOCSSやBEM、SMACSSのようなCSS methodology(方法論)の1つでInverted Triangle CSS(逆三角形CSS)の略称。 提唱したのは、csswizardryのHarry Roberts氏。 ITCSSに関するドキュメントはあまり多くない。 セルビアでITCSSについて紹介している動画がYoutubeにあがってる。そのときのスライドがManaging CSS Projects with ITCSS // Speaker Deck。 ITCSSは、プロジェクトのCSSをより良く管理していくのに、以下のことが必要としていて、 A sane environment that is accessible to lots of people. To tame and manage source order and the cascade. To cr

    • テクノロジー
    • 2016/08/07 17:46
    • css
    • itcss
    • architecture
    • Pocket
    • あとで読む
    • electronでyoutubeの音楽動画を流しっぱなしにするものを作ってみました - Qiita

      21 users

      qiita.com/makotot

      Musictonicのように、ミュージシャンの名前で検索したら、それに関連したyoutube動画を延々と再生してくれるものがデスクトップアプリケーションであったらいいなと思って、electronの勉強も兼ねて作ってみました。 https://github.com/makotot/tubeheadが今回作ってみたものです。 検索ボックスから適当に検索すると、検索ワードに関連する動画の再生リストが出来て、それをループで再生するだけのアプリです。 あとは、10件まで検索履歴を保持するくらいしかやってません。 electronのバージョンは、0.36.0です。 利用しているライブラリ React - Viewを富豪的に扱いたかったので、利用しました。 Flux - Fluxフレームワークが色々出てるみたいですが、今回はそこまでは追いつかなかったので、Facebookのfluxを使いました。 Lod

      • テクノロジー
      • 2015/12/23 09:03
      • Electron
      • JavaScript
      • あとで読む
      • CSSのLintをstylelintにする - Qiita

        10 users

        qiita.com/makotot

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

        • テクノロジー
        • 2015/10/17 11:50
        • css
        • パフォーマンスまわりのAPIについて - Qiita

          82 users

          qiita.com/makotot

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

          • テクノロジー
          • 2014/12/21 19:29
          • javascript
          • performance
          • パフォーマンス
          • api
          • benchmark
          • フロントエンド
          • Frontend
          • js
          • あとで読む
          • ESLintについてのメモ - Qiita

            19 users

            qiita.com/makotot

            $ eslint -h eslint [options] file.js [file.js] [dir] Options: -h, --help Show help. -c, --config path::String Load configuration data from this file. --rulesdir path::String Load additional rules from this directory. -f, --format String Use a specific output format. - default: stylish -v, --version Outputs the version number. --reset Set all default rules to off. --eslintrc Enable loading .eslintr

            • テクノロジー
            • 2014/05/14 11:48
            • ESLint
            • javascript
            • *programming
            • Gruntのtaskの実行にかかる時間を劇的に短縮する方法の記述をシンプルにするjit-grunt - Qiita

              3 users

              qiita.com/makotot

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

              • テクノロジー
              • 2014/01/02 20:17
              • JavaScript
              • Programming
              • browserifyを試してみる - Qiita

                19 users

                qiita.com/makotot

                browserifyを試してみる 既にアドベントカレンダーの投稿予定の日は過ぎ去っていますが、、書きました。 最近までbrowserifyに関して、substackが作った何か、ぐらいのことしか知りませんでした。 今回、クライアントサイドでJavaScriptのモジュール管理が可能にできるツールだと人から教わり、実際に試してみました。 (nodeのコアライブラリが利用できる点などは特に触れません。) browserifyとは何か browserifyとは、クライアントサイドのJavaScriptでモジュールシステムを実現するnpmです。 公式サイトには、 require('modules') in the browser とあります。 具体的には、 という形でモジュールの読み込みが出来るようになります。 (モジュールシステムを提供する点ではRequire.jsと似ているようで、実際はだいぶ

                • テクノロジー
                • 2013/12/30 12:49
                • browserify
                • javascript
                • node.js
                • Gruntのtaskの実行にかかる時間を劇的に短縮する方法 - Qiita

                  100 users

                  qiita.com/makotot

                  Gruntのtaskの実行にかかる時間を劇的に短縮する方法 最近ではGrunt無しでのフロントエンド開発は考えられなくなってきた気がしますが、大抵taskを実行した際に結構時間がかかってしまいます。 Gruntの実行にかかる時間を減らすにはどうすれば良いのか調べてみたら、loadTasks as they are needed to speed up Grunt load time · Issue #975 · gruntjs/gruntのissueに方法がありました。 何に時間がかかっているか taskを走らせた際、何で時間がかかっているのかをtime-gruntで確認してみると、実行しているtask自体ではなくnpmタスク(適切な表現かは分かりませんがGruntプラグインの事です。)の読み込みの方に時間がかかっている事が分かります。 loadNpmTasks()で2秒はかかっている状態

                  • テクノロジー
                  • 2013/12/20 09:33
                  • grunt
                  • JavaScript
                  • performance
                  • 高速化
                  • task
                  • npm
                  • development
                  • tips
                  • dev
                  • プラグイン毎にgrunt.loadNpmTasks()を追加する必要が無くなるload-grunt-tasksを紹介するよ - Qiita

                    9 users

                    qiita.com/makotot

                    load-grunt-tasksについて grunt.loadNpmTasks()を、プラグインを読み込む毎に追加するのは面倒です。そういう時にload-grunt-tasksが便利です。 load-grunt-taksは、globbing patternを使って、gruntの複数のタスクを読む込むプラグインです。 globbing patternというのは、ワイルドカードを使ったパターンマッチングのことです。 実際にload-grunt-tasksを使うと、 grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-contrib-connect'); grunt.loadNpmTasks('grunt-contrib-jshint'); grunt.loadNpmTasks('grunt-contrib-s

                    • テクノロジー
                    • 2013/12/18 01:44
                    • javascript

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

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

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

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

                    j次のブックマーク

                    k前のブックマーク

                    lあとで読む

                    eコメント一覧を開く

                    oページを開く

                    はてなブックマーク

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

                    公式Twitter

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

                    はてなのサービス

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