こんにちは！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.67 朝活「終・Shipping to Production」をダラダラ読む回
はい．第67回は Shipping to Production https://blog.pragmaticengineer.com/shipping-to-production/ を最後まで読み切りました💁 実は前回収録し忘れて喋っており，こちらの記事の間が抜けております…申し訳ないです🙇 しかし素晴らしい記事でしたので，皆さんの方でも是非読んでみてくださいー❗ ではでは(=ﾟωﾟ)ﾉ team Taking pragmatic risks to move faster “risky” changes rollback plan Oncall stakeholders Inside Facebook’s Engineering Culture feedback Revert plans error budget the full article for subscribers SLIs (Service Level Indicators) SLOs (Service Level Objectives) CI / CD systems QA is your friend Accept you will ship bugs See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.66 朝活「カミナシ社の執行役員CTOに就任しました，Shipping to Production」をダラダラ読む回
はい．第66回は カミナシ社の執行役員 CTO に就任しました https://note.com/toricls/n/nf3d205c1777c Shipping to Production https://blog.pragmaticengineer.com/shipping-to-production/ の２つを読んでいきました💁 非常に読み応えがありかつ文章も素晴らしく，発信者としてとても参考にしたい記事でした❗（こういう言葉を使えばよいのかー）とても素晴らしいので皆さんも是非読んでみてくださいー❗ ではでは(=ﾟωﾟ)ﾉ @toricls 入社エントリ カミナシ 株式会社カミナシ CTO 執行役員 SaaS チームビルディング 技術的負債 現場ドリブン テックカンパニー YOLO shipping See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.65 朝活「Chrome 105 Beta: Custom Highlighting, Fetch Upload Streaming, and More」をダラダラ読む回
はい．第65回は Chrome 105 Beta: Custom Highlighting, Fetch Upload Streaming, and More https://blog.chromium.org/2022/08/chrome-105-beta-custom-highlighting.html を読みました💁 やっぱり読むと知ることが多く学びが深いなぁと感じます．Chrome Blog は定期的に読む価値は全然ありますね❗（今更） ではでは(=ﾟωﾟ)ﾉ Chrome 更新 Custom Highlight API Container Queries :has() Pseudo Class @container and :has(): two powerful new responsive APIs ChromeStatus.com Fetch Upload Streaming Streaming requests with the fetch API Window Controls Overlay for Installed Desktop Web Apps Origin Trials Chrome Origin Trials dashboard Other Features in this Release Deprecations, and Removals See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
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.
こちらもおすすめ
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
マーケターの仮説ラヂオ 〜身近なあれこれマーケティング視点で考えてみた〜
マーケターの仮説ラヂオは、若手マーケター 「きんちゃん」と「ごじら」が、世の中で話題になっていることや気になる疑問を話題に、主にマーケティング視点から『なぜ？』『どうなる？』の仮説を立てる台本なしのラジオ番組です。 テーマを様々な切り口で捉えながら、自分たちがその場で共感できる答えを探していく「言語化エンターテイメント」です。 毎週木曜日19時に更新。通勤・通学、家事、仕事中、くつろぎの時間など、さまざまなシーンでお楽しみいただけます。 【リスナーさんの声】 ・自分自身でも一緒に仮説を考えながら聴けて面白い ・トレンドを知るきっかけになる SNSで感想を投稿いただく際は「#仮説ラヂオ」でお願いします！ ・口コミ：https://note.com/kasetsu_radio/n/ne957dd972f5c ・YouTube：https://www.youtube.com/@kasetsu_radio ・linktree：https://linktr.ee/kasetsu_radio 【こんな番組を聴いている人におすすめ】 仮説ラヂオのリスナーさんは、以下のポッドキャスト番組も聴いているそうです！ - 霜降り明星のオールナイトニッポン - 歴史を面白く学ぶコテンラジオ - ゆる言語学ラジオ - 荻上チキ・Session〜発信型ニュース・プロジェクト
台湾のアレコレ！高橋佳の海外起業家奮闘記【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
好きの寄り道ラジオ
ただただ好きなもの（スポーツ，ブランド，歴史，ゲーム，漫画，本，アート，音楽）またその選手や作者，キャラクター，ストーリー…etc について，不定期に熱く語りながら紹介する番組です！ #すきより
Keethの声日記
日々の日記を声でやってみるチャンネルです．
今出川FM
「今出川FM」は株式会社Helpfeelの今をお届けするPodcastです。アプリケーション開発や普段の暮らし、他業種間のコラボレーションや社内文化などに関する話題を中心に株式会社Helpfeelのメンバーがゆるくお話します。 ご意見ご要望などはTwitterのハッシュタグ #今出川FM でお寄せ頂ければと思います。また、株式会社Helpfeelではメンバーを積極採用中です。よろしくおねがいします。 https://corp.helpfeel.com/ja/recruit 書き起こしなどはこちらから: https://listen.style/p/imadegawafm?H9lMZivo