yoshiko_pgのブックマーク - はてなブックマーク

React Hooks: Compound Components

React Hooks: Compound ComponentsFebruary 18th, 2019 — 5 min read A few weeks ago I did a DevTips with Kent livestream where I show you how to refactor the compound components pattern from a class component to a function component with React hooks: If you're unfamiliar with compound components, then you probably haven't watched my Advanced React Component Patterns course on egghead.io or on Fronten

yoshiko_pg 2021/12/05

リンク

GitHub - google/zx: A tool for writing better scripts

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

yoshiko_pg 2021/05/07

めちゃよさそう

リンク

子の泣いてる時間を観察したくてM5StickCで泣き声モニタを作った - hitode909の日記

深夜に絶叫する子を抱っこしていると、いつから泣いてるのか、いつまで泣いてるのか、など考えてしまって精神的に参ってくる。実際のところどれくらいのペースで泣いてるのか可視化したくなって、M5StickCで可視化するグッズを作った。作りたいもの常時マイク入力がオンになっていて、直近しばらくの音量の履歴が可視化されたら便利そうだと考えた。可視化によって子が泣き止むわけではなくても、﹁しばらく泣いてる気がしたけどまだ3分くらいだ﹂とか、﹁10分間に渡って静かにしていて偉い﹂とか数値を見て客観的な考察をできるようになりたい。 M5StickC M5StickCは小型のM5Stack。小さくて邪魔にならなさそうなのと、マイクがついているので買ってみた。 3000円以下で買ってきて書いたコードが動いて画面に表示もできるのでおもしろいと思う。 www.switch-science.com 実装する

yoshiko_pg 2021/05/06

すごい！やりたい！

リンク

「元気が出ない日」を満喫したい

エンタメまでいかずともお手軽に満喫よざ：これは…テンション低くないと雰囲気でないやつ！ Mさん：そうです。あとスーパーとかよりません。絶対コンビニにだけよりますよざ：退廃的な雰囲気が出せますもんね。絶対気分をあげずにダウンな気持ちを楽しむぞという心意気がすごいよざ：これは不元気満喫調査はじまって以来の大発見かもしれません Sさん：そうなんですよ。元気なときのおかゆより、元気ない時のおかゆのほうがおいしく感じますよざ：最近元気なときにハーブティー飲んだら、なんか違うなってなったけどあれもそう！？ Sさん：ハーブティーもそうかもですね。調子悪いときのほうがうまい…… よざ：まさか低テンションの時にブーストされるグルメがあるなんて… やや行動力UP レベル2の不元気満喫ここからはすこしレベルをあげて、やや勇気や手間がいる満喫方法です。よざ：わかる！心配されないギリギリの手を抜く楽しさ

yoshiko_pg 2021/04/29

リンク

良いコードとは何か - エンジニア新卒研修スライド公開｜CyberZ Developer

CyberZ CTO室のメンバーの森 (@at_sushi_at) です。先日、株式会社サイバーエージェントの2021年度エンジニア新卒研修でコードの品質に関する講義を行いました。そこで話した内容とスライドを完全公開します。45分の内容のため、かなり長いですが、個人的にぜひ一読して欲しい内容になっています。はじめにこんにちは、森篤史と言います。2019年度入社で今年で3年目になります。株式会社CyberZのOPENREC.tvというプロダクトでAndroidアプリチームのリーダをやっています。最近はプログラムを書く仕事以外に、次世代マネジメント室という全社横断組織でDevelopers Blogの改善プロジェクトを実行したり、CyberZ CTO室で組織活性化に取り組んでいます。あと、2019年度の未踏スーパークリエータにも認定されました。メインの仕事としては、入社して

yoshiko_pg 2021/04/28

リンク

Public Suffix List の用途と今起こっている問題について | blog.jxck.io

Intro Public Suffix List (PSL) は、現在の Web プラットフォームの一端を支えている非常に重要な要素だ。実はこれが、少数のボランティアにより GitHub でメンテナンスされた、単なるテキストリストであることは、あまり知られていないかもしれない。最近、このリストへの追加リクエストがあとを絶たず、問題になっている。そもそも PSL とは何であり、今どのような問題が起こっているのかについて解説する。Public Suffix List とは何か PSL を解説するには、まず関連する用語について整理する。 Top Level Domain (TLD) 例えば、このブログのドメインは blog.jxck.io であり、これは筆者が取得したドメイン jxck.io のサブドメインだ。 jxck.io は、 .io という TLD のサブドメインを販売しているレ

yoshiko_pg 2021/04/21

リンク

