1月15日~1月21日に読んだ技術記事

Posted date at 2024-01-08

インプット

MDNでHTMLを体系的に学んでみた備忘録

https://zenn.dev/monicle/articles/0abd77f1f60052

timeタグ、機械可読な日時を示すことができ、記事系の更新日時はtimeタグの方がよさそう

TypeScript(Next.js)のCIをGitHub Actionsで構築してみる! https://qiita.com/Senritsu420/items/f51a7eff81a8c1372302

ESLintとDockleによる脆弱性検査

Mapped Types

https://typescriptbook.jp/reference/type-reuse/mapped-types

Mapped Typesは主にユニオン型と組み合わせて使用する。

// システムがサポートする言語を定義 type SystemSupportLanguage = "en" | "fr" | "it" | "es"; // インデックス型と同じようにキーの制約として使用する type Butterfly = { [key in SystemSupportLanguage]: string; }; // 次のようにButterflyを定義するとシステムがサポートしない言語をはじくことができる。(de) const butterflies: Butterfly = { en: "Butterfly", fr: "Papillon", it: "Farfalla", es: "Mariposa", de: "Schmetterling", };

Mapped Typesには追加のプロパティは書けない。もし追加するなら、追加分をオブジェクトの型として定義したのち、Mapped Typesとインターセクション型をなす。

actions/artifacts@v4アツい、CIの話題多め、おまけあり|Productivity Weekly(2023-12-20号)

https://zenn.dev/cybozu_ept/articles/productivity-weekly-20231220

Github Actions のV4でパフォーマンスが大幅改善

ただし互換性がなくなっている

自作した時間割アプリが大学の公式アプリに採用された話

https://qiita.com/koheisato/items/7f2e604233372af35b41

【TypeScript】非同期処理の良さを図解で日常生活に例えて解説する https://qiita.com/yuto_h9m8/items/2da25fb86c5c906e7638

掃除と炊飯で例えている。

完全未経験が半年で個人サービスをリリースした話

https://qiita.com/3y9Mz/items/a6cfb2fba87058f02b83

SAPとDOPを同じ月にとっている。えぐい

バッチ用のLambdaがPrivateサブネットにある。

インフラ・フロントの分野で未経験に負けている。。。?

今までの3年間の努力不足を突き付けられる感覚。

メモリの使い方の理解はプログラマのたしなみ…??😰 https://qiita.com/takutaku_hiro/items/e33139284ff7b2d82c3e

退職ツイートした時の反応と感想をまとめてみた

https://qiita.com/newta/items/bc97ec9c668e4a13e4a2

結構面談をもらえる

個人開発が失敗に終わった3つの理由

https://zenn.dev/statstat/articles/b617aec7ada4b3

継続的な集客導線を考えなかったこと

時間をかけすぎない。サクッと開発してスクラップ&ビルドする

良いコメントが良い設計を導く

https://zenn.dev/smartshopping/articles/577cf6f660fe55

コード事体から読み取れない内容を残す

メソッドの利用者がそのメソッドの実装詳細を読まないといけない状態は時間を無駄にしていて抽象化に失敗している

React Developer Roadmap 2024 を眺める

https://zenn.dev/kazukix/articles/react-developer-roadmap

Zennサイトの角丸チューニングによるユーザー体験向上とCSS変数の整理

https://zenn.dev/team_zenn/articles/29ee5ca6202ffd

角丸は「インタラクト可能」を表す意味がある。

CSS変数で角丸を調整

リリース頻度を毎週から毎日にしてみた

https://engineers.ntt.com/entry/2024/01/19/094639

Playwrightのテスト(assertion)をノーコードで作成する

https://zenn.dev/collabostyle/articles/482bb93bf3bd89

Playwriteはテストが生成できる。

画面操作から作成可能。

もうjsなんていらない!世界で流行っているHTMXについてまとめてみた

https://qiita.com/twrcd1227/items/7bce18167fb02ec22729

HTMXは、JavaScript を記述せずに、Ajax通信や高度なUXを実現できるライブラリ

世界的には人気だが、日本では盛り上がりがない

←ホームに戻る