TypeScript + Apollo ClientでGraphQLのデータに型を付ける - $shibayu36->blog;
TypeScript + Apollo Clientで、useQueryなどを用いてGraphQLのクエリを発行する際に、クエリのvariablesやレスポンスのデータに型を付けたい。やり方が少々分かりづらかったのでメモを残す。 型をつけるためにやることは以下の通り。 apollo.config.jsを定義する graphql-tagでGraphQLのクエリを書く apollo client:codegenで型情報を生成する クエリを書いた場所で型をimportし、useQueryの型パラメータに指定する shibayu36/go-Intern-Diaryのレポジトリで試している。 apollo.config.jsを定義する まずApolloのコードジェネレータが適切に動作するために、apollo.config.jsを作る。Configuring Apollo projects - Apo
半年間の開発環境の改善を振り返る - メドピア開発者ブログ
こんにちは、メドピアCTO室 SREの侘美(たくみ)です。 普段はRails/Vue.js/terraform/Lambdaなどを書いています。 趣味は飼い猫と遊ぶことで、生傷が絶えません。 入社してから約半年間、Railsのプロジェクトで実装をしつつ、合間に開発環境の改善をいろいろとやってきました。けっこうな分量となったので、紹介したいと思います。 なお、本記事で扱う開発環境とは下記2つを指すこととします。 ソースコードの修正/テストの実行/静的解析の実行環境 サービスを起動し、ブラウザでデバッグする環境 特徴 主な改善対象である、「MedPeer」サービスの特徴をご紹介します。 Ruby on Rails製 社内では最も巨大なRailsプロジェクト モデル数693 認証サービス、旧サービス(PHP製)と連携している 開発環境はDocker for Macを利用 コンテナ数は旧システム、
Building (And Re-Building) the Airbnb Design System | Maja Wichrowska & Tae Kim
When building a design system, many implicit choices are made in a component’s architecture that can end up crushing the dreams of a productivity-boosting frontend utility and turning a shared component library into a vessel for friction, factions, and forking. Join us as we take you through the journey of Airbnb’s experience creating an effective, widely-adopted design system and the decisions an
Release v5.0.0 · immerjs/immer
5.0.0 (2019-10-30) ❤ immer? 👉 https://opencollective.com/immer This release introduces first class support for Maps and Sets! BREAKING CHANGE: Maps and Sets are treated differently now; they will no longer directly mutated when updated inside a draft Some things to keep in mind: Example: https://immerjs.github.io/immer/docs/complex-objects Inside recipes, you can directly modify Maps and Sets wit
Kubernetes for developers minicourse
In this series of blog posts you will launch a local Kubernetes cluster, develop an app using Node.js and Express and deploy it as a container in Kubernetes. Learning how to design and architect applications that leverage Kubernetes is the most valuable skill that you could learn to be successful in deploying and scaling in the cloud. In this guide, you will develop and deploy an application for n
filtに tail -Fなストリームだけでなくcat /path/to/access.log のような標準出力に対しても何度でもコマンドを試行錯誤できる機能を追加した - Copy/Cut/Paste/Hatena
"トライアルアンドエラーパイプ"ことfiltに、tail -F /path/to/access.log なストリームだけでなく cat /path/to/access.log な標準出力に対しても何度でもコマンドをパイプで繋げて試行錯誤できる機能を追加しました。 k1low.hatenablog.com 今回新たに追加された機能もあわせて、使い方を紹介します。 使い方 filt v0.5.0の時点で使い方は2種類あります。 ストリームデータ（従来の使い方） 連続してデータが流れ続けてくるような標準出力には、パイプで filt を繋げます。 $ tail -F /path/to/access.log | filt このときのユースケースとしては、 「今リアルタイムに流れているデータに対して 何度でもコマンドを試行錯誤したい」 というものになると思います。 filtの標準入力にはそのまま途切れ
npm Blog Archive: Release: 6.12.1
The npm blog has been discontinued. Updates from the npm team are now published on the GitHub Blog and the GitHub Changelog. A new npm version has been released! This fixes some bugs, including no longer claiming to not support node v13. Get it in the usual ways: npm i -g npm@latest 6.12.1 (2019-10-29) BUG FIXES 6508e833d #269 add node v13 as a supported version (@ljharb) b6588a8f7 #265 Fix regres
ロコタビ | 世界とつながってあなたの「したい」がかなう
世界2860都市の 現地在住日本人（ロコ）が登録ロコは現地ならではの多彩な経験や 知識、能力を持っている！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Automatic Visualizations of the Frontend | Cameron Yick
Codemod-ing away 4MB of JavaScript | Spencer Miskoviak
GitHub - frontity/frontity: » Frontity - The React Framework for WordPress
add MIT Licence · abhijithvijayan/web-extension-starter@298bbe8
GitHub - kroitor/asciichart: Nice-looking lightweight console ASCII line charts ╭┈╯ for NodeJS, browsers and terminal, no dependencies
ReactHooksでvideoを乗りこなす
https://www.jstage.jst.go.jp/static/files/ja/pub_20181031Seminar02.pdf