VanJS - A 1.0kB No-JSX Framework Based on Vanilla JavaScript
VanJS: A 1.0kB Grab 'n Go Reactive UI Framework without React/JSX Enable everyone to build useful UI apps with a few lines of code, anywhere, any time, on any device.VanJS (abbreviated Vanilla JavaScript) is an ultra-lightweight, zero-dependency, and unopinionated Reactive UI framework based on pure vanilla JavaScript and DOM. Programming with VanJS feels like building React apps in a scripting la
skruv
skruv No-dependency, no-build, small JS view-library/framework-ish-thing. Features • Examples • Docs Github • NPM Features No dependencies Small: Smallest framework in krausest benchmarks ~200 LOC ~1kb minified and compressed (1140b with brotli, 1310b with gzip, 2809b uncompressed) Usable without bundling/compilation/transpilation Supports HTML, SVG, MathML, Atom feeds and sitemaps. Types to valid
VanJS で素のDOM操作をリファクタしてみた
VanJSを試してみたら開発体験が良かったので紹介します。 🍦 VanJSとは？ VanJSは、数ヶ月前にメジャーバージョンがリリースされた比較的新しいReactive UIフレームワークです。軽量、非依存、トランスパイル不要、シンプルなAPIという特徴があります。 gzip圧縮後で0.9kbと非常に軽量で、バンドルサイズの肥大化を気にすることなく手軽に導入できます。 他のUIフレームワークと比較しても圧倒的に軽量 UIもJSXを使わず、関数ベースのAPIで宣言的に構築できます。 VanJSの開発秘話はとても考えさせられるものだったので、機会があればぜひ読んでみてください。 🛠️ リファクタリング対象 Sky Follower BridgeというX(Twitter)のFollower一覧からBlueskyのユーザーを検索するChrome拡張を個人開発しています。今回はその拡張機能のco
Clojarsの承認済みグループのトレンドを調べる
これはClojureアドベントカレンダー 15日目の記事です。 はじめに Clojureライブラリの配布リポジトリであるClojarsでは、今年4月からライブラリを登録するのに「承認済みグループ名」が必須になりました。これによって、これまでライブラリに自由につけられたグループ名が、実在するドメイン名をベースにした事前に承認されたグループ名でなければいけなくなりました。 ところで、4月からこれまでの間にリリースされたライブラリの中で、どれぐらいの割合がすでに承認済みグループの下でリリースされているのでしょうか？また、承認済みグループ名としてはどういったものが多く使われる傾向にあるのでしょうか？ この記事では、これらの答えについて調べてみたいと思います。 ここでは、以下の3ステップにより承認済みグループのトレンドについて調べます： 期間中にリリースされたライブラリの情報を収集する ライブラリが
Alpine.js
<script src="//unpkg.com/alpinejs" defer></script> <div x-data="{ open: false }"> <button @click="open = true">Expand</button> <span x-show="open"> Content... </span> </div> { let keys = Object.keys(steps) direction = keys.indexOf(value) > keys.indexOf(old) ? 'right' : 'left' })" > Alpine is a rugged, minimal tool for composing behavior directly in your markup. Think of it like jQuery for the mode
Selenide Java Library：簡単なことは簡単に，Web UI テスト自動化の敷居を下げ，生産性をあげる魔法の Wrapper - Qiita
Selenide Java Library：簡単なことは簡単に，Web UI テスト自動化の敷居を下げ，生産性をあげる魔法の WrapperJavaSeleniumテスト自動化Selenide プログラム上からブラウザの操作を支援する Selenium Library を利用して，jUnit / TestNG の文脈でより使いやすい機能を追加した Selenium Library を紹介します． Selenium (WebDriver) のちょっといけていない所 最初に Selenium WebDriver を触った瞬間に「これはすごい技術だ！」と感動したことを覚えています． 当時は Firefox Driver だけを利用していましたが，その後， Chrome Driver にもほとんどコードを書き換えることなく移行でき，その力を更に感じました． しかし現在，WebDriver を使うに
Snap.svgの使い方まとめ
Snap.svgの使い方 まとめ How to useすなっぷ.svg タイトル svg要素の基本的な使い方まとめ・別館 written by DEFGHI1977@xboxlive 本記事ではsvg世代のjavascriptライブラリとして有望なSnap.svgの使い方について実際に動作しているサンプルを交えて解説しています（これは動作サンプルであると同時にテストコードと言えるものですね）．なお間違いがあったり，バージョンアップに伴う不整合が発生するかも知れませんので，その点ご容赦下さいね．やっぱり手でゴリゴリ書いてます． なお，Snap.svgを用いたSVG(もしくはjavascriptの)入門記事ではありません．Snap.svgを上手く活用したいのであれば，背後で動いているsvgについてよく知っている必要があります．そのため，ある程度SVGやプログラミングの知識があることを前提に話を
Glance Year – GitHub風に年間の活動をグラフ化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 一年分の活動を振り返る際にはどういった表示が良いでしょう。各月のカレンダーを表示して、日付ごとに色分けするのも良いでしょう。しかし開発者であればもっと面白い方法があります。それがGitHubのコントリビューショングラフ（正式名称は知りませんが）です。 縦軸に曜日、横に52週分並べればそれだけで一年間を意味するグラフになります。後は活動の多かった日を濃く、何もしていない日を薄くすればOKです。そんなグラフを自分でも簡単に作れるのがGlance Yearです。 Glance Yearの使い方 例えばデータは次のように作ります。 var massive = [ {date: '2014-8-3', value:'1'}, {date: '2014-8-4', value:'2'}, {d
今年からジワジワくる【秘伝】のJavaScript - {ライブラリ系}初回編 - Qiita
と私が勝手に思っているだけですが 早速それを紹介？ではなくメモります。 理由 誰かが、情報発信をしないとダメかなと思い、気づいたメモとして残します。 ちょっと変わり種を紹介したかった 将来的に流行ったりした時に少しうれしいからです。 JS 正確には、JavaScriptです そして、私はJSエンジニアではありませんが、初めてJSに触れたのは小学生の頃初めて買ってもらったWindows98のPCです。あの頃は意味もなく動いたりすることが面白くて仕方なかったのです。 今回は、そんな幼少の気持ちを奮い起こしたものを紹介します。 それでは紹介 順番は適当です。見た方が面白いと感じたものを使っていただければという感じです。そして、一介のエンジニアたる私の独断と偏見でメモしてるだけですので、あまり内容は気にしないでください。ああ、JSも知らない残念なやつだと罵ってくださっても構いません、実際そのとおり
疎結合を加速させるWebModule Message.js を作成しました - latest log
WebModule Message.js を作成しました。いわゆるメッセージパッシングです。 これは、Postal.js をリファクタリングし、名前を変更したものです。 Postal.js で14個ほどあったメソッドが、Message.js ではわずか2個(new Message, Message#post)に集約されました。KISS ですね。 Message over WorkerThread も実装しているため、UI Thread ⇔ UI Thread と UI Thread ⇔ Worker Thread のメッセージングをシームレスかつシンプルに実装できます。 // Postal.js の API function Postal() { // @help: Postal // @desc: Message delivery utility (Observer pattern im
wreq: a Haskell web client library
wreq is a library that makes HTTP client programming in Haskell easy. Features Simple but powerful lens-based API Over 100 tests, and built on reliable libraries like http-client and lens Session handling includes connection keep-alive and pooling, and cookie persistence Automatic decompression Powerful multipart form and file upload handling Support for JSON requests and responses, including navi
InstantClick — JS library to make your website instant
Documentation Click test InstantClick is a JavaScript library that dramatically speeds up your website, making navigation effectively instant in most cases. Follow @instantclickjs 25 December: version 3.1 is here, with support for dynamically added links! Download Changelog Why Despite huge bandwidth increases, websites don’t get much faster. This is because the biggest bottleneck in loading web
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ArrowJS
Lexical
https://www.solidjs.com/
Openbase: discover the best open-source packages
Guide to app architecture | Android Developers
GitHub - MoOx/postcss-cssnext: `postcss-cssnext` has been deprecated in favor of `postcss-preset-env`.
GitHub - t6d/composable_operations: Composable Operations is a tool set for creating operations and assembling multiple of these operations in operation pipelines.
GitHub - localForage/localForage: 💾 Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.
