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.
Season -No.126 朝活「A Web Component Story, Incentives- The Most Powerful Force In The World」をダラダラ読む回
はい．第126回は A Web Component Story https://www.abeautifulsite.net/posts/a-web-component-story/ Incentives: The Most Powerful Force In The World https://collabfund.com/blog/incentives/ の２つを読みました💁 前者は Web Components に関する経験からのご意見で，今の JS フレームワークに完全依存するのではなく Web Components と組み合わせることで未来の変化に備えるのは良い心構えだと感じました！ 後者はタイトルに負けないくらいちょっと重めな記事ではありましたが，共感みもあり，考えさせられる記事だったなと思います． どちらも良い記事でしたのでぜひ皆さんも読んでみてくださいー❗ ではでは(=ﾟωﾟ)ﾉ AngularJS VanillaJS Web Components React Vue Vue2 Vue3 Svelte Solid design systems aren't cheap completely different version of the library UI primitives Incentives replied Daniel Kahneman the best story always wins storytellers El Chapo See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.125 朝活「Migrating millions of lines of code to TypeScript」をダラダラ読む回
はい．第125回は Migrating millions of lines of code to TypeScript https://stripe.com/blog/migrating-to-typescript を読みました💁 今回も Stripe さんのエンジニアブログを読ませていただきましたが，相変わらずエンジニアのレベルが高そう…そして読み応え抜群！今回は実に370万行を超える Flow ベースのコードを TypeScript に置き換えたそうで，サラッと書かれていましたが中の人はかなり大変だったと推察されます((((；ﾟДﾟ)))) きっちりテストも書いているし，移行計画にあたって関係各所としっかりコミュニケーションも取るのはさすがで，更にFlow から TypeScript への変換 codemod も公開されているのはとてもクールな対応ですね😆そのマインドも参考にしたいと思います！ ではでは(=ﾟωﾟ)ﾉ We’re sharing our TypeScript conversion tool on GitHub stripe.com Stripe JS the Stripe Dashboard Flow TypeScript JavaScript Airtable Zapier codemod planning preparation iteration arrow functions @ts-expect-error comment error suppressions Jest snapshot testing QA shared the story we’re sharing our TypeScript conversion code on GitHub See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.124 朝活「Figmaに聞く、500人超でも「全員がデザインにコミットする」組織のつくりかた：連載「クリエイティブ組織の要諦」第5回」をダラダラ読む回
はい．第124回は Figmaに聞く、500人超でも「全員がデザインにコミットする」組織のつくりかた：連載「クリエイティブ組織の要諦」第5回 https://designing.jp/creative-organization-figma を読みました💁 最近 Adobe 社に買収されたことで話題のデザインツール Figma を開発・運営している Figma 社の Chief Product Officer の山下氏のインタビュー記事ですが，重役の方のお言葉はとてもためになりますね〜！採用で聞く２つの質問が個人的には特に刺さりました．素晴らしすぎるお話でしたので，ぜひ皆さんも読んでみてくださいー！ ではでは(=ﾟωﾟ)ﾉ Figma クリエイティブ組織 組織デザイン コミュニティ デザインプロセス フィードバック Design Work In Progress プロブレムレビュー ソリューションレビュー 優先順位付け デザインとは問題解決 採用面接 interesting problem Problem solver ストーリーテリング力 リーダー ゴール設定 問いかけ アイデアはボトムアップで生み出されるもの 意思決定 徹底した可視化で「大企業化」を防ぐ ミドルマネジメント層の育成 会議の罠 非対称性 See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.123 朝活「続・リリースから5年、Web フロントエンドの経年劣化と向き合う」をダラダラ読む回
はい．第123回は前回に引き続き リリースから5年、Web フロントエンドの経年劣化と向き合う https://speakerdeck.com/keiya01/ririsukara5nian-webhurontoendonojing-nian-lie-hua-toxiang-kihe-u?slide=38 の後半を読んでいきました💁 いや〜，私も開発者だからこそ非常に共感を覚えますが，開発者体験（Developer Experience）は本当大事ですね！ここにしっかりフォーカスをしたカイゼンのお話は良い教訓としてありがたく情報をいただけました．ありがとうございます！全体通して良いスライドでしたので，ぜひ皆さんも見てみてくださいー！ ではでは(=ﾟωﾟ)ﾉ @shunke07 Developer Experience 開発体験 メンテナンスコスト 心理的安全性 開発ガイドライン TypeScript コードレビュー Storybook ビルド デプロイ webpack Jenkins GitHub Actions See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.122 朝活「リリースから5年、Web フロントエンドの経年劣化と向き合う」をダラダラ読む回
はい．第122回は リリースから5年、Web フロントエンドの経年劣化と向き合う https://speakerdeck.com/keiya01/ririsukara5nian-webhurontoendonojing-nian-lie-hua-toxiang-kihe-u の前半を読みました💁 どんな記事もそうですが，実際の知見や経験のお話は本当参考と学びになるのでとてもありがたいですね〜🙏今回もまさにそれで，知見の塊のような記事でした．自分が経験したことのないアーキテクチャでもあり，今後のプロジェクトの構成の一つの実績としてインプットさせていただきます！ ではでは(=ﾟωﾟ)ﾉ AmebaNews SPA MPA AMP React React Router Redux CDN(Fastly) SSR @_keiya01 express A/B Testing リファクタリング renderHTML See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.121 朝活「続・Vu2 Vue3 マイグレーション 令和最新 最強」をダラダラ読む回
はい．第121回は前回に引き続き Vu2 Vue3 マイグレーション 令和最新 最強 https://docs.google.com/presentation/d/e/2PACX-1vS1Drke3qV5WoYkpwk06FL3Zr0VZz7s4usDrJlM4AozNmxcfOM1xHCS9sxK1idD6O7v7vAKEy7NMVLv/pub?slide=id.g1480d809066_0_143 を読みました💁 ある意味本題の「破壊的変更」のお話がサラッと書かれていましたが，裏の努力とご苦労は計り知れないものがあることも言葉から感じられました…（本当にお疲れ様でした…！）全体通して本当に参考になるスライドでしたので，是非見てみてくださいー！ ではでは(=ﾟωﾟ)ﾉ Vue2 Vue3 マイグレーション 移行 破壊的変更点 v-model prop コンポーネント Web フロントエンド emits Option フォールスルー カスタムイベント Render Function API Attribute Coercion Behavior warning ブランチ script setup モチベーション defineProps 未使用変数 Reactivity Transform TailwindCSS コスト 合意形成 See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.120 「JSer.info， Vue2 Vue3 マイグレーション 令和最新 最強」をダラダラ読む回
はい．第120回は 2022-10-19のJS: Bun v0.2、Lerna v6、ECMAScript Decorator https://jser.info/2022/10/19/bun-v0.2-lerna-v6-ecmascript-decorator/ Vue2 Vue3 マイグレーション 令和最新 最強 https://docs.google.com/presentation/d/e/2PACX-1vS1Drke3qV5WoYkpwk06FL3Zr0VZz7s4usDrJlM4AozNmxcfOM1xHCS9sxK1idD6O7v7vAKEy7NMVLv/pub?slide=id.p を読みました💁 いやー，JSer.info は安定と信頼抜群ですねー．本当情報収集するならまっさきに見ちゃいますw いつもほんとうにありがとうございます！ 後者はかなり地道で大変なことをされている印象で，まだ半分ですが既にインパクトしかなったです…今後対応しないといけない方にも参考になると思います！ ではでは(=ﾟωﾟ)ﾉ JSer.info Release Bun v0.2.0 · oven-sh/bun Release v6.0.0 · lerna/lerna JavaScript metaprogramming with the 2022-03 decorators API storybook.js.org/blog/first-class-vite-support-in-storybook/ www.intl-explorer.com/ web.dev/patterns/ github.com/marcj/TypeRunner github.com/nachoaldamav/ultra Vue2 Vue3 マイグレーション STUDIO Vite VueFes2018 Pinia Vue 2.7 "Naruto" Released 移行 Composition Vuex VueRouter See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.119 朝活「なんでコンポーネントに副作用があんだよ！ 教えはどうなってんだ教えは！」をダラダラ読む回
はい．第119回は なんでコンポーネントに副作用があんだよ！ 教えはどうなってんだ教えは！ https://zenn.dev/uhyo/articles/react-use-rfc-2 を読みました💁 またまた uhyo さんの記事になりますが，前回の「最速攻略！React の`use` RFC」という記事の続編でもある本記事は uhyo さんのご考察がメインとなっており，個人的にはこちらの方が興味深く面白みもあり，また読み応えもありました．ぜひ皆さんも読んでみてくださいー！ ではでは(=ﾟωﾟ)ﾉ React use RFC コンポーネントの冪等性 Suspense Promise はデータ リソース イミュータブル 外部の責任境界 useMemo 非同期処理 React Server Components useState See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.
Season -No.118 朝活「続・React RFC- first class support for promise」をダラダラ読む
はい．第118回は引き続き use RFC https://github.com/acdlite/rfcs/blob/first-class-promises/text/0000-first-class-support-for-promises.md を読み切りました💁 今回で読み終わりましたが，つくづく学びが大きく，uhyo さんの React に対する理解と造詣の深さを改めて思い知らされました…uhyo さんやべぇよ…僕もしっかり React の今後の動向をおいつつ自分の考えを乗っけていきたいと思います！ ではでは(=ﾟωﾟ)ﾉ React RFC Server Components Cache RFC "usable" type it's allowed be called conditionally called conditionally microtask dance described in an earlier section companion RFC react hooks useContext See Privacy Policy at https://art19.com/privacy and California Privacy Notice at https://art19.com/privacy#do-not-sell-my-info.