TypeScriptとOpenAPIスキーマで型安全に　READYFORが語る“スキーマファースト”で効率的な開発方法

﹁実践！フロントエンド分離戦略﹂はREADYFOR 株式会社主催のエンジニア向けLT勉強会です。ここで、菅原氏が﹁OpenAPI GeneratorとTypeScriptによる型安全なスキーマ駆動開発﹂のタイトルで登壇。スキーマ駆動開発とそのメリット、活用しているツールについて話します。 READYFORのフロントエンジニア菅原弘太郎氏︵以下、菅原︶‥それでは﹁OpenAPI GeneratorとTypeScriptによる型安全なスキーマ駆動開発﹂と題して、発表します。自己紹介します。2020年11月に、フロントエンドエンジニアとしてREADYFORに入社しました。岩手県在住で、フルリモートで勤務しています。ReactとTypeScriptが好きで、React Hook Formのメンバーなので、もしフォローしてくれる方がいれば、フォローしてください。フロントエンドとバックエンドの分離

yoshiko_pg 2021/04/15

うちもprotobufでほぼ同じことしてる。スキーマ駆動開発最高ですよね。恩恵がわかりやすくまとめてあっていい記事だった。enumやoneofが扱いづらいのもめちゃわかるw

リンク

UXの本質について

※本コラムは、長谷川のブログ﹁underconcept﹂からの転載です。ユーザー体験︵ユーザーエクスペリエンス／User Experience: UX︶という言葉が広く聞かれるようになってきた。半ばバズワードのように、特にウェブデザインやマーケティングの記事などの中では、この言葉を見ない日はない。しかしながら、多くの場合、UXという言葉の真意や可能性を取り違えてしまっている。本稿では、いくつかの観点からUXの本質を考えてみる。 1.UI/UXという誤用 1.1. UIとUX まず、多くの記事や講演などで見られる﹁UI/UX﹂という表現からとりあげてみたい。 UI/UXとは、もちろん、User Interface / User Experience︵ユーザーインターフェイス／ユーザーエクスペリエンス︶の省略形であるが、多くの記事などで﹁すぐれたUI/UXデザイン事例﹂、﹁UI/UX講座﹂な

yoshiko_pg 2021/03/09

"一般には「単に操作感が心地よいUI」のことを「優れたUXを提供」と呼んでしまっている状況が多く見られる" わかる

リンク

「家の食材使い切れない問題」の解決法を『賢い冷蔵庫』著者に聞いてきた - メシ通 | ホットペッパーグルメ

最近、料理に関してひとつアップデートすることができた。それは、﹁ホウレン草はゆでたあと冷蔵庫で保存するとき、ギュッとしぼらない﹂ということ。ずーっと私は、ギュウギュウにしぼっていた。それこそもう、親のかたきのように。水気が多いと傷みやすいと思っていたから。それは違うよ、と教えてくれたのは料理研究家の瀬尾幸子︵せおゆきこ︶さんだった。瀬尾さん︵以下敬称略︶‥ぎゅうぎゅうしぼらないほうが長持ちするんです。そして食感も悪くなる。ホウレン草って葉のぬめり感がおいしいのに、きつくしぼるとそれがなくなっちゃう。保存するときは、ゆるゆるしぼるんです。﹁生まれたての赤ちゃんの手を握るぐらい﹂の力加減で。ゆでたあと冷凍するなら、びしゃびしゃのままでいい。 ──これって、青菜全般でそうなんですか？瀬尾‥小松菜でも三つ葉でもそうです。しぼると葉の細胞が壊れて、食感が失われてしまう。そこから傷みやすくも

yoshiko_pg 2021/02/28

かっこいいキッチンだなー。この本どんぴしゃだわ買おう

リンク

2021年の密かなトレンド？　“型安全ルーティング”の概観

2020年は、型安全ルーティングが密かに盛り上がりを見せた年でした。この記事では、TypeScript周りのエコシステムで発生した型安全ルーティングという概念とこれまでの流れを振り返ってご紹介します。ルーティングとはこの記事でいうルーティングは、URL︵特に/user/uhyoといったパス部分︶を見てコンテンツを出し分ける機構のことを指します。ルーティングは、主にSPA (Single Page Application) で必要となります。SPAはどのようなURLでも同じHTMLとJavaScriptが動作し、JavaScriptによってアドレスに対応したコンテンツが表示されます。まさに、ルーティングがSPAの根幹となっています。また、一般のウェブサーバーも、異なるURLに対するリクエストには異なるレスポンスを返しますから、ここでもルーティングが行われていることになります。従来は、文

yoshiko_pg 2021/01/12

