You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
![TypeScriptの設定の良し悪し](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ef26f6cb4349557952890dbe3e567f7f98dc151/height=288;version=1;width=512/https%3A%2F%2Fgithub.githubassets.com%2Fassets%2Fgist-og-image-54fd7dc0713e.png)
What's wrong with this test? // __tests__/checkout.js import * as React from 'react' import {render, screen} from '@testing-library/react' import userEvent from '@testing-library/user-event' import {client} from '~/utils/api-client' jest.mock('~/utils/api-client') test('clicking "confirm" submits payment', async () => { const shoppingCart = buildShoppingCart() render(<Checkout shoppingCart={shoppi
他言語からTypeScriptに変換する記事を観測したので、JSONSchemaを経由してTypeScriptのコードに吐き出すライブラリを作りました。本記事のコアロジックの部分を抽出した形です。 OpenAPI TypeScript Code Generatorとの違いとして、ルートの名前空間を廃止しているので、割と自由に書ける様になってます。 https://www.npmjs.com/package/@himenon/jsonschema2ts
twitterでなんどもつぶやいてるので多分知られているとは思うんですが、Web配信の技術という本を書きました。 せっかくなんで、なんでまたこんな本を書いたのかとかどういう流れだったのかみたいなのを簡単に書いてみようかなと そもそもどういう本なのか 非常にタイトルを決めるのが難しい本でした。 サブタイトルに「HTTPキャッシュ・リバースプロキシ・CDNを活用する」とあるようにいわゆるHTTPキャッシュの本なわけですが、コンテンツ配信の技術といえばCDNの印象が強く出ますし(本書はCDNの使いかたというわけではないです)、Web配信といえば動画ストリーム配信(VTuberの配信とか)を思い浮かべる人も多いと思います。 今考えればWebコンテンツ配信の技術とすればよかったかもと思いつつ、今度は長くなりすぎるのでなかなか難しいです。 ということでHTTPキャッシュを使ってWebサイトを高速化した
Twitter検索で便利なキーワードまとめ https://t.co/CAqtwJSeTQ
こんにちは。食べログFE(フロントエンド)チームの原田です。 去年の12月中旬にFEチームにjoinしてから丸2ヶ月が経ちました。 今回はFEチームのオンボーディングの様子やチーム内の文化について書いてみたいと思います。 ちなみにオンボーディングは人事で実施される全社的なものと、 配属チームで具体的な業務に当たるためのものの2つに分かれますが、今回は後者をメインにお話ししていきます。 FEチームのオンボーディング体制 FEチームでは新人1名に対してコーチとメンターを各1名ずつアサインしてオンボーディングを行います。 コーチとメンターの役割はそれぞれ以下です。 コーチ:新人のOJTをメインで推進する。具体的なスキルアップスケジュールを立てて、進捗を見守る。 メンター:週一の1on1を開催し、新人の相談役となる。 以降の説明で出てくるコーチ、メンターという言葉は、上記の役割を担当するメンバーを
I have a folder application/, which I add to the .gitignore. Inside the application/-folder there is a folder application/language/gr. How can I include this folder? I've tried this: application/ !application/language/gr/
これはステージング環境です。5 秒後に自動的に本番環境 (https://dic.kimiyuki.net) にリダイレクトされます。リダイレクトを抑止したい場合は #noredirect を付けた URL /#noredirect を利用してください。 これは競プロの知見を収集するための査読付きの半共有 wiki である。 アルゴリズムについての説明が中心となっている。なお、データ構造については scrapbox.io/data-structures (通称: デ wiki) を利用するのがよいだろう。 個人ブログの記事として情報を書くと属人性が高すぎ、古い記事のメンテのコストが高く、記事が不正確なまま残りやすいという問題があった。一方で誰でも自由に編集できる共有 wiki であると属人性が低すぎ、誰が書いたのかが分かりにくいため適切なクレジットが行なわれず、また記事の正確性も担保されな
DisplayMenuとかQuickResといったGUIアプリも有るし持っているんだけど、コマンドラインからいじりたくなったのでメモ。 Installation $ brew install homebrew/cask/cscreen ==> brew cask install homebrew/cask/cscreen ==> Satisfying dependencies ==> Downloading http://www.pyehouse.com/wp-content/uploads/2012/09/cscreenIntel.dmg ######################################################################## 100.0% ==> Verifying checksum for Cask cscreen ==> In
macOSの標準のターミナルや、iTerm2を使用して日本語を入力していると、カーソル位置がずれておかしな位置に表示される事があります。 Unicodeには文脈によって文字幅が異なる事場合があり(東アジアの文字幅)、それが原因で発生する問題のようですが、どうやら決定的な対策は存在しないようです。 ただしソフトウェアによっては設定を変更し、自分好みの動作に変更する事が可能になっています。以下iTerm2とターミナルでこの設定を変更する方法を説明します。 iTerm 2の場合 iTerm2の場合、プロファイルの設定を変更します。 ▲「Preferences」の「Profiles」タブで目的のプロファイルを選択します。「Text」の中にある「Ambiguous characters are double-width」にチェックを入れると、あいまいな文字が全角で表示されるようになります。 これで例
こんにちは。食べログFE(フロントエンド)チームの金野です。 食べログでは、一緒にサービス開発やフロントエンドの改善に取り組んでくれる仲間を積極採用中です! しかし、残念なことに目標とする人数にはまだ届いてないのが現状です(泣) もっと食べログのフロントエンドについて知ってもらうために、なにができるだろう? 今のやり方にはどんな課題があるのだろう? それを洗い出すには、まずは採用活動に於いてリーチしたい層、つまり一緒に働きたい方の人物像を明確にすることが必要だと考えました。そこで、オンラインコラボレーションツールのmiroを使って、フロントエンドチームのメンバーでワークショップを行うことにしました。 今回の記事では、ペルソナを作成する際に気をつけたポイントやどのようにmiroを活用したのかなどを紹介します! ワークショップを開くまでの経緯フロントエンドエンジニアの採用に関する施策を検討する
Use HTTPS for local development Stay organized with collections Save and categorize content based on your preferences. Most of the time, http://localhost behaves like HTTPS for development purposes. However, there are some special cases, such as custom hostnames or using secure cookies across browsers, where you need to explicitly set up your development site to behave like HTTPS to accurately rep
だれかWebのチョットワカル人、 「(日本語など大容量の)Web FontのCore Web Vitalsへの影響 使い続ける方法とその是非」 を記事に書いてほしい。。。 preload頼りでいいんだろうか。どのくらい失敗するんだろうか…… — 辻正浩 | Masahiro Tsuji (@tsuj) January 20, 2021 私自身も、WebフォントがどれくらいCore Web Vitals影響するのか、影響を回避しながらWebフォントを使う方法がハッキリ分かっていなかったので、調査してみました。 本投稿はWEB上から入手できる情報源をもとに内容をまとめています。情報の正確性には留意していますが、私の独自の解釈・予想も含まれています。以上から、本情報はいち見解として捉えていただきますようお願い致します。WebフォントによるCore Web Vitalsへの影響とはCore Web
技術開発部の清水です。好きな食べ物は広島風お好み焼きと広島県産牡蠣と広島県産穴子です。 拡張に次ぐ拡張でサービスは便利なものに成長していく一方でソースコードは次第に複雑になっていきます。 そのまま放っておくと積み上げた技術的負債により開発コストが上がっていき、最悪の場合にはサービスの発展を停止させてしまう可能性もあります。 このような理由から、弊社では技術的負債を着実に返済していくべく生産性・技術的負債の可視化をMetabaseで行っています。 可視化する情報元はGithub API、CodeClimateQuality APIの2つのみです。 生産性の可視化 本流ブランチにマージされたPR数(生産数) 本流ブランチにマージされたPRによる意味のある変更行数(生産規模) 本流ブランチにマージされたPRの平均レビュー応答数(生産を助けた人員の労力) 本流ブランチにマージされた「1コミッターあ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く