こんにちは！Keeth こと桑原です。この番組では、Web 業界で働くテックリード，技術広報，EM見習い，ジェネラティブアーティストをしている人間が，日々の学びや気付き，感じたことをお話ししています💁♂
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.71 エンジニアは休日も勉強すべきか？という議論について
はい．第71回は少し前に話題になった「強いエンジニアは休日も勉強すべきか？（多少の文言の違いはある）」というテーマについて話しました💁 いくつかこのテーマについて書かれたブログがあり，それが我々エンジニアに刺さったのですが，おそらく大元の記事は以下だと思います． 「強いエンジニアは結局休日に勉強してるじゃん」って思うけど https://rabspice.hatenablog.com/entry/2022/03/28/000158 またこちらの記事に関するアンサーブログ（と個人的には感じている）記事も書かれており，こちらがあることで加速した印象があります． 休日でもつよつよエンジニアは勉強してる。勉強しないと不安が止まらない病を倒すために必要なこと⚔️ https://zenn.dev/hagakun_dev/articles/2b40cacdf557dd 色んなご意見やブログがありますが，私もこの議論に乗っかろうと思い今回収録してみました．参考になれば幸いです． ではでは(=ﾟωﾟ)ﾉ エンジニア 勉強 休日 何がしたいか 技術 モチベーション 何のため 必要性 つよつよ 習慣 See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.70. 朝活「Reading Better: Retaining and Applying What You Read, デジタル庁活動報告書」をダラダラ読む回
はい．第70回は Reading Better: Retaining and Applying What You Read https://fs.blog/reading/ デジタル庁活動報告書 https://www.digital.go.jp/assets/contents/node/basic_page/field_ref_resources/f9c3d7af-4744-433e-a962-adf58e28b22e/e3b518eb/AnnualReport20220901.pdf の２つを読んでいきました💁 前者は前回の続きからで読了しましたが，読書に関して良い tips をいただけたので大感謝です❗ 後者はタイトルが全てですが，この１年間の動きに関して良い感じのレポートが作成されておりましたので早速読んでみましたが，読みきれなかったので次回に続きます． ではでは(=ﾟωﾟ)ﾉ Reading tips Taking Notes Blank Sheet Conventional Notes write in the margins simple process to take notes while reading Feynman Technique turning the experience of reading into knowledge デジタル庁 総括 改革 サービス提供 インフラ整備 See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.69 朝活「The impact of removing jQuery on our web performance, Reading Better: Retaining and Applying What You Read」をダラダラ読む回
はい．第69回は The impact of removing jQuery on our web performance https://insidegovuk.blog.gov.uk/2022/08/15/the-impact-of-removing-jquery-on-our-web-performance/ Reading Better: Retaining and Applying What You Read https://fs.blog/reading/ の２つを読んでいきました💁 前者は前回読んだ GOV.UK のサイトから jQuery を引っ剥がしたときの記事の続き的なもので，どういうインパクトがあったのかについて言及したものになりますが，予想の域を下回る数字でしたが，全体で200以上のスクリプトファイルということを加味すると実態としては大きかったのではないかと予想できます😆 後者は読書に関するブログで特別技術に関するものや技術書の読み方的なものではなく，一般的な書籍の読書に関する tips 的なものですが，やはりこちらはこちらで学びがあるので是非読んでみてくださいー❗ ではでは(=ﾟωﾟ)ﾉ render-blocking jQuery Ofcom estimated 2 million households were "experiencing affordability issues with either their fixed broadband and/or smartphone" Real User Monitoring (RUM) data GOV.UK performance wider web performance community monitoring Reading Quit Books Start books quickly and give them up easily Levels of Reading The Levels of Reading Entertain, Inform, Understand, Master Speed Reading Choose Great Books See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.68 朝活「How and Why removed jQuery from GOV.UK，プログラミング的ゾンビとプログラミングの学習について」をダラダラ読む回
はい．第68回は How and why we removed jQuery from GOV.UK https://insidegovuk.blog.gov.uk/2022/08/11/how-and-why-we-removed-jquery-from-gov-uk/ プログラミング的ゾンビとプログラミングの学習について https://zenn.dev/nobkz/articles/31447a77d852a95f5dbc の２つを読みました💁 どちらも素晴らしい記事で，前者はGooDな成功事例かつ国レベルにおける内容でありとても励みになりました❗また後者はとても興味深いポエムが書かれており，自分も考えて言語化したい事が書かれていました❗ぜひ皆さんも読んでみてください❗ ではでは(=ﾟωﾟ)ﾉ UK jQuery How and Why The scale of the problem performance GOV.UK developers frontend documentation on how to remove jQuery our COVID-19 work The final push security risks https://togetter.com/li/1610041 数学的ゾンビ プログラミング コード 問題 理解 創造 アイディア 構築主義 See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
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.
こちらもおすすめ
おふとんの中から声月記を呟く
お布団の中から寝ぼけながらボソボソと声月記のようなことをつぶやいている人がいます。
好きの寄り道ラジオ
ただただ好きなもの（スポーツ，ブランド，歴史，ゲーム，漫画，本，アート，音楽）またその選手や作者，キャラクター，ストーリー…etc について，不定期に熱く語りながら紹介する番組です！ #すきより
群読のある夜
夜の帳がおりる頃、 しじまにまたたく星のささやき。 光年の孤独の叫びを、夜風が柔らかく溶かす。 今宵 ひっそりと夜ふかし。 各プラットフォームで配信しております。 ◆YouTube https://www.youtube.com/channel/UCLrturRn3TFjrPSsB1NJX3Q ◆LISTEN https://listen.style/p/gunyoru?BWXjj4Zu ◆Amazon https://music.amazon.co.jp/podcasts/64ee6bb1-5cc9-4272-8fae-2502d78f8e73/%E7%BE%A4%E8%AA%AD%E3%81%AE%E3%81%82%E3%82%8B%E5%A4%9C ◆Spotify https://open.spotify.com/show/0ufW2bJTv6J40CgtvMcqGl
余談ですが.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 など色んなところで発信しております🎵 いつでもレター、ご質問等募集しております❗️いただけると望外の喜びです🤩よろしくお願いします💁♂️
The Perfect Introvert
ソフトウェアエンジニアであるこじま(515hikaru)の音声日記です。いま興味があることをゆるりと話します。取り上げる話題はテックニュース、社会問題、仕事やキャリアなど。 https://listen.style/p/tak428k?u1H8Ko08 tak428k.substack.com
はやつ〜の一言つぶやき
ツイッターのつぶやきの声版のようなイメージで考えています。短くて1秒〜長くて40秒以内ぐらい、かなぁ