<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4> </div> html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChild(canvas) });
html2canvas - Screenshots with JavaScript
<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4> </div> html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChild(canvas) });
React – ユーザインターフェース構築のための JavaScript ライブラリ
React は、インタラクティブなユーザインターフェイスの作成にともなう苦痛を取り除きます。アプリケーションの各状態に対応するシンプルな View を設計するだけで、React はデータの変更を検知し、関連するコンポーネントだけを効率的に更新、描画します。 宣言的な View を用いてアプリケーションを構築することで、コードはより見通しが立ちやすく、デバッグのしやすいものになります。 自分自身の状態を管理するカプセル化されたコンポーネントをまず作成し、これらを組み合わせることで複雑なユーザインターフェイスを構築します。 コンポーネントのロジックは、Template ではなく JavaScript そのもので書くことができるので、様々なデータをアプリケーション内で簡単に取り回すことができ、かつ DOM に状態を持たせないようにすることができます。
Draft.js
Extensible and CustomizableWe provide the building blocks to enable the creation of a broad variety of rich text composition experiences, from basic text styles to embedded media. Declarative Rich TextDraft.js fits seamlessly into React applications, abstracting away the details of rendering, selection, and input behavior with a familiar declarative API. Immutable Editor StateThe Draft.js model is
Firefox 79: The safe return of shared memory, new tooling, and platform updates – Mozilla Hacks - the Web developer blog
Firefox 79: The safe return of shared memory, new tooling, and platform updates A new stable version of Firefox brings July to a close with the return of shared memory! Firefox 79 also offers a new Promise method, more secure target=_blank links, logical assignment operators, and other updates of interest to web developers. This blog post provides merely a set of highlights; for all the details, c
Function - JavaScript | MDN
Function() 新しい Function オブジェクトを生成します。コンストラクターを直接呼び出すと関数を動的に生成することができますが、セキュリティや、 eval() と似た性能の (ただし、はるかに重要性の低い) 問題を抱えます。ただし eval() とは異なり、 Function コンストラクターはグローバルスコープで実行される関数のみを生成します。 以下のプロパティは Function.prototype で定義されており、すべての Function インスタンスで共有されています。 Function.prototype.arguments 非推奨; 非標準 この関数に渡された引数を表します。厳格モード、アロー関数、非同期関数、ジェネレーター関数については、 arguments プロパティにアクセスすると TypeError が発生します。代わりに関数のクロージャ内で arg
制約検証 - HTML: ハイパーテキストマークアップ言語 | MDN
HTMLチュートリアル初めてのウェブサイト: コンテンツの作成HTML によるコンテンツの構造化基本的な HTML の構文ヘッド部には何が入る? ウェブページのメタデータHTML の見出しと段落強調と重要性リスト文書とウェブサイトの構造高度なテキスト装飾リンクの作成課題: 手紙のマークアップ課題: コンテンツのページの構造化HTML の画像動画と音声のコンテンツMozilla のスプラッシュページHTML の表の基本HTML 表のアクセシビリティ課題: 惑星データの構造化HTML におけるフォームとボタンHTML のデバッグガイドコンテンツカテゴリーブロックレベル要素インライン要素互換モードと標準モードHTML で使用される日付と時刻の形式制約検証MicrodataMicroformatsビューポートメタタグ別オリジンの画像とキャンバスを利用可能にするリファレンスHTML 要素<a><ab
MDN Web Docs
Resources for Developers, by DevelopersDocumenting web technologies, including CSS, HTML, and JavaScript, since 2005. //////////// //////////// //////////// //////////// //////////// //////////// //////////// ++++++ ++++++ ++++++ ++++++ ++++++ ++++++ ++++++{{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} ../../ ../../ ../../ ../../ ../../ ../..
弊社でのJavaScriptの書き方 - Qiita
まあこれは弊社(Claves)での取り組み方(別に相談してないので独断ですらある)です。 多分そのうち陳腐化するので金科玉条のごとき扱いはしない方が良いです。 書くにあたった動機 若い人間がJavaScriptを書く場合に、 参照しているものが古い 便利なライブラリとかがあるのに再発明とかしてる Railsで書く場合にどう書けば良いのか などが整理されていないと感じた。 都度説明していたが三回をこえて面倒なので書き下すことにした。 JavaScript? TypeScript? 正直モダンに書くのであればJavaScriptでもTypeScriptでも良いと思っている。 構文的にはTypeScriptはモダンなJavaScriptに型、抽象クラスなどが追加されていると思って良いかと思う。 継承とかゴリゴリ書くのであればTypeScriptは便利だし、後述するReactなんかも TypeSc
新QiitaでReactをやめてhyperappを採用した背景 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 12/1 に Qiita のトップページをリニューアルしました。これまで React を使っていましたが、それをやめて hyperapp を採用しました。まわりを見てもあまり採用事例が見当たらないので、この記事では一体なんで今をときめく React ではなく hyperapp を選択したのか、どういうところが魅力的なのかについて プレゼンテーション層を実装するためのツールとして 学習コスト の観点から書きたいと思います。なおこの記事に書かれていることは全て個人の感想であり、はっきりいって個人の日記レベルです。 それと hyperapp
ウェブコンポーネント - Web API | MDN
ウェブコンポーネントは、一連のさまざまな技術です。これにより、再利用可能なカスタム要素を作成し、その機能を他のコードから分離してウェブアプリケーションで利用できるようにします。 開発者ならご存知でしょうが、可能な限りコードを再利用することは良い考えです。しかしこれは、以前から、カスタムのマークアップ構造にとって、それほど簡単なことではありませんでした。複雑な HTML （と一連のスタイルやスクリプト）を考えてみて下さい。ときに、カスタム UI の制御をレンダリングするために、コードを書かなければなりません。それに、注意していないと、それらの制御をどう使い回すかで、ページが複雑なものになってしまいます。 ウェブコンポーネントは、上記の問題の解決を目指しています。 ウェブコンポーネントは、3 つの主要な技術からなり、それらを組み合わせて、多目的なカスタム要素を作成します。カプセル化された機能を
Streams API - Web APIs | MDN
The Streams API allows JavaScript to programmatically access streams of data received over the network and process them as desired by the developer. Streaming involves breaking a resource that you want to receive over a network down into small chunks, then processing it bit by bit. Browsers already do this when receiving media assets — videos buffer and play as more of the content downloads, and s
<template>: コンテンツテンプレート要素 - HTML: ハイパーテキストマークアップ言語 | MDN
HTMLガイドコンテンツカテゴリーコメント日付と時刻の形式制約検証ビューポートの meta 要素レスポンシブ画像マイクロデータマイクロフォーマット後方互換モードと標準モードHTML 早見表手引HTML で用語を定義するデータ属性の使用別オリジンの画像の利用画像の上にヒットマップを追加する読み込みが速い HTML ページを作成するJavaScript の追加リファレンス要素<a><abbr><acronym> 非推奨; <address><area><article><aside><audio><b><base><bdi><bdo><big> 非推奨; <blockquote><body><br><button><canvas><caption><center> 非推奨; <cite><code><col><colgroup><data><datalist><dd><del><details
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Deno
How To Automatically Resize an iframe
JOB
Web QR
Building components | Articles | web.dev
Base Service | Apps Script | Google for Developers)
The one-body problem (Windows)
Learn web development | web.dev
