記事一覧
![](https://assets.st-note.com/production/uploads/images/80475012/rectangle_large_type_2_8130fd8d995bca2ab82d9e1e3dd537ac.png?width=800)
Redux-actionsにコメントつけてみた
本家のURL https://redux-actions.js.org/ import { createActions, handleActions, combineActions } from 'redux-actions';const defaultState = { counter: 10 };const…
DataDogを使ってみよう!
DataDogとはシステムの、アプリケーションパフォーマンス、メトリクス、ログ、ネットワークを監視するためのツールです。
DataDog Coursesを利用すると無料でDataDogの使い方を勉強することができます。APMやNPMやメトリクスなどの項目についての説明や開発者やSREなどロールごとの学習コースも設定されています。
開発者向けコース(Datadog 101 for Develop
チームトポロジーを読んで
チームで開発を効果的に行うためにはどのように設計をするべきかがまとまっている本です。
設計
設計には大きく分けて2種類の設計があります。
システム設計
システムを開発するので、システムの設計をするのは当然ですね!
ソフトウェア設計やアーキテクチャとかのことですね。
組織の設計
組織図やチームにどのような役割を与えるかを設計します。
明確な責任と境界を持つチームにすることで認知負荷を適切に分散
[初心者]GitHub workflowの簡単設定方
GitHubにはworkflowと呼ばれる、機能があります。
workflowでは1つまたは複数のジョブで構成される設定可能な自動化プロセスです。workflowの設定を定義するために、YAMLファイルを作成する必要があります。
workflowで設定する項目は大きく4つあります。
name
workflowの名前をつける
on
workflowを自動実行するための条件を指定します。
実
SQLの悲観ロックと楽観ロックについて説明
この記事では悲観ロックと楽観ロックについて説明しています。
悲観ロック、楽観ロックは以下のような問題を解決することができます。
noteでの具体例を挙げます。noteには記事に「スキ」をすることができます。スキを複数のユーザがした場合は、スキの合計はいくつになるでしょうか?
最初はスキの数は0です。ここでAさんとBさんが同時にスキをした時にちゃんと2にできるようにすることが大切です。
この問
時間術大全 1人スプリントを極めよう!
仕事で結果を出したい、友人との時間もしっかりとりたい、恋人ともちゃんと向き合いたいと思いながらも、いつもいつもできなかったことだけを思い返しながら寝る日々にピリオドを打つ本が本書です。
時間術大全GoogleとYoutubeで人の注意を1分、1秒でも長く引きつけるための研究をしてきた著者が、自分の時間を確保する方法について紹介しています。
本書の詳細については本を読んでいただくとして、僕が一番
Enumerable#tally
結論
Rubyでプログラムを書く時に便利なメソッドを見つけたので共有です。Enumerable#tally Enumerable(配列やハッシュ)に含まれる要素を数えてハッシュを返すメソッドです。group_byからのcountのような記述を1メソッドで表現できます。
具体例
The Great Gatsbyのwikipediaのあらすじに使用されているアルファベットの数を数えてみます。(T
トランザクションのACID特性
ACID特性とはACID特性とはトランザクションに定義されている特性の頭文字を取ったものです。
特性は4つあり、Atomicity (原子性)、Consistency (一貫性)、Isolation (独立性)、Durability (永続性)のことです。
Atomicity (原子性)
トランザクションの中の全ての処理が実行されている状態になるか、実行されていない状態になる性質のことです。
axiosについてまとめました。
フロントをReact、バックエンドをRailsを指定した時に、バックエンドのデータをどうやって渡すのー?とか、フロントのデータをどうやってバックエンドに渡すのー?と困ったことはありませんか?(僕は困りました、そしてRailsで優秀なんだなと気付かされる)
ReactとRailsの箸渡すのがaxiosです。この記事ではaxiosの使いかたを紹介します。
What is Axios?
Axios
ブラウザのデータ保存
キャッシュ(cache)
ブラウザキャッシュ
ブラウザで一度取得したデータを保存した
サーバーキャッシュ
過去に作成したファイルがサーバーに保存さたもの
セッション(session)
接続を確立してから切断するまでの一連の通信のこと。
HTTPのサイトでは、セッションにIDを振ってクッキーに保存できます。
クッキー(Cookie)
Webサーバーがクライアントコンピューターに預け
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を利用してセットアップをしま