https://docs.google.com/presentation/d/1SEYB7EA0uw0ARGfiC3pkY9m4KFw0m8Myng3Fc29cFvU/edit?usp=sharing
xUnit Test Patternsから学ぶテストアンチパターン / testing anti-pattern learned in xUnit test pattern
https://docs.google.com/presentation/d/1SEYB7EA0uw0ARGfiC3pkY9m4KFw0m8Myng3Fc29cFvU/edit?usp=sharing
この記事はBASE アドベントカレンダー 2022の8日目の記事です。 はじめに BASE BANK Section Dev Group Manager/ BASEカード Engineering Program Managerの松雪(@applepine1125)です。 普段はBASEカードのEPMとして開発をリードしながら、BASE BANKがもつプロダクト開発チームそれぞれがガンガンアウトプットを出していけるように様々なサポートを行っています。 最近は、まだ日本であまり馴染みのないEngineering Program Managerについて色々とアウトプットしているので、特にマネジメント視点からアジリティの高いチーム作っていきたいぞ!という方は是非読んでいただけると幸いです。 プロダクトのデリバリー、クオリティに責任を持つEngineering Program Managerという役
アンチパターン ソフトウェア開発におけるアンチパターン (英: anti-pattern) とは、必ず否定的な結果に導く、しかも一般的に良く見られる開発方式を記述する文献形式を言う。 アンチパターン - Wikipedia はじめに ローカル環境（開発環境）でRuby on Railsアプリケーションの開発をするとき、エラー（例外）が発生すると以下のようなエラー画面が表示されます。 しかし、本番環境にRailsアプリをデプロイすると、ローカル環境のようなエラー画面は表示されず、デフォルトでは"We're sorry, but something went wrong."というようなエラーメッセージが表示されます。 ローカル環境のエラー画面では、エラーが発生した行やスタックトレース等の情報が豊富に表示されるので、デバッグに役立ちます。 一方、本番環境ではそういった情報がまったく表示されないた
Dockerを使って開発していると、docker execすることが結構あると思いますが、地味に面倒なのでpecoを使って簡単に出来るようにしてみました。 pecoを使う前はこんな感じでdocker exec していると思います。 pecoを使うとこんな感じになります。 1文字打つだけでコンテナに入れます、早くて楽で良いですよね。 それでは設定していきたいと思います。 まずpecoをインストールします。 ※今回はbrewを前提にしてますので、brewが使えない場合は別途brewをインストールしてください。（windowsの人はbrewないので手順変わります、ごめんなさい） brew install pecoこれだけでpecoが使えるようになります。pecoは別のコマンドの結果を受け取って選択できるようにしてくれる、そして選択した結果だけを返してくれるコマンドになります。 pecoが使えるよ
When people talk about code reviews, they focus on the reviewer. But the developer who writes the code is just as important to the review as the person who reads it. There’s scarcely any guidance on preparing your code for review, so authors often screw up this process out of sheer ignorance. This article describes best practices for participating in a code review when you’re the author. In fact,
xi-editor retrospective
A bit more than four years ago I started the xi-editor project. Now I have placed it on the back burner (though there is still some activity from the open source community). The original goal was to deliver a very high quality editing experience. To this end, the project spent a rather large number of “novelty points”: Rust as the implementation language for the core. A rope data structure for tex
02-08-2022Nadia Makarevich React re-renders guide: everything, all at once Comprehensive guide on React re-renders. The guide explains what re-renders are, what a necessary and unnecessary re-render is, what can trigger a React component re-render. Also includes most important patterns that can help prevent re-renders and a few anti-patterns that lead to unnecessary re-renders and poor performance
Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
HarborS
Terrace × Aoyama × Space テラスのある青山 コワーキングスペース コワーキングスペースやバーチャルオフィスや会議室に、カフェラウンジやテラスも併設し、様々なサービスをご利用頂けます。 ソフトウェアエンジニアを中心に、デザイナー • コンサルタント • 個人事業主 • 起業家など様々な方にご利用頂いております。 Co-working エンジニア特化型 コワーキングスペース エンジニアのためのコワーキングスペースです。勉強会やイベントを定期的に開催しており、コミュニティマネージャーが、エンジニア同士の交流促進を支援します。高速Wi-Fiや豊富な技術書やディスプレイのレンタルも提供しております。
When helping teams and companies shift towards the product model, one of the key concepts introduced is practicing product discovery. Prior to this shift, a typical scenario starts with a stakeholder—someone up top—sharing detailed requirements on what to build. This approach leaves the so-called “feature team” with very limited opportunity to influence the solution. Now, contrary to the old way o
Introduction # I recently discovered that Firefox introduced a feature called RCWN (Race Cache With Network) in 2017. This feature was intended to improve web performance by racing cached requests against the network. Fig 1. Firefox network panel showing cached resources 'raced' againt the network This seemed odd to me, surely using a cached response would always be faster than making the whole re
slackのメッセージを送ると勤怠管理システムに打刻ができる仕組みを作りました。 構成図は以下の通りです。 「開始」や「終了」のメッセージを送ると、その時刻で打刻が完了する仕組みです。 slackとAWSで完結するのものでも良いかとも思いましたが、スプレッドシートへの記録を挟むことでメンバーみんなが確認しやすかったり、無料で利用できるというのもあったためGAS・スプレッドシートも利用しました。 【作成の手順】 １ slackに送った勤怠情報をスプレッドシートに記録させる ２ lambdaから勤怠管理システムに打刻する ３ GASからLambdaを起動する slackに送った勤怠情報をスプレッドシートに記録させるslackのout going webhookと、GASのWebアプリケーションとして導入を利用して連携させる。 まずはスプレッドシートとGASの設定をする。 Google ドライブ
自分なりの機械学習エンジニアスキル構成論
2020-09-21 機械学習エンジニアとして働き始めて2年7ヶ月が経過した。 機械学習エンジニアというロールは会社によって期待される内容が異なってくるが、今の会社で働いてきた経験に基づき自分の中の機械学習エンジニアスキル構成論を整理してみる。 TL; DR人によって考える理想のスキル論は違うので他の人の持論を聞いてみたいテクいことをやりたい気持ちはあるが、地道なやるべきことがたくさんあるのがこの世界自分の中で機械学習エンジニアにとって大事なスキルSoftware Engineer 40%機械学習サービス実装スキルProduct Manager 30%機械学習プロジェクト自体を成功に導くスキルData Scientist 30%データに基づき、意思決定し改善していくスキルMachine Learning Engineer as Software EngineerなぜSWEの比率が一番上なの
アジャイル開発やスクラム開発を支援するためのマネジメントツールとして、みなさまはどんなツールをお使いでしょうか。GitHub (GitHub Project)、 Jira、Zenhub、Pivotal などなど... 優れたツールは数多あるなか、Awarefy では Linear （リニア）を導入し、日々の開発タスクにはじまり、採用関連タスク、経営にまつわる Issue などをこのツールで管理しています。 Linear – A better way to build productsLinear streamlines issues, sprints, and product roadmaps. It’s the new standard for modern software development.LinearAwarefy が Linear を導入したのは 2023年3月のことで、お
Nobody wakes up in the morning hoping to finally identify crosswalks and fire hydrants that day. Yet every day, we prompt users through hoops and loops to sign up and log in. Let’s fix that. Authentication is a tricky subject. There are so many terms floating around us, from 2FA to MFA to OTP — and it might be difficult to make sense of what we need and when we need it. But authentication is every
JSer.info #539 - CSSフレームワークであるBootstrap 5 がリリースされました。 Bootstrap 5 | Bootstrap Blog Bootstrap 5では、IEのサポート終了し、jQueryに依存しないように書き換えられています。 offcanvasコンポーネント、cardの代替えとなるaccordionコンポーネントが追加されています。 また、FormとLayoutの変更、RTLのサポート、SassのUtility APIの追加なども行われています。 v4からのマイグレーション方法については次のドキュメントにまとめられています。 Migrating to v5 · Bootstrap v5.0 Underscore.js 1.13がリリースされています。 Underscore.js 1.13.0 Underscore.js 1.13では、packag
The Three Cs: 🤝 Concatenate, 🗜️ Compress, 🗳️ Cache – CSS Wizardry
I began writing this article in early July 2023 but began to feel a little underwhelmed by it and so left it unfinished. However, after recent and renewed discussions around the relevance and usefulness of build steps, I decided to dust it off and get it finished. Let’s go! When serving and storing files on the web, there are a number of different things we need to take into consideration in order
Archived Reliability Pillar AWS Well-Architected Framework This paper has been archived. The latest version is now available at: https://docs.aws.amazon.com/wellarchitected/latest/reliability-pillar/welcome.html Archived Reliability Pillar AWS Well-Architected Framework Reliability Pillar: AWS Well-Architected Framework Copyright © 2020 Amazon Web Services, Inc. and/or its affiliates. All rights res
When you're new to React Hooks, you may notice that you get warnings and bugs if you use an async function inside the useEffect Hook. Let's find out why this happens. There are dozens of articles and issues about how to use async in the React Hooks: Why is this happening? Async functions always return a promise so you will not have the actual value until the Promise is fulfilled. Anti-Pattern: asy
DDD or not DDD ?
DDD is about software that will be maintained for a while. To me this means that it needs to express ideas that will… Domain Driven DesignI often use terms that people associate with Domain Driven Design (DDD), however, I generally don’t call out Domain Driven Design explicitly in many of my videos or blog posts. You probably have noticed that I do talk a lot about boundaries. Boundaries are proba
【開催報告】AWS Startup Tech Meetup Online #3 | Amazon Web Services
AWS Startup ブログ 【開催報告】AWS Startup Tech Meetup Online #3 （この投稿は AWS Startup Community から寄稿頂いたものです。） こんにちは、コミュニティのコアメンバーの sumi@O-KUN Inc. です！ この記事は 2021-03-25 (木) に開催されたイベント「AWS Startup Tech Meetup Online #3」のレポートになります。 AWS Startup Community とは AWSを利用しているスタートアップが集まり、わくわくするテクノロジーを世の中へ発信していく エモいコミュニティ です。 私としては、スタートアップなエンジニアが悩みの相談や外部との交流を楽しんでもらったり、素晴らしいプロダクトや技術を披露することで、世の中に刺激を与えられるような場にできたらいいなと思っています。
// Good: choose between two options as appropriate (see below). import * as ng from '@angular/core'; import {Foo} from './foo'; // Only when needed: default imports. import Button from 'Button'; // Sometimes needed to import libraries for their side effects: import 'jasmine'; import '@polymer/paper-button'; Import paths TypeScript code must use paths to import other TypeScript code. Paths may be r
Applied LLMs - What We’ve Learned From A Year of Building with LLMs
A practical guide to building successful LLM products, covering the tactical, operational, and strategic. Also published on O’Reilly Media in three parts: Tactical, Operational, Strategic. Also see podcast. It’s an exciting time to build with large language models (LLMs). Over the past year, LLMs have become “good enough” for real-world applications. And they’re getting better and cheaper every ye
Testing software is one of the most complex tasks in software engineering. While in traditional software engineering there are principles that define in a non-ambiguous way how software should be tested, the same does not hold for machine learning, where testing strategies are not always defined. In this post, I elucidate a testing approach that is not only highly influenced by one of the most rec
GitHub Copilotは人権になるか 前口上 GitHub CopilotはGitHubの言葉を借りるならAI pair programmerです。Visual Studio Code、Visual Studio、Neovim、JetBrainsのIDE拡張として動き、コードの一部を書くことで残りを補完してくれます。 Twitterを開いたら#GitHubCopilot使えますのタグに全エンジニアにGitHub Copilotを提供している企業情報が流れてきたのでまとめておきます。 社名書かず弊社って言ってた人は適当にプロフィールから社名を抜いたので、つぶやき信用ベースで漏れや間違いは少しあるかもしれません。 全エンジニアにGitHub Copilotを提供している企業一覧 100 Inc ActRecipe Alterbooth, オルターブース Altive Anti-Patte
異なるdocker-composeで動く環境に接続したくなったので調べてみました。 準備 まず、以下のようなdocker-compose.ymlで定義された2つの環境があるとします。 . ├── app_a │ ├── app/... │ └── docker-compose.yml └── app_b ├── app/... └── docker-compose.yml version: '3.7' services: app_a: image: golang:latest tty: true db_a: image: postgres:latest view raw multi-docker-compose-a-base hosted with ❤ by GitHub version: '3.7' services: app_b: image: golang:latest tty: t
From TypeScript To ReScript | Serhii Potapov (greyblake)
About three weeks ago I decided to completely rewrite the frontend of Inhyped.com from TypeScript to ReScript. In this article, I'd like to share my experience and learnings. You can see my tweets regarding the rewriting, they're marked with hashtag #FromTypescriptToRescript. The source code of both TypeScript and ReScript versions is available on GitHub. Why ReScript? I enjoy Rust's type safety a
Hello, reader. This article was an opinion piece about why app actions are better than page objects. The page object pattern is well known in the QA community, and widely and successfully used in the Cypress ecosystem. Writing maintainable end-to-end tests is challenging. Often testers create another layer of indirection on top of the web page called page objects to execute common actions. In this
Anthony Gore | March 16th, 2020 (Updated May 9th, 2020) | 9 min read Vue 3 has not been officially released yet, but the maintainers have released beta versions for us punters to try and provide feedback on. If you're wondering what the key features and main changes of Vue 3 are, I'll highlight them in this article by walking you through the creation of a simple app using Vue 3 beta 9. I'm going t
The state of static analysis in the GCC 12 compiler | Red Hat Developer
Building a static analyzer into the C compiler offers several advantages over having a separate tool, because the analyzer can track what the compiler and assembler are doing intimately. As a Red Hat employee, I work on GCC, the GNU Compiler Collection. Our static analyzer is still experimental but is making big strides in interesting areas, including a taint mode and an understanding of assembly-
☞ React 一覧JSXJSXの記法条件分岐・ループ処理Design patternCompound ComponentOthersコンポーネントのレンダリング位置をずらすReact HooksReact Hooksとは？useEffectuseEffectのよく間違うポイントuseStateuseStateの注意点useMemouseCallbackuseReducerComponent関数コンポーネントを使うべき理由ReduxRedux の概念RefRefref forwardingServer ComponentReact Server Component React Hooks の useEffect において、よく間違えやすい注意点をここでは解説していきたいと思います。 useEffect の基礎的な内容を学びたいかたはこちらからご覧ください！ useEffect に渡すコール
Structural and navigation anti-patterns in modularized Android applications
Merry Christmas to all! The subject of this article is one that has been on my mind for a very long time. After all, “Clean Architecture” is often seen as the end goal, the hallmark of the finest of Android application code structure — it is the best of the very best. The name itself, “Clean Architecture”, signals that it’s a good thing ~ after all, who wants to work with “messy” code in compariso
Let us open Schrödinger’s Box to see what’s inside. Spoiler: It’s a dead cat. Photo by georgi benev on UnsplashMany people like Tailwind’s so-called “utility-first” approach, and I understand why. However, you should know that this technique is nothing new. As a matter of fact, there were small CSS snippets that existed way before Bootstrap that came with classes like .p-8. They were not considere
The Missing Introduction to React
React is the world’s most popular JavaScript framework, but it’s not cool because it’s popular. It’s popular because it’s cool. Most React introductions jump right into showing you examples of how to use React, and skip the “why”. That’s cool. If you want to jump in and start playing with React right away, the official documentation has lots of resources to help you get started. This post is for p
Study of std::io::Error
Study of std::io::Error Oct 15, 2020 In this article we’ll dissect the implementation of std::io::Error type from the Rust’s standard library. The code in question is here: library/std/src/io/error.rs. You can read this post as either of: A study of a specific bit of standard library. An advanced error management guide. A case of a beautiful API design. The article requires basic familiarity with
Beware of "service objects" in Rails - Code with Jason
Note: I no longer endorse this post, which was a rough first attempt to convey my thoughts on service objects. For my newer take on service objects, see my other post, How I code without service objects. The good and bad thing about Active Record models In the early stages of a Rails project’s life, the pattern of putting all the model code into objects that inherit from Active Record works out pr
Let's take a closer look at the strategies and learn the meaning behind their names. Determine testing goals: What do you want to achieve with these tests? Before you can start building a good strategy, figure out your testing goal. When do you consider that your application has been sufficiently tested? Achieving high test coverage is often viewed as the ultimate goal for developers when it comes
Pipelining without pipes
GitHub has a library to syntax highlight code snippets called Linguist. It has an extensive list of languages and their characteristics (e.g., name, file extensions, color, etc.). I had some free time, so I came up with this silly question: what would be the average programming language color? Hacking it We can get this done with a few lines of Ruby: require "net/http" require "yaml" # Some helper
How to iterate over rows in a DataFrame in Pandas Answer: DON'T*! Iteration in Pandas is an anti-pattern and is something you should only do when you have exhausted every other option. You should not use any function with "iter" in its name for more than a few thousand rows or you will have to get used to a lot of waiting. Do you want to print a DataFrame? Use DataFrame.to_string(). Do you want to
Stop Using ‘Pop-up’
Stop Using ‘Pop-up’ TL;DR: Stop using the word pop-up. Instead choose a term that accurately describes the control you want. I encourage you to read my post Stop Using ‘Drop-down’, which provides the set-up for this post. Along with another term I would prefer everyone stopped using. As you embark on a design, build, or specification, it is important you, the stakeholders, and the team understand
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Real World Full Cycle Developers - BASEプロダクトチームブログ
（アンチパターン）Railsの本番環境でローカル環境と同じエラー画面を表示させる - Qiita
pecoでdocker exec を快適にする
How to Make Your Code Reviewer Fall in Love with You
React re-renders guide: everything, all at once
組織レベルのアジャイルにおけるアンチパターン - その理由と対策
The Discovery Illness - Crisp's Blog
When Network is Faster than Cache
slackからの自動打刻システムをサーバレスで作る | 株式会社アンチパターン エンジニアブログ
Linear - それは魔法のプロダクトマネジメントツール
Rethinking Authentication UX — Smashing Magazine
2021-05-11のJS: Bootstrap 5、Underscore.js 1.13.0(`_.template`のセキュリティ修正)、Prettier 2.3
Reliability Pillar AWS Well-Architected Framework
💡 React Hooks: async function in the useEffect
Google TypeScript Style Guide
Test-First Machine Learning | codingossip
全エンジニアにGitHub Copilotを提供している企業一覧 - algonote
複数のdocker-compose間で通信する
Application Actions: Use Them Instead of Page Objects
Vue 3 Tutorial (for Vue 2 Users)
【React Hooks】useEffectのよくある間違い3選とそれらを回避する方法
Tailwind is an Anti-Pattern
Pyramid or Crab? Find a testing strategy that fits | Articles | web.dev
How can I iterate over rows in a Pandas DataFrame?