📻️ 雨宿りとWEBの小噺.fm とは
気にも留めていなかったものに光を当てて，世界の見え方が少し変わるかもしれない\．そんな Web 業界のちょっとした裏話や小噺をお届けする番組です．
🙋 パーソナリティ
喋ることで生きていることを実感している，気づきの配達屋 kkeeth（キース）こと桑原です．
Webエンジニア・EngineeringHR として働きながら，ときどきGenerative Artist としても活動中．
現在１人娘の父親としても奮闘中．
✉️ コンタクト
おたよりフォーム：https://forms.gle/utkE7JBKSReSdArPA
note：https://note.com/clown0082
メンバーシップ限定：https://kkeeth.substack.com/s/membership-podcast
ホームページ：https://keeth.me
📣 ハッシュタグ
#web小噺 #webこばなし
🤝 ご支援募集
https://buymeacoffee.com/kkeeth
番組の魅力・推薦
Season -No.64 朝活「5 JavaScript Concepts to Make You an Excellent Developer」をダラダラ読む回
はい．第64回は前回に引き続き 5 JavaScript Concepts to Make You an Excellent Developer https://javascript.plainenglish.io/5-javascript-concepts-to-make-you-an-excellent-front-end-developer-994676aa2431 を読みました💁 個人的には他に関心を持つ物があるだろうなーと思うことが多い記事でしたが，共感する面もあり評価が難しい記事だなと感じました．皆さんでも読んでみていただければと思います❗ ではでは(=ﾟωﾟ)ﾉ JavaScript Concepts 継承 this キーワード prototype 型の判定 比較演算子 valueOf() メソッド free weekly newsletter apply() メソッド call() メソッド bind() メソッド See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.63 朝活 「終・Technical Writing for Developers，5 JavaScript Concepts to Make You an Excellent Front-end Developer」をダラダラ読む回
はい．第63回は ▼ Technical Writing for Developers https://css-tricks.com/technical-writing-for-developers/ ▼ 5 JavaScript Concepts to Make You an Excellent Front-end Developer https://javascript.plainenglish.io/5-javascript-concepts-to-make-you-an-excellent-front-end-developer-994676aa2431 の２つを読んでいきました💁 前者は久し振りに複数回に渡って読むボリュームのものでしたが，ついに読了しました❗この手の記事は次回の意味も込めて継続的に読んで行きたいですね． また後者はいわゆるフィロソフィーのようなものかな？と思ってみましたが，思った以上に JS を用いた設計論に近い話でした．まだ読み終わってないので次回も読んでいきたいと思います❗ ではでは(=ﾟωﾟ)ﾉ Technical Writing Developers documentation Communicating with clients Ask the right questions Sell yourself Contract Killer Writing microcopy Avoid technical jargon Never blame the user Mailchimp says it well: Microsoft Writing accessible markup semantic tags heading structure alt text small things you can do to make content more accessible John Rhea shows off some neat editing tricks JavaScript 5 concepts inheritance Prototype chain inheritance Constructor inheritance Composite inheritance Prototype inheritance Parasitic inheritance Parasitic composition See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.62 朝活「続・Technical Writing for Developers」をダラダラ読む回
はい．第62回は Technical Writing for Developers https://css-tricks.com/technical-writing-for-developers/ の続きを読んでいきました💁 冒頭でも述べましたが，今回は大阪のホテルで収録しているのでちょっと音声の質がいつもより低いです…また今回でも読みきれなかったので次回に続きますw ではでは(=ﾟωﾟ)ﾉ code comments technical debt unidiomatic code future tasks link back to the source pull requests Avoid long PRs PR body imperative tense Issues Reporting bugs a template system’s screen-shooting utility record GIFs using a screen-recording tool reproduce the problem See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.61 朝活「Technical Writing for Developers」をダラダラ読む回
はい．第61回は Technical Writing for Developers https://css-tricks.com/technical-writing-for-developers/ を読みました💁 Developer のためのドキュメンテーションの大事さについて書かれた記事はたくさんありますが，きっちり言語化されているのはありがたい👏引き続き読んで行きたいと思います❗ ではでは(=ﾟωﾟ)ﾉ documentation developers polled more than 4,000 developers TECH WRITING CODING grammer voice tone passive voice code comments mistakes See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.60 朝活「Modeling Strategic Choices, Where's the button? Designing for mode confusion」をダラダラ読む回
はい．第60回は Modeling Strategic Choices https://jarango.com/2022/07/14/modeling-strategic-choices/ Where's the button? Designing for mode confusion https://www.imkylelambert.com/articles/designing-for-mode-confusion という少々抽象的な２つの記事を読みました💁 ちょっと視座が高い目線でのお話で難しい面もありますが，こういう観点でのお話も定期的に読む価値はあるなーと感じました❗ ではでは(=ﾟωﾟ)ﾉ Tesla.com strategic tactical end-to-end mode confusion Mode slips specific-features Discoverability/learnability EXIT non-primary mode See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.59 朝活「16 Top NodeJS tools to make you a better developer」をダラダラ読む回
はい．第59回は 16 Top NodeJS tools to make you a better developer https://www.codemonk.ai/insights/nodejs-developer-tools を読みました💁 この手の記事は毎年何本も書かれますが，日本ではなく海外の方のまとめというところがポイント．世界（というと言い過ぎだが）ではこんなツールが使われているという情報はやはりありがたいですし，私としては5,6個ほど知らなかったライブラリを知れたのも収穫でした❗皆さんも是非読んでみてくださいー． ではでは(=ﾟωﾟ)ﾉ Node.js Framework Library tools Babel BlueBirdJS Promise Authentication BroccoliJS ChaiJS TDD BDD ExpressJS Keystone KoaJS Meteor cross-platform MochaJS testing framework PassportJS PM2 SinonJS Socket.io real-time bi-directional Webpack build deploy WebStorm IDE See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.58 朝活「技術記事を書く人を大切にしよう，Only My Rails Way」をダラダラ読む回
はい．第58回は久し振りに日本語の記事を２つ 技術記事を書く人を大事にしよう https://zenn.dev/kaityo256/articles/save_the_earth Only My Rails Way https://zenn.dev/yukito0616/articles/d3b7032e9f1e90 を読みました💁 どちらもポエム記事ではありますが，どちらも共感味があり，またどちらも後学のためにもなる素晴らしい記事だなと感じましたので，是非皆さんも読んでみてください❗ ではでは(=ﾟωﾟ)ﾉ ポエム アウトプット 技術記事 トレンド 批判 検索ノイズ はてブ インターネット Rails 設計思想 Model層 View層 Controller層 Repository層 テスト デプロイ DRY モノリス マイクロサービス 独自DSL マインド See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.57 朝活「『ウェブ』と『アプリ』では解けない問題について」をダラダラ読む回
はい．第57回は 「ウェブ」と「アプリ」では解けない問題について https://note.com/aijilog/n/n83f8cb8a2673 という記事を読みました💁 自分たちが意識できていないことについての言及記事はいつも参考になりますね〜．ありがたい次第です． ではでは(=ﾟωﾟ)ﾉ Web アプリ デザイン インターネット 行動を変えるデザイン ウェイザード 不動産 リフォーム UX AppStore 認知 馴染み See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.56 朝活「Body margin 8px」の続きをダラダラ読む回
はい．第56回は前回に引き続き Body Margin 8px https://www.miriamsuzanne.com/2022/07/04/body-margin-8px/ の残り半分を読み切りました💁 CSS の歴史やブラウザのデフォルトスタイルに対する非常に興味深い記事でしたので，是非皆さんも読んでみてください❗ ではでは(=ﾟωﾟ)ﾉ CSS History default stylesheet code margin Ultimate CSS Reset Standardizing browser defaults HTML Living Standard CSS 2.2 default style sheet 8px www-talk@w3.org mailing list www-style@w3.org list Re: IE, NN and background-position: thpppt! The WayBack Machine original default style sheet The Base Stylesheet - February 22, 1999 The Base Stylesheet - January 30, 1998 Mosaic browser CSS Remedy The Smallest CSS ‘no-class frameworks’ classless CSS libraries See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.55 朝活「Storybook 7.0 design sneak peek, Body Margin 8px」をダラダラ読む回
はい．第55回は Storybook 7.0 design sneak peek https://storybook.js.org/blog/storybook-7-0-design-sneak-peek/ Body Margin 8px https://www.miriamsuzanne.com/2022/07/04/body-margin-8px/ の２つを読みました💁 前半の Storybook の今後のアップデートについての頭出しと言った記事でした．後者の記事は前半で終わってしまったので，次回続きを読んでいきたいと思いますー． ではでは(=ﾟωﾟ)ﾉ Storybook design UX Norbert de Langen future Canvas addons community Performance early access CSS History default stylesheet code margin Ultimate CSS Reset Standardizing browser defaults HTML Living Standard CSS 2.2 default style sheet 8px See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
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.
こちらもおすすめ
好きの寄り道ラジオ
ただただ好きなもの（スポーツ，ブランド，歴史，ゲーム，漫画，本，アート，音楽）またその選手や作者，キャラクター，ストーリー…etc について，不定期に熱く語りながら紹介する番組です！ #すきより
マイノリティ社員応援ラジオ
自ら新しい道を切り拓こうとしているマイノリティ社員におくる『マイノリティ社員応援ラジオ』 文字起こしはこちら↓ https://listen.style/p/heidi?WyouTg6y
外貨稼ぎラボ by くろますおチャンネル
日本から外貨を獲得しているクリエイターの生の声を学べます。 毎週夜9時に配信。 ▼こんな人にオススメ * 1ドル160円に迫る円安 * 止まらない物価上昇 * 上がらない給料 * そんなこと言われても、海外に移住するなんてムリ * 日本にいながら少しでもドル（外貨）を稼ぐ方法はないのかな？ 【発信媒体】 ポッドキャストの内容を文字で読みたい方はこちら ▼ニュースレター：外貨稼ぎラボ https://gaika.m-newsletter.com/pages/about ▼Twitter https://twitter.com/kuromasuo ▼Voicy https://voicy.jp/channel/3611 https://listen.style/p/gaikakuromasuo?bdA7KAZK
Keethの声日記
日々の日記を声でやってみるチャンネルです．
今出川FM
「今出川FM」は株式会社Helpfeelの今をお届けするPodcastです。アプリケーション開発や普段の暮らし、他業種間のコラボレーションや社内文化などに関する話題を中心に株式会社Helpfeelのメンバーがゆるくお話します。 ご意見ご要望などはTwitterのハッシュタグ #今出川FM でお寄せ頂ければと思います。また、株式会社Helpfeelではメンバーを積極採用中です。よろしくおねがいします。 https://corp.helpfeel.com/ja/recruit 書き起こしなどはこちらから: https://listen.style/p/imadegawafm?H9lMZivo
余談ですが.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 など色んなところで発信しております🎵 いつでもレター、ご質問等募集しております❗️いただけると望外の喜びです🤩よろしくお願いします💁♂️