くまなつ@webエンジニア

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

くまなつ@webエンジニア

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

記事一覧

DataDogを使ってみよう!

DataDogとはシステムの、アプリケーションパフォーマンス、メトリクス、ログ、ネットワークを監視するためのツールです。 DataDog Coursesを利用すると無料でDataDogの使…

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

チームで開発を効果的に行うためにはどのように設計をするべきかがまとまっている本です。 設計 設計には大きく分けて2種類の設計があります。 システム設計 システムを…

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

GitHubにはworkflowと呼ばれる、機能があります。 workflowでは1つまたは複数のジョブで構成される設定可能な自動化プロセスです。workflowの設定を定義するために、YAMLフ…

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

神・時間術を読む中で、体や精神をうまくリラックスさせる方法が多く書かかれていたので紹介します。 忙しい日々の中でも、簡単で効果のあるリラックス方法を知っていると…

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

この記事では悲観ロックと楽観ロックについて説明しています。 悲観ロック、楽観ロックは以下のような問題を解決することができます。 noteでの具体例を挙げます。noteに…

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

仕事で結果を出したい、友人との時間もしっかりとりたい、恋人ともちゃんと向き合いたいと思いながらも、いつもいつもできなかったことだけを思い返しながら寝る日々にピリ…

Enumerable#tally

結論 Rubyでプログラムを書く時に便利なメソッドを見つけたので共有です。Enumerable#tally Enumerable(配列やハッシュ)に含まれる要素を数えてハッシュを返すメソッドで…

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

