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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    参議院選挙2025

『qiita.com』

  • 人気
  • 新着
  • すべて
  • canvasでいろんなマスクをかける - Qiita

    3 users

    qiita.com/keiskimu

    <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="Content-Language" content="ja"> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0,minimal-ui"> <title>mask</title> </head> <body> <canvas id="canvas"></canvas> <script type="text/javascript" src="./script.js"></script> </body> </html> (function () {

    • テクノロジー
    • 2017/04/26 10:05
    • 通信を垂れ流してなにかするChrome拡張 - Qiita

      7 users

      qiita.com/keiskimu

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

      • テクノロジー
      • 2016/07/08 17:46
      • chrome
      • AudioContextをつかってみる - Qiita

        3 users

        qiita.com/keiskimu

        AudioContextで音声データをいい感じに表示する。 やること 音声ファイルのバイナリデータを取得 バイナリデータをAudioBufferに変換する AudioNode作成し、音声出力先とデータ解析用のインターフェースを紐付ける 再生を開始し、解析されたデータを取得してcanvasに描画する 音声ファイルのバイナリデータを取得 音声ファイルの指定方法はいくつかあるが、今回は2種類紹介。 input[type=file]でファイルを指定する方法と、パスを直書き(現実的なところだとinput[type=text]で指定)する方法。 var input = document.getElementById('file'); input.addEventListener('change', function () { var file = input.files[0]; var fr = ne

        • テクノロジー
        • 2016/05/19 00:27
        • JavaScript
        • Canvasで凸包を描画する - Qiita

          14 users

          qiita.com/keiskimu

          canvasで凸包を描画する。 凸包とは、wikiにもあるが簡単にいうと輪ゴムをかけたような状態。 やること 点を散りばめる 最小の凸集合を求める 線を引く 点を散りばめる まずはランダムで100個の座標をつくり、座標の位置に点を描画する。 // canvasを取得 var canvas = document.getElementById('canvas'); // canvasを画面サイズにする canvas.width = document.documentElement.clientWidth; canvas.height = document.documentElement.clientHeight; // contextを取得 var context = canvas.getContext('2d'); // 点を入れる配列 var points = []; // あまり端に行き

          • テクノロジー
          • 2016/03/04 16:16
          • JavaScript
          • 数学
          • あとで読む
          • canvasでクロマキー合成っぽいことしてみる - Qiita

            22 users

            qiita.com/keiskimu

            CMや映画でよく使われるクロマキー合成をcanvasで再現してみようと思った。 特殊な設備がなくてもいいように消す色を指定できるといいかもね。 やること 映像を取り込む canvasに描画する 描画されたcontextの指定された色の部分を透過にする 背景に画像を入れる ざっくりこんな感じ。 ファイルが別れると載せにくいのでstyleの設定はjsでやる。 とりあえずhtmlファイルに要素を置いておく 必要なのはvideoとcanvas。 あとはどの色を透過にするか指定できるようにinputも置いた。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="Content-Language" content="ja"> <meta name="viewport" content="wid

            • テクノロジー
            • 2015/07/10 09:57
            • canvas
            • javascript
            • content
            • video
            • js
            • あとで読む
            • document.execCommand('copy')してみる - Qiita

              7 users

              qiita.com/keiskimu

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

              • テクノロジー
              • 2015/05/29 11:46
              • Chrome
              • web制作
              • JavaScript
              • Quickでテスト書く#1 - Qiita

                6 users

                qiita.com/keiskimu

                プロジェクトをつくって簡単なテストが通るのを確認するまで。 ##必要なもの Quick Nimble をcloneしておく。 ##テストコードを書く準備 ###プロジェクトをつくる なんでもいいけど今回はSingleViewでやる。 ###テストターゲットにQuick.xcodeprojとNimble.xcodeprojを追加する プロジェクトの中にある○○Testsを右クリックしてAdd Files to ○○を選択。 cloneしておいたQuick.xcodeprojを選択。 というのをNimble.xcodeprojでもやる。 こんな感じ。 ###Quick.frameworkとNimble.frameworkをリンクする プロジェクトを選択してTARGETSの○○Testsを選択してBuild Phasesタブを表示。 Link Binary With Librariesを開いて+

                • テクノロジー
                • 2015/01/24 01:31
                • Swift
                • テスト
                • iOS

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

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

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

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

                j次のブックマーク

                k前のブックマーク

                lあとで読む

                eコメント一覧を開く

                oページを開く

                はてなブックマーク

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

                公式Twitter

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

                はてなのサービス

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