こんにちは！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
https://art19.com/shows/kkeethengineers
Season -No.146 朝活「続・Next.js 13」をダラダラ読む回
はい．第146回は Next.js 13 https://nextjs.org/blog/next-13 を読みました💁 ではでは(=ﾟωﾟ)ﾉ Turbopack webpack vite supported features next/image Learn more about the Image component Learn more about the codemod @next/font Learn more about the new Font component next/link Learn more about the improved Link component @vercel/og Learn more about OG Image Generation Next.js Compiler codemod is available upgrade guide See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.145 朝活「Next.js 13」をダラダラ読む回
はい．第145回は Next.js 13 https://nextjs.org/blog/next-13 を読みました💁 ずっと後回しにしていた Next.js のメジャーバージョンアップのブログについに着手しました（笑）今日は app レイアウトのみですが，概要だけだったためか要領を得ない感じでしたので，やっぱり触ってみるべきだなと感じます．また，まだ Beta 版の機能でもありますので今後が楽しみです！ ではでは(=ﾟωﾟ)ﾉ Next.js Conf Layouts RFC Layouts: Server Components: Streaming: Support for Data Fetching: automatically dedupes fetch requests Support for Promises RFC nested layouts loading state Server and Client Components See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.144 朝活「続・Astro vs. Next.js vs. Remix — Which One Should You Use for Your Next Project?」をダラダラ読む回
はい．第144回は前回に引き続き Astro vs. Next.js vs. Remix — Which One Should You Use for Your Next Project? https://www.commoninja.com/blog/astro-vs-next-js-vs-remix-a-detailed-comparison を読みました💁 まぁ思うところはあれど，いろんな情報提供に大感謝の記事でした！皆さんも読んでみてくださいー！ ではでは(=ﾟωﾟ)ﾉ Next.js Astro Remix SSR SSG ISR CSR JavaScript Framework OSS Performance Hydration Use Cases Ease of Use Code Splitting Integrations and Extensibility See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.143 朝活「Astro vs. Next.js vs. Remix — Which One Should You Use for Your Next Project?」をダラダラ読む回
はい．第143回は Astro vs. Next.js vs. Remix — Which One Should You Use for Your Next Project? https://www.commoninja.com/blog/astro-vs-next-js-vs-remix-a-detailed-comparison を読みました💁 海外の型の比較記事はいつも参考になり本当ありがたい…！ただ，個人的には本記事は少し物足りない感がありますが，まぁ実態はしっかり自分で触ってみるべきなのであくまで参考にするのが一番ですね． ではでは(=ﾟωﾟ)ﾉ Next.js Astro Remix SSR SSG ISR CSR JavaScript Framework OSS Performance Hydration Use Cases Ease of Use Code Splitting Integrations and Extensibility See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.142 朝活「Jason Warner 氏の連ツイ」をダラダラ読む回
はい．第142回は Jason Warner 氏の連ツイ https://twitter.com/jasoncwarner/status/1592227285024636928 を読みました💁 設計やチームビルディングにも及ぶ興味深いお話でしたので，ぜひ皆さんも読んでみてくださいー！ ではでは(=ﾟωﾟ)ﾉ Monolith apps services microservices See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.141 朝活「成長投資にポートフォリオ・アプローチを活用する」をダラダラ読む回
はい．第141回は 成長投資にポート・フォリオアプローチを活用する https://web-assets.bcg.com/img-src/japan-pub-20may2015_tcm9-44776.pdf を読みました💁 いや〜，難しいというか知らん単語多い！ここは本当自分の不勉強な面が露呈する…だからこそこうやって勉強しているのですが．１社会人としてこの手の観点やお話についていけるようにはなりたいなと思います！ ではでは(=ﾟωﾟ)ﾉ CEO CFO 株主資本利益率（ROE） 株主総利回り（TSR） 事業ポートフォリオ・マネジメント 資本配分 成長ポテンシャル 財務状態 主要業績評価指標（KPI） 売上 成長投資 投資委員会 人材マネジメント 経営 財務計画 See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.140 朝活「Remix- The Yang to React's Yin」をダラダラ読む回
はい．第140回は Remix- The Yang to React's Yin https://kentcdodds.com/blog/remix-the-yang-to-react-s-yin を読みました💁 現在人気上昇中かつ，私も注目している JavaScript フレームワーク Remix に関する記事でした．いや〜，触ってみたくなってしまったw とてもおもしろかったので皆さんも是非読んでみてくださいー！ おつおつ(=ﾟωﾟ)ﾉ Remix React Phil Karlton's famous quote network chasm HTTP the danger of waterfalls Ryan Remixing React Router huge benefit Remix read more about my site rewrite here Data fetching See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.139 朝活「Colocation」をダラダラ読む回
はい．第139回は Colocation https://kentcdodds.com/blog/colocation を読みました💁 とても興味深い記事ではありましたが，私があまり意図をつかみ切れておらず，半分くらい「何を言っているんだろう…？」と思ってしまうくらいには個人的に難しい文章でした．が，Colocation のコンセプトは優秀そうですので，今後の設計に活かしたいと思います！ ではでは(=ﾟωﾟ)ﾉ Remix not DOCUMENTATION.md Maintainability Applicability Ease of use Learn more here "Reusable" utility files State principle Open Source Tests this talk Pete Hunt webpack See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.138 朝活「続・How to plan?」をダラダラ読む回
はい．第138回は How to plan? https://kellanem.com/notes/how-to-plan#0-do-fewer-things を読了しました💁 いや〜，難しい．私がビジネス観点の経験と知識不足感否めませんでした…ぜひ皆さんも読んでみてください，そして教えて下さいw ではでは(=ﾟωﾟ)ﾉ planning project in this post on The Problem with Product Roadmaps Even overs An investment portfolio approach Capabilities models KTLO(Keep The Lights On) there is no such thing as technical debt “Planning is the wrong time to introduce anything new.” Headcount planning why do we even plan? key purposes See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.137 朝活「How to plan?」をダラダラ読む回
はい．第137回は How to plan? https://kellanem.com/notes/how-to-plan#0-do-fewer-things を読みました💁 ちょっと時間差あるアップで申し訳ないです🙇また，多分にビジネス的なお話と視座の高いお話で私が半分ほどしか理解できておりませんので，ぜひ皆さんでもご一読いただけますと幸いですー． ではでは(=ﾟωﾟ)ﾉ planning Interview Question: Why do leaders keep disempowering their teams? pull requests Andy Grove Interview Recruit Goals Do One Thing Well See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.136 朝活「Transferable skills, Why We're Breaking Up with CSS-in-JS」をダラダラ読む回
はい．第136回は Transferable skills https://chriscoyier.net/2022/10/19/transferable-skills/ Why We're Breaking Up with CSS-in-JS https://dev.to/srmagura/why-were-breaking-up-wiht-css-in-js-4g9b の２つを読んでいきました💁 今回は自宅ではなく出張先のホテルでの収録のため，音質がかなり悪いですこと，ご理解いただけますと幸いです🙇 両者とも，とても素晴らしい記事で考えさせられるものでしたので，是非読んでみてください❗ ではでは(=ﾟωﾟ)ﾉ Software Engineering – The Soft Parts “macro” skills “micro” skills transferable concept CSS-in-JS Emotion styled-components The Good, The Bad, and the Ugly Locally-scoped styles Colocation excellent blog post JavaScript variables in styles runtime overhead serialize 7.9 kB 12.7 kB Sebastian Markbåge extremely informative discussion pointing out (Example issue) TypeScript definitions for @emotion/styled See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.135 朝活「続・Why We're Breaking Up with CSS-in-JS」をダラダラ読む回
はい．第135回は引き続き Why We're Breaking Up with CSS-in-JS https://dev.to/srmagura/why-were-breaking-up-wiht-css-in-js-4g9b を読みました💁 いやー，後半も知的な意味で面白く，また興味深く読ませていただきました．パフォーマンス観点で行けば CSS in JS はやはり難があり，開発体験も考慮すると現代のエコシステムを駆使すれば Sass modules でも遜色なく，かつパフォーマンス改善するということで emotion を捨てたというのが結論でしたが，これは大納得ですね．今後 CSS スタイリングの環境がどうなるかは分かりませんが，今後が楽しみです！ ではでは(=ﾟωﾟ)ﾉ CSS in JS this example nested selectors Sass CSS Modules Utility Classes Bootstrap Tailwind typed-scss-modules classnames Compiled Vanilla Extract Linaria here Sass Modules See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.134 朝活「A CSS class-naming convention might still be your best choice」をダラダラ読む回
はい．第134回は A CSS class-naming convention might still be your best choice https://benfrain.com/a-css-class-naming-convention-might-still-be-your-best-choice/ を読みました💁 自分が CSS 周りについて不勉強のため本記事の理解が浅く，いつも以上にグダってしまった…しかし，とても刺激的と言いますか，示唆に富んだ記事でしたので是非読んでみてください❗ ではでは(=ﾟωﾟ)ﾉ CSS class-naming last time ACSS summed up what I am getting at here ECSS CSS methodology starting back in 2014 reset constructableStylesheets WebKit/Safari hasn’t yet https://benfrain.com/a-modern-css-reset-with-caveats/ CSS modules Tailwind prototype Web Components Abstraction v Isolation See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.133 朝活「終・いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論」をダラダラ読む回
はい．第133回はついに いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論 https://gigazine.net/news/20110908_moonshot_design_cedec2011/ を読了しました💁 実に５回に渡る長編記事でしたが学びと刺激だらけで，奥山さんにはただただ感謝しかないです…❗また，この記事は今後も何度も読むと確信しています（笑） 刺激的な言葉をいくつかピックアップして深堀りする収録を別でやろうかなと．ぜひ皆さんも読んでみてください❗ ではでは(=ﾟωﾟ)ﾉ デザイン ムーンショット E6系 パーソナル パブリック カプセルカー NEEDS と WANTS 個人力の日本と団体力のイタリア NASA ファミリー 英語 See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.132 朝活「続々々・いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論」をダラダラ読む回
はい．第132回も引き続き いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論 https://gigazine.net/news/20110908_moonshot_design_cedec2011/ を読んでいきました💁 今回もとても刺激的なお話ばかりですので是非読んでみてくださいー❗ ではでは(=ﾟωﾟ)ﾉ デザイナー ムーンショット 奥山清行氏 フェラーリ アブダビ 技術 お金 投資 原油 See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.131 朝活「続々・いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論」をダラダラ読む回
はい．第131回も引き続き いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論 https://gigazine.net/news/20110908_moonshot_design_cedec2011/ を読み進めました💁 【謝罪】 すみません…今回の配信中ダイソンさんについて言及した私の発言がありましたが，ダスキンさんと勘違いして発言をしておりました…大変に申し訳ございません．ミスタードーナツといえばダスキンさんであって，ダイソンさんには何も関係ないですね… ではでは(=ﾟωﾟ)ﾉ デザイナー ハングリー精神 ワールプール ミスター洗濯機 ダイソン 投資 ビジネス イマジネーション クリエイション プロとアマチュア モンテゼモロの会長 エンツォ・フェラーリのデザイン 津川雅彦 プロというのはシステムで仕事をする人間である 彫塑（チョウソ） 自動車 エポウッド イタリアという文化 粘土 E6系 はやぶさ See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.130 朝活「続・いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論」をダラダラ読む回
はい．第130回も引き続き いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論 https://gigazine.net/news/20110908_moonshot_design_cedec2011/ を読みました💁 もう私の稚拙な言葉なんか良いので，是非読んでみてください❗w ではでは(=ﾟωﾟ)ﾉ デザイナー エンツォ・フェラーリ チーム 日本元気塾 アカデミーヒルズ 個人の力 個人力の日本、団体力のイタリア プロ 議論の仕方 日本の言葉の作り 会社という組織 コミュニティ give コモディティ コモディティ商品 メーカー 自動車 ルイ・ヴィトン ライフスタイル エクスペリエンス・デザイン NEES と WANTS クオーツ時計 デイトナ ドライビング・フォース See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No. 129 朝活「ジェネラリストとスペシャリスト，どちらを目指すべき？TAM のベテランエンジニアたちはこう答えた，いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論」をダラダラ読む回
はい．第129回は ジェネラリストとスペシャリスト、どちらを目指すべき？ TAMのベテランエンジニアたちはこう答えた https://note.com/tammadebypeople/n/n6937f6468702 いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論 https://gigazine.net/news/20110908_moonshot_design_cedec2011/ の２つの記事を読みました💁 前者はいわゆるキャリアに関する経験値からのお話で，まさにジェネラリスト・スペシャリストのどちらに進もうかの選択で悩まれいる方にはとても参考になると思います❗ 後者はほとんどのフェラーリのハード面におけるデザインのディレクションを手掛けた，世界でご活躍されている奥山氏の講演のまとめ記事になりますが，まぁ名言のオンパレードでとても刺激的かつ学びだらけの記事ですので，こちらも必見の一本となっております❗ぜひご一読ください❗ ではでは(=ﾟωﾟ)ﾉ ジェネラリスト スペシャリスト クリエイティブテック・エージェンシーTAM 株式会社TAMTO PWA Night CONFERENCE 2022 視点の幅広さ ジェネラルスキル 専門知識 キャリア ムーンショットデザイン幸福論 CEDEC2011 工業デザイナー フェラーリ・エンツォ ハードウェアとしての自動車 クアトロポルテ 個人力の日本、団体力のイタリア 需要よりも1台少なく作れ 議論の仕方 コミュニティ 会社という組織 See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.128 朝活「続・26 Things from “101 Things I Learned in Architecture School”」をダラダラ読む回
はい．第128回は 26 Things from “101 Things I Learned in Architecture School” https://daverupert.com/2022/09/26-things-from-101-things/ を読了しました💁 前回に引き続きとても示唆に富んだブログだと感じました．ただ一貫していることは「俯瞰的な視点から具体的な視点に」「抽象から具体へ」ということ．ここが一貫しておりとても共感を覚えました．これはしっかり心に留めて行きたいと思います❗ ではでは(=ﾟωﾟ)ﾉ 101 Things I learned in Architecture School Architecture designersspace why to use whitespace Any architect knows something about everything. An engineer knows everything about one thing generalist Simplicity complexity informed simplicity HOAs Give it a name Architectual models are wonderful tools “Less is more.” See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.127 朝活「26 Things from “101 Things I Learned in Architecture School” 」をダラダラ読む回
はい．第127回は 26 Things from “101 Things I Learned in Architecture School” https://daverupert.com/2022/09/26-things-from-101-things/ の半分まで読みました💁 やっぱり建築と Web 開発の設計や考え方は本当によく似ている（メタファとして建築を使われたり，実際に建築に精通した巨人の理論や書籍を参考にした話も多いから）．発想・アイディア・思考法など，良く例えられるのも分かる．ということで，本記事のアイディアもまさにそうで，とても参考になるので是非読んでみてください❗ ではでは(=ﾟωﾟ)ﾉ 101 Things I learned in Architecture School Architecture designers space why to use whitespace Any architect knows something about everything. An engineer knows everything about one thing generalist Simplicity complexity informed simplicity See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
こちらもおすすめ
今出川FM
「今出川FM」は株式会社Helpfeelの今をお届けするPodcastです。アプリケーション開発や普段の暮らし、他業種間のコラボレーションや社内文化などに関する話題を中心に株式会社Helpfeelのメンバーがゆるくお話します。 ご意見ご要望などはTwitterのハッシュタグ #今出川FM でお寄せ頂ければと思います。また、株式会社Helpfeelではメンバーを積極採用中です。よろしくおねがいします。 https://corp.helpfeel.com/ja/recruit 書き起こしなどはこちらから: https://listen.style/p/imadegawafm?H9lMZivo
好きの寄り道ラジオ
ただただ好きなもの（スポーツ，ブランド，歴史，ゲーム，漫画，本，アート，音楽）またその選手や作者，キャラクター，ストーリー…etc について，不定期に熱く語りながら紹介する番組です！ #すきより
The Perfect Introvert
ソフトウェアエンジニアであるこじま(515hikaru)の音声日記です。いま興味があることをゆるりと話します。取り上げる話題はテックニュース、社会問題、仕事やキャリアなど。 https://listen.style/p/tak428k?u1H8Ko08 tak428k.substack.com
マーケターの仮説ラヂオ 〜身近なあれこれマーケティング視点で考えてみた〜
マーケターの仮説ラヂオは、若手マーケター 「きんちゃん」と「ごじら」が、世の中で話題になっていることや気になる疑問を話題に、主にマーケティング視点から『なぜ？』『どうなる？』の仮説を立てる台本なしのラジオ番組です。 テーマを様々な切り口で捉えながら、自分たちがその場で共感できる答えを探していく「言語化エンターテイメント」です。 毎週木曜日19時に更新。通勤・通学、家事、仕事中、くつろぎの時間など、さまざまなシーンでお楽しみいただけます。 【リスナーさんの声】 ・自分自身でも一緒に仮説を考えながら聴けて面白い ・トレンドを知るきっかけになる SNSで感想を投稿いただく際は「#仮説ラヂオ」でお願いします！ ・口コミ：https://note.com/kasetsu_radio/n/ne957dd972f5c ・YouTube：https://www.youtube.com/@kasetsu_radio ・linktree：https://linktr.ee/kasetsu_radio 【こんな番組を聴いている人におすすめ】 仮説ラヂオのリスナーさんは、以下のポッドキャスト番組も聴いているそうです！ - 霜降り明星のオールナイトニッポン - 歴史を面白く学ぶコテンラジオ - ゆる言語学ラジオ - 荻上チキ・Session〜発信型ニュース・プロジェクト
余談ですが.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 など色んなところで発信しております🎵 いつでもレター、ご質問等募集しております❗️いただけると望外の喜びです🤩よろしくお願いします💁♂️
台湾のアレコレ！高橋佳の海外起業家奮闘記【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