くまなつ＠webエンジニア

都内で働いているwebエンジニアです。 IT, 投資, 生活改善に関する雑記ブログです…

くまなつ＠webエンジニア

都内で働いているwebエンジニアです。 IT, 投資, 生活改善に関する雑記ブログです。 blog https://kumanatsu.com/

DataDogを使ってみよう！

DataDogとはシステムの、アプリケーションパフォーマンス、メトリクス、ログ、ネットワークを監視するためのツールです。 DataDog Coursesを利用すると無料でDataDogの使い方を勉強することができます。APMやNPMやメトリクスなどの項目についての説明や開発者やSREなどロールごとの学習コースも設定されています。 開発者向けコース(Datadog 101 for Developers!)を実際に学習したので感想を共有します! 開発者向けコースを学習するこ

くまなつ＠webエンジ…

    • チームトポロジーを読んで

      チームで開発を効果的に行うためにはどのように設計をするべきかがまとまっている本です。 設計 設計には大きく分けて2種類の設計があります。 システム設計 システムを開発するので、システムの設計をするのは当然ですね！ ソフトウェア設計やアーキテクチャとかのことですね。 組織の設計 組織図やチームにどのような役割を与えるかを設計します。 明確な責任と境界を持つチームにすることで認知負荷を適切に分散させます。 チームトポロジーでメインで扱うのがこの「組織の設計」です。 チーム

      くまなつ＠webエンジ…

      • [初心者]GitHub workflowの簡単設定方

        GitHubにはworkflowと呼ばれる、機能があります。 workflowでは1つまたは複数のジョブで構成される設定可能な自動化プロセスです。workflowの設定を定義するために、YAMLファイルを作成する必要があります。 workflowで設定する項目は大きく4つあります。 name workflowの名前をつける on workflowを自動実行するための条件を指定します。 実行する条件はブランチ名や特定のファイルやタグを選べます。 on.schedul

        くまなつ＠webエンジ…

        • [初心者向け]リラックス入門

          神・時間術を読む中で、体や精神をうまくリラックスさせる方法が多く書かかれていたので紹介します。 忙しい日々の中でも、簡単で効果のあるリラックス方法を知っていると乗り越えていけます。 神・時間術では時間術をベースに書かれていますので、時間術が気になるぜ！という方は実際に書籍を読まれることをオススメします！ 私は集中しなくては、もっとも頑張らなくてはと考えすぎてしまう性格です。 このnoteを読んでいるあなたも頑張り屋さんかもしれまんせん。 癒しの方法をマスターして、効果的に

          くまなつ＠webエンジ…

        DataDogを使ってみよう！

        くまなつ＠webエンジニア

          SQLの悲観ロックと楽観ロックについて説明

          この記事では悲観ロックと楽観ロックについて説明しています。 悲観ロック、楽観ロックは以下のような問題を解決することができます。 noteでの具体例を挙げます。noteには記事に「スキ」をすることができます。スキを複数のユーザがした場合は、スキの合計はいくつになるでしょうか？ 最初はスキの数は0です。ここでAさんとBさんが同時にスキをした時にちゃんと2にできるようにすることが大切です。 この問題を解決する方法を２つ紹介します! 悲観的ロック 悲観的なロックは、トランザ

          くまなつ＠webエンジ…

          SQLの悲観ロックと楽観ロックについて説明

          くまなつ＠webエンジニア

          時間術大全 1人スプリントを極めよう！

          仕事で結果を出したい、友人との時間もしっかりとりたい、恋人ともちゃんと向き合いたいと思いながらも、いつもいつもできなかったことだけを思い返しながら寝る日々にピリオドを打つ本が本書です。 時間術大全GoogleとYoutubeで人の注意を1分、1秒でも長く引きつけるための研究をしてきた著者が、自分の時間を確保する方法について紹介しています。 本書の詳細については本を読んでいただくとして、僕が一番お気に入りの箇所と自分なりに工夫したことについて説明していきます！ それは、メ

          くまなつ＠webエンジ…

          時間術大全 1人スプリントを極めよう！

          くまなつ＠webエンジニア

          Enumerable#tally

          結論 Rubyでプログラムを書く時に便利なメソッドを見つけたので共有です。Enumerable#tally Enumerable(配列やハッシュ)に含まれる要素を数えてハッシュを返すメソッドです。group_byからのcountのような記述を1メソッドで表現できます。 具体例 The Great Gatsbyのwikipediaのあらすじに使用されているアルファベットの数を数えてみます。(The Great Gatsbyは良い小説ですよね( ✌︎'ω')✌︎) # あ

          くまなつ＠webエンジ…

          Enumerable#tally

          くまなつ＠webエンジニア

          トランザクションのACID特性

          ACID特性とはACID特性とはトランザクションに定義されている特性の頭文字を取ったものです。 特性は4つあり、Atomicity (原子性)、Consistency (一貫性)、Isolation (独立性)、Durability (永続性)のことです。 Atomicity (原子性) トランザクションの中の全ての処理が実行されている状態になるか、実行されていない状態になる性質のことです。 例:りんごを100円で購入する場合を考えます。 成功する場合はりんごと100円

          くまなつ＠webエンジ…

          トランザクションのACID特性

          くまなつ＠webエンジニア

          Faradayについて調べてみました。

          概要 FaradayはHTTP Clientライブラリです。 多くのアダプタに対して共通のインターフェースを提供し、リクエスト/レスポンスサイクルを処理する際にRackミドルウェアの概念を取り入れたHTTPクライアントです。 getting started 最初はfaraday_githubを見よう！　 もっと詳しいことを知りたい時はrubydocを見てね！ 使用方法 まず最初に、どのアダプタを使いたいかをFaradayに伝える必要があります。 アダプタは実際にHT

          くまなつ＠webエンジ…

          Faradayについて調べてみました。

          くまなつ＠webエンジニア

          axiosについてまとめました。

          フロントをReact、バックエンドをRailsを指定した時に、バックエンドのデータをどうやって渡すのー？とか、フロントのデータをどうやってバックエンドに渡すのー？と困ったことはありませんか？(僕は困りました、そしてRailsで優秀なんだなと気付かされる) ReactとRailsの箸渡すのがaxiosです。この記事ではaxiosの使いかたを紹介します。 What is Axios? Axiosはnode.jsとbrowserのためのプロミスベースHTTP Clientです

          くまなつ＠webエンジ…

          axiosについてまとめました。

          くまなつ＠webエンジニア

          ブラウザのデータ保存

          キャッシュ(cache) ブラウザキャッシュ ブラウザで一度取得したデータを保存した サーバーキャッシュ 過去に作成したファイルがサーバーに保存さたもの セッション(session) 接続を確立してから切断するまでの一連の通信のこと。 HTTPのサイトでは、セッションにIDを振ってクッキーに保存できます。 クッキー(Cookie) Webサーバーがクライアントコンピューターに預けておく小さなファイル クッキーの役割 セッション管理 ログイン、ショッピン

          くまなつ＠webエンジ…

          ブラウザのデータ保存

          くまなつ＠webエンジニア

          Redux-actionsにコメントつけてみた

          本家のURL https://redux-actions.js.org/ import { createActions, handleActions, combineActions } from 'redux-actions';const defaultState = { counter: 10 };const { increment, decrement } = createActions({ INCREMENT: (amount = 1) => ({ amount }

          くまなつ＠webエンジ…

          Redux-actionsにコメントつけてみた

          くまなつ＠webエンジニア

          Create React App

          react-reduxをサンプルで試してみる。 # npxはinstallに必要なpackageをinstallして、実行後に不要なpackageを削除します。# npxの実行は環境を汚染しません。# my-appはapp名です。他のapp名を指定することもできます。npx create-react-app my-appcd my-appnpm start my-appの中に初期プロジェクトを作成します。 # 作成されるディレクトリmy-app├── README.md

          くまなつ＠webエンジ…

          Create React App

          くまなつ＠webエンジニア

          react-redux

          ■getting started with react redux reactでreduxを使用するためのプラグイン stateの取得(get_state) stateの更新(dispatch(action)) ◾️ReduxとUI layerを結びつける手順 Redux storeを作成する updatesを登録する subscriptionの内部 現在のstore stateを取得する UI表示に必要なデータを抜き出す UIを更新する 初期値が必要な場合はU

          くまなつ＠webエンジ…

          react-redux

          くまなつ＠webエンジニア

          Reduxの登場人物

          Action ActionCreator Store State Reducer 1 Action Stateを更新するActionを定義します。例：todoアプリのステータスを変更します。 2 ActionCreator Actionを作成するメソッドです。 Storeへのdispatchは行わないです。 3 Store アプリケーションの状態(state)を保持しているオブジェクトです。 アプリケーション内で一つ存在し、一つのstateを保持しています。

          くまなつ＠webエンジ…

          Reduxの登場人物

          くまなつ＠webエンジニア

          関数プログラミング(Haskell)の始め方

          関数プログラミング言語として有名なHaskellの始め方を紹介していきます。 Haskellの環境構築 セットアップ 1 Haskellの環境構築 Haskellを対話的インタープリタで実施するためにはstackを利用するのが一番です。macを使用している方はhomebrewを利用しましょう。 brew install stack 2 セットアップ stackを利用してセットアップをしましょう。 stack setup セットアップが適切に完了しているか、確認

          くまなつ＠webエンジ…

          関数プログラミング(Haskell)の始め方

          くまなつ＠webエンジニア