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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    WWDC25

『ayapi.github.io』

  • 人気
  • 新着
  • すべて
  • 階調反転フィルターCSS Mozilla編 - ayapi.github.io

    3 users

    ayapi.github.io

    Mozilla編… CSS3 filter: url(svg-url#element-id) Firefoxにぉぃてゎ、 Webkit編でかぃたfilter: invert()ゎ実装されてなく、 SVGでフィルターをっくってCSSに埋め込む必要がぁります SVG自体にっぃてゎ、このページにとても詳しく載ってます svg要素の基本的な使い方まとめ ↑非常に貴重な情報で、とてもぁりがたぃです ぃくっかぁる原始フィルターの書き方 SVGで輝度を変換するにゎぃくっかの方法がぁるんですけど、 以下にかくサンプルゎどれもゃってることゎ同じ、階調反転です feColorMatrixでmatrix 仕様書にょると、feColorMatrix type="matrix"にぉぃて、 適用される変換の行列ゎ以下のとーりです \( \left( \begin{array}{c} R' \\ G' \\ B' \\

    • テクノロジー
    • 2016/09/08 17:51
    • svg
    • tutorial
    • 六本木Hackers Barでハッカーにライブコーディングゃってもらった - ayapi.github.io

      86 users

      ayapi.github.io

      Hackers Barってなに? Hackers Bar 六本木にハッカーがおもてなしをするバーが誕生します。 「Hackers Bar」は、ハッカーのプログラミングライブや ビジネスメイキングを楽しむ空間です。 ぁゃしすぎだし、まじで営業してんの!?って半信半疑で行ってみたら、 まじで営業してたw 存在してたwwww ぉ店自体のくゎしぃレポゎねとらぼにも載ったみたぃ カクテル名が「ブルースクリーン」「スパゲッティ」って不吉すぎるでしょ! 六本木にできた「Hackers Bar」行ってきた - ねとらぼ ゃってもらったライブコーディング 弟が、ぁゃぴにソファーをくれるって言ってて、 ゃったーってかんじなんだけど、③人掛けでまじデカぃっぽぃ! ぉ部屋の㊥ゎだぃじょぶっぽぃんだけど、 運ばれてくる時、マンションのエレベーターにちゃんと入るのかな? …ってことで、それを計算したくて/(^o^)\

      • テクノロジー
      • 2014/05/17 15:34
      • hacker
      • programming
      • php
      • perl
      • 後で読む
      • 3D
      • github
      • food
      • 「開発効率をUPする Git逆引き入門」ゎSourceTreeの逆引きリファレンスとしてょさげ - ayapi.github.io

        83 users

        ayapi.github.io

        なんかid:LayzieさんからGitの本もらぃました こーゅーの、「献本」ってゅーみたぃなんですけど 開発効率をUPする Git逆引き入門 著者: 株式会社サイバーエージェント 松下雅和, 船ヶ山慶, 平木聡, 土橋林太郎, 三上丈晴 出版社: C&R研究所 発売日: 2014/04/09 ぁゃぴゎプログラマーだしGitのコマンドも普通に打っし、 まぁ②そこ②ゎかってる系です(ゃたら詳しぃゎけでもなぃけど) けど、 エンジニアだけではなくデザイナーさんなどにも優しい感じにはなっているかと思います。 『開発効率をUPする Git逆引き入門』という本を執筆しました - Life goes on とのことで、ノンプログラマーにGitをっかってもらぅことにっぃて、 ぁゃぴゎ前から興味がぁるから、その視点からかきます 結論から言ぅと、 ノンプログラマーにゎ、この本だけでGit入門&導入ゎ 難しぃん

        • テクノロジー
        • 2014/04/05 12:44
        • git
        • 入門
        • book
        • Evernote
        • *あとで読む
        • 本
        • JSオジサン#1 LT「node-webkitとchrome-remote-interfaceでブラウザオートメーション」 - ayapi.github.io

          71 users

          ayapi.github.io

          渋谷21Cafeで開催された、「JSオジサン #1」 ぁゃぴ、⑤分間のLTとゅーことで、人生初プレゼンさせてもらぃました その時に映してもらってたスライドと、 ぁとで反省するために自分で録音をしてたから、それを公開します slideshare: node-webkit & chrome-remote-interfaceでブラウザオートメーション ↓LT㊥の㊢メを撮って頂ぃてました\(^o^)/ ↓21cafeのFaceBookページにぃっぱぃ載せてもらってました\(^o^)/ 投稿 by 21cafe<ニイイチカフェ>. 投稿 by 21cafe<ニイイチカフェ>. 投稿 by 21cafe<ニイイチカフェ>. ↓ぁの有名な、おだんみつさんと一緒に㊢メ撮って頂きました\(^o^)/ ↓おだんみつさんのまとめページ IT業界で密かに話題…エンジニアに萌えるお姉さん『おだんみつ』って誰?

          • テクノロジー
          • 2014/03/28 09:07
          • node-webkit
          • node.js
          • javascript
          • webkit
          • chrome
          • development
          • *javascript
          • presentation
          • slide
          • 階調反転フィルターCSS Microsoft編 - ayapi.github.io

            3 users

            ayapi.github.io

            Microsoft編… filter: DXImageTransform CSSネタでゎまじだるぃIEなんですけど、 フィルター関係でゎDirectXをっかった独自実装の filter: progid:DXImageTransform.Microsoftが、ぁりました 「ぁりました」って過去形なのゎ、IE9の時点で非推奨とされ、 IE10からゎ完全に非対応となったからです とりぁぇずIE10以降のことゎぉぃとぃて、 DXImageTransformをっかった階調反転CSSを、 教科書どーりなかんじでかくと、以下のとーりです .invert{ filter: progid:DXImageTransform.Microsoft.BasicImage(invert=1); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(inve

            • テクノロジー
            • 2014/03/27 11:58
            • node-retryとasync.seriesをっかって非同期逐次処理の再試行 - ayapi.github.io

              7 users

              ayapi.github.io

              Node.jsにぉぃて、非同期で取ってきたデータを基にして、 また更に非同期処理をして、成功したらまた非同期処理をして、 とかゅーのを考ぇます caolan/asyncで逐次処理をかぃてみる この場合のコントロールフローとしてゎ caolan/asyncのseries()ゃwaterfall()がぃぃと思ぃます npm install async --save async.series()をっかってかくと、こんなふうになります https://gist.github.com/ayapi/9257773 サンプルなのでsetTimeout()で結果を渡すょーにしてますが、 実際にゎ、httpリクエストとかのコールバックでdoneを呼びます getが1秒後に成功してから、sendが実行されます けどsendでゎ1秒後に必ずエラーが発生して、 saveゎ実行されずにぉゎり、とゅーかんじです 出力

              • テクノロジー
              • 2014/03/26 16:16
              • async
              • Node.js
              • dc.jsをっかった散布図と折れ線グラフの複合チャート - ayapi.github.io

                5 users

                ayapi.github.io

                D3.jsにっぃて D3.jsゎ、データ駆動でのDOM操作機構を提供するjsのライブラリで、 データヴィジュアライゼーションとかでとても注目されてるゃっです 日本語の情報もぁり、注目度の高さがぅかがぇます D3.js - 日本語ドキュメント スコット・マレイ D3 チュートリアル D3.jsベースのチャート作成ライブラリ D3.jsゎとても自由度が高くて、 その柔軟性とか表現力とかが強みでもぁるんですけど、 たとぇばょくぁるバーチャート(棒グラフ)とか パイチャート(円グラフ)とかを表示させたぃだけなのに、 D3.jsで1からゎざ②それをかくのゎ、どーなのってなります なので、フツーのチャートをかんたんにっくることを目的とした、 D3.jsベースのチャーティングライブラリが NVD3.js、dimple.js、dc.js、Rickshaw、xCharts、とかで、 ほかにもぃっぱぃぁります

                • テクノロジー
                • 2014/02/20 23:26
                • chart
                • js
                • javascript
                • メールをトリガーにした処理がかんたんにかけるNode.jsの「inbox」 - ayapi.github.io

                  76 users

                  ayapi.github.io

                  今回ゎとてもひさびさに、メール受信時にその内容を処理するってゅー、 ぃゎゅる空メール登録みたぃな、ぁれが必要になりました まじ大昔にqmailとphpのパイプでそのへんがんばってたことがぁって、 そのゃりかたゎなんとなく今でもぉぼぇてるんですけど、 Node.jsでIMAPでとてもかんたんに似たょーなのがかけたから、 ゃりかたをちょっとかきます IMAPを扱ぅNode.jsライブラリ node-imapとゅーのがメジャーっぽぃんですけど、 けどinboxのほーが、ぱっとゎかりゃすかったから、 こっちをっかってみることにしました inboxをっかってみる まずゎインストールですけど、むずかしぃことゎなにもぁりません npm install inbox --save それで、IMAP接続して、メールボックスを開くょーにします https://gist.github.com/ayapi/8770

                  • テクノロジー
                  • 2014/02/07 16:04
                  • node.js
                  • mail
                  • javascript
                  • メール
                  • node
                  • tips
                  • ayapi.github.io

                    56 users

                    ayapi.github.io

                    Hackers Barってなに? Hackers Bar 六本木にハッカーがおもてなしをするバーが誕生します。 「Hackers Bar」は、ハッカーのプログラミングライブや ビジネスメイキングを楽しむ空間です。 ぁゃしすぎだし、まじで営業してんの!?って半信半疑で行ってみたら、 まじで営業してたw 存在してたwwww ぉ店自体のくゎしぃレポゎねとらぼにも載ったみたぃ カクテル名が「ブルースクリーン」「スパゲッティ」って不吉すぎるでしょ! 六本木にできた「Hackers Bar」行ってきた - ねとらぼ ゃってもらったライブコーディング 弟が、ぁゃぴにソファーをくれるって言ってて、 ゃったーってかんじなんだけど、③人掛けでまじデカぃっぽぃ! ぉ部屋の㊥ゎだぃじょぶっぽぃんだけど、 運ばれてくる時、マンションのエレベーターにちゃんと入るのかな? …ってことで、それを計算したくて/(^o^)\

                    • テクノロジー
                    • 2014/02/07 15:43
                    • JavaScript
                    • retry
                    • async
                    • プログラマー
                    • Node.js
                    • ギャル
                    • netwatch
                    • github
                    • https
                    • プログラミング
                    • Gistをとにかくぃーかんじに貼れるgist-embed.js - ayapi.github.io

                      6 users

                      ayapi.github.io

                      Gistをっかってみょーと思ぃましたが、 このブログのジェネレータCabinJSにゎ、 Gistを貼るための特別なプラグインなどゎ特にぁりません なので、ふつうに<script>タグとかで貼ることになるんですけど、 Gist公式の<script>タグょりもぃーかんじのライブラリをみっけました それが、gist-embed.jsです gist-embed.jsのすごぃとこ 非同期でGistのjsonを取得してくれる Gistゎ公式に<script>タグを提供してくれてますが、 そのjsファイルがdocument.write()で強引にかきこむ仕様で、 だぃぶ、ぅざぃんですけど、 Gistゎなにげに、jsファイルだけでなく、jsonも提供してぃて、 gist-embed.jsゎ、非同期でそのjsonを取得してくれます なので、ページのロードのブロッキングが発生しません Gistのcssをカスタ

                      • テクノロジー
                      • 2013/11/23 20:13
                      • gist
                      • github
                      • development

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

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

                      『ayapi.github.io』の新着エントリーを見る

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

                      j次のブックマーク

                      k前のブックマーク

                      lあとで読む

                      eコメント一覧を開く

                      oページを開く

                      はてなブックマーク

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

                      公式Twitter

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

                      はてなのサービス

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