各CSSフレームワークやJavaScriptフレームワーク等のデータを比較してグラフ化している・「Moiva.io」 - かちびと.net
Moiva.ioは各CSSフレームワークやJavaScriptフレームワーク等のデータを比較してグラフ化しているnpmパッケージ比較サイトです。 サンプルとしてフロントエンドフレームワークならReact、Svelte、Vue、Angular、CSSフレームワークならBootstrap、Tailwind CSS、Bulmaなどを比較しています。 比較するデータは月ごとのダウンロード数や貢献者数、リリース回数、毎月のコミット数、issuesの更新やファイルサイズなどで、全てグラフ化されていますので一目で把握する事が可能です。 比較は自由に組み合わせられます。単純にURLでドメイン後のパラメーターに?compare=foo+bar+piyoといったように比較したいパッケージを+で加えればいいだけみたいです。 選択の際の参考になると良いですね。 Moiva.io
オープンな技術で開発進む通知システム「WebPush」を簡単に使ってみるJavaScriptプログラム
前回の雪かき事故を知らせるアプリの通知先はiPhoneアプリでしたが、AndroidやパソコンのChrome, Firefox, Edgeでは、W3Cでオープンに規格化が進む WebPushこと「Push API」が使用可能とのことで、実験してみました。 コマンドラインから、webから、結構手軽に通知が送れるのでなかなか楽しく、便利です！うまく使えば、気になる情報のチェックや、リマインドに大きく力を発揮してくれそうです。 本ブログにもそのうち追加しようと思いますが、ひとまず、実験できるプログラム一式ができたので、公開します。 WebPushは、各ブラウザベンダーが運用している通知サーバーにデータを送って、そこから各ブラウザへと通信される仕様のようです。 Node.js 用のライブラリを使って、通知用の設定と、コマンドラインで送信するツール、Deno で作ったサンプル通知管理サービスと、クラ
設定0行でNext.jsとNuxt.jsの内部リンクを型安全に取得できる最強ライブラリ「pathpida」
Qiita TypeScript Advent Calendar 2020 最終日の記事です。 TypeScript製の内部リンク取得ライブラリ「pathpida」 最近ちょっと話題になった frourio と aspida を開発したSolufaです。 Zenn初投稿を記念して、新作ライブラリ「pathpida」を紹介します。 と言っても完全な新作ではなく、初回リリースからもうすぐ1年が経ち月間DL数は1,000を超えています。自分が関わる案件だけで静かに検証を続け、ようやっと今週全面リニューアルして一般告知が出来るようになりました！ pathpidaはNext.jsとNuxt.jsそれぞれのルーティング規約に最適化しているので設定不要で型安全に使うことが出来ます。 どんな問題を解決するのか 以下のように/post/1 に遷移するLinkがあるとします。 import Link from
誕生から25年を迎えたJavaScript--業界に多大な影響力を持つプログラミング言語に
プログラミング言語「JavaScript」は25年前に生み出され、現在ではウェブアプリケーションやブラウザーアプリケーションの開発で最も重要な役割を担う言語の1つと言われるまでに成長している。 JavaScriptはフロントエンド開発で最初に検討される言語であり、Microsoftのプログラミング言語「TypeScript」はJavaScriptから派生したものだ。TypeScriptは、オプショナルとして強力な型システムを備えたJavaScriptのスーパーセットであり、ブラウザー内ではコンパイル（トランスパイル）結果のJavaScriptコードとして実行される。 JavaScriptとTypeScriptはいずれも、ECMAScriptと「Node.js」に準拠している。ECMAScriptはJavaScriptの標準規格であり、Node.jsはGoogleのパワフルな「V8 Java
とあるデベロッパーが、JavaScriptだけでどのようにしてAirDropを再現したか
タップ・クリックするだけで他のデバイスと簡単にファイルを共有できるAirDropをJavaScriptだけで再現したその仕組みを紹介します。 同一WiFiで利用でき、iOSやmacOSだけでなく、AndroidやWindowsでもあらゆるファイルを簡単に共有できます。 How One Developer Recreated AirDrop Using Just JavaScript by Abdisalan 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 新しいテクノロジーの使用 これがないとWebRTCは使用できない どのようにデータを保護しているか？ 使い慣れたUIとUX デバイスがWebRTCをサポートしていない場合はどうなりますか？ イベント駆動型のコードスタイル 自身でコードを調べる 終わりに はじめに iP
NextAuth.js for client-side authentication in Next.js | LogRocket Blog
Editor’s note: This article was last updated by Chinwike Maduabuchi on 14 June 2024 according to changes in the Auth.js v5 release and to include information about authenticating with magic links. Authentication is an important and sensitive feature in applications where a user’s credentials, such as username, email, and password, are used to verify their identity. In this article, we’ll set up a
2020-12-22のJS: lighthouse 7.0.0、React Server Components、Micro Frontends Architecture Patterns
JSer.info #519 - Lighthouse 7.0.0がリリースされました。 Release v7.0.0 · GoogleChrome/lighthouse Node.js 10のサポート終了、PWAカテゴリの変更、アクセシビリティのテストに使うaxe-coreのアップデート、nightlyをlighthouse@nextとしてインストールできるようになるといった変更が含まれています。 また、スクリーンショットがフルページとなりレポートのファイルサイズが増加しています。 ReactからReact Server Componentsと呼ばれる実験的な実装とRFCが公開されています。 Introducing Zero-Bundle-Size React Server Components – React Blog RFC: React Server Components by j
sql.js - SQLiteをWASM化したWebデータベース MOONGIFT
HTML5ではIndexedDBというデータベースAPIが実装されています。しかし、若干利用法が独特な分、なかなか使いこなすのが難しいようです。昔ながらのRDBMSであったり、廃止になってしまったWebSQLデータベースの方が使いやすかったかも知れません。 今回紹介するsql.jsはSQLiteをEmscriptenを使ってJavaScriptで使えるようにしたライブラリになります。 sql.jsの使い方 デモです。SQLを実行できます。 結果も取得できます。 任意のSQLiteファイルを読み込めます。 sql.jsはSQLiteをWebAssemblyにし、実行できるようになっています。仮想ファイルシステムを使っており、インメモリで動作しています。そのため、Webブラウザをリロードしてしまうと消えてしまうのが難点です。その点さえ目をつぶれば、Webブラウザ上で自由にSQLを実行できる環境
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Immutability in JavaScript
ウェブサイトに一文追記すればOK! オープンデータのはじめかた
JavaScript, React, TypeScript, and other Web Tech Articles and Tutorials - ui.dev
Design Doc: Use JavaScript instead of TypeScript for internal Deno Code
雪かき時の事故を知らせるアプリを試作、webアプリ上の加速度センサーとiPhone通知を使用
My React 17 Boilerplate (with Webpack 5, Tailwind 2)
React専用リッチテキストエディタライブラリ「Draft.js」の実践的Tips集
Building Charts Using C3.js - DZone
New JavaScript ES2019 features you need to know! - Ultimate Courses
How to use Chart.js in React
How To Create A Template Engine Using JavaScript | HackerNoon
Vanilla JavaScript time of day greeting
