Byte saving techniquesYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
JavaScriptのナイスな文法テクニック集 - Qiita
JavaScriptのとってもナイスな文法テクニック集を発見したので紹介してみます。 以下はByte saving techniquesの日本語訳です。 なお、イタリックは訳者(私だ)による追加です。 Byte-saving Techniques これはJavaScriptのコードから文字数を減らすための魔法のコレクションです。 主にTwitterチャレンジを作成するための参考資料として書かれています。 新たなテクニックを発見したときは@140bytesにフィードバックください。 Arguments Use one-letter positional arguments, in alphabetical order 引数はできるだけ短くする必要があり、かつ再利用される可能性も高いので、意味で表すのではなく順序で表すのが最善です。 頭文字を使用すると、ひとつの関数の読みやすさが僅かに向上しま
React Fiber現状確認
F8でもReact Fiberについての発表もあったので、気になっている人も多いReact Fiberの現状について簡単に書きたいと思います。 Reactの完全な書き換えということで、使い方も変わってしまうと思っている人もいると思いますが、内部実装の書き換えであり、利用者から見える部分ではほとんど変更はありません。 もちろん、react-fiberというパッケージをインストールするというわけでもありません。 むしろ、v16の時点では現在の実装と互換性を保たれているので、v16がリリースされた時に、v15.5を使っていればほとんどそのままv16に更新できると思います。 そして、言われなければ内部実装が変わっていることに気づかないのではないかと思います。 とりあえずどうなるのか知りたい人向けのまとめ v16では、基本的にはv15の時と同じように動作します。逆に言うとパフォーマンスもそんなに変わ
Vanilla JS
Vanilla JS is a fast, lightweight, cross-platform framework for building incredible, powerful JavaScript applications. Introduction The Vanilla JS team maintains every byte of code in the framework and works hard each day to make sure it is small and intuitive. Who's using Vanilla JS? Glad you asked! Here are a few: FacebookGoogleYouTubeYahooWikipediaWindows LiveTwitterAmazonLinkedInMSN eBayMicros
Escape Codec Library: ecl.js
このページはhttp://nurucom-archives.hp.infoseek.co.jp/digital/にあったものをiswebのサービス終了に伴い伊藤がコピーしたものです。 Shift_JISエンコードやEUC-JPエンコードなども可能な escape エンコード・デコード関数のライブラリ 文字列をすべてのコンピュータで読めるような形式に変換したり、変換されたものを元の文字列にデコードすることができる関数のライブラリです。 ビルトイン関数 escape() , unescape() とは異なり、どの種類のブラウザでも同じ変換結果が得られます。 JISコード変換テーブルを搭載し、従来JavaScriptでは実現が困難であった、Shift_JISコードやEUC-JPコードなどの文字コードとしてのエンコード・デコードも可能となっています。なお、この変換テーブルには、直接漢字は記述せず、
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
redux-sagaで非同期処理と戦う - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに ReduxはSingle Store、immutableなState、副作用のないReducerという３つの原則を掲げたFluxフレームワークです。しかし他のフレームワークと違って提供しているものは最小限で、とてもフルスタックとは言えない薄さです。そのためすべてにおいて定番と言える書き方が定まっているわけでもなく、どうしようか迷ってしまうことも少なくありません。その筆頭とも言えるのが 非同期処理 の扱いです。コミュニティでは今でもさまざまな方向に模索が続いていますが、よく使われているものだとredux-thunk、redux-
たぶんこれが一番分かりやすいと思います React + Redux のフロー図解 - Qiita
【追記】 もうこれ古いから参考にしないでください https://t.co/mXtcc73Orf — もし Laravel が流行しなくなってこられてきてたとしたら、絶対に捨てられてこられてたと思うか (@mpyw) January 26, 2021 Redux にはその昔 connect()() とかいうクソ API と， Redux-Saga とかいう宗教がありました という考古学です — もし Laravel が流行しなくなってこられてきてたとしたら、絶対に捨てられてこられてたと思うか (@mpyw) January 26, 2021 読者対象 Tutorial: Intro To React - React Example: Todo List · Redux 「チュートリアルそれぞれ一周した！Reactは何とか理解できたが，Reduxがさっぱりわかんねぇ！」 ぐらいの人向け。自分
diff2html
diff2htmlDiff parser and pretty html generatorBetter diffs, unmatched reviewsDemo Each diff provides a comprehensive visualization of the code changes, helping developers identify problems and better understand the changes. Line by Line and Side by Side changes Each diff features a line by line and side by side preview of your changes.
clipboard.js
Why Copying text to the clipboard shouldn't be hard. It shouldn't require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn't depend on Flash or any bloated framework. That's why clipboard.js exists. Install You can get it on npm. npm install clipboard --save Or if you're not into package management, just download a ZIP file. Setup First, include the script locat
従来のWebアプリの常識を変える! Service WorkerがもたらすWebの未来 | PLAID Engineer Blog
こんにちは。プレイドの@otoanです。 突然ですが、Service Workerって使ったことがありますか？ Service Workerは、オフラインでページを開き続けるためのキャッシュ機構として導入されましたが、それ以上のパラダイムシフトを含んでいると理解され、注目されるようになっています。注目度は高い新機能なのですが、全体像をつかめる記事を意外と見かけなかったので、今回テーマとして選びました。 KARTEでもブラウザ通知機能として、Service Workerの利用を一部始めていますので、その際に得た情報とその考察をまとめたいと思います。個々の機能の詳細やサンプルコードについては、良い記事がたくさん出ていますので探してみてください。 8/4に公開されたService worker meeting notesについても、最後の方で軽く触れていますが、記事本文内には十分反映できていませ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SSRサインジェネレータ
GitHub - tulios/json-viewer: It is a Chrome extension for printing JSON and JSONP.
WIP: Reduxについて (3).md
hanabi.md
Holder.js - image placeholders in browser
GitHub - kazuhikoarase/qrcode-generator: QR Code Generator implementation in JavaScript, Java and more.
Sounds fun
Learn web development | web.dev
GitHub - GoogleChromeLabs/sw-precache: [Deprecated] A node module to generate service worker code that will precache specific resources so they work offline.![GitHub - GoogleChromeLabs/sw-precache: [Deprecated] A node module to generate service worker code that will precache specific resources so they work offline.](https://cdn-ak-scissors.b.st-hatena.com/image/square/8ac096618bacafff8877d3e3637783ed9280f312/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F54c6a459447f34022b1fdca4ac425d43dce8059028ec3d6bde867526c4db20b5%2FGoogleChromeLabs%2Fsw-precache)
