概要 普段プライベート/仕事共に React を書くことが多いのですが、その中で得た知見や経験則といったものを、他の人のコードレビュー時や設計時に上手く伝えられないケースが多々ありました。また、他の人がどういった書き方をしているか、ということを知るのは引き出しの幅を広げたり意外な発見ができたりします。 そのため、これまでの自分の経験を元にした自己流ベストプラクティスを共有したいと思います。 なお、メモ的な役割があったり、感覚的な部分もあるのであまりまとまった文章になっていないです。 これらはあくまでも個人的なベストプラクティスであり全ての開発者/プロジェクトに当てはまるとは限りません。 全て TypeScript 導入を前提としています。 スタイリング可能なコンポーネント 原則全てのコンポーネントがclassNameとstyleを受け取り、最も外側にある要素に受け渡すようにします。これによ

やりたいこと React でよくあるパターンとして、親コンポーネントの Props の一部 or 全部を子コンポーネントに渡す、というものがあります。 // Fooが受け取ったbaz以外のpropsをBarに渡す const Foo = ({ baz, ...rest }) => <Bar {...rest} /> // Quxが受け取ったbaz以外のpropsをdivに渡す const Qux = ({ baz, ...rest }) => <div {...rest} /> これを TypeScript で書く、というのがこの記事の目的です。 コンポーネントに渡す場合 extendsまたは Intersection Type を使います。 import { SFC } from 'react' interface FooProps { hoge: string fuga: number

何で公式で用意したものをすぐぶっ壊してオレ流にするの？ 一緒にやるプログラマーは迷惑極まりないんだよ 協調性なさすぎるだろ 公式を尊重しろよ 何でオレデキる風吹かせてるんだよ 俺はわざと普通にやってんだよ お前料理でもレシピ通りに作らないタイプだろ カスタマイズもいいけど公式が何でそうしたのか一旦考えろよ ※公式がない場合は「一般的な方法」とか「標準」に読み替えてください

私は Google のソフトウェアエンジニアとして働いている。とても良い待遇で満足している。 Google の待遇が良いことはイメージとしては知られていると思うが、実際どれくらいの額なのかということはあまり知られていないように思う。そして、出回っている情報には間違っているものも多い。そこで、正しい情報を知ってもらいたいと思い、自分の給料の推移をここに記すことにした。なぜそのようなことをするかは後に述べる。 まず、Google の給料について説明するときは、以下の三要素が重要になる。「基本給」「ボーナス」「RSU」である。このうち、基本給とボーナスは一般的だが、RSU はそうではないので、説明する。例えば RSU を100万円受け取るとする。そうすると、「その時点での100万円分の Google 株を、その次の年から四年間かけて受け取る権利（ただし Google に在籍していることが条件）」

浦上 早苗 ［経済ジャーナリスト/法政大学IM研究科兼任教員］ Aug. 29, 2019, 11:00 AM キャリア 443,687 ｢いや、分かりますよ。私も大工やってたからね｣ 約20人が働く静かなオフィスに、電話をしている男性の太い声だけが響く。 ｢『私も大工だったから』ってなべさんの口癖なんです。『私もそっち側の人間だから』もよく言ってますね｣ ローカルワークスで人事を担当する坂下彩花さん（32）はニヤニヤしながら小声で解説した。 リフォームを希望する消費者と地域の工務店をつなぐサイト｢リフォマ｣を運営するローカルワークス（東京）。2014年創業、社員21人の平均年齢30歳という若い会社で大工歴30年の｢なべさん｣こと渡邉一伸さん（60）が働き始めて2年半が経った（ちなみに、なべさんの加入で同社の社員の平均年齢は一気に2歳上がった）。 ひ孫までいるなべさんは、なぜ還暦目前でIT

The author selected The FreeBSD Foundation to receive a donation as part of the Write for DOnations program. Introduction Over the past few years, Docker has become a frequently used solution for deploying applications thanks to how it simplifies running and deploying applications in ephemeral containers. When using a LEMP application stack, for example, with PHP, Nginx, MySQL and the Laravel fram

UberEats(ウーバーイーツ)のビジネスモデルが成立するためには、配達員に自主的に働いてもらうことが不可欠です。UberEatsのビジネスは「レストランの料理」と「ユーザーのニーズ」と「配達員の稼働」という3者をマッチングすることで手数料を得る仕組みです。 配達員に稼働してもらう難易度は、一般のデリバリーサービスとは構造的に異なります。例えばデリバリーピザであれば、店舗側は配達員を雇用しているため、配達員に対して勤務時間と配達エリアを指示できます。一方でUberEatsは単なるマッチングサービスであるため、Uber側が配達員に稼働を強制したりシフトを指定することはできません。 つまりUber側は、ユーザーからの発注ニーズが発生する時間帯や配達エリアにおいて、まとまった数の配達員に自主的に稼働状態になってもらう必要があります。それがたとえ誰も外出したくないような真夏の炎天下でも、真冬の凍

