2022年末のブックマーク整理

December 30, 2022

私は、あとでまた読み返したいような記事に出会ったとき、とりあえずブックマークに突っ込んでおいたり、タブを開きっぱなしにしておいたりします。

特に、隙間時間にスマホで読んだものの、時間を置いてもう一度しっかり読み直したいからタブを開いたままにする、というのが多いです。そんなこんなでタブの数が 100 個以上になったこともありました。

定期的にクリーンアップするタイミングを設けてはいますが、再再読したかったり、将来なにかの機会に参考にしたいから開きっぱなしにしておこう、となる記事もたまにあります。

そんな生存期間の非常に長い記事たちの数も増えてきてしまいました。どこかで区切りをつけて片付けなければいけませんので、このタイミングでブックマーク・タブからは削除しておきつつ、そんな記事たちをここに記録しておきます。

こうして見ると、アーキテクチャ関連の記事がかなり多いですね。

1. アーキテクチャ：アプリケーションレベル #

DDD #

• パターンからわかりやすく入門するドメイン駆動設計（DDD）｜研修コースに参加してみた
  • https://www.seplus.jp/dokushuzemi/blog/2022/06/get_started_ddd_patterns.html
• DDD を実践するための手引き（リポジトリパターン編）
  • https://zenn.dev/kohii/articles/e4f325ed011db8
• CQRS+ES(再)入門 - Speaker Deck
  • https://speakerdeck.com/j5ik2o/cqrs-plus-es-zai-ru-men
• 集約の設計と実装 - Speaker Deck
  • https://speakerdeck.com/j5ik2o/ji-yue-falseshe-ji-toshi-zhuang
• little-hands/ddd-q-and-a: DDD 質問箱 回答記録
  • https://github.com/little-hands/ddd-q-and-a

クリーン／オニオン／レイヤードアーキテクチャ #

• Clean Architecture で実装するときに知っておきたかったこと - Carpe Diem
  • https://christina04.hatenablog.com/entry/go-clean-architecture
• 5 年間 Laravel を使って辿り着いた，全然頑張らない「なんちゃってクリーンアーキテクチャ」という落としどころ
  • https://zenn.dev/mpyw/articles/ce7d09eb6d8117

MVVM #

• 実況中継シリーズ Vue.js で実現する MVVM パターン Flux アーキテクチャとの距離 - Re.Ra.Ku アドベントカレンダー day 13 - Re.Ra.Ku tech blog
  • https://techblog.reraku.co.jp/entry/2016/12/13/080000
• これはなに？ | NekogataDrumSequencer
  • https://shinpeim.github.io/NekogataDrumSequencer/
• MVVM の Model にまつわる誤解 - the sea of fertility
  • https://ugaya40.hateblo.jp/entry/model-mistake
• 【Android】2020 年からの MVVM【実践】 - Qiita
  • https://qiita.com/sdkei/items/a48ae24536562ed000b3

MVC #

• DHH はどのように Rails のコントローラを書くのか
  • https://postd.cc/how-dhh-organizes-his-rails-controllers/
• 1 コントローラー 1 アクション - Qiita
  • https://qiita.com/kawax/items/1e795d162374cf6b0cfa

React #

• React で作る中規模 SPA のレイヤードアーキテクチャ - GiXo Ltd.
  • https://www.gixo.jp/blog/16133/
• 2020 年に立ち上げた Web フロントエンド構成の振り返り - Zenn
  • https://zenn.dev/yoshiko/articles/32371c83e68cbe
• Angular/React 両方を経験して得られた堅牢なアプリケーション設計 - DEV Community
  • https://dev.to/puku0x/angular-react-2h4j

Flutter #

• 求人メディア Green の Flutter の構成について - Atrae Tech Blog
  • https://atraetech.hatenablog.com/entry/20210218_green_mobile_app_structure
• WINTICKET が考えたモダンな Flutter アプリ設計を完全解説 | CyberAgent Developers Blog
  • https://developers.cyberagent.co.jp/blog/archives/36149/
• 【Flutter】アプリを分割する 3 つのレイヤーと依存関係
  • https://zenn.dev/chooyan/articles/17dde307509248
