ブラウザレンダリング入門〜知ることで見える世界〜 - Qiita
はじめに 『レンダリングの仕組みなんて知らなくても、ブラウザが勝手にやってくれるじゃん！』 当時駆け出しのエンジニアだった私はそう思っていました。 実際、当時の私はレンダリングの『レ』の字も知りませんでしたが、特に業務上で問題はありませんでした。 しかし、その時は突然訪れました。 クライアントの要望でアニメーションを多彩に取り入れた案件を実装した際に、テスト段階で一部ブラウザ（S○f○ri、E○ge）でアニメーションがひどい状況になっていることが発覚しました。 (開発中はChromeで確認を行っており、Chromeでは特に問題はなかったので発覚が遅れました。) それからは、狂ったようにパフォーマンスの改善方法をググり、修正する日々が続きました。（最終的には、なんとかマルチブラウザでの動作も担保し、納品まで完了しました。） その案件が落ち着いた後、改めて自分の調べたことを振り返ると、局所的な
不安に強い食べログFEチームの働き方｜食べログ フロントエンドエンジニアブログ
お疲れさまです！FE（フロントエンド）チームリーダー 兼 JIRA職人 兼 残業警察の辻です。 チームでjQuery→React/TypeScriptのリプレースプロジェクトを進めています。技術的なチャレンジはもちろん、大規模かつ長期プロジェクトゆえの不安と日々戦っています。 ・このプロジェクトはちゃんと進んでるの？このまま進めていいの？ ・成果が出るまでに時間がかかり、チーム外からは何もやってないように見えてない？ ・残業すれば初期計画スケジュールに間に合うけど、どれくらい頑張ったらいいの？ ・初めてのパターンだけど書き方これであってる？今後もこれに合わせる？ ・リプレース中にもどんどん技術が変わっていってキャッチアップが大変 ・チーム外から突然の依頼があったけど、優先度どうしよう...これらの不安と戦うため、いつでもプロジェクトの状態がわかる状態、いつでもチームに相談できる状態、個人依
「この位置にｐｒｉｎｔｆが無いとなぜか動かないんだ。」 - Qiita
はじめに 先日ツイッターで見かけた呟き pic.twitter.com/33Yk02hu1U — TOMO (@tomozh) October 14, 2020 そういうこともあるのか的な反応もあるようなので具体例を挙げてみることにする。 例1 所謂FizzBuzz問題。 #include <stdio.h> void fizzbuzz(int n) { int next; int i = 1; do { printf(i % 15 ? i % 5 ? i % 3 ? "%d\n" : "Fizz\n" : "Buzz\n" : "FizzBuzz\n", i); if (i++ >= n) next = 0; } while (next); } int main(void) { printf((char[]){""}); // この位置にprintfが無いとなぜか動かない fizzbuz
Programming TypeScript ch6 (3/3) Advanced Function Types - 勉強日記
www.oreilly.com Advanced Function Types Improving Type Inference for Tuples User-Defined Type Guards Conditional Types Distributive Conditionals The infer Keyword Build-in Conditional Types Escape Hatches Type Assertions Nonnull Assertions Definite Assignment Assertions Simulating Nominal Types Safely Extending the Prototype Exercise Advanced Function Types Improving Type Inference for Tuples TSのt
TS Playground - An online editor for exploring TypeScript and JavaScript
Popular Documentation PagesEveryday TypesAll of the common types in TypeScript Creating Types from TypesTechniques to make more elegant types More on FunctionsHow to provide types to functions in JavaScript More on ObjectsHow to provide a type shape to JavaScript objects NarrowingHow TypeScript infers types based on runtime behavior Variable DeclarationsHow to create and type JavaScript variables
完全栄養マクドナルド食の線型計画による実装～もしマクドナルドだけで生活すると栄養バランスはどうなるのか？～ - Qiita
完全栄養マクドナルド食の線型計画による実装～もしマクドナルドだけで生活すると栄養バランスはどうなるのか？～PythonMacデータ分析データサイエンスマクドナルド 背景と概要 マクドナルドが大好きである。 しかし、ジャンクフード、健康に悪い、 などという話は以前よりよく見かける。 では本当にマクドナルドを食べ続けると、 健康に悪いのだろうか？ マクドナルドだけで生活する場合本当に、 栄養の偏りやカロリー過剰などが発生するのだろうか？ 本稿は、マクドナルドだけで 一日に必要なすべての栄養素を摂取する食事 をする場合に、どのようなメニューを選ぶべきで、 その結果どのような栄養問題が生じるのか、 PuLPというPythonの線型計画ライブラリを用いて 研究した結果をまとめたものである。 すなわち、マクドナルドだけで 完全栄養食としてのメニューを組み立てるには 何をどれだけ食べればいいの？ そして
自動テストの効果測定に使われるEMTEとは？ - LIFULL Creators Blog
こんにちは！ LIFULLのSETエンジニアのRueyです！ 今年の3月にISTQBの自動化エンジニア資格 CTAL-TAE(Advanced Level Test Automation Engineer)を取得しました。TAEの勉強で自動テストの効果を測るメトリクスが幾つかあることが分かりました。その中で工数を測るメトリクスをEMTE(Equivalent Manual Test Effort)単位で表現することが推奨されています。しかし、その時は説明を見てもこれに換算すれば何か嬉しいか分かりませんでした。 ちょうどある開発グループで自動テストを導入する案件がありましたので、実際のプロジェクトでメトリクスを計測し検証してみました。様々な知見が得られたので、今回はこの単位の紹介と使用例を紹介したいと思います。 目次 はじめに 自動テストのメトリクス EMTEとは EMTEを使って表すことが
daily.dev | The homepage developers deserve
Get one personalized feed for all the knowledge you need as a developer. Hey devs, ever wish there was a tab to help you stay ahead in the ever-changing tech world? Say hello to daily.dev, the homepage developers deserve. And yes, we’re open source 💜 daily.dev is a platform that keeps you in the loop without the hassle of scouring the web for the latest dev updates. Every time you open a new tab,
まとまったCSSを別のコンポーネントに分けないでほしい話 - uhyo/blog
この記事は、ReactでCSSを書くときに関連したCSSを別々のコンポーネントに分けるのをやめようという記事です。主な理由は、スタイリングという機能が複数コンポーネントに分散するのを防ぐためです。これには修正時に複数コンポーネントにまたがって修正が必要になるのを防ぐという意味もあります。 Flexboxの例関連したCSSが複数の要素に分かれることはよくあります。その代表例がdisplay: flexです。例えばこんなレイアウトを考えてみましょう。左側のボックスの幅が決まっていて右側の幅が可変の2カラムレイアウトです。 左のカラム (100px)右のカラムこのレイアウトはおおよそ次のように実現できます。 /* 親要素 */ display: flex; /* 子要素（左） */ flex: 100px 0 0; /* 子要素（右） */ flex: auto 1 0;では、Reactではどの
食べログで取り組んでいるWebアクセシビリティについて｜食べログ フロントエンドエンジニアブログ
食べログエンジニアの荒川です。 今回は食べログのリプレース（React化）で取り組んでいるWebアクセシビリティ対応の支援ツールについてご紹介します。 そもそもWebアクセシビリティとは？全ての人にアクセス可能な、ユーザー体験を提供することです。 具体的には ・Webサイトを容易に解釈できるようにセマンティックなHTML構造にする ・読み上げ可能な補助テキストを付与する（WAI-ARIA属性） ・マウス操作専用のUIは避け、キーボード操作も可能にする などが挙げられます。 食べログで使用しているOSSツールフロントエンドのリプレースに伴って、アクセシビリティの実装を補助するツールを導入しました。以降では、実際に利用しているツールについてご紹介します。 eslint-plugin-jsx-a11y ・GitHub はじめに述べたWAI-ARIA属性の適切な設定、コンテンツ中の見出し（h1、h
UoPeople入学後の就職に響く？知らないと致命的!National AccreditationとRegional Accreditationの違いについて大学に問い合わせた | サクライパンダのブログ
UoPeopleについての情報発信を日本語と英語で2020年1月から始めて、本当に多くの方から質問が届き、コロナの影響でオンライン学習の需要度が上がった中、UoPeopleも例外ではなくコロナ後の出願者は200%上がったそうです。 現在学費無料というメリットを生かしながら、200カ国以上から31,000人を超える生徒がオンライン学習をしながらUoPeopleで学士や修士を目指している人がいます。 しかし実際にUoPeopleに入学した後、卒業生の就職状況はどうなっているのでしょうか？ この質問に関して、University of the Peopleは現在National Accreditationであるという事に関して、「本当に就職できるのか？」という疑問の声が世界中から届いてます。 私も同じ疑問があったため、大学に詳しい内容を問い合わせて内容をまとめました🐼 YouTubeでも私が英
Accreditation大学認定について | 現地発！アメリカ留学、滞在サポートの U.S.カレッジコネクション
アメリカの大学に進学する場合にぜひとも確認していただきたいこと、それがAccreditation 大学認定の種類です。 文部省という国の組織が大学を認可する日本のシステムと違い、アメリカは民間の複数の組織が大学の認定や、専門性を認定しています。その認定団体を取りまとめ、承認するのがCouncil for Higher Education Accreditation(CHEA)と言う団体です。 このAccreditationという考えが日本ではあまり一般的ではないため、どうもあいまいに考えがちなのですが、実はとても重要なのです。今日はできるだけわかりやすくこの説明をしていきたいと思います。 まずこの大学認定には、大学・カレッジ全体を教育機関として認定するものと、大学・カレッジの専門性を評価・認定する大きくわけて二つのタイプがあります。 Regional Accreditation: アメリカ
第15回Ques #ques15【さらに！増席しました！】 (2020/11/06 19:00〜)
第15回 Ques 「実況パワフルモブテスト 〜テスト観点出し編〜」 Quesとは？ Software品質保証に関わるQAエンジニアの活性化を目的としたQA専門イベントです。 会社間の垣根を越え、情報交換・親交の場を提供することで 日本のSoftware品質保証を盛り上げていく場にしたいと思います。 開催概要 第15回はオンラインで実施いたします！ 今回のテーマは「実況パワフルモブテスト 〜テスト観点出し編〜」。 グロース・アーキテクチャ＆チームス株式会社 常盤 香央里さま、株式会社ビズリーチ 風間 裕也さまにご講演いただきます。 今回は、テスト観点出しをどうおこなっているか？を実際にご覧いただけるプログラムとなっていますので、 これまでQuesにご参加いただいた皆さまはもちろん、これからテストエンジニアとしてキャリアアップしていきたいと考えられている方にぜひご参加いただきたい内容となって
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ahu on Twitter: "ts-essentials 知らないやつだった https://t.co/I1YE1xuZ2r この辺のライブラリ utility-types, type-fest, ts-toolbelt, SimplyTyped で5つ目だな"
idea: See what ESBuild is doing right · Issue #11181 · webpack/webpack
Link to Text Fragment
How can I remove a buggy service worker, or implement a "kill switch"?
メドピア AWS勉強会 ECS編 / MedPeer AWS Seminar ECS
囚人のジレンマ―フォン・ノイマンとゲームの理論: ウィリアム パウンドストーン,William Poundstone,松浦 俊輔
GitHub - microsoft/beginners-intro-javascript-node: Beginner's Series: Introduction to JavaScript (Node.js)
