どの非同期処理が良いのか勝負JSオジサンで発表した資料です。
Split.js
Split.js is a lightweight, unopinionated utility for creating adjustable split views or panes. No dependencies or markup required, just two or more elements with a common parent. Views can be split horizontally or vertically, with draggable gutters inserted between every two elements. Documentation Split(<HTMLElement|selector[]> elements, <options> options?) Options Type Default Description
screenlog.js - console.log代替。画面上にログ出力 MOONGIFT
Webフロントエンドの開発時にDevToolsを開くことはよくあるかと思います。ただ、画面の大きさを結構とりますし、常に開いておくのが邪魔という方もいるでしょう。 そこで使ってみたいのがscreenlog.jsです。console.logのように使えて、画面上にログを出力してくれるソフトウェアです。 screenlog.jsの使い方 screenlog.jsを使っているのでところです。右上にデバッグメッセージが出ています。 自動的にメッセージが追記されていきます。 screenlog.jsはconsoleオブジェクトの代わりにscreenLogオブジェクトを使います。ログのクリアもできるので、デバッグに活躍してくれるのではないでしょうか。 screenlog.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 chinchang/screenlog.j
[RSAの勉強日記2] Javascriptで暗号化してPythonで復号したい – taichino.com
先日、RSAについて解った気になったと書いたんですけど、実際はあんまり解ってなかったので補足等。やりたいのはクライアントで暗号化した情報をサーバで受けて復号したいという事ですね。 鍵の生成をサーバで行って公開鍵をJSのコードに埋める JS側で公開鍵を使って暗号化したデータをサーバに送る サーバで受け取ったデータをPythonで復号 単純な話なはずだったんですけど、上手く行かずにハマりました。 結論から書くと、PyCryptoモジュールがPKCS#1で規定されているのパディング/アンパディングに対応してなかったので自前でアンパディング処理を追加したら上手く行ったという事ですが、学習をかねてもう少し詳しく書いておきます。 本エントリ中の公開鍵・秘密鍵は以下のものを使用しています。他の鍵を使った場合は文中の値は異なります。 PRIVATE KEY: p=312812244098101569570
hide92795.org :: hide92795's works
hide92795.org::hide92795の自作アプリの公開、告知など。
Excel：VBA：UTF-8／LFのファイルを読み込む - HiiHahWIKI - making some notes for... -
MAWAR189 | Favorit Main Game Digital, RTP Akurat MAWAR189 menjadi favorit para pemain game digital berkat kombinasi sistem yang stabil, akses cepat, dan tampilan yang mudah digunakan. Platform ini menawarkan RTP akurat sehingga permainan terasa seimbang dan peluang menang lebih realistis, tanpa mengandalkan keberuntungan semata. Selain itu, server yang stabil dan layanan pelanggan responsif menjam
CryptoJSを使ったクライアントとサーバー間の暗号化と復号化 | メモログ
CryptoJS を使ったクライアントサイド（Javascript）とサーバーサイド（Node.js）での暗号化と復号化について。CryptoJS はbrix/crypto-jsのやつを使用します。 クライアントサイドの実装 CryptoJS のライブラリ（crypto-js.js）を head で読み込ませているとします。 var str = "Lorem ipsum dolor sit amet"; var key = "12345678901234567890123456789012"; var encrypted = CryptoJS.AES.encrypt(str, key); console.log(encrypted.toString()); encrypt メソッドで生成した変数を toString()すると、ciphertext や iv、salt など復号化に必要なもの
Instagram JS Filter - JavaScriptを使ったInstagram風フィルタ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Instagramの魅力と言えば撮影した写真に施す多彩なフィルタです。ネーミング含めて格好良く、写真を簡単に加工してくれます。単純に撮影しただけではなく、その後の加工が魅力を増してくれます。 以前にCSS3だけでのInstagram風フィルタを紹介しましたが、今回はJavaScriptも利用するInstagram JS Filterを紹介します。やはりそれだけ高度な表現が可能となっています。 Instagram JS Filterの使い方 まずはオリジナル。 Lark。 Amaro。 二値化したThrehold。 ネガポジ反転。 水平反転。 XYミラー。 Instagram JS Filterには他にもたくさんのフィルターが存在します。これらはすべてCanvas上で処理されており、
Reactive MVC and the Virtual DOM
The web frontend scene is witness to many new frameworks and ways of working. It can be quite annoying when software becomes legacy quicker than ever. But actually, it's just good old innovation happening as it should, because the opportunities for improvement are there. Frameworks come and go, but what remains are the good ideas that they brought to the world. We're going to talk about the good i
GitHub - mizchi/flumpt
import * as React from "react"; import {Flux, Component} from "flumpt"; import {render} from "react-dom"; class MyComponent extends Component { componentDidMount() { this.dispatch("increment"); } render() { return ( <div> {this.props.count} <button onClick={() => this.dispatch("increment")}>increment</button> </div> ); } } class App extends Flux { subscribe() { // `subscribe` is called once in con
HTML5で作られた表計算ウィジェット。ソート、フィルタリング、条件付き書式、セル結合、罫線、タッチ対応などExcelライクな「SpreadJS 9J」発表。グレープシティ
HTML5で作られた表計算ウィジェット。ソート、フィルタリング、条件付き書式、セル結合、罫線、タッチ対応などExcelライクな「SpreadJS 9J」発表。グレープシティ 多くの業務アプリケーションがWebブラウザから利用可能になりつつある現在、開発者はこれまでアプリケーションで実現されてきたさまざまな機能をHTML、CSS、JavaScriptなどのWebテクノロジーで再構築する必要に迫られています。 データを表形式で分かりやすく見せる表計算機能もその1つです。グレープシティは、Webブラウザ上でExcelライクなユーザーインターフェイスを実現するHTML5スプレッドシートウィジェット「SPreadJS 9J」を発表しました。 Webブラウザ上で、まるでExcelのように表計算、数式や関数による計算、ソート、特定のデータだけに絞り込むフィルタリング、条件付き書式などが利用できるだけでな
GitHub - twitter/labella.js: Placing labels on a timeline without overlap.
"Labels should be beautiful." If you try to place labels for points on a timeline (or any 1D space), one common problem is the labels often overlap. How about making the labels push each other and find where they can stay with overlapping? Play with interactive demo to learn more See examples: up | down | left | right | with text (v) | with text (h) Read the instructions on this page or API refere
Web開発の未来 – React、FalcorおよびES6 | POSTD
この記事でWeb開発の未来を垣間見ることができるでしょう。UIの構築やサーバ、データ・エンドポイントの新しい見解を得ることができると思います。ここで、ブラウザとサーバコードの両側を含めたフルスタックな話をしていきます。これを読めば、 完全に機能するGitHubリポジトリ で紹介されたすべてのコードの検証や実行ができるようになります。皆さまが開発者として次の資質を持っていることを前提に話を進めていきます。 JavaScript中級者 HTML中級者 クライアント/サーバ間通信の基礎知識 JSONの基礎知識 Node.jsの基礎知識 上の知識がなくても、 おそらく この記事の進行についていけるでしょう。しかし、知識がないと私の紹介するコードを現実的なシナリオあるいは重要なシナリオに応用するのは難しいでしょう。インターネットは情報の宝庫なので、理解に必要な概念などをたくさん提供してくれます。必要
今一番JSで熱いゲームエンジン、RPGツクールMVのランタイムコードを読んでみた - Qiita
一昔前にCanvasが実用段階になった頃、JSのゲームエンジンが大量に出てきたことがありました。それらは大抵DOM/CanvasのFallbackを持っていたのですが、今現在の状況は、実際には非効率なメモリ消費やモバイルのブラウザのフラグメント化で実用に足るものがなかった、という辛い現状があります。 そんな中pixi.jsという描画ライブラリが台頭してきました。このエンジンは webglとcanvasの fallbackを持ち、(いくらかのバグはありつつも)DOMを切ったことで現実的なパフォーマンスの課題をクリアできるのでは？という期待感が高まっています。 Pixi.js - 2D webGL renderer with canvas fallback http://www.pixijs.com/ そして 2015年、RPGツクールMVが発表され、ブラウザ吐き出し対応がアナウンスされました
Fluxフレームワーク戦争の現状確認（前編） - マルシテイア
この記事は 仮想DOM/Flux Advent Calendar 2015 2日目の記事です。 みなさんFlux書いてますか？ 僕はオレオレ実装を書き続けて消耗してます。 Fluxフレームワーク使いたいけど使いたくない……！！ いったい今Fluxフレームワークって幾つ生き残ってるの……戦争は終わったの？ っていうか最近新フレームワークの噂聞かないけど、まだFluxって流行ってるの？ 今日はその辺をまとめてみたいと思います。 もくじ 前提知識 Flux以前 2014年5月 Flux登場 〜2015年前半 戦国時代 Fluxxor Fluxible Alt NuclearJS 振り返り 2015/5月 Reduxの登場 前半まとめ 前提知識 Fluxってなに？という方はこちらの資料をみると良いでしょう。 非常に丁寧にまとめられています。 speakerdeck.com なお、以下ではアーキテク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebCrypto APIでJSON Web Tokenの検証を試してみる - Qiita
https://treasure-data.github.io/redux-search/
GitHub - bartonhammond/snowflake: :snowflake: A React-Native Android iOS Starter App/ BoilerPlate / Example with Redux, RN Router, & Jest with the Snowflake Hapi Server running locally or on RedHat OpenShift for the backend, or a Parse Server running loca
mizchi の Redux 考
Finder.js