Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend#insideFE slide with @tokimariri. Web App Checklist😉: 💡Rendering patterns 💡CDN 💡Perf Budget 💡a11y 💡PWA 💡WASM in Web Worker 💡Monitoring tools 💡DX (including LGTM!) and so on! 🙌
History.scrollRestoration - スクロール位置の復元 | DOMリファレンス
2017/10/05 scrollRestorationは、Historyのプロパティです。「戻る」や「進む」などでブラウザの履歴エントリー間の移動があった時、スクロール位置を復元するか否かを指定できます。 概要名前scrollRestoration所属HistoryIDLattribute ScrollRestoration scrollRestoration; enum ScrollRestoration { "auto", "manual" };仕様書https://html.spec.whatwg.org/multipage/history.html#dom-history-scroll-restoration説明下記のキーワードを文字列で指定する。 auto初期値。スクロール位置を復元する。manualスクロール位置を復元しない。プロパティの値は、履歴エントリーごとに保持されます
Inside Frontend #3
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 the individual pieces fit together. In the desktop world, a small mistake is likely to result in a cras
WebWorkerをenjoyableにするComlinkとは何者か - Qiita
先日、Chrome Tech Talk Night #11に参加してきました。 その際にGoogleのWeb Developer Relations LeadであるPaul Kinlanが IPC on the web with Comlink という発表をされていたのですが、Comlinkやその前提知識となるWebWorkerについて知識がなかったので発表の内容がほとんど理解できませんでした（発表の英語がかなり早口だったのも原因だったと思うけど）。これではせっかく来日されたPaulに申し訳ない気がします。というわけで、この記事ではComlinkやその基盤技術であるWebWorkerについてまとめてみました。
Flutterで1年間開発して利用した使えるライブラリ - Qiita
Flutter本体の記事は増えてきましが、どんなライブラリがあるのかまたその使い勝手なども重要です。 特にFlutterはバージョン1が出たばかりで、仕事で利用するのに不安があるはずです。 Flutter本体はベータ版の頃、いやそれ以前から、とてもよく出来ていました。 じゃあ周辺のライブラリはどうなの？ どこまで用意されてるの？ と知りたい方向けです。 この記事では実際に1年間仕事で利用しているライブラリの所感を記述していきます。 できる限り最新情報に更新していきます。 2019/07/30の最新バージョンを記述しています。 これらは全てAndroidX対応されたライブラリになっています。 その前に Flutter(dart)では全てのライブラリは、ここにあると考えて良いです。 Javaで言う Maven Repository、 iosでいうところの CocoaPods Master Re
FOLIOの画像回帰テストの裏側 – Yosuke Kurami – Medium
これは FOLIO アドベントカレンダー2018 の23日目の記事です。 さて、昨日の@minodiskの記事でも触れられている通り、FOLIOのWebフロントエンドではStorybookを中心に据えた画像回帰テストを実践しています。 この記事では、FOLIOに画像回帰テストを導入するためにやってきた取り組みについて書いていきます。 大まかなワークフロー画像回帰テストのワークフローを簡単に説明します。 まずは対象となるコンポーネントについてStorybookでStoryを用意します。 StorybookこのStoryからCIで生成されるキャプチャ画像がスナップショットファイルとなります。 さて、仕様変更などによって上記のコンポーネントに変更が生じたとします。
Lottie
Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images. Get Started Learn more › Why Lottie? Flexible After Effects features We currently support solids, shape layers, masks, alpha mattes, trim paths, and dash patterns. And we’ll
【デザイナー向け】Lottieの使い方。アプリ開発におけるアニメーションの実装を劇的に簡略化してエンジニアの負担を減らそう！｜nozoe | conoito
↑は先ほどダウンロードしたBodymovin.zxp（プラグイン）をAfterEffectsにインストールする為に使います。 [Download Mac OS X] または [Download Windows]からDLしてください。私はMacなのでMacOSを選択しますがWindowsの方はWindowsで。 最後に、[ZXP Installer]を使って[bodymovin.zxp]をインストールします。 先ほどダウンロードした [ZXP Installer] を起動して、これまた先ほどダウンロードした [bodymovin.zxp] をドラック&ドロップで放り込めばインストール完了です。 ✔︎をクリックでインストール完了！ 2020/08/22追記 久しぶりにBodymovinを使おうとしたら、なんと拡張機能の中から消えてしまっていて使えなくなっていました😭 再インストールしようとす
フロントエンドでTDDを実践する（react-testing-libraryを使った実践編） - Qiita
この記事は、フロントエンドでTDDを実践する（理論編）の続編として書きました。 本記事では、react-testing-libraryでReactでTDDする方法をサンプルを使って解説します。 react-testing-libraryは、PayPalのエンジニアでありフロントエンドのTDDの第一人者であるKent C Doddsが、enzymeのリプレイスを意図して作ったReactのための新しいテストユーティリティです。 設計思想は、The more your tests resemble the way your software is used, the more confidence they can give you. enzymeのように実装そのもののテストをするよりも、ユーザーが使うようにテストされるべきというフィロソフィーがAPIに強く反映されています。 実際には、いくつか
フロントエンドでTDDを実践する（理論編） - Qiita
この記事は リクルートライフスタイル Advent Calendar 2018 8日目の記事です。 2018/12/10更新：続編で フロントエンドでTDDを実践する（react-testing-libraryを使った実践編）を書きました。 はじめに 自分のフロントエンドチームでは、TDDでの開発フローを実施することでフロントエンド開発の課題に向き合っていきます。 今回は、一般的に難しいとされるフロントエンドでのテストについて、どんな方針でテストを書けばいいかについて書いてみたいと思います。 フロントエンド開発の課題 プロジェクトによりますが、テストに関連するものでは以下のようなものが挙げられます。 実装する仕様について、プロジェクト内でどう認識合わせするか？ 開発工程のリライアビリティをどう担保するか？ テストの精度、粒度をどう考えるか？（クロスブラウザ、ユーザーの操作等の副作用、コスト
体重115kgの私がダイエットに苦しみ、後に40kgの減量に成功した理由 社会疫学の観点から（withnews） - Yahoo!ニュース
みなさんは体重が115kgを超えたことがあるでしょうか。私にはあります。冒頭の写真は2015年1月撮影のもので、当時の健康診断の結果はほとんどが「要精密検査」。何度もダイエットをしようとしては、失敗を繰り返していました。5年後の今、私の体重は75kgほどです。体脂肪率は33％から18％へ。身長は175cmですから、標準的な体型になったと言えるでしょう。この数年はゆるやかに減量に成功し続け、健康管理への自信もついてきました。 【画像】体重115kgからマイナス40kgのダイエット、ビフォー・アフターの変化はこちら しかし、ここで一つの疑問が浮かびます。なぜあんなに失敗ばかりしていたダイエットに、成功することができたのでしょうか。調べてみると、人が肥満から脱することを阻む「健康格差」の存在がわかりました。（withnews編集部・朽木誠一郎） 体重が100kgを超え、増え続けていた2014-1
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
1. The document discusses RESTful APIs and gRPC, comparing their characteristics and use cases. 2. RESTful APIs typically use HTTP and JSON to access resources via URLs while gRPC uses protocol buffers and HTTP/2 for efficient streaming and RPC. 3. gRPC is better suited for microservices and mobile apps due to its ability to handle streaming and performance, while REST is more widely used due to i
Inside Frontend 2019 - 品質と開発速度を両立させるために捨てたものと守ったもの
品質と開発速度を 両立させるために 捨てたものと守ったもの Inside Frontend 2019 Abema Towers, Shibuya 2019.05.18
AI時代へ向けて育成すべきはAI人材か?｜楠 正憲（デジタル庁統括官）
今年3月に政府のAI戦略が年間25万人を目標にAI人材を育てるとぶち上げたのに続いて、教育再生会議が全ての大学生がAIなどの基礎的な素養を身につけられるように標準カリキュラムを作成することを提言した。ガートナーが2017年1月に産業界で2020年末時点で30万人以上のIT人材（原典を確認したところAI人材ではなかったようですね）が不足するといったらしいのだが、今からカリキュラムをいじったところで2030年くらいにならないとAIネイティブな新入社員は入ってこないし、その頃まで深層学習が流行っているのか、NVidiaが残ってるのか、PythonやTensorFlowが広く使われているのか、GAFAがどうなっているかなんてさっぱり見当がつかない。 残念ながら私たちは2010年代に深層学習の実用化の局面で米国に負けたのであって、いまから教育をいじるといったって泥棒を捕らえて縄を綯うような話である。
商品が見つかりませんでした
ページが見つかりません。 申し訳ございませんが、この商品は売り切れなどの 理由により現在表示しておりません。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unification of the middle scale services by Nuxt.js
Loading Performanceとの向き合い方 / InsideFrontend 2019
GitHub - GoogleChromeLabs/proxx: A game of proximity
Web標準でつくるガラケーサイト
BFF and Developer Experience
いちからデザインシステムを作ってみて学んだこと
Air事業 フロントエンドFW戦争を乗り越え、デザインシステムを導入した話
フロントエンドエンジニアのDXを改善しようとしたらボトムアップでチームビルドをしていた話 / Frontend Training Meetup #1
Formの送信ログから反省する、 本当は必要だったバリデーションや機能たち
デザインエンジニアとフロントエンド / Bridge the gap between design and engineering
アルゴリズムがつくる「公正さ」には、差別を助長する危険性が潜んでいる：伊藤穰一