ルーティングまわりにも型欲しい。Nextのファイルベースルーティングは手軽だけどそのあたり手出しできなくなるのが逆に不便。pathpida初めて知った

リンク

一人前のプロマネってどんな人？プロジェクトマネジメントのスキルセットとは - 誰も教えてくれないプロマネのコツ

今やあらゆる場面で必要とされるプロジェクトのノウハウを、300件以上成功させてきたプロフェッショナルがこっそりお伝えします。先日、仕事で関わっている方から、﹁結局、プロマネって何ができないといけないんですかね？﹂という質問をされたので、その場でざっくり洗い出してみました。世の中には PMBOK や ITSS, PRINCE2 などのスキル標準を定めたものはありますが、これらは大規模システム開発を志向しており、概念として抽象度が高いためベースの知識として利用できる環境は残念ながら非常に少ないという現実があります︵もしこれらを利用できる環境にいるならとても幸せなことです︶。少なくとも日本で実施される一般的なプロジェクトは PMBOK や ITSSを元に共通認識を整備するどころか、﹁限られた予算で1年でクライアントのシステムを刷新する必要がある﹂とか、﹁社長の思いつきで何も決まっていない

yoshiko_pg 2020/12/02

"スキルセットから「今回のプロジェクトの目的を達成するために必要なスキル」を選んで、それを誰がやるのかをプロジェクトの最初に決めることがとても大事です"

リンク

Next.js 4年目の知見：SSRはもう古い、VercelにAPIサーバを置くな - Qiita

yoshiko_pg 2020/11/05

リンク

ユーザーインタビューの基本（Startup School 2019 #02） - FoundX Review - 起業家とスタートアップのためのノウハウ情報

優れた創業者は顧客と話すお母さんテストが有効１．アイデアではなく、顧客の生活について話す２．仮説の話をせず、具体的なことについて話す３．話すのではなく、聞く聞くべき5つの質問１．あなたが解決しようとしていることに関する、一番の難題は何ですか？２．その問題に最後に直面した時のことを教えてください３．それが困難だった理由は何ですか？４．その問題を解決しようと思って、したことがあれば教えてください５．これまで試したソリューションのなかで、気に入らなかった点は何ですか？顧客インタビューはどの段階でも有効１．アイデア段階顧客インタビュー候補を探す方法１：自分自身顧客インタビュー候補を探す方法２：同僚顧客インタビュー候補を探す方法３：直接行訪問する顧客インタビュー候補を探す方法４：イベントへ行くアイデア段階でのコツメモを詳細に取るカジュアルにインタビューする相手

yoshiko_pg 2020/10/30

リンク

成長するスタートアップで働くとなぜ自分も成長するのか｜原健一郎 | Kenichiro Hara

投資先の採用候補の方とお話することがよくあるのですが、その中で、「A社はプロダクトもしっかりしているように見えるしもう出来上がっている。やはりまだ発展途上な企業のほうが学びも多いし面白いのではないか」と、成長著しいA社に入ることを悩む方によくお会いします。せっかくなので考えを簡単にまとめてみます。個人的には成長著しいスタートアップでの経験をお勧めしています。成長企業の経験の方が自身の成長に向いており、新たな学びで溢れています。そして何より成長する企業は、完成する事がありません。自分=自分の周り5人の平均僕が好きなキャリアの考えの一つは「人間はよく時間を過ごす周り5人の平均になる。」というものです。最も正しく"楽な"キャリアの考えの一つだと思います。成長するスタートアップは、ずっと人材を吸収し続け、どんどん優秀な人が入ってきます。そのような環境では、自分の周りが常に優秀な5人で、かつど

yoshiko_pg 2020/10/30

"成功するための方法、勝つための方法、は成功からしか学べない"

リンク

より良いタイポグラフィのための知られざるCSS

CSS組版 Vivliostyle ユーザーと開発者の集い 2020秋 https://vivliostyle.connpass.com/event/189940/

yoshiko_pg 2020/10/27

リンク

TypeScript における変性（variance）について - 30歳からのプログラミング

プログラミングの型システムに関する記事を読んでいると、共変や反変といった用語が出てくることがある。 TypeScript や Flow についての記事でも、見かけることがある。それらは TypeScript を使う上で必須の知識ではないが、把握しておくに越したことはない。この記事では、TypeScript を題材にして、変性について説明していく。 TypeScript に関する議論を理解できるようになることがこの記事の目的であり、より詳細な、学術的、数学的な内容には踏み込まない。この記事の内容は、TypeScript のv3.9.5で動作確認している。変性変性︵variance︶とは、任意の型Tに対してどのような性質を持つのか示したものであり、以下の4種類がある。不変性︵invariance︶Tそのものが必要共変性︵covariance︶Tそのものか、そのサブタイプが