はじめに　この記事には、Googleのオンサイト面接に向けて勉強した内容が記載されていますが、それらはすべて面接を受ける直前に書いておいたものです。このエントリを読むことで面接で聞かれた内容が予測されてしまわないようにそのようにさせていただきました。ご了承お願いします。 この記事について　令和元年に医師を退職し、ソフトウェアエンジニアに転職します。 自分にとって大きな転機であったのと、とても大変な道のりであったので、私という人間が辿った道筋を最初から最後までちゃんとまとめておきたいと思いこの記事を書くことにしました。 私のような他業種から未経験での転職を目指されている方にとっても、何らかの参考になる内容であれば幸いです。 私の生い立ち　私は小さい頃からテレビゲームが大好きで、学校から帰るとずっと家でゲームをしている子でした。あまりにもゲームが好きだったので、遊ぶだけではなく自分で作ってみた

採用情報の"オープン化"が止まりません。 スタートアップ界隈をはじめ、この流れは加速していくことでしょう。 その一環として、採用ピッチ資料（会社紹介資料）をWeb上に公開する企業が増えてきました。 とはいえ 「採用ピッチ資料にどんな項目を載せればいいの？」 「どこまでオープンにすればいいか分からない…！」 という方も多いと思います。 そこで、Web上に公開されている採用ピッチ資料をまとめてみました！ 作成する際のご参考になれば幸いです。 また作成にあたってのチェック項目やワークショップの進行表などを一つの資料にまとめました！下記ページからダウンロードしてご覧ください。 0.はじめに採用ピッチ資料のメリットをご紹介します。認知度向上のみならず、様々な効果が期待できると思います！ ・採用ターゲット（顕在層/潜在層）からの認知度向上 ・求職者のスクリーニング ・面接時の説明コスト削減 ・エージェ

7月末にGoogleを退職して、Coral Capitalにジョインした私に対して、似たような感じの質問がいくつもメッセで飛んできています。 「スタートアップへの転職を考えているのですが、ここの会社をどう思いますか？」 「スタートアップに転職するときに考えるべきことは何ですか？」 質問者の属性で共通しているのは、スタートアップ企業や、そのエコシステム一般について、あまり詳しく知らないということです。このまま大手企業にいていいのだろうか、もっと良いキャリア機会があるのかもしれないと漠然とした機会損失の不安を感じているようです。特に新卒5〜7年目で1社しか知らないという人で、まだリスクを取りやすいライフステージにある人に多いようです。 自ら起業するとか、共同創業者としてスタートアップする起業家ではなく、大手や中堅企業を辞めてスタートアップに社員としてジョインする人に向けて、いくつか考えるべきポ

github.blog GitHub Actions の新バージョンが 8/8 に発表されました。 www.kaizenprogrammer.com 自分は過去にも旧バージョン時に GitHub Actions の入門記事を書いていたのですが、新バージョンがこれまでと大きく変わってしまっているので、この記事ではあらためて GitHub Actions についていろいろ調べたり動かしてみたりした内容をまとめます。 目次 注意事項 GitHub Actions とは これまでの GitHub Actions とどこが変わったか コンセプト マルチプラットフォーム対応 HCL から YAML へ 料金 その他 GitHub Actions と Azure Pipelines 簡単な例 (Hello, World) ワークフローの設定 ワークフローとは ワークフローを実行するイベント ワークフロー

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

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

人にはさまざまな「弱み」があります。 容姿、頭脳や、どうしても直せない悪癖…。生まれついての“人より苦手なこと”に落ち込んでいる人もいるのではないでしょうか。 しかし、そんな弱みがありながら、独自の活躍をしている人たちもいます。 新R25の8月の特集「弱みは強み」では、そんな人々に、「弱みとの付き合い方」「弱みをどうやって強みに変えたのか」を聞いていきます！ 今回お話を聞いたのは、勝間和代さん。 マッキンゼーなど錚々たる企業を渡り歩き、ビジネス書を出せばベストセラーを連発！ どう見ても“バリキャリ”の彼女ですが、ADHDを公表しており、本人いわく「集中力がない」「ミスが多い」などの「弱み」があるとのこと…。 勝間さんの、独自の仕事論を聞いてみました。 〈聞き手＝天野俊吉（新R25副編集長）〉 【勝間和代（かつま・かずよ）】東京都出身。23歳で公認会計士試験に合格。監査法人に勤務後、銀行、マ

