webサイト訪問者に一度だけスーパーリロードをしてもらう - Qiita
ポイントはtrue。 location.reload();は現在のページを読み込み直すJavaScript。 trueの値を指定すると、ブラウザのキャッシュを使わずにサーバーからデータを取得してくれるようになる。 詳細はwindow.location - Web API インターフェイス | MDN辺りを参照。 「一度だけ」実行する docCookies.setItem("temp", "true"); //適当なcookieの書き込みを行い、 if("true" == docCookies.getItem("temp")){ //正常に利用できる環境であれば実行 if("true" != docCookies.getItem("refresh")){ //初回訪問時は実行される docCookies.setItem("refresh", "true"); //2回目以降は、cookieに
vivus.js - svg animation
vivus, bringing your SVGs to life Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearance of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. View on GitHub Delayed Every path element is drawn at the same time with a small
Storybookとreg-suitで気軽にはじめるVisual Regression Testing - wadackel.me
約半年前に「Puppeteer を使った Storybook の自動スクリーンショット撮影用のアドオンを作った」という記事を書きました。この時 storybook-chrome-screenshot というアドオンを作って公開した紹介でした。 当初は React のみのサポートだったのですが継続的に手を加えていて、最近 Angular と Vue.js へのサポートが完了したり、機能的にも大分実用的になってきました。 そこで今回は、storybook-chrome-screenshot と reg-viz/reg-suit を使って Visual Regression Testing (視覚回帰テスト) を導入して、ありがたみを感じるところまでを書いていきたいと思います。 だらだら書いていたら思っていたよりも長くなってしまったので、各種ツールのセットアップ だけで充分という方は読み飛ばして
『Webフロントエンド ハイパフォーマンス チューニング』を読んだ - massa142's blog
Webフロントエンド ハイパフォーマンス チューニング 作者: 久保田光則出版社/メーカー: 技術評論社発売日: 2017/05/26メディア: 単行本（ソフトカバー）この商品を含むブログを見る 本書では高速化という課題に対し、きちんと対処できる知識と実力を身に付けます。基礎となるブラウザのレンダリングから、個別の問題に対する対応例、今後を見据えた設計の基礎などその場しのぎではない本質的な高速化を学びます。 この書籍のなかでも指摘されているけど、自分は巷で話題のベストプラクティスとかを調べて満足しちゃうタイプなので体系的に学べる本書はとても勉強になった。特にチューニングの話に入る前に、ネットワークとブラウザのレンダリングの仕組みについて解説されているのがめちゃくちゃ良い。 後半のところで書かれているテクニック（特にCSS関連のもの）は、否定していた『小さな最適化』のように感じられたが、全体
次のリリースであるwebpack 4の主な変更点まとめ - 技術探し
移行ガイド abouthiroppy.hatenablog.jp ドワンゴのアドベントカレンダーの17日が空いているので本来その予定で書かれた記事ではないですが、そこに埋めます。 2日連続になってしまった。。 qiita.com Happy Xmas, Noders! #Nodejs pic.twitter.com/Rsxr8SbeUz— hiroppy😶 (@about_hiroppy) 2017年12月24日 さて、今年は、webpack3.0.0が2017/06にリリースされました🎉 (現在、3.10.0) medium.com After we released webpack v2, we made some promises to the community. We promised that we would deliver the features you voted
Streamlining the Sign-in Flow Using Credential Management API | Web Updates - Google Developers
高度なユーザー エクスペリエンスを提供するには、ユーザーがウェブサイトで本人確認を行えるようにすることが重要です。認証されたユーザーは、専用のプロファイルを使用して相互にやり取りしたり、デバイス間でデータを同期したり、オフラインでデータを処理したりできます。ただし、パスワードの作成、記憶、入力は、特にモバイル画面ではエンドユーザーにとって煩雑になりがちで、異なるサイトで同じパスワードを再利用することになります。これはもちろんセキュリティ リスクです。 最新バージョンの Chrome（51）では、Credential Management API がサポートされています。これは W3C の標準トラック プロポーザルで、デベロッパーがブラウザの認証情報マネージャーにプログラムでアクセスできるようにし、ユーザーが簡単にログインできるようにします。 認証情報管理 API とは何ですか？ Crede
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.hygen.io/
GitHub - webpack/tapable: Just a little module for plugins.
GitHub - hql287/Manta: 🎉 Flexible invoicing desktop app with beautiful & customizable templates.
GitHub - cam-inc/viron: OAS-driven Frontend-NoCode Administration Console
GitHub - WICG/kv-storage: [On hold] A proposal for an async key/value storage API for the web![GitHub - WICG/kv-storage: [On hold] A proposal for an async key/value storage API for the web](https://cdn-ak-scissors.b.st-hatena.com/image/square/068393ced548cc3d93d8ca01d09887eed2a62d38/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F71fe893a6db7386a8ed79f56690997f4bd3218b28693b5e7e2e3e64f87f5cf59%2FWICG%2Fkv-storage)
GitHub - jherax/proxy-storage: Provides an adapter for storage mechanisms (cookies, localStorage, sessionStorage, memoryStorage) and implements the Web Storage interface
GitHub - wulkano/Kap: An open-source screen recorder built with web technology
D3 Discovery – Finding D3 plugins with ease
GitHub - iamakulov/moment-locales-webpack-plugin: Easily remove unused Moment.js locales with webpack
GitHub - indexzero/nconf: Hierarchical node.js configuration with files, environment variables, command-line arguments, and atomic object merging.
GitHub - immerjs/immer: Create the next immutable state by mutating the current one
Add note about preact usage by ericclemmons · Pull Request #499 · acdlite/recompose
GitHub - microlinkhq/metascraper: Get unified metadata from websites using Open Graph, Microdata, RDFa, Twitter Cards, JSON-LD, HTML, and more.
GitHub - Turfjs/turf: A modular geospatial engine written in JavaScript and TypeScript