yoshiko_pg 2020/10/22

オブジェクト・配列・関数の返り値は共変、関数の引数は反変

リンク

コードレビューの目的と考え方 - osa_k’s diary

まえがきコードレビューの目的大目的小目的チェックリスト優先度高︵大きな損失を生む問題・後からの修正が困難な問題︶優先度中優先度低︵システムに大きな影響を与えない問題・後からの修正が容易な問題︶レビューを負担にしないためにレビューサイズのコントロール誰がレビューをするか議論をどうまとめるか批判と個人攻撃レビュワー向けアドバイス Code author向けアドバイス参考文献まえがきコードレビューの有効性が説かれるようになって久しい。しかし、コードレビューをするべきという観念ばかりが先立ってしまい、何のためにコードレビューをするのか、どのような点をレビューするべきなのかといった、目的や進め方に対する意識が曖昧なケースも数多くあるように思われる[6]。コードレビューの目的を理解せずに惰性でレビューしているだけでは、いずれレビューそのものが形骸化し、単に承認のハンコを

yoshiko_pg 2020/10/19

めちゃめちゃいい記事だった、社内のドキュメントから参照したい

リンク

TypeScriptの型を手に馴染ませるためにやっていること - $shibayu36->blog;

最近TypeScriptが好きで勉強していっている。しかしなかなか型定義周りが手に馴染まず、少し複雑な型定義を読んだり、自分でユーティリティ型を定義したりすることが難しかった。そこで型を手に馴染ませるために色々学習をしてみたので、やっていることをメモしておく。まずざっとTypeScriptの型概要を学ぶまずTypeScriptでの型を簡単に学ぶには以下の2つの資料がわかりやすかった。 TypeScriptの型入門 - QiitaTypeScriptの型初級 - Qiitaひたすら型演習をする資料を読むだけでは全く手に馴染まないと思ったので、その後ひたすら型演習をしている。まずは TypeScriptの型演習 - Qiita。これは先程の型初級、型入門の記事を書いた人が演習問題を作っているため同じ流れで学習でき、さらに解説編も充実しているので、手を動かしながら学ぶのに最適であ

yoshiko_pg 2020/10/16

めちゃめちゃありがたい情報集

リンク

『幻覚剤は役に立つのか』というスゴ本を読んで「気持ちいいことを追及しよう」と決意した。

この本で紹介される事実は本当に衝撃的である。「健常者が幻覚剤を正しく使うと、瞑想者が自我を超越し神秘状態に恍惚とする状態に至り、”悟りの境地”にたどり着いた」「末期がん患者に幻覚剤を投与したところ、死の恐怖から開放され、ここちよく死を受け入れるようになった」「治療抵抗性うつ病患者に幻覚剤を投与したところ、投与から1週間後、”全員”に症状の改善が見られた」こう書くとクスリで頭が逝っちゃった人間のタワゴトのようだが、これらはカリフォルニア大学やニューヨーク大学、ジョンズ・ホプキンズ大学といった一流大学でキチンと実証された結果である。つまりジャンキーの妄想ではなく、科学的に実証された事実なのである。なぜこんな事がおきるのか。追って書いていこう。 DMNという脳の中にあるアイデンティティ形成部位 2001年にワシントン大学の神経学者マーカス・レイクルが脳の中にデフォルトモード・ネットワ

yoshiko_pg 2020/10/14

DMNの働きの説明、とても実感と合う

リンク

理屈で考える、データベースのチューニング | Raccoon Tech Blog [株式会社ラクーンホールディングス技術戦略部ブログ]

株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。パフォーマンス勉強会OracleデータベースMySQLInnoDB こんにちは、羽山です。今回はOracleデータベースのチューニングで少し踏み込んだ内容です。途中で比較対象としてMySQLも登場します。日頃からSQLチューニングの機会があってそれなりに得意としているのに、それでもなぜかパフォーマンスがでないSQLに悩んだ経験はありませんか？謎の遅い現象は特に大規模データベースになってくると発生しがちなのですが、速い場合も遅い場合も必ず理由があります。そこで本記事ではデータベースのチューニングにおいて意外と見落とされがちなローレベルな部分に着目して、さらに一歩上のパフォーマンスチューニングに必要な知識を解説します。この記事を書くきっかけとなったのは私た

yoshiko_pg 2020/10/03

リンク

はてなブックマーク

タグ

yoshiko_pgのブックマーク (1,595)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス