ResizeObserver による変更検知と Element Query | blog.jxck.io
Intro ResizeObserver の ship が進みつつある。 この仕様の解説および、 ElementQuery / ContainerQuery について解説する。 Resize Observer 1 ResizeObserver ResizeObserver は、最近増えつつある ObserverFamily の 1 つであり、要素のリサイズを検知するインタフェースである。 リサイズを検知したい要素をターゲットに observe() すると、ターゲットと矩形情報が取得できる。 const resizeObserver = new ResizeObserver((entries) => { entries.forEach(({target, contentRect}) => { console.log(target) const {x, y, width, height, to
WebGL Water
Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube. Interactions: Draw on the water to make ripples Drag the background to rotate the camera Press SPACEBAR to pause and unpause Drag the sphere to move it around Press the L key to set the light direction Press the G key to toggle gravity Features: Raytrac
Excelで3Dフライトシミュレーター作成など、表計算のレベルを突破したものすごいExcelファイルを集めた「Excel Unusual」
「Microsoft Excel 2003は安価で誰もが持っている」「プログラマーでなくとも複雑なプログラミングが行える」といった理由から、さまざまなシミュレーター作成やモデリングをExcel上で行うという猛者が登場しました。 Home - Excel Unusual http://www.excelunusual.com/ Excelを使ったモデル＆チュートリアルの作例は以下から見ることができます。 Models & Tutorials - Excel Unusual http://www.excelunusual.com/models-tutorials/ 例えば、以下はExcel上で作った3Dフライトシミュレーター。実際にExcelファイルはダウンロードすることができます。 A 3D Flight Simulator - video preview - Excel Unusual h
Personality Insights
Gain insight into how and why people think, act, and feel the way they do. This service applies linguistic analytics and personality theory to infer attributes from a person's unstructured text. *This system is for demonstration purposes only and is not intended to process Personal Data. No Personal Data is to be entered into this system as it may not have the necessary controls in place to meet t
超ハイレベルな作品が入り乱れた Tokyo Demo Fest 2016！ 大興奮の２日間をレポート！ - WebGL 総本山
top 2016 年 02 月 超ハイレベルな作品が入り乱れた Tokyo Demo Fest 2016！ 大興奮の２日間をレポート！ 最高峰の 3DCG やアート・ミュージック作品たち！ 2016 年 2 月、20 日と 21 日の 2 日間に行われた TokyoDemoFest 2016 は、年に一度の、日本で唯一のデモパーティ。 そんな一年に一度だけの特別なデモシーンのお祭りに参加してきました。昨年に引き続きの二度目の参加でしたが、今年は昨年と比較して圧倒的にレベルが上がっていました。 GLSL を駆使した GLSL だけで表現するコンポや、楽曲だけのコンポであるミュージックコンポ、そしてデモ作品がシノギを削るデモコンポに、さらには数々の有益なセミナー…… とにかく見どころ満載、大興奮の 2 日間でした。 会場が広くなりモニターも巨大化して大迫力に！ 今年は会場を 3331 Arts
Easy URL manipulation with URLSearchParams | Blog | Chrome for Developers
The URLSearchParams API provides a consistent interface to the bits and pieces of the URL and allows trivial manipulation of the query string (that stuff after ?). Traditionally, developers use regexs and string splitting to pull out query parameters from the URL. If we're all honest with ourselves, that's no fun. It can be tedious and error prone to get right. One of my dark secrets is that I've
Lambda を利用した分散 Web 負荷テストツール Goad を使ってみた - Qiita
概要 AWS Lambda を使用して複数 Region から分散して Web 負荷テストが実行できるツール Goad を使ってみる。 アーキテクチャ 公式サイトに Demo があるので、自分のサイトにもお試しできる Goad インストール 適当な場所にバイナリをダウンロードして解凍するだけ $ wget https://github.com/gophergala2016/goad/releases/download/gopher-gala/goad-gopher-gala-linux-x86-64.zip $ unzip goad-gopher-gala-linux-x86-64.zip Archive: goad-gopher-gala-linux-x86-64.zip inflating: goad $ ./goad --help Usage of ./goad: -c uint n
ZenHub2.0について - Qiita
専用の拡張をインストールすると、GitHubそのものが拡張される。 GitHubに足りないアジャイルらしさを組み込むもの。2.0以前の機能は、ZenHubとはを参照してください。 ZenHubが2014年にリリースされてから、フェイスブックやソニー、NBC、マイクロソフトなど大手に取り上げられたZenHubは、2015/6/21にバージョン2.0となり、デザインなどが一新しました。 ZenHubのバージョン2.0とされる機能は以下のとおりです。 Task Board（カンバン）の複数リポジトリ対応 新しいZenHub Boardは、複数のリポジトリのissueを同時に表示する事ができます。 1つのプロジェクトに対して、複数のリポジトリがある場合があります。 例えば、プロジェクト開発用のリポジトリ（A）と、そのプロジェクトについてのウェブサイトを管理するリポジトリ（B）を作ったとします。新し
RedPen – 文章全体のエラーチェッカー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 文章を書くのが苦手という方は多いのではないでしょうか。個人的にはさすがに毎日のように文章を書いていて苦手意識はないのですが、堅苦しく書くなど文体によっては苦手な形式もあります。何より英文は苦手です。 通常、文章に対するスペルチェッカーはありますが、RedPenは自然言語で入力された文章全体のチェックをしてくれるソフトウェアです。 RedPenの使い方 RedPenのデモです。同じ単語が使われている場合、スペルミスなど様々な観点からチェックを行ってくれます。 RedPenは設定ファイルを使ってエラーチェックを行います。さらに言語非依存で、英語はもちろん日本語やドイツ語、中国語などでも利用が可能です。面白いのはプレインテキストだけでなく、MarkdownやTextileでもそのまま記述
Vorlon.JS
Getting Started Learn everything you need to about Vorlon.js 0.1.0 in this video Install and run the Vorlon.JS server from npm: $ npm i -g vorlon $ vorlon If you are on a mac $ sudo npm i -g vorlon $ sudo vorlon You may receive an error from npm during installation about Python, node-gyp and socket.io. You can ignore this error as it is related to an optional module. Socket.io team is already awar
JSX と TypeScript の混合 Flux または悪魔合体
JSX + TypeScript の悪魔合体 ギョーム的に気持ちになったので JSX + TypeScript をはじめました。 導入にあたってチーム内への説明を兼ねたブログ。AltJSに対して ES でいいじゃん派ですが、自分の型需要に対して 現状の Flowtype が辛みしかないのでやむをえず。 動機 紆余曲折あって結局 React を使うことにした React Component には JSX with Babel を使いたい（手書きは無理だ） UI 以外のロジックを持ったモジュールは型の恩恵に預かりたい Flowtype つらい TypeScript かー UI 周りは JSX で、その他の堅いロジックは TypeScript で書けばいいのでは？ 共存だ！！ メリットがあるのかも不明瞭ですが、分からないからこそ試してみようという感じです。JSX と TypeScript の境界
FOAM Framework
High-level You write very high-level, declarative models, and FOAM builds many features from them: default views, storage, serialization, Java and Swift classes, and much more. Compact Your app and FOAM itself are both modeled, keeping your payload small. Our Gmail app is 150KB unzipped. With so little code to write, FOAM is perfect for rapid app development. Fast FOAM apps are small and load fast
Service Workerハッカソン資料まとめ - dackdive's blog
本日開催されてた Service Worker ハッカソン。 http://googledevjp.blogspot.jp/2015/03/service-worker.html 参加できなかったので後で自分で見るように twitter で流れてた資料をまとめ。 ハッシュタグは #serviceworker です。 セッション動画 前半 後半 [Service Worker] プッシュ通知の使い方 - Google スライド スライド イントロ Service Worker 入門 Push 通知 Fetch API Service Worker のデバッグ方法 その他資料 Service Worker を使ったデモ https://jakearchibald.github.io/trained-to-thrill/ ソースコード https://github.com/jakearchiba
リバースエンジニアリングに挑戦したい！ 最低限必要なものは？ - KENJI’S BLOG
OllyDbg Windowsで普通のアプリを動的解析したい！ Stirling バイナリを直接編集したい！ BZエディタ GB（ギガバイト）レベルのファイルのバイナリも楽に編集したい！ IDAPro Free版 Windowsで静的解析がしたい！ IDAPro Demo版 x86以外のCPUも解析したい！（ARMとか） WinDbg Windowsのカーネルみたり、ダンプファイルみたりしたい！ もちろん普通のデバッガとしても使いたい。 jad javaのクラスファイルを逆コンパイルしたい！ Reflector .NETの実行ファイルを逆コンパイルしたい！ Flashデコンパイラ集 Flashを逆コンパイルしたい！ radare 安定してないけどppcとかも解析したい！ あとshellcodeも書きたい！ nasm 64ビットも読みたい！ あとは環境に合わせて…、例えばUNIX系ならgdb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - jaredly/treed: Powerful Tree Editor
GitHub - nathancahill/split: Unopinionated utilities for resizeable split views
GitHub - jaredreich/notie: 🔔 a clean and simple notification, input, and selection suite for javascript, with no dependencies
GitHub - microsoft/JSanity: A secure-by-default, performance, cross-browser client-side HTML sanitization library
GitHub - JedWatson/react-select: The Select Component for React.js
GitHub - hasegawayosuke/rickdom: RickDOM is a javascript library to build DOM elements from string safety using DOMParser API or createHTMLDocument API of modern browsers.