ACID特性とはACID特性とはトランザクションに定義されている特性の頭文字を取ったものです。 特性は4つあり、Atomicity (原子性)、Consistency (一貫性)、Isolation (独立…

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

概要 FaradayはHTTP Clientライブラリです。 多くのアダプタに対して共通のインターフェースを提供し、リクエスト/レスポンスサイクルを処理する際にRackミドルウェアの概…

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

フロントをReact、バックエンドをRailsを指定した時に、バックエンドのデータをどうやって渡すのー?とか、フロントのデータをどうやってバックエンドに渡すのー?と困った…

ブラウザのデータ保存

キャッシュ(cache) ブラウザキャッシュ ブラウザで一度取得したデータを保存した サーバーキャッシュ 過去に作成したファイルがサーバーに保存さたもの セッション(se…

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

本家のURL https://redux-actions.js.org/ import { createActions, handleActions, combineActions } from 'redux-actions';const defaultState = { counter: 10 };const…

Create React App

react-reduxをサンプルで試してみる。 # npxはinstallに必要なpackageをinstallして、実行後に不要なpackageを削除します。# npxの実行は環境を汚染しません。# my-appはa…

react-redux

■getting started with react redux reactでreduxを使用するためのプラグイン stateの取得(get_state) stateの更新(dispatch(action)) ◾️ReduxとUI layerを結びつける手…

Reduxの登場人物

Action ActionCreator Store State Reducer 1 Action Stateを更新するActionを定義します。例:todoアプリのステータスを変更します。 2 ActionCreator Actionを作成…

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

関数プログラミング言語として有名なHaskellの始め方を紹介していきます。 Haskellの環境構築 セットアップ 1 Haskellの環境構築 Haskellを対話的インタープリタで実施…

DataDogを使ってみよう!

DataDogを使ってみよう!

DataDogとはシステムの、アプリケーションパフォーマンス、メトリクス、ログ、ネットワークを監視するためのツールです。

DataDog Coursesを利用すると無料でDataDogの使い方を勉強することができます。APMやNPMやメトリクスなどの項目についての説明や開発者やSREなどロールごとの学習コースも設定されています。

開発者向けコース(Datadog 101 for Develop

もっとみる
チームトポロジーを読んで

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

チームで開発を効果的に行うためにはどのように設計をするべきかがまとまっている本です。

設計

設計には大きく分けて2種類の設計があります。
システム設計
システムを開発するので、システムの設計をするのは当然ですね!
ソフトウェア設計やアーキテクチャとかのことですね。

組織の設計
組織図やチームにどのような役割を与えるかを設計します。
明確な責任と境界を持つチームにすることで認知負荷を適切に分散

もっとみる
[初心者]GitHub workflowの簡単設定方

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

GitHubにはworkflowと呼ばれる、機能があります。
workflowでは1つまたは複数のジョブで構成される設定可能な自動化プロセスです。workflowの設定を定義するために、YAMLファイルを作成する必要があります。

workflowで設定する項目は大きく4つあります。

name

workflowの名前をつける

on

workflowを自動実行するための条件を指定します。

もっとみる
[初心者向け]リラックス入門

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

神・時間術を読む中で、体や精神をうまくリラックスさせる方法が多く書かかれていたので紹介します。

忙しい日々の中でも、簡単で効果のあるリラックス方法を知っていると乗り越えていけます。

神・時間術では時間術をベースに書かれていますので、時間術が気になるぜ!という方は実際に書籍を読まれることをオススメします!
私は集中しなくては、もっとも頑張らなくてはと考えすぎてしまう性格です。
このnoteを読ん

もっとみる
SQLの悲観ロックと楽観ロックについて説明

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

この記事では悲観ロックと楽観ロックについて説明しています。
悲観ロック、楽観ロックは以下のような問題を解決することができます。

noteでの具体例を挙げます。noteには記事に「スキ」をすることができます。スキを複数のユーザがした場合は、スキの合計はいくつになるでしょうか?

最初はスキの数は0です。ここでAさんとBさんが同時にスキをした時にちゃんと2にできるようにすることが大切です。

この問

もっとみる
時間術大全 1人スプリントを極めよう!

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

仕事で結果を出したい、友人との時間もしっかりとりたい、恋人ともちゃんと向き合いたいと思いながらも、いつもいつもできなかったことだけを思い返しながら寝る日々にピリオドを打つ本が本書です。

時間術大全GoogleとYoutubeで人の注意を1分、1秒でも長く引きつけるための研究をしてきた著者が、自分の時間を確保する方法について紹介しています。

本書の詳細については本を読んでいただくとして、僕が一番

もっとみる
Enumerable#tally

Enumerable#tally

結論

Rubyでプログラムを書く時に便利なメソッドを見つけたので共有です。Enumerable#tally Enumerable(配列やハッシュ)に含まれる要素を数えてハッシュを返すメソッドです。group_byからのcountのような記述を1メソッドで表現できます。

具体例

The Great Gatsbyのwikipediaのあらすじに使用されているアルファベットの数を数えてみます。(T

もっとみる
トランザクションのACID特性

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

ACID特性とはACID特性とはトランザクションに定義されている特性の頭文字を取ったものです。
特性は4つあり、Atomicity (原子性)、Consistency (一貫性)、Isolation (独立性)、Durability (永続性)のことです。

Atomicity (原子性)

トランザクションの中の全ての処理が実行されている状態になるか、実行されていない状態になる性質のことです。

もっとみる
Faradayについて調べてみました。

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

概要

FaradayはHTTP Clientライブラリです。
多くのアダプタに対して共通のインターフェースを提供し、リクエスト/レスポンスサイクルを処理する際にRackミドルウェアの概念を取り入れたHTTPクライアントです。

getting started

最初はfaraday_githubを見よう! 
もっと詳しいことを知りたい時はrubydocを見てね!

使用方法

まず最初に、どのア

もっとみる
axiosについてまとめました。

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

フロントをReact、バックエンドをRailsを指定した時に、バックエンドのデータをどうやって渡すのー?とか、フロントのデータをどうやってバックエンドに渡すのー?と困ったことはありませんか?(僕は困りました、そしてRailsで優秀なんだなと気付かされる)

ReactとRailsの箸渡すのがaxiosです。この記事ではaxiosの使いかたを紹介します。

What is Axios?

Axios

もっとみる
ブラウザのデータ保存

ブラウザのデータ保存

キャッシュ(cache)

ブラウザキャッシュ

ブラウザで一度取得したデータを保存した

サーバーキャッシュ

過去に作成したファイルがサーバーに保存さたもの

セッション(session)

接続を確立してから切断するまでの一連の通信のこと。

HTTPのサイトでは、セッションにIDを振ってクッキーに保存できます。

クッキー(Cookie)

Webサーバーがクライアントコンピューターに預け

もっとみる
Redux-actionsにコメントつけてみた

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

本家のURL
https://redux-actions.js.org/

import { createActions, handleActions, combineActions } from 'redux-actions';const defaultState = { counter: 10 };const { increment, decrement } = createActions({

もっとみる

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の中に初期プロジェクトを

もっとみる

react-redux

■getting started with react redux
reactでreduxを使用するためのプラグイン
stateの取得(get_state)
stateの更新(dispatch(action))
◾️ReduxとUI layerを結びつける手順

Redux storeを作成する

updatesを登録する

subscriptionの内部

現在のstore stateを取得する

もっとみる

Reduxの登場人物

Action

ActionCreator

Store

State

Reducer

1 Action
Stateを更新するActionを定義します。例:todoアプリのステータスを変更します。

2 ActionCreator
Actionを作成するメソッドです。
Storeへのdispatchは行わないです。

3 Store
アプリケーションの状態(state)を保持しているオブジェク

もっとみる

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

関数プログラミング言語として有名なHaskellの始め方を紹介していきます。

Haskellの環境構築

セットアップ

1 Haskellの環境構築
Haskellを対話的インタープリタで実施するためにはstackを利用するのが一番です。macを使用している方はhomebrewを利用しましょう。

brew install stack

2 セットアップ
stackを利用してセットアップをしま

もっとみる