• Dart/Flutter でドメイン駆動設計（DDD）してみた - 導入編 - のんびり精進
  • https://kabochapo.hateblo.jp/entry/2019/11/01/195130
• Dart/Flutter でドメイン駆動設計（DDD）してみた - 実装編 - のんびり精進
  • https://kabochapo.hateblo.jp/entry/2019/11/21/160759

Android #

• アプリ アーキテクチャ ガイド | Android デベロッパー | Android Developers
  • https://developer.android.com/topic/architecture
• Jetpack Compose を使用した MVVM アーキテクチャの最小実装サンプル
  • https://zenn.dev/hiroa365/articles/4d9154ba4fa85c

Microsoft #

• 設計と実装のパターン - Cloud Design Patterns | Microsoft Learn
  • https://learn.microsoft.com/ja-jp/azure/architecture/patterns/category/design-implementation

その他 #

• 『突撃！隣のアーキテクチャ』に行ってきたよメモ - コード日進月歩
  • https://shinkufencer.hateblo.jp/entry/2019/04/25/000000
• SPA 状態設計(Elm) Speaker Deck
  • https://speakerdeck.com/ryota0624/2019-03-30-11-49-architecture-night

2. アーキテクチャ：クラスレベル #

Effective Java #

• Effective Java 第３版 「ほぼ全章」を「読みやすい日本語」で説明してみました。 - Qiita
  • https://qiita.com/nyandora/items/3e5ec76ca3881bc17924

3. データベース設計 #

No SQL #

• NoSQL データモデリング技法
  • https://gist.github.com/matope/2396234

4. その他実装の技術・考慮 #

JWT の保管場所 #

HTTP Only な Cookie だとか、インメモリだとか話がでるが、結局 Local Storage で良い。

• JWT などの Token を localstrage(HTML5 の)に保管することについて
  • https://teratail.com/questions/323480#reply-448845
• クロスサイトスクリプティング(XSS)対策として Cookie の HttpOnly 属性でどこまで安全になるのか - YouTube
  • https://www.youtube.com/watch?v=4JREwhSC2dQ
• Firebase Auth など JavaScript で API セッション用のトークンを得ることについて - Qiita
  • https://qiita.com/stomita/items/4583552d6c44c0fc8be6
• 【PoC 編】XSS への耐性においてブラウザのメモリ空間方式は Local Storage 方式より安全か？ - Flatt Security Blog
  • https://blog.flatt.tech/entry/auth0_access_token_poc

タイムゾーンの考慮 #

• タイムゾーン対応で振り返る 既存プロダクトのグローバル化 - Sansan Tech Blog
  • https://buildersbox.corp-sansan.com/entry/2020/02/03/110000
• JavaScript でタイムゾーンの処理（1） | NHN Cloud Meetup
  • https://meetup-jp.toast.com/459
• JavaScript でタイムゾーンの処理（2） | NHN Cloud Meetup
  • https://meetup-jp.toast.com/498

Google Maps #

• React.js で Google Maps JavaScript API を使いこなす｜ yusuke-suzuki ｜ note
  • https://note.com/yusukesuzuki/n/nf1dd7731a5be

5. 知識・理解 #

JavaScript #

• JavaScript がブラウザでどのように動くのか | メルカリエンジニアリング
  • https://engineering.mercari.com/blog/entry/20220128-3a0922eaa4/

Apple のフォント #

• San Francisco フォントを探る - Qiita
  • https://qiita.com/usagimaru/items/da88c0a8793f23633c28
• Apple 製デバイスにおける CSS のフォント指定を理解する - blog.takemaro.com
  • https://blog.takemaro.com/posts/2017/10/26-css-system-ui

6. デザイン・イラスト #

• Dribbble - Discover the World’s Top Designers & Creative Professionals
  • https://dribbble.com/
• unDraw - Open source illustrations for any idea
  • https://undraw.co/

7. ツール・サービス・便利 #

• Product Hunt – The best new products in tech.
  • https://www.producthunt.com/
• A Neural Network Playground
  • https://playground.tensorflow.org/
• Lorem Picsum
  • https://picsum.photos/

8. ブログ #

• Martin Fowler’s Bliki (ja)
  • https://bliki-ja.github.io/