しばらく経ってもこの画面に変化がない場合は、Javascript を on にして再度読み込んで下さい。
サマー・ドッグ（エスパー魔美）
しばらく経ってもこの画面に変化がない場合は、Javascript を on にして再度読み込んで下さい。
たった5分で分かる！ Reactのコンセプトや用語をやさしく解説
Reactは、WebサイトやスマホアプリのUIを構築する人気が高いJavaScriptのライブラリです。再利用可能なコンポーネントを作成し、複雑なUIでも効率的に管理できるようにすることで、フロントエンドの開発に革命をもたらしました。 Reactを始めたいけどなんだか難しそう、、、そんな人にReactを簡単に理解できるようにReactのコンセプトや用語をやさしく解説した記事を紹介します。Reactにおけるコンポーネントとはどんなものなのか、reconciliation, state, propsなどの用語についても分かりやすく解説されています。 Every React Concept Explained in 5 Minutes by Jitendra Choudhary 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに
A collection of dependency-free React hooksCarefully developed React hooks that you can copy and paste into your projects.
ts-blank-space
What is ts-blank-space? ts-blank-space is a fast type-stripping compiler that converts TypeScript to JavaScript. It supports a modern subset of TypeScript by erasing the types and replacing them with whitespace. That's it. It is not a type checker and does not perform any other code transformations. The underlying technique can improve build performance and simplify development. The implementation
Deno is a modern, zero-config JavaScript runtime written in Rust. At its core is Rusty V8, a library that provides high-quality, zero-overhead Rust bindings to V8’s C++ API. Over the past five years, Rusty V8 has undergone nearly 150 releases, racking up more than 3.1 million downloads on crates.io. Today, we’re excited to announce a major milestone: Rusty V8 is now stable and production-ready. Wh
数行のコードを記述するだけで、カードやパネルをドラッグアンドドロップで移動できるレイアウトに変換するJavaScriptを紹介します。 他のフレームワークやライブラリへの依存はありません。また、ReactやVueやSvelteなどと一緒に使用することもできます。 Swapy Swapy -GitHub Swapyの特徴 Swapyのデモ Swapyの使い方 Swapyの特徴 Swapyは、フレームワークやライブラリに依存することなく、わずか数行のコードであらゆるレイアウトをドラッグして移動できるレイアウトに変換するためのJavaScriptツールです。 MITライセンスで、個人でも商用でも無料で利用できます。
<div id="counter">0</div> <button type="button" id="incrementBtn">+</button> const counter = document.getElementById('counter'); const incrementBtn = document.getElementById('incrementBtn'); incrementBtn.addEventListener('click', () => { counter.textContent = Number(counter.textContent) + 1; }); これは、多くのブラウザやWebアプリケーションは、キーボードアクセシビリティを重視しているためです。 ガイドライン 2.1 キーボード操作可能: すべての機能をキーボードから利用できるようにすること。 すべ
9月20日、Deno 2.0のリリース候補版が公開された。これは、Deno 1.0のリリース以来、最大のアップデートであり、Node.jsとの互換性向上や依存管理システムの改良、グローバル変数の変更など、様々な新機能と改善が含まれている。 1. グローバル変数の変更 Deno 2.0では、windowグローバル変数が削除され、代わりにglobalThisやselfの使用が推奨されている。この変更は、Denoがブラウザと互換性を持つことを目指して導入されたwindowが、思わぬバグを引き起こしていたためだ。これにより、ライブラリがDeno上での動作時に問題を引き起こすことが少なくなる。 // Deno v1.x window.addEventListener("load", () => { console.log("loaded"); }); // Deno v2.x globalThis.
元エンジニアが初めてNext.jsとtailwindCSS(+DaisyUI)、GitHub Pagesを使ってサイトを作ってみた - Qiita
元エンジニアが初めてNext.jsとtailwindCSS(+DaisyUI)、GitHub Pagesを使ってサイトを作ってみたReactGithubPagesNext.jstailwindcssdaisyui 当方元々Webエンジニアでしたが、今やもう現役を退き…気がついたら年齢も40を超えてしまい、技術の進歩には過去の知識ベースで勝負してましたが…長期休暇を頂いたので、ちょっと一念発起して最新な技術を触ってみるために格闘してみました。 正味2日フルで使ってた感じですが、なんとか理解深まった気がします。し、色々自分でこの後ハマりそうだから備忘録もかねて記事を書いてみます。 今回の目標 今回は結果的にタイトルに書いたようなものを活用することになりました。が、元々は以下の方針で進めていました。 React系の何かでやりたい(ちょっとだけGatsbyを触った程度の知識しかない) 会社の後輩が
javascriptでオートコンプリートを一括で無効にするサンプルコード ｜ 25歳でフリーランス28歳で起業したエンジニア -じゃけぇ- のあれこれ
オートコンプリートとは オートコンプリートとは↓のような以前入力した値を覚えてくれている機能のことです。 業務システムではセキュリティの面や使い易さの観点から、 「オートコンプリートはOFFにして欲しい」 と言われることがあります。 各PCの設定から以下のように設定することもできますが、ユーザの全員にこの作業をさせるのはナンセンスです(笑) そこでオートコンプリートの制御をするjavascriptを紹介したいと思います。 <script type="text/javascript"> $(function(){ //input属性のものを一括で取得する var inputItem = document.getElementsByTagName("input"); //全てオートコンプリートをOFFにする for (var i=0; i<inputItem.length; i++){ inp
Deno、V8 JavaScriptエンジンをRustに統合できる「Rusty V8」リリース — RustにJavaScriptコードを埋め込み可能に
9月25日、DenoはRustベースのV8バインディング「Rusty V8」が安定版としてリリースされたことを発表した。Rusty V8は、JavaScriptエンジンV8のC++ APIをゼロオーバーヘッドでRustに統合するライブラリであり、5年間にわたる開発と150以上のリリースを経て、3.1百万回以上のダウンロード数を記録している。このリリースにより、Rusty V8は本格的なプロダクション環境での利用が推奨される安定版となった。 Rusty V8は、バージョン129.0.0として初めて安定版リリースが行われた。これはChromeのバージョニングに合わせたもので、今後もChrome V8エンジンと同期したリリースが行われる予定である。このバージョンではAPIの安定性が保証され、これまでの0.xリリースを超えて、Rustベースの開発者にとって信頼性のあるツールとして位置づけられること
はじめに なんか JS の import/export って覚えにくい。。。 よく忘れるのでまとめてみました👇 ECMAScript モジュールと CommonJS モジュール CommonJS って何よ JavaScript の仕様というと ECMAScript を連想する方も多いと思いますが、ECMAScript はブラウザ上での JavaScript の仕様と標準を作っているのに対し、CommonJS ではブラウザ上だけでなく、サーバーサイドやクライアントでのCUI、GUI で JavaScript を使う際の仕様を作成しています。 単に仕様を作っているだけなので、ECMAScript に組み込まれるとかがない限り、それが JavaScript の標準になるというわけではないようです。 ちなみに CommonJS で作成された仕様は複数のソフトウェアによって実装が行われることで勧告
List of 10+ Best JavaScript Sliders 2024 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブサイトにインタラクティブなスライダーを追加するJavaScriptカルーセルスライダーライブラリをお探しですか？この記事では、ウェブページのユーザーエクスペリエンスを向上させるのに役立つ最高のJavaScriptスライダーをいくつか紹介します。 スライダーは、ウェブデザイナーや開発者にとって最も議論の的となるデザイン要素の1つです。一部のデザイナーや開発者はウェブサイトにスライダーを追加することを好みますが、他の人々はそうではありません。しかし、今日でもウェブページにスライダーを使用しているウェブサイトを見かけることがあります。 スライダーは正しく使用する方法を知っていれば、ウェブページに非常に有益である
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nova.js - A collection of dependency-free React hooks
Announcing Stable V8 Bindings for Rust
これで簡単に実装できる！ カードやパネルをドラッグアンドドロップで移動できるレイアウトに変換するスクリプト -Swapy
Webアプリでの長押し機能の実装は意外と難しい - Qiita
Deno 2.0リリース候補版が公開、1.0のリリース以来最大のアップデート
JSの import/export をすぐ忘れるのでいい加減まとめてみた
2024年に選ぶべきJavascriptカルーセルスライダープラグイン11選 - コハム