「主語が大きい」という表現がある。 このあいだ、故郷のお菓子を説明する時に「地元の人は全員好き」と説明したら「全員じゃない　むしろそうでもない人の方が多い」とおこられた。ただおいしいと言いたかっただけなのに…。 と、無意識に主語の大きさを変えているらしいのでいっそくじ引きで指定してみたらどうなるかと考えた。実験してみます。 言えそうな「主語」を洗い出してみる 今回は大小さまざまな「主語」を箱に入れ、引いた言葉を主語として話してみるという実験である。 「パフェをおごる」というので来た友人の郡司さん。「いつもは『私』か『僕』だけど、主語大きい時…あるかな…？」 こちらは山宮さん。「『俺』って言っちゃうけど、他の主語意識したことない」という。 とりあえず、箱に入れる「主語」を洗い出すことにした。 「『私は』が最小かな？」「いや『沖縄県出身のよざひかるは〜』が最小じゃない？」「最大はじゃあ『宇宙人

尾道でレモンを買ってきた 今年のGW（2019年5月）に、尾道のLOGというホテルに泊まったのですが、そのバーで飲んだ自家製のレモンチェロがとてもおいしかったので、ざっくりとした作り方を教えてもらって、瀬戸田レモンを買ってかえって作ってみました。 瀬戸田レモンのレモンチェロ 国産レモン　　　5～8個 スピリタス　　　500ml グラニュー糖　　300g 水　　　　　　　500ml ※ 今回は、買ったレモンが一袋8個入りだったので、そのまま8個使いましたが、もう少し少なくても問題なさそうに思いました。 スピリタス [ ウォッカ 500ml ] 出版社/メーカー: ミリオン商事 メディア: 食品&飲料 クリック: 3回 この商品を含むブログを見る まず、レモンをよく洗い、ピーラーを使って、できるだけ表面の皮部分のみを削ぎます。これを8個分やります。 保存用の容器にそぎ落としたレモンの皮を入れて

回答 (48件中の1件目) 人間とは馬鹿なもので、時に自分が何を言いたいのかさえ分かっていない時があります その子供が「死ぬのが怖い安心させてくれ」という心理で質問をしているのなら、望み通りに優しい嘘をついて騙してあげるのも悪くないと自分は考えます ですが、その子が本当に真実を知りたいのなら、天国を語る大人は悪人以外の何物でもないし、その上で自分の善行に酔いしれる吐き気のするような大馬鹿ですね 天国を語って安心させるという方向性を持つ人が多いようですが、それにはデメリットもあります 残された僅かな時間にどうしてもやっておきたかったことがあるかもしれません。天国のことなど吹き込まれ...

こんにちは、 フロントエンドエンジニアの @nabeliwo です。 弊社には SmartHR というプロダクトの他に SmartHR の従業員 DB を利用して開発・提供される SmartHR Plus アプリ (以下、 Plus アプリ)というものがあります。 SmartHR CTOが語る中長期戦略。徹底的なアプリ開発とAPI対応で「プラットフォーム化」促進へ - SmartHR ガイド 既に多くの Plus アプリがリリースされており、そのほとんどのプロダクトのフロントエンドは React x Redux という技術スタックで構成されています。 オンライン雇用契約 カスタム社員名簿 ラクラク人事レポート etc Plus アプリは毎回新規でプロジェクトを立ち上げて開発していくことになります。 とはいえブランディングの観点から見ると、基本的なトンマナや UI パーツは SmartHR

TL;DR JWTはCookieを使った認証の代わりに使うのはきつい。 コードを静的にホスティングしているSPAの話。 JWTの有効期間を長くすれば危険で、短くすればUXが犠牲になるというトレードオフがある。 AWS AmplifyはlocalStorageにJWTを保存 悪意のあるThird partyライブラリが混ざっていたらJWTを抜かれる。 yarn.lockが依存している全ライブラリを監査することはつらい。 Auth0ではiFrameを活用してメモリ上にJWTを格納できる Auth0いいね😍 まくら Youtubeが大好きなHiCustomerの小田です。ちょっと遅いですが年明け最初のエントリーです。今年もテックブログをよろしくお願いします😎ちなみに、気分がいいので年明けに観ていたYoutubeのエントリーの中で一番おもしろかった動画を紹介します。世界中で有名な「Auld L

すえなみチャンス暑気払い 2019夏で話した、設計要素を分解して理解してみようという話です。 Simplicity makes easy to understand.