こんにちは！Keeth こと桑原です。この番組では、Web 業界で働くEngineering Manager，ジェネラティブアーティストをしている人間が，日々の学びや気付き，感じたことをお話ししています💁♂
ART19 以外にも，Spotify・YouTube・Amazon Music for Podcast 等でも聴くことができますので，お好きな媒体でお楽しみください♫ 配信でお会いしましょー😄
【パーソナリティ】
・𝕏（旧：twitter）
・アート作品
https://openprocessing.org/user/299354/
・LISTEN
https://listen.style/p/kkeethtalk?08prPz8J
【おたよりフォーム】
https://forms.gle/utkE7JBKSReSdArPA
＝＝＝＝＝＝＝＝
【📣イベント告知📣】
第２回 Podcast Star Award が開催中！
・応募期間
2025年5月16日〜2025年8月31日
・選考期間
2025年9月1日〜2025年9月30日
・リスナー投票
2025年9月1日〜2025年9月30日
・結果発表
2025年10月10日
是非，お気軽にご応募お待ちしております！
https://podcastar.jp/podcaststaraward
https://art19.com/shows/kkeethengineers
Season -No.54 朝活「Readme Driven Development, documentation first」をダラダラ読む回
はい．第54回は Readme Driven Development https://tom.preston-werner.com/2010/08/23/readme-driven-development.html documentation first http://joeyh.name/blog/entry/documentation_first/ 2022-08-02のJS: Privacy Sandboxのロードマップ更新、Docusaurus 2.0、Electron v20.0.0 https://jser.info/2022/08/02/privacy-sandbox-docusaurus-2.0-electron-v20.0.0/ の３つを読みました💁 前半２つは昨日の「Art of README」の中で紹介があったもので，こちらも参考になるし大納得のお話でした．後半の JSer.info の更新では，色々な JS 界隈のアップデート情報がまとめられてあり，皆さんも是非見てみてください❗ ではでは(=ﾟωﾟ)ﾉ README documentation RDD(Readme Driven Development) DDD(Documentation Driven Development) JSer.info Privacy Sandbox Docusaurus Electron update See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.53 朝活「Art of README をダラダラ読む回」
はい．第53回は Art of README https://github.com/hackergrrl/art-of-readme/blob/master/README-ja-JP.md という面白い記事を読んでいきました💁 この記事自体が一つのリポジトリの README の日本語訳版マークダウンです．デベロッパーならば必ず書かないといけないと言っても過言ではない README について色んな視点で大事さを書かれておりますので，是非デベロッパーの皆さんも読んでみてくださいー❗ ではでは(=ﾟωﾟ)ﾉ README ドキュメンテーション and the PDP-10 GitHub npmjs.org monks Ken Williams Node REPL session common-readme standard-readme README-Driven Development Documentation First See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.52 朝活「新しいビューポート，Adversarial Testing: A slightly unorthodox testing philosophy」をダラダラ読む回
はい．第52回は 新しいビューポートの単位（sv*、lv*、dv*） https://www.mitsue.co.jp/knowledge/blog/frontend/202207/28_0755.html Adversarial Testing: A slightly unorthodox testing philosophy https://blog.testdouble.com/posts/2022-06-08-adversarial-testing/ を読みました💁 新しいビューポートの単位「dv*」はかなり便利そうで，ぱっと見はとりあえずこれ指定しておけば困らないんじゃないかな？と思うくらい．モバイルの対応するフロントエンドエンジニアには必須の知識であり，今後必ず触れることになるものだと思います． 後者の記事はいわゆる読み物系で，フィロソフィーに近い体験記でしたが，個人的には学びよりもとにかく面白かったw この方と仕事すると楽しそうだなと（癖もありそうだけど）😂 ではでは(=ﾟωﾟ)ﾉ CSS viewport 単位 Interop 2022 動的UIのサイズ スクロール 動的ビューポート testing Unit Tests Integration Tests Jest avoid overtime See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.51 朝活「21. Prototyping to learn，The Demo → Demo Loop」
はい．第51回は 21. Prototyping to learn https://world.hey.com/rjs/21-prototyping-to-learn-726e2d3e The Demo → Demo Loop https://daverupert.com/2022/06/demo-to-demo-loop/ を読みました💁 プロトタイプやデモの大事さ，その仕組みや文化をチームに根付かせる大事さなどが語られており，短い記事ながらも読み応えがありました❗ ではでは(=ﾟωﾟ)ﾉ latest Circuit Breaker podcast Bob Greg Prototyping decision-making product-development demo Design Sprints IDEO Project Purple “Demo First” meetings feedback standup-speak daily demos See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.50 朝活「デュアルトラックアジャイルって結局何なの？，THE MANY DEFINITIONS OF SERVER-SIDE RENDERING」
はい．第50回は ▼デュアルトラックアジャイルって結局何なの？ https://note.com/chankawa919/n/n093b48118b1c ▼THE MANY DEFINITIONS OF SERVER-SIDE RENDERING https://www.zachleat.com/web/ssr-overloaded/ という２つの記事を読んでいきました💁 ではでは(=ﾟωﾟ)ﾉ アジャイル デュアルトラックアジャイル コスト リスク ディスカバリートラック 最小コストで最大の学びを得る デリバリートラック 一定の規模（ユーザーにプロダクトを当てて）で学びを得る マインドセット プラクティス デザインプロセスと実装プロセス プロセス化 スクラム プロセスフレームワークではない SSR(Server-side Rendering) JavaScript Component Frameworks (Libraries 🌶) Application Frameworks contexts definitions SSG (static site generation) Node.js See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.49 朝活「Reactである『Hydrate』って何でしょうか，JavaScript Hydration Is a Workaround, Not a Solution」
はい．第49回は， Reactである「Hydrate」って何でしょうか？ https://jp.quora.com/React%E3%81%A7%E3%81%82%E3%82%8B-Hydrate-%E3%81%A3%E3%81%A6%E4%BD%95%E3%81%A7%E3%81%97%E3%82%87%E3%81%86%E3%81%8B JavaScript Hydration Is a Workaround, Not a Solution https://thenewstack.io/javascript-hydration-is-a-workaround-not-a-solution/ の２つを読みました💁 実は「Hydrate」ってよく分かってなく，学びなおしてみました．参考になれば幸いです！ ではでは(=ﾟωﾟ)ﾉ React Hydrate SSR(Server-side Rendering) DOM SEO APP_STATE FW_STATE Qwik builder.io See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.48 朝活「Learn the weekly rituals you should master as a software project manager」
はい．第48回は Learn the weekly rituals you should master as a software project manager https://www.rubick.com/project-manager-weekly-rituals/ というマネジメントに関する記事を読みました💁 マネジメント経験（PjM）のある方は本記事についてかなり共感があると思います．また面白い視点や考え方，アイディアもありましたので何かしら持ち帰られるのではないかと．是非読んでみてください❗ ではでは(=ﾟωﾟ)ﾉ Software Project Management communication delivery risk registry agile sprint goal-setting project plan weekly project update See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.47 朝活「なぜ我々はユニットテストが書けないのか？，How the Cache Works」
はい．第47回は なぜ我々はユニットテストが書けないのか？ https://note.com/shift_tech/n/ne17f3fab6a05 How the Cache works https://developers.cloudflare.com/workers/learning/how-the-cache-works/ の２つを読みました💁 前者の記事は読み物ではありますが，特に共感が深い記事だったので是非読んでみてください！後者は Cloudflare Workers を使う上で参考になるものでしたので，こちらも読んで損はな位と思います😆 ではでは(=ﾟωﾟ)ﾉ ユニットテスト 株式会社 SHIFT モチベーション コスト カバレッジ C2（条件網羅） エンジニア TDD（BDD、ATDD） テストフレームワーク Cloudflare Cache Cache API Purge Everything fetch Edge browser caching See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.46 朝活「trade-offs in desicion making, 37signals - seven shipping principles」
はい．第46回は以下の２つの記事 Trade-Offs in Decision Making https://medium.com/redbubble/trade-offs-in-decision-making-92a33c7a308e Seven Shipping Principles https://37signals.com/seven-shipping-principles を読みました💁 どちらも主には読み物系の記事になりますが，なかなかどうして学びと気付きのある素晴らしい記事でしたので，是非読んでみてください❗ ではでは(=ﾟωﾟ)ﾉ Trade-Offs Decisions single, well-articulated outcome roles process Communication and Buy-In options shipping QA testing "or", "and" best effort confident See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.45 朝活「DORA Metrics: the Right Answer to measuring engineering team performance」
はい．第45回は，Google Cloud で実行されている DevOps 組織の有効性を測定する４つの指標について解説した DORA Metrics: the Right Answer to measuring engineering team performance https://jacobian.org/2022/jun/17/dora-metrics/ という記事を読みました💁 Four Keys という指標は存じておりますが，お恥ずかしながらこの記事に出会うまで DORA メトリクスというものを存じておらず…組織の生産性向上を業務で行う上でこのような指標を把握していない不勉強を反省してます🙇 読んだ感想．DevOps チームというものが弊社にはないですが，同じようなことや要素のいくつかを適用することは可能ですし，実際にやってみたいと思えるものでした❗皆さんも読んでみてください❗ ではでは(=ﾟωﾟ)ﾉ DevOps Research and Assessment（DORA） Google Cloud DevOps Deployment Frequency (DF) Lead Time For Changes (LT) Change Failure Rate (CFR) Mean Time To Recovery (MTTR) 本家の日本語の記事 See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.44 朝活「What willwould a Chromium-only Web look like?」
はい．第44回は What willwould a Chromium-only Web look like? https://www.mnot.net/blog/2022/06/22/chromium-only という興味深い記事を読みました💁 世界のブラウザが Chromium-only になったとき Web がどうなるのか想像したことはありますが，しっかりまとめたことはなかったのでこちらの記事は参考になりました．皆さんも読んでみてくださいー❗ ではでは(=ﾟωﾟ)ﾉ Web Chromium V8 update Standards Developing Organization (SDO) W3C WHATWG Open Source governance Jake Archibald responded Linux Foundation See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.43 朝活「WinterCG, How Workers Works」
はい．第43回は，昨日，一昨日読んだスライドから情報を得た以下の２つ WinterCG https://wintercg.org/ How Workers Works https://developers.cloudflare.com/workers/learning/how-workers-works/ を読みました💁 前者は記事ではなく，WinterCG という団体の公式サイトです．この団体の動きは今後要チェックや（彦一風）と自分も感じています！また後者は Cloudflare Workers の仕組みの概略がまとめられた記事となっており，こちらもなるほどと唸らせられる内容となっておりましたので，是非読んでみてください❗ ではでは(=ﾟωﾟ)ﾉ WinterCG JavaScript runtimes web platform APIs Node.js/Deno goals, doings, WHY, not trying to do Cloudflare Workers Isolate V8 Compute per request Distributed execution See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season 2-25. 朝活「続・Edge Side Frontend という新領域」
はい．第42回は引き続きフロントエンドエンジニアとして著名な mizchi さんの Edge Side Frontend という新領域 https://speakerdeck.com/mizchi/edge-side-frontend-toiuxin-ling-yu というスライドを読了しました💁 もう完全に Cloudflare Workers の魅力に取り憑かれましたw mizchi さんにやられた感が凄いですが，自分も学んでみようと思います❗ ではでは(=ﾟωﾟ)ﾉ mizchi さん Edge Side Frontend Edge Side Engineer CDN Cloudflare Workers フロントエンド Fastly Node.js WinterCG How Workers Works V8 V8 Isolate Ryan Dahl Workers KV Durable Objects Cloudflare D1 See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season 2-24. 朝活「Edge Side Frontend という新領域」
はい．第41回はフロントエンドエンジニアとして著名な mizchi さんの Edge Side Frontend という新領域 https://speakerdeck.com/mizchi/edge-side-frontend-toiuxin-ling-yu というスライドを読んでいきました💁 mizchi さんがだいぶ前に Cloudflare Workers がヤバいという旨のツイートをされていたり zenn の記事を書いていたことは覚えていますが，どれくらい凄いのかの一端をこのスライドで知ることができましたので，是非皆さんも見てみてくださいー！ ではでは(=ﾟωﾟ)ﾉ mizchi さん Edge Side Frontend Edge Side Engineer CDN Cloudflare Workers フロントエンド Core WebVitals LCP CLS TTI SEO Lighthouse アプリケーション・サーバー JAMStack ISR Next.js キャッシュ整合性 Cache Purge Fastly See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season 2-23. 朝活「Software Engineering - The Soft Parts #last, JSer.info」をダラダラ読む回
はい．第40回も引き続き Software Engineering - The Soft Parts https://addyosmani.com/blog/software-engineering-soft-parts/ という記事の残りと，JSer.info の 7/20 更新分 2022-07-20のJS: Node.js 18.6.0、React NativeのHermesデフォルト化、AWSのデザインシステム https://jser.info/2022/07/20/node.js-18.6.0-react-nativehermes-aws/ を読んでいきました💁 前者の記事を長いこと読んできましたが，今回ついに読了しました…本当に長かったw しかし学びがいっぱいあり本当に感謝の一言です❗良記事も良記事ですので，是非読んでみてくださいー😆 後者の JSer.info ですが，今回は良さげなライブラリがいくつかリンクされていましたので，こちらも軽く触ってみて感想など後日感想など述べたいと思いますー． ではでは(=ﾟωﾟ)ﾉ Google Senior Engineers Soft Skills Software Engineering Update estimates Project cancel Killed By Google work/life balance problems vs projects JSer.info azu Node v18.6.0 (Current) | Node.js See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season 2-22. 朝活「Software Engineering - The Soft Parts」をダラダラ読む回 #5
はい．第39回も引き続き Software Engineering - The Soft Parts https://addyosmani.com/blog/software-engineering-soft-parts/ という記事を読んでいきました💁 ※収録内で「４日目」と言っていますが，５日目の間違いです🙇 今回で終わる予定でしたが，若干残ってしまったので次回持越しますw 今回のパートもかなりの至言をいただけましたのでお楽しみください♬是非皆さんも読んでみていただければと思います❗ ではでは(=ﾟωﾟ)ﾉ Google Senior Engineers Soft Skills Software Engineering Work/life balance Time management Deep Work Cal Newport’s Avoid fracturing limited time burnout and stress learning to say no planning your time breaks between work See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season 2-21. 朝活「Software Engineering - The Soft Parts」をダラダラ読む回 #4
はい．第38回も引き続き Software Engineering - The Soft Parts https://addyosmani.com/blog/software-engineering-soft-parts/ という記事を読んでいきました💁 ※収録内で「３回目」と言っていますが，４回目の間違いです🙇 今回のパートもかなりの至言をいただけましたのでお楽しみください♬また，是非皆さんも読んでみていただければと思います❗ ではでは(=ﾟωﾟ)ﾉ Google Senior Engineers Soft Skills Software Engineering Communication Seniority strategic thinking teams Imposter syndrome Mentoring Mentee's role Building Trust Effective teams See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season 2-20. 朝活「Software Engineering - The Soft Parts」をダラダラ読む回 #3
はい．第37回も引き続き Software Engineering - The Soft Parts https://addyosmani.com/blog/software-engineering-soft-parts/ という記事を読んでいきました💁 今回のパートも色々な至言をいただけましたので是非お楽しみください♬ ではでは(=ﾟωﾟ)ﾉ Google Senior Engineers Soft Skills Software Engineering Communication challenges specializations Information sharing flexibility Seniority See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season 2-19. 朝活「Software Engineering - The Soft Parts」をダラダラ読む回 #2
はい．第36回は前回に引き続き Software Engineering - The Soft Parts https://addyosmani.com/blog/software-engineering-soft-parts/ を読んでいきました💁 今回のパートも色々な至言をいただけましたので是非お楽しみください♬ ではでは(=ﾟωﾟ)ﾉ Google Senior Engineers Soft Skills Software Engineering Upgrading your skills FOMO never stop learning leaders mistakes caretaker ownership Design Docs See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season 2-18. 朝活「Software Engineering - The Soft Parts」をダラダラ読む回
はい．第35回は Software Engineering - The Soft Parts https://addyosmani.com/blog/software-engineering-soft-parts/ という，ソフトスキルに関する記事を読みました（未完了）💁 『I've learned from my first 10 years on Google Chrome, where I am a Senior Staff Engineering Manager』 とあるように，Google で10年間働かれたシニアエンジニアリングマネージャーの方の経験値まとめということで，かなり長大な記事ですが，ここから何日間にかけて読んでいきます．ごゆるりとお付き合いいただければと思います❗ ではでは(=ﾟωﾟ)ﾉ Google Senior Engineers Soft Skills Software Engineering user experience work backwards Upgrading your skills See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Also Recommended
台湾のアレコレ！高橋佳の海外起業家奮闘記【SERENSEED】TAIWAN&JAPAN
台湾とスリランカで起業！海外で起業して約7年の奮闘記です。起業、マーケティングでのトライアンドエラーや旅行の雑談など海外をテーマに幅広く配信していきます。 コラボしてくれる方募集中です。海外系、言語系、留学系、文化の違い系、国際カップル系などなどなんでも話せると思います。お待ちしてます。 ＜日本人向けサポート＞ ・台湾への留学サポート https://www.plattaiwan.com/taiwan-study/ HP 語言交換活動 https://tilspace.com/ Facebook https://www.facebook.com/tilspace.home/ LISTEN https://listen.style/p/serenseed?9X52ToD5
マーケターの仮説ラヂオ 〜身近なあれこれマーケティング視点で考えてみた〜
マーケターの仮説ラヂオは、若手マーケター 「きんちゃん」と「ごじら」が、世の中で話題になっていることや気になる疑問を話題に、主にマーケティング視点から『なぜ？』『どうなる？』の仮説を立てていくラジオ番組です。 テーマを様々な切り口で捉えながら、自分たちがその場で共感できる答えを探していく「言語化エンターテイメント」です。 毎週木曜日19時に更新しています！通勤・通学、家事、仕事中、くつろぎの時間など、さまざまなシーンでお楽しみいただけます。 【リスナーさんの声】 ・自分自身でも一緒に仮説を考えながら聴けて面白い ・トレンドを知るきっかけになる SNSで感想を投稿いただく際は「#仮説ラヂオ」でお願いします！ ・口コミ：https://note.com/kasetsu_radio/n/ne957dd972f5c ・X ：https://twitter.com/kasetsu_radio ・linktree：https://linktr.ee/kasetsu_radio 【こんな番組を聴いている人におすすめ】 Spotifyのデータによると、仮説ラヂオのリスナーさんは、以下のポッドキャスト番組も聴いているそうです！ - 霜降り明星のオールナイトニッポン - 歴史を面白く学ぶコテンラジオ - ゆる言語学ラジオ - 荻上チキ・Session〜発信型ニュース・プロジェクト
エンジニアトーク「ROLE MODEL」
ROLE MODEL（ロールモデル）は、エンジニアのサクセスストーリーを届けるポッドキャストです。各エピソードで実績のあるエンジニアをお招きし、その仕事を徹底的に掘り下げて、キャリア形成に役立つ情報を配信していきます。 番組の感想・リクエストはこちらから: https://pitpa.jp
好きの寄り道ラジオ
ただただ好きなもの（スポーツ，ブランド，歴史，ゲーム，漫画，本，アート，音楽）またその選手や作者，キャラクター，ストーリー…etc について，不定期に熱く語りながら紹介する番組です！ #すきより
余談ですが.fm
株式会社カミナシで、EM・何でも屋をしていますKeeth（キース）こと桑原と申します🙋♂️ 日々学んでいる事や個人的に興味ある事、雑談ネタ、皆さんの学び、役に立つ情報などを発信していきます❗️ そして、誰かの参考になる話や、誰かのチャレンジの後押しになるような発信をしていきたい所存です😊 📻当放送で人気のトーク📻 【第1位】 #79 年収を自分で決める、今の年収は妥当か？ https://bit.ly/3t5k46W 【第２位】 #85 面白い名前のプログラミング言語 https://bit.ly/3puAhQX 【第３位】 #30 やめた方が良い事 https://bit.ly/3iWMpaM 🟢 Links Stand.fm 以外でも ■ Twittter https://twitter.com/kkeeth_jsri ■ note https://note.com/clown0082 ■ Anchorfm https://anchor.fm/kkeeth ■ Speaker Deck https://speakerdeck.com/clown0082 ■ LISTEN https://listen.style/p/kkeeth-chat?e5TQ6MPR など色んなところで発信しております🎵 いつでもレター、ご質問等募集しております❗️いただけると望外の喜びです🤩よろしくお願いします💁♂️
New lawyers -これからの弁護士-
スタートアップのビジネスパートナー「レガリア法律事務所」の代表弁護士 勝連に、これからの時代のスタートアップと弁護士の関係性や、気になるトピックを聞いていく番組です。 ▼ポッドキャストの書き起こしサービス「LISTEN」はこちら https://listen.style/p/legalia-partners?osUFTuYk ▼配信中の媒体 ・Spotify https://open.spotify.com/show/2PpH68ryAVhXG5IkNsncQa?si=0564f50b7de546e2 ・Apple Podcasts https://podcasts.apple.com/us/podcast/new-lawyers-%E3%81%93%E3%82%8C%E3%81%8B%E3%82%89%E3%81%AE%E5%BC%81%E8%AD%B7%E5%A3%AB/id1718459522 ・YouTube https://www.youtube.com/@legalia-partners ▼各種リンク HP https://legalia-partners.com/ X https://x.com/KojiKatsuren Facebook https://www.facebook.com/KatsurenKoji