Intro 筆者は、 Web のセマンティクスに対する実装の方針として、大きく Push 型の実装 と Pull 型の実装 があると考えている。 もっと言えば、それは実装方法という具体的な話よりも、開発者のセマンティクスに対する態度を表現することができる。 この話は「Push よりも Pull が良い」などと簡単に切り分けられる話ではない。 「自分は今 Push で実装しているのか、 Pull で実装しているのか」この観点を意識するかしないかによって、セマンティクスに対する視野が広くなり、その応用として、たとえば今自分が行っている実装が、将来の Web においてどのような互換性の問題を生じるかなどを想像できるようになるだろう。最近問題になる Ossification を、こうした視点の欠如の結果とみることもできる。 (本エントリでの Ossification は、一般に言われている Pro

だいぶご無沙汰していましたが，今回は私の専門の一つである色彩科学に関する話をしたいと思います．今回は明るさ，あるいは明暗，あるいは光の量を表す単位について，測光学の観点からできるだけ正確に書くことを試みます． 以下の文章は私が自分の知識の整理のために書くものです．よって厳密な正確性は保証しません（大学のレポートで使って×をつけられても知らないゾ！）．まだ不勉強な部分も多々ありますので，もし違っていたらご指摘お願いします． あと，おたく特有の表現が出てきます． (20211021追記：重さ対策のため，数式を行形式表示にしました．) その前に 明暗を定量的に取り扱うには 様々な明暗量の定義 輝度(Luminance) 光度(Luminous intensity) 光束(Luminous flux) 照度(Illuminance) 輝度は「明るさ」なのか？ 明度(Lightness) 明るさ(B

ウェブサイトに貢献このウェブサイトではあなたからの情報提供をお待ちしています。参考資料の追加・修正のリクエストはリポジトリのイシューから専用のテンプレートで行えます。

posted articles:PHP:55%日本語訳:32%JavaScript:16%rfc:16%PHP8:13%

PySpa統合思念体です。これからJavaScriptを覚えるなら、「この書き方はもう覚えなくていい」（よりよい代替がある）というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の「旧来の書き方は間違いを誘発しやすいから非推奨」というものを作り出した点にあります。5年前、10年前の本やウェブがあまり役に立たちません。なお、書き方が複数あるものは、好き嫌いは当然あると思いますが、あえて過激に1つに絞っているところもあります。なお、これはこれから新規に学ぶ人が、過去のドキュメントやコードを見た時に古い情報を選別するためのまとめです。残念ながら、今時の書き方のみで構成された書籍などが存在しないからです。 たぶん明示的に書いていても読み飛ばす人はいると思いますが、すでに書いている人向けではありません。これから書くコードをこのスタイルにしていくのは別にいい

はじめに はじめに 使い方 書式について UnicodePropertyName General_Category Script, Script_Extensions Binary Unicode property 調べ方 UnicodePropertyValue に属する文字一覧を調べる ある文字に指定されている属性を調べる おわりに 参考にした記事 ES2018で正規表現まわりの機能にいくつかの便利な表現が入った。 例えばこんな感じ。 いずれもChrome*1 のコンソールで入力して試すことができる。 // `ひらがな` のみの文字列ならtrue /^\p{sc=Hiragana}+$/u.test('あいうえお') // true // `カタカナ` のみの文字列ならtrue /^\p{sc=Katakana}+$/u.test('アイウエオ㍑㍍') // true // `漢字`

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C

Warning: Use of undefined constant footerleft - assumed 'footerleft' (this will throw an Error in a future version of PHP) in /home/webnohito/www/onomatopoeia/wp-content/themes/onmtp/footer.php on line 6 タイプ スクロール系 マイクロインタラクション系 ボタン・リンク系 NOアニメーション系 その他 Warning: Use of undefined constant footercenter - assumed 'footercenter' (this will throw an Error in a future version of PHP) in /home/webnohito/w

Google では、すべてのユーザーにとって、美しく、アクセスしやすく、高速で、安全なウェブサイトを構築できるよう、クロスブラウザ対応のウェブサイトを作成したいと考えています。このサイトには、Chrome チームのメンバーや外部の専門家が作成した、移行を支援するコンテンツが揃っています。

written by DEFGHI1977. 本文書はWeb Animations仕様が定義しているAPIを使ったアニメーションの作成方法について調査・試行錯誤したものをまとめたものです. スクリプトによるアニメーションは, いざ実現しようとすと考慮すべき点が多々ありどのように実装するか悩みがちです. そのため, ブラウザ側で標準的な仕組み(フレームワーク)を用意してくれることは意義のあることです. とは言えフレームワークを使いこなすにはその意図することころを理解しなければなりません. こういった経緯からAPI呼び出しに伴う“つまづき”を少なくするために実際に動作するサンプルを交えた解説ページを作ることとしました. 作者も手探り状態から少しずつ内容を掘り下げていますので内容には多くの間違いがあるかもしれません. 予めご了承の上ご利用ください. つーか, 仕様と説明との間のギャップが激しいA

概要 簡単に使える Pure JavaScript の形態素解析器 kuromoji.js を書きました。今回は、簡単に kuromoji.js を紹介したあと、セットアップ方法を解説します。ついでにロードマップ的なものも晒してみます。みんなでブラウザ NLP しよう！ kuromoji.js とは 言わずと知れた Java の形態素解析器 Kuromoji を JavaScript に移植したものです。 kuromoji.js の GitHub リポジトリ と言っても、機械的に Java から JavaScript に置き換えたものではないため、API も違いますし、メソッド名やその内部も大幅に異なります。そもそも自分が形態素解析について勉強するために書き始めたため機械的なトランスレートに興味がなかったこと、また言語ごとに使いやすい API は異なると考えていることが理由です。 Node

New ways to make your web app jank with Houdini – An introduction Clickbait blog post titles. Gotta love ’em. And this post doesn’t mention jank. You have been lied to! What is Houdini? Have you ever thought about the amount of work CSS does? You change a single attribute and suddenly your entire website appears in a different layout. It’s kind of magic in that regard (can you tell where I am goin

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Intro DOM のイベントリスナの仕様に Passive Event Listeners というオプションが追加された。 このオプションは、主にモバイルなどでのスクロールの詰まり(Scroll Junk) を解決するために導入されたものである。 今回は、この仕様が解決する問題と、本サイトへの適用を解説する。 Passive Event Listeners Spec Scroll Event の PreventDefault() 画面のスクロールに合わせたインタラクションを実装する場合、 Scroll Event にイベントリスナを登録する。 典型的な例では touchstart や touchend をフックし、その中で DOM の操作などを実施するなどがある。 場合によってはイベントリスナ内で preventDefault() を呼ぶことで、スクロールそのものを止めることもできる。