miniPaint - image editor      2019-05-24 12:20:10  詳細
Your browser does not support canvas or JavaScript is not enabled.
https://viliusle.github.io/miniPaint/
モダン JavaScript プログラミングを始めるために知っておきたい技術セット - Qiita      2019-05-24 10:20:10  詳細
元々は社内向けとして書いたものですが、転載許可が出たので Qiita 向けに加筆・修正した文章です。 僕は普段ペチパーバックエンド領域を担当することが多いのですが、フロントエンド領域を含めて社内の技術アップデートを一緒に頑張っていきたい、という思いから書きました。 なんせペチパーバックエンドエンジニアの拙...
https://qiita.com/Go-Noji/items/25a30b8cadef86abc2b0
WebRTC P2P を使った画面共有サービスを作ってみた - hakobera's blog      2019-05-24 10:20:09  詳細
三行まとめ WebRTC の getDisplayMedia API を利用した P2P で画面共有するサービスを作りました。 全て Managed Service (AWS & Firebase) 上で動作しており、ほぼノーメンテナンスでそれなりスケールします。 無料。ただし、音声無し、TURNサーバー無し、SLA 無しで、繋がらないこともそれなりにあると思うので、クリ...
http://hakobera.hatenablog.com/entry/2019/05/24/015723
ペーストが禁止されているHTMLフォームに無理やりペーストするワンライナー      2019-05-24 09:20:12  詳細
会員登録フォームなどで、たまにクリップボードからのペースト(貼り付け)が禁止されているサイトがあります。 貼り付けを実行しても何もおきない これは不便なので、強引にペーストしてしまおうという内容です。 注意点 本記事で紹介している手法は、開発者ツールやJavaScriptの実行を伴うものです。 一般論として、「...
https://techracho.bpsinc.jp/baba/2019_05_23/74715
Strict null checking the Visual Studio Code codebase      2019-05-24 09:20:11  詳細
This site uses cookies for analytics, personalized content and ads. By continuing to browse this site, you agree to this use. Learn more Strict null checking Visual Studio Code May 23, 2019 by Matt Bierner, @mattbierner Safety permits speed Moving fast is fun. It's fun to ship new features, make ...
https://code.visualstudio.com/blogs/2019/05/23/strict-null
Virtual DOM is pure overhead      2019-05-24 00:20:10  詳細
Virtual DOM is pure overhead Let's retire the 'virtual DOM is fast' myth once and for all Rich Harris Thu Dec 27 2018 If you've used JavaScript frameworks in the last few years, you've probably heard the phrase 'the virtual DOM is fast', often said to mean that it's faster than the real DOM. It's...
https://svelte.dev/blog/virtual-dom-is-pure-overhead
SPAにおける状態管理: 関数型のアプローチも取り入れるフロントエンド系アーキテクチャの変遷 - エンジニアHub|若手Webエンジニアのキャリアを考える!      2019-05-23 22:20:10  詳細
こんにちは、小林(@koba04)です。 本記事では、シングルページアプリケーション(以下、SPA)における状態管理について解説します。 GmailやTwitterは、SPAとして構築されている代表的なWebアプリケーションであり、スムーズなページ遷移をSPAによって実現しています。またElectronやPWA(Progressive Web Apps)の登...
https://employment.en-japan.com/engineerhub/entry/2019/05/23/103000
今更ながら、スクロール連動でフェードインさせてみる | バシャログ。      2019-05-23 11:20:30  詳細
Oculus Questを購入し、24日の到着を待ちわびている kouraku です。おはこんばんちわ。 さてさて今回は、スクロール連動で要素を下から上にふわっとフェードインさせる機能を作ってみたいと思います。 まずはポイントを確認 スクロール連動で押さえておくポイントは以下3点です。 スクロール値 → $(window).scrollTop ...
http://bashalog.c-brains.jp/19/05/22-121331.php
JavaScript Clean Code - Best Practices      2019-05-23 10:20:12  詳細
topic: JavaScriptby Milos Protic relates to: Web Development, Advice on May, 19 2019 JavaScript Clean Code - Best Practices Introduction If you care about the code itself and how it is written, instead only worrying does it work or not, you can say that you practice and care about the clean code....
https://devinduct.com/blogpost/22/javascript-clean-code-best-practices
Flutter Webの現状調査 - ntaoo blog      2019-05-23 07:20:09  詳細
Web特有の事情はどう解決するのかに興味があって内部構造などを調べていた。 開発が進むに連れて実装はどんどん進化して問題可決されていくだろうし、もちろん現段階のこの情報の正確性も保証しない。個人のメモを公開しているだけなので鵜呑みにはしないようにしてほしい。 あと、Preview版が公開された後にFAQが追加さ...
https://ntaoo.hatenablog.com/entry/2019/05/22/152739
JavaScriptのthisがよくわからないので徹底的に調べてできるだけわかりやすく解説してみる - Qiita      2019-05-23 00:20:09  詳細
JavaScriptのthisがわからない?偶然!わたしもー あれ、このエレメントどうやって取り出すんやろ・・・せや、console.log(this)してみよ・・・ あれ? undefined? なぜ? 3行上で同じことやるとちゃんと表示されるのに・・・ なんでやねん!? という状況に直面したので、JavaScriptのthisをちゃんと知っておこうと思い...
https://qiita.com/mtoyopet/items/2fceef61b250e3917cb3
husky + lint-staged で品質を保つ – ナデズダ・ゴボリン      2019-05-22 11:20:11  詳細
リントツールをインストールしても使わなければ意味がない。 というわけで人的なリント忘れを未然に防ぐためにも、huskey と lint-staged と 各種リントツールを組み合わせてコミット前に自動的にリントが行われる環境を作りましょう。リントエラー時にコミットを弾くことによって git 上のコードの品質を保つことができ...
https://hysryt.com/archives/1295
[JS]スクロール・マウスの位置や速度など、ビューポートの状態を簡単に取得できるJavaScriptライブラリ -Tornis | コリス      2019-05-22 10:20:12  詳細
スクロールの速度に合わせたアニメーション、スクロールの位置に合わせたパララックス、マウスの位置・速度に合わせたパララックス、ビューポートのサイズに合わせたレイアウト変更などを実装するために、ビューポートを監視し、その状態を簡単に取得できる軽量JavaScriptライブラリを紹介します。 位置を取得できるのは...
https://coliss.com/articles/build-websites/operation/javascript/watch-viewport-states-tornis.html
JavaScriptで「こいつ...できる...!!」と思わせる方法 - Qiita      2019-05-22 08:20:10  詳細
Node.jsのサーバサイドのソースや、browserifyやwebpackをでバンドルするのを前提にして、jsファイルごとにモジュール化されているならとにかく先頭に書きましょう。 これだけでヤバい実装はエラーで死ぬようになるので安心です。 エラーが出力されるのは幸福です(極論) なお、昔ながらのhtmlにscriptタグを並べてjsファ...
https://qiita.com/DeployCat/items/9afcc24e3f84bfa60b8d
2019-05-21のJS: TypeScript 3.5 RC、Firefox DevTools改善、Accessibility Insights(アクセシビリティテスト) - JSer.info      2019-05-22 03:20:08  詳細
JSer.info #436 - TypeScript 3.5 RCがリリースされました。 Announcing TypeScript 3.5 RC | TypeScript TypeScript 3.5 Iteration Plan · Issue #30555 · microsoft/TypeScript Breaking Changes · microsoft/TypeScript Wiki 型チェックと--incrementalオプションを使ったビルドのパフォーマンス改善がされています。...
https://jser.info/2019/05/21/typescript-3.5-rcfirefox-devtoolsaccessibility-insights/
console.log の落とし穴:console.log にはオブジェクトの参照が渡るので気を付けよう - Qiita      2019-05-22 01:20:08  詳細
TL; DR console.log()に大きなオブジェクトや配列を渡すと、渡した時点での値ではなく、コンソールでそれを展開した時点での値が表示される。 もう少し詳しく console.log()に大きなオブジェクトを渡すとコンソール上で省略されて表示されますが、その省略表示を展開すると、 console.log()が呼び出された時点の値ではな...
https://qiita.com/POPOPON/items/edc7a522d2ee9a50cc3a
Faster script loading with BinaryAST?      2019-05-21 21:20:10  詳細
JavaScript Cold startsThe performance of applications on the web platform is becoming increasingly bottlenecked by the startup (load) time. Large amounts of JavaScript code are required to create rich web experiences that we’ve become used to. When we look at the total size of JavaScript requeste...
https://blog.cloudflare.com/binary-ast/
JavaScript敗北者のためのPHPブロック製造手法が続々登場 - Capital P      2019-05-21 21:20:08  詳細
Gutenbergで導入されたブロックは、WordPressの投稿編集体験を根底から覆すものであり、それはとくに投稿画面に多くのメタボックスを作成していたカスタムフィールド製造業者に打撃を与えた。これまで投稿本文(多くの場合は消されている)+メタボックスというレイアウトだったものが、すべてブロックの並びとしてブロ...
https://capitalp.jp/2019/05/21/php-block-generator-for-javascript-looser/
週刊Railsウォッチ(20190521-2/2後編)サーバーレスクラウドのベンチマーク比較サイト、VueJSパフォーマンス向上、GraalVM 19.0ほか      2019-05-21 20:20:08  詳細
こんにちは、hachi8833です。5月とは思えない風雨がやっと収まりましたね。 各記事冒頭にはでパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを(鍋のように)社内有志でつっついたときの会話の再構成です 毎月第一木曜日に「公開つっつき会」を開催...
https://techracho.bpsinc.jp/hachi8833/2019_05_21/74672
Speakers | Inside Frontend | 2019年5月18日 Frontendカンファレンスを渋谷Abema Towersで開催      2019-05-21 17:20:12  詳細
Felix Rieseberg Senior Staff Engineerat Slack Twitter:felixrieseberg GitHub:felixrieseberg At Slack, we use one JavaScript codebase to build a multi-threaded desktop application, routinely interacting with native code. Managing large JavaScript codebases is challenging - we need a guarantee that ...
https://inside-frontend.com/speakers