こんにちは！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.107 朝活「Quality Is Systemic，Brainstorms suck. Jump to heading, How to Work With Design Constraints」をダラダラ読む回
はい．第107回は Quality Is Systemic https://jacobian.org/2022/sep/9/quality-is-systemic/ Brainstorms suck https://newsletters.feedbinusercontent.com/515/515974fd5aef6111a2afb12f840ef6dc4036142f.html How to Work With Design Constraints https://jarango.com/2022/09/09/how-to-work-with-design-constraints/ の３つの記事を読みました💁 いずれの記事も短くサクッと読める感じでしたので，３つも読んだんですが時間はかなり短く終わってしまいました．それでも学びがあり参考になりましたので，ぜひ皆さんも読んでみてくださいー❗ ではでは(=ﾟωﾟ)ﾉ Quality Software system designed psychological safety reviewed blamelessly Red Bead Experiment engineer test brainstorms like a group of rational cynics with low motivation (you can learn more here) First speaker syndrome is real! Sketch. In fact, run a sketchstorm instead of a brainstorm IDEO No critique Alex Osborn Design Constraints Apple iPod When life gives you lemons, make lemonade See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.106 朝活「Christopher Alexander- The father of pattern language，データフロープログラミング」をダラダラ読む回
はい．第106回は Christopher Alexander: The father of pattern language https://www.designsystems.com/christopher-alexander-the-father-of-pattern-language/ データフロープログラミング https://ja.wikipedia.org/wiki/%E3%83%87%E3%83%BC%E3%82%BF%E3%83%95%E3%83%AD%E3%83%BC%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0 を読みました💁 偉大な建築家でありデザイン理論家であるアレグサンダーさんに関する記事はどれも刺激を貰えますね〜．本家の記事や執筆物も読んでみたいなとあらためて強く感じました．後者は自分が知らなかったワードでしたのでとても勉強になりました． ではでは(=ﾟωﾟ)ﾉ Christopher Alexander ”quality without a name” pattern application Object-Oriented Programming Kent Beck Ward Cunningham Modern design pattern application designers データフロープログラミング データフロー 命令型プログラミング プログラミングパラダイム 状態 並列処理 マルチプロセッシング トークン・データフローアーキテクチャ See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.105 朝活「続・才能が集まる会社・逃げる会社」をダラダラ読む回
はい．第105回は順番が前後してしまいましたが， 才能が集まる会社・逃げる会社 https://note.com/nagam/n/n1251f2da1335 の後半を読みました💁 前回に引き続き，後半の10個の項目も納得と共感，そして学びが多かったなと思います．是非読んでみてください❗ ではでは(=ﾟωﾟ)ﾉ チームの役割 野心的な目標 意義 方針 適切なメンバー数 2 pizza team アサインメント 権限設計 推進システム マネージャー 進捗の可視化・情報共有・報告・議論・意思決定 組織論 モメンタム チームビルディング 事実の記録と評価 マネジメント業務 ベンチャー See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.104 朝活「【Web3対談#01 CryptoBarP2P×KawaiiGirlNFT】フィジカル世界におけるクリプトの可能性」をダラダラ読む回
はい．第104回は 【Web3対談#01 CryptoBarP2P×KawaiiGirlNFT】フィジカル世界におけるクリプトの可能性 https://seleck.cc/1551 を読みました💁 Web3 のコミュニティ周りのお話ってたしかにまだあまり聞いたことがなかったのでとても貴重な記事だったなと思います❗面白かったので皆さんもどうぞ❗ ではでは(=ﾟωﾟ)ﾉ Web3 NFT コミュニティ 対談 CryptoBar P2P BBB さん KawaiiGirlNFT Ame-chan さん ビットコイン なっちゃん さん クリプト Tommy さん Gumi-chan さん NEO TOKYO PUNKS ジェネラティブNFT トークングラフ ノンカストディアルウォレット フィジカル NFT ART TOKYO KawaiiFriendsNFT Web3Girls See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.103 朝活「アプリチュートリアルの体験設計の重要性について，才能が集まる会社・逃げる会社」をダラダラ読む回
はい．第103回は アプリチュートリアルの体験設計の重要性について https://www.i3design.jp/in-pocket/8933 才能が集まる会社・逃げる会社 https://note.com/nagam/n/n1251f2da1335 を読みました💁 前者は特に新しい発見はないですが，今まで暗黙知になっていたものをしっかりカテゴライズ・言語化されていてひたすら「確かに」と思って読んでいましたw 後者は学びだらけ．経産省のデータとご自身の経験をベースに論が展開されており，とても参考になりました❗ありがとうございます．とても素晴らしい記事ですので皆さんも是非読んでみてくださいー． ではでは(=ﾟωﾟ)ﾉ チュートリアル UXUI 体験設計 ツアー/ウォークスルー ツールチップ コーチマーク 画面の一部にチュートリアルを表示 エンプティステート アニメーション 成果物 要点を極力絞る 才能 スタートアップ ベンチャー マネジメント 長村禎庸@EVeM 資材 資本 投資 生産年齢人口 経済産業省 人材競争力 国際競争力 有形資産 無形資産 ESG（Education, Social, Governance） 人的資本経営 イノベーション 成長実感 ロイヤリティ リファラル See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.102 朝活「フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発」をダラダラ読む回
はい．第102回は フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発 https://speakerdeck.com/naoya/typescript-niyoru-graphql-batukuendokai-fa を読みました💁 さすがは伊藤直也さんと言ったところで，設計に関する非常に興味深くまた参考になるスライドで，これは当日のトークそのものを聴きたかった…！と強く感じました．自分が設計について弱いということもあり，引用されていた書籍だったりワードがわからないことだらけでもあったので，しっかり勉強したいと思います❗ ではでは(=ﾟωﾟ)ﾉ フロントエンド バックエンド TypeScript GraphQL 設計 パラダイム 歴史 jQuery Vue.js/Nuxt React 技術的関心事 新規プロダクト チーム 宣言型プログラミング Elmアーキテクチャ ランタイム 状態遷移 フレームワーク Redux Recoil グローバルステート ローカルステート ドメインモデル イベント インターフェース オニオンアーキテクチャ ワークフロー データフロープログラミング See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.101 朝活「続・Tailwind考，Tailwind の命名を先送りできる嬉しさ」をダラダラ読む回
はい．第101回は前回に引き続き Tailwind考 https://blog.uhy.ooo/entry/2022-10-01/tailwind/ と Tailwind の命名を先送りできる嬉しさ https://zenn.dev/yahsan2/articles/c899978c83243c の２つの記事を読んでいきました💁 どちらの記事もとても示唆に富んでおり，後者の記事も共感する部分多く，ためになりました❗あえての先送りのメリットって意外とおおいんですね〜．ぜひ皆さんも読んでみてくださいー． ではでは(=ﾟωﾟ)ﾉ Tailwind 本質 注意点 クラス名 プログラマ デザイナー デザインシステム ユーティリティファースト UI フレームワーク tailwind.config.js 許可リスト 拒否リスト コンポーネント リンター CSS プロジェクト ユースケース 命名 インラインスタイル Vanilla-extract エンジニアリング マークアップ 先送り コンポーネント分割 構造化 レイアウト 命名の無駄 HTML See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.100 朝活「Tailwind考」をダラダラ読む回
はい．記念すべき第100回は Tailwind考 https://blog.uhy.ooo/entry/2022-10-01/tailwind/ 有名なフロントエンドエンジニアの uhyo さんご執筆の記事を読んで行きました💁 さすがの一言で，深い考察のご意見・ご感想は大変に参考になりました．皆さんもぜひ読んでみてくださいー❗ ではでは(=ﾟωﾟ)ﾉ TailwindCSS デザインシステム コンポーネント スタイリング 命名 デザイナー プロジェクト CSSフレームワーク 公式サイト ユーティリティファースト メタフレームワーク 学習コスト Tailwind開発者による記事「CSS Utility Classes and "Separation of Concerns"」 バンドルサイズ・ポータビリティ JavaScript UIフレームワーク vanilla-extract インラインスタイル styled-components emotion See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.99 朝活「続・Vue vs.React - Which One to Choose in 2022」をダラダラ読む回
はい．第99回は前回の続きで， Vue vs.React - Which One to Choose in 2022 https://brocoders.com/blog/vue-vs-react/ を読了しました💁 前回もそうでしたが，一歩深いところまで考察記事ですので，とても示唆に富んでおり，学びもたくさんありましたので，ぜひ皆さんも読んでみてくださいー😆 ではでは(=ﾟωﾟ)ﾉ Vue React comparison databinding documentation Angular Data Flow industry comparison Early-stage startups Large community Light-weight architecture Extensibility Scalability Product-based companies Elegant language syntax Well-structured code Top 10 companies See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.98 朝活「Vue vs.React - Which One to Choose in 2022」をダラダラ読む回
はい．第98回はみんな大好き比較記事 Vue vs. React — Which One To Choose in 2022? https://brocoders.com/blog/vue-vs-react/ の前半までを読んでいきました💁 いやー，今回は参加者が多く皆さん本当この手の記事好きなんだなーと改めて実感しましたw もちろん私もその一人ですがw しかし，この筆者の方の考察は一歩深いところまで踏み込んでの考察でしたのでとても参考になりました．ぜひ読んでみてください❗ ではでは(=ﾟωﾟ)ﾉ Vue React comparison JSX Browser DOM Stackshare episodes HTML templates component SFC Virtual DOM Evan You "A Closer Look at React Fiber," side-effects See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.97 朝活「IT Media エンタープライズ」の記事をいくつかダラダラ読む回
はい．第97回は趣向を変えて ITmedia エンタープライズ https://www.itmedia.co.jp/enterprise/ から，以下の２記事を読みました💁 ついに日本でも本格化する業界別Azureのクラウド‐エッジ実践 大規模事例2選 https://www.itmedia.co.jp/enterprise/articles/2208/23/news022.html iOS 16にアップデートすべきか 強化されたセキュリティ機能を知る https://www.itmedia.co.jp/enterprise/articles/2209/27/news048.html ちゃんとニュース記事だということもあり，この朝回にマッチしているなーと感じましたし，しっかりビジネス観点の知識が得られてとても良い体験だなと感じました．定期的に読んでいきたいと思います❗ ではでは(=ﾟωﾟ)ﾉ Microsoft Azure クラウド エッジ 戦略 インダストリー領域 ロボット AI（人工知能） TX SCARA コンビニ Telexistence Robot as s Service GORDON iOS16 セキュリティ パスキー 秘密鍵暗号 共通鍵暗号 ロックダウンモード See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.96 朝活「The Front-End Operations Engineer」をダラダラ読む回
はい．第96回は The Front-End Operations Engineer https://www.smashingmagazine.com/2013/06/front-end-ops/ を読みました💁 ではでは(=ﾟωﾟ)ﾉ Front-end Engineer Front-end Ops Deploying JavaScript Applications bridge HTTP requests Builds And Deployment CSS JavaScript version See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.95 朝活「The webis a harsh manager」をダラダラ読む回
はい．第95回は The web is a harsh manager https://daverupert.com/2022/08/web-is-a-harsh-manager/ という記事を読みました💁 主にフロントエンドの開発現場のマネジメントに関する考察記事ですが，以下にフロントエンドが複雑かつ考慮することや責務が多いのかがよくまとまっていて，とても参考になると思います！ぜひご一読ください． ではでは(=ﾟωﾟ)ﾉ Front-end management How to think like a Front-End Developer The Great Divide Brad Frost Chris Coyier front of the front back of the front Design Engineering Design Engineering Handbook Front-end Ops Render Optimization Engineer Level 6 See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.94 技術を学ぶには人生の時間が足りない
はい．第94回は，タイトルにあるように Web の新しい技術を学ぼうとすると，どうしても人生の時間が短すぎる！という誰しも一度は通るであろう道のお話をしましたw 放送内でもお話していますが，栄枯盛衰が本当に激しくまたユーザーの需要や表現も複雑化の一途をたどっており，よりテクニカルなことが現場では求められるようになり，それを解決できる技術もどんどん産まれてきます．それをキャッチアップするのは本当大変ですよね💦 何か上手いこと学びを効率化しているとか，これしか学ばない！みたいな案がある方，是非是非コメントお待ちしておりますー😆 ではでは(=ﾟωﾟ)ﾉ Web 勉強 技術 テックリード キャッチアップ 技術調査 See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.93 朝活「Energy-Generative Art- A New Way of Creating from the Bottom-Up」をダラダラ読む回
はい．第93回は Energy-Generative Art: A New Way of Creating from the Bottom-Up https://medium.com/hacash-diamonds/energy-generative-art-a-new-way-of-creating-from-the-bottom-up-c989b278f14d を読みました💁 私が以前から興味があり実際に手を動かしている Generative Art に関する記事になりまして，とても興味深く読まさせていただきました❗軽く歴史も勉強になり，現代の Generative Art の一つである「Hacash Diamond」というものも知れてとてもおもしろく，創作意欲も増しました😆ぜひ皆さんも Generative Art の世界を覗いてみてください〜❗ ではでは(=ﾟωﾟ)ﾉ Generative Art Herbert Franke 9 Analogue Graphics Vera Molnár Frieder Nake Paul Klee Bitcoin Satoshi Nakamoto NFT Art Energy-Generative Art Ethereum CryptoPunk Beeple proof-of-work Hacash Diamond Hacash white paper six-letter words PoWNFT Energy-Generative Abstract Art NFT mainstream See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.92 朝活「The False Trade-off Between Quality and Speed」をダラダラ読む回
はい．第92回は The False Trade-off Between Quality and Speed https://maruz.medium.com/the-false-trade-off-between-quality-and-speed-7f0f9e93fdd を読みました💁 結論は予想通りどちらか一方を求めるのではなく，両者はお互いに関わり合っているため，ともに追っていくものです．それをしっかり言語化しまとめたものが本記事になります．とても読み応えありますので，皆さんも是非！ ではでは(=ﾟωﾟ)ﾉ Trade-off Quality Speed Vincent Déniel struggle Tradable Quality Hypothesis Martin Fowler Design Stamina Hypothesis culture of ownership Sustained Velocity See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.91 朝活「WebKit Features in Safari 16.0」をダラダラ読む回
はい．第91回は WebKit Features in Safari 16.0 https://webkit.org/blog/13152/webkit-features-in-safari-16-0/ を読みました💁 以前の朝活でも Safari 16 Beta という記事を読みましたが，今回はその式な更新のブログになります．いや〜，内容としてはそれほど新しいものはなかったですが，それでも改めて読んでもワクワクする更新記事で，メインブラウザを Safari に置き換えたいくらい，我々 Web Developer には熱い進化を遂げたと感じます❗是非も皆さんも読んでみてくださいー😆 ではでは(=ﾟωﾟ)ﾉ Webkit Safari 16 AVIF Alliance for Open Media resolution media query text-align-last Using :has() as a CSS Parent Selector and much more passkeys increase in security WebAuthn FIDO Alliance support in browsers Meet Passkeys Apple Pay WKWebView Web Inspector Extensions Create Safari Web Inspector Extensions What’s new in Safari Web Extensions Container Queries container query units size queries Subgrid Grid Inspector Alignment Editor CSS Offset Path Accessibility composite Overscroll Behavior Shared Workers @webkit Safari Technology Preview Safari 16 Release Notes See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.90 朝活「Next.js 12.3, Layout RFC」をダラダラ読む回
はい．第90回は Next.js 12.3 https://nextjs.org/blog/next-12-3 Layouts RFC https://nextjs.org/blog/layouts-rfc の２つを読んでいきました💁 フロントエンドのモダンでかつ多機能で，エコシステムも充実している React のラッパーフレームワーク Next.js の更新ブログです．今回も良い機能や改良が加わってましたね❗より開発者が喜ぶような物が入っていましたので，皆さんも是非確認してみてください❗ ではでは(=ﾟωﾟ)ﾉ @nextjs Next.js Conf Claim your free ticket TypeScript Auto-Install TypeScript Fast Refresh Next.js 12.2 next/future/image component (Stable) Remote Patterns (Stable) Disable Image Optimization (Stable) SWC Minifier (Stable) Next.js Compiler New Router and Layouts Update different RFC Global CSS Imports New documentation accessibility integrated ESLint support dark mode polyfilling Node.js APIs React Server 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.89 朝活「New Recipes for 3rd Party Cookies」をダラダラ読む回
はい．第89回は New Recipes for 3rd Party Cookies https://textslashplain.com/2022/07/27/new-recipes-for-cookies/ を読みました💁 以前にもサードパーティクッキーの記事を読みましたが，それに付随した（と私には感じている）記事だったなと思います．今回で新たに知った知識もあり，勉強になりました．ありがとうございます❗皆さんも是非読んでみてくださいー． ではでは(=ﾟωﾟ)ﾉ Cookies late 2023 the second half of 2024 3rd-party cookies eTLD+1 cross-site trivially bypassed SameSite=Lax by default controls cross-origin CHIPS proposal SameSite=none Storage Access API support major The First Party Sets proposal FedCM API Federated Credential Management API First-Party-Sets cookie-like storages HTTPOnly blunt the impact TLS Token Binding steals Token-bound cookie data TPM privacy sandbox See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.88 朝活「The UX Design Process- Making the Most of User Experience」をダラダラ読む回
はい．第88回は The UX Design Process: Making the Most of User Experiences https://baymard.com/learn/ux-design-process を読みました💁 フロントエンドエンジニアの我々ですら，普段そこまで強く意識することはない UX に関する記事でしたが，色々気付きや思うところがあり，読み応えある記事でした．このあたりを理解し，UX/UI デザイナーさんとの連携は常に強くしておきたいところですね❗ ではでは(=ﾟωﾟ)ﾉ User experience (UX) e-commerce UX UX best practices User Research Usability testing User interviews and surveys Card sorting Benchmark testing Analyze the Data User Personas User Journey Maps Design Sketching Wireframing Prototype website usability design specifications UX Design Systems The Validation Stage (User Testing) live usability testing UX and UI UX audit e-commerce user experience research See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
こちらもおすすめ
The Perfect Introvert
ソフトウェアエンジニアであるこじま(515hikaru)の音声日記です。いま興味があることをゆるりと話します。取り上げる話題はテックニュース、社会問題、仕事やキャリアなど。 https://listen.style/p/tak428k?u1H8Ko08 tak428k.substack.com
はやつ〜の一言つぶやき
ツイッターのつぶやきの声版のようなイメージで考えています。短くて1秒〜長くて40秒以内ぐらい、かなぁ
Recalog
Recalogは一週間にあったニュースや記事からkokorokagamiとtoudenがピックアップして話す番組です https://listen.style/p/recalog?bqOBxHVT
Qiita FM-エンジニアのキャリアを深掘り-
『Qiita FM』では日本で活躍するエンジニアをゲストに迎え、キャリアやモチベーションの話を深堀りしながら、エンジニアの皆さんに役立つ話題を発信していきます。 ゲストのエンジニアの方への質問募集中！質問フォームはこちらhttps://forms.gle/tv1AXHRJQUEsykzB8ホストは日本最大級のエンジニアコミュニティ「Qiita」プロダクトマネージャーの清野隼史。Twitterハッシュタグは「#QiitaFM」毎週火曜日、朝6時、最新話更新●エンジニアに関する知識を記録・共有するためのサービス「Qiita」https://qiita.com/●社内向け情報共有サービス「Qiita Team」https://teams.qiita.com/
群読のある夜
夜の帳がおりる頃、 しじまにまたたく星のささやき。 光年の孤独の叫びを、夜風が柔らかく溶かす。 今宵 ひっそりと夜ふかし。 各プラットフォームで配信しております。 ◆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
エンジニアトーク「ROLE MODEL」
ROLE MODEL（ロールモデル）は、エンジニアのサクセスストーリーを届けるポッドキャストです。各エピソードで実績のあるエンジニアをお招きし、その仕事を徹底的に掘り下げて、キャリア形成に役立つ情報を配信していきます。 番組の感想・リクエストはこちらから: https://pitpa.jp