ちゃんなるぶろぐ

エンジニア5年生🧑‍💻 オライリーとにらめっこする毎日。

【10分でわかる💻💻💻】マイクロサービスアーキテクチャ〜ざっくり概要だけ〜

どうも、ちゃんなるです 職場でここ数年、巨大なモノリシックアプリケーションのマイクロサービス化が進められています。 ですが私はその作業に関わってなく、マイクロサービスの知識があまりありません…。 なので、今回「マイクロサービスアーキテクチャ」…

フルサイクル開発とは

どうも、ちゃんなるです 最近身の回りでたびたび「フルサイクル開発」と聞くようになりました️ 恥ずかしながら、初めて耳にしてからすぐには調べてはおらず、ソフトウェアエンジニアをまる2年やっているのにわかっていませんでした なので、今日はこいつをま…

【10分でわかる🇯🇵🇺🇸🎙️】TypeScriptでDesign Pattern〜Interpreter Pattern〜

どうも、ちゃんなるです! 今回は、Interpreter Patternを紹介します️ 概要 今回示すプログラムの設計 クラス図 サンプルコード Interpreter Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 Interpreter Patternは、特定の文法や言…

【10分でわかる👉】TypeScriptでDesign Pattern〜Command Pattern〜

どうも、ちゃんなるです! 今回は、Command Patternを紹介します️ 概要 今回示すプログラムの設計 クラス図 サンプルコード Command Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 Command Patternは、オブジェクト指向プログラミ…

【10分でわかる💻】TypeScriptでDesign Pattern〜Proxy Pattern〜

どうも、ちゃんなるです! 今回は、Proxy Patternを紹介します️ 概要 今回示すプログラムの設計 クラス図 クラス図 (Mermaid記法) サンプルコード Proxy Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 Proxy Patternは、オブジェ…

【5分でわかる📚】TypeScriptでDesign Pattern〜Flyweight Pattern〜

どうも、ちゃんなるです! 今回は、Flyweight Patternを紹介します️ 概要 今回示すプログラムの設計 クラス図 サンプルコード Flyweight Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 Flyweight Patternは、多数の類似オブジェク…

【10分でわかる🥫】TypeScriptでDesign Pattern〜State Pattern〜

どうも、ちゃんなるです! 今回は、State Patternを紹介します️ 概要 今回示すプログラムの設計 ざっくり仕様 クラス図 サンプルコード State Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 State Patternは、オブジェクト指向プ…

【5分でわかる🏆】TypeScriptでDesign Pattern〜Memento Pattern〜

どうも、ちゃんなるです! 今回は、Memento Patternを紹介します️ 概要 今回示すプログラムの設計 クラス図 サンプルコード Memento Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 Memento Patternは、オブジェクトの状態を保存し…

【5分でわかる👀】TypeScriptでDesign Pattern〜Observer Pattern〜

どうも、ちゃんなるです! 今回は、Observer Patternを紹介します️ Observer Patternは、オブジェクト間の依存関係を疎結合に保ちながら、状態の変更を通知するためのパターンです 概要 今回示すプログラムの設計 クラス図 サンプルコード Observer Pattern…

【5分でわかる🤝】TypeScriptでDesign Pattern〜Mediator Pattern〜

どうも、ちゃんなるです! 今回は、Mediator Patternを紹介します️ 概要 今回示すプログラムの設計 クラス図 サンプルコード Mediator Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 Mediator Patternは、オブジェクト間の相互作…

【5分でわかる🚪】TypeScriptでDesign Pattern〜Facade Pattern〜

どうも、ちゃんなるです! 今回は、Facade Patternを紹介します️ 概要 今回示すプログラムの設計 クラス図 サンプルコード Facade Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 Facade Patternは、システムのサブシステムやイン…

【5分でわかる⛓️】TypeScriptでDesign Pattern〜Chain-of-Responsibility Pattern〜

どうも、ちゃんなるです! 今回は、Chain-of-Responsibility Patternを紹介します️ 概要 Chain-of-Responsibility Patternに登場するクラス 今回示すプログラムの設計 サンプルコード クラス図 Chain-of-Responsibility Patternの使い道 組み合わせられるデ…

【5分でわかる👤】TypeScriptでDesign Pattern〜Visitor Pattern〜

どうも、ちゃんなるです! 今回は、Visitor Patternを紹介します️ 概要 Visitor Patternの登場人物 今回示すプログラムの設計 サンプルコード クラス図 Visitor Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 Visitor Patternは、…

【5分でわかる☕️】TypeScriptでDesign Pattern〜Decorator Pattern〜

どうも、ちゃんなるです! 今回は、Decorator Patternを紹介します️ 概要 今回示すプログラムの設計 サンプルコード クラス図 Decorator Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 Decorator Patternは、既存のオブジェクトに…

【5分でわかる🍱】TypeScriptでDesign Pattern〜Composite Pattern〜

どうも、ちゃんなるです! 今回は、Composite Patternを紹介します️ 概要 今回示すプログラムの設計 サンプルコード クラス図 Composite Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 Composite Patternは、オブジェクトを木構造…

【5分でわかる🧠】TypeScriptでDesign Pattern〜Strategy Pattern〜

どうも、ちゃんなるです! 今回は、Strategy Patternを紹介します️ 概要 今回示すプログラムの設計 クラス図 サンプルコード Strategy Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 Strategy Patternは、異なるアルゴリズムや振…

【5分でわかる!】TypeScriptでDesign Pattern〜Bridge Pattern〜

どうも、ちゃんなるです! 今回は、Bridge Patternを紹介します️ 概要 今回示すサンプルプログラムの設計 サンプルコード クラス図 Bridge Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 Bridge Patternは、機能と実装を分離して…

【5分でわかる🏭💨】TypeScriptでDesign Pattern〜Abstract Factory Pattern〜

どうも、ちゃんなるです! 今回は、Abstract Factory PatternをTypeScriptのサンプルコードを用いて紹介します️ 概要 今回示すプログラムの設計について サンプルコード Abstract Factory Patternの使い道 組み合わせられるデザインパターン Singleton Patte…

【5分でわかる💪】TypeScriptでDesign Pattern〜Builder Pattern〜

『』どうも、ちゃんなるです! 今回は、Builder PatternをTypeScriptのサンプルコードを用いて紹介します️ 概要 サンプルコード Builder Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 Builder Patternは、オブジェクトの生成をス…

【5分でわかる⚙️】TypeScriptでDesign Pattern〜Prototype Pattern〜

どうも、ちゃんなるです! 今回は、Prototype PatternをTypeScriptのサンプルコードを用いて紹介します️ 概要 今回示すプログラムの設計について サンプルコード Prototypeクラスの作成 実際に使ってみる Prototype Patternの使い道 組み合わせられるデザイ…

【5分でわかる🚀】TypeScriptでDesign Pattern〜Singleton Pattern〜

どうも、ちゃんなるです! 今回は、Singleton PatternをTypeScriptのサンプルコードを用いて紹介します️ 概要 サンプルコード Singletonクラスを作成 インスタンスの利用 Singleton Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 …

【5分でわかる🏭】TypeScriptでDesign Pattern〜Factory Method Pattern〜

どうも、ちゃんなるです! 今回は、Factory Method PatternをTypeScriptのサンプルコードを用いて紹介します️ 概要 実現方法 クラス図 サンプルコード Factory Method Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概要 これは「オブ…

【5分でわかる🍜🍛】TypeScriptでDesign Pattern〜Template Method Pattern〜

どうも、ちゃんなるです! 今回は、Template Patternに関してTypeScriptの実例を使って説明します 概要 実現方法 サンプルプログラムの設計 サンプルコード クラス図 Template Method Patternの使い道 組み合わせられるデザインパターン まとめ 参考文献 概…

【5分でわかる!】TypeScriptでDesign Pattern〜Adapter Pattern〜

どうも、ちゃんなるです! 今回は、Adapter Patternを紹介します 概要 プログラム設計 クラス図 Adapter Patternの使い道 サンプルコードの続き 組み合わせられるデザインパターン まとめ 参考文献 概要 ひとことで言うと「互換性のないインターフェースを持…

【5分でわかる📚】TypeScriptで学ぶDesign Pattern〜Iterator Pattern〜

どうも、ちゃんなるです! 今回は、ソフトウェア開発において便利なデザインパターンの1つ、Iterator Patternを取り上げます 概要 今回示すサンプルプログラムの設計 サンプルコード クラス図 イテレータパターンの使い道 組み合わせられるデザインパターン …

【5分でできる!】Mac上で”爆速”でUbuntu×Docker環境を構築→VSCodeで接続する🐳〜Docker Desktopは使わない〜

どうも、ちゃんなるです 今回は、MacでDocker開発環境をサクッと手に入れます ※Docker Desktopは使いません。 今回やりたいこと 課題 実現方法 UbuntuにホストマシンからSSH接続する VSCodeの拡張機能「RemoteSSH」を使って接続する まとめと課題 環境 参考…

【5分でわかる!】Webブラウザの仕組み:基本的なプロセスとパフォーマンス向上のポイント

Webブラウザの仕組み:基本的なプロセスとパフォーマンス向上のポイント Webブラウザはとても身近、毎日使っている方が多いのではないでしょうか? ですが、その仕組みってわかりますか? この記事では、Webブラウザがどのように動くかをざっくり紹介します…

おまえのDockerコンテナは間違っている!!

どうも、ちゃんなるです 今回はDockerコンテナの起動について Dockerへの愛を表現した 概要 Dockerイメージのビルドの際、勘違いしがちなこと OSがよしなにやってくれるんじゃないの? 例えばどんなサービスが起動できてないの? CentOSとか他のLinuxディス…

【ポイント5選!】高品質なコードを書く〜JavaScript・TypeScript〜

どうも、ちゃんなるです 最近は社内のレガシーフロントエンドを刷新する活動に精を出しています おそうじ業者TypeScript 今回は「品質の高いTypeScriptコード」というテーマです✨ 実例とともに品質の良い書き方を紹介します。 ※TypeScript以外の言語でも使え…

【どっちが正解?】TypeScript論争〜type vs. interface〜

どうも、ちゃんなるです 今回はTypeScriptのtypeとinterfaceについて。 type vs. interface 筆者もどちらを使うかよく悩みます 実装のたびに悩むのはめんどくさい… でも良質なコードを書きたくて、つい悩んでしまう… そんな人の助けになりますように 結論 実…