yarn

IntellIJ IDEA 2016.3 EAP: JavaScript, TypeScript, React and Angular and More

WebSocket大合戦:Clojure、C++、Elixir、Go、NodeJS、Ruby

you might not need JavaScript

新型MacBook Pro発表は10月27日で確定? 待望のApple Pay国内サービス開始も

なりたいな「無ければ作る」エンジニア

解決済 javascript のクラスって継承をしないときでも使ったほうがいいの?

チームで仕事をすることについて

良いエンジニアの定義

【Git】今コミットしたのに修正入った!git reset HEAD^ (git commit --amendとかcommitのedit)

reword
squash
やりました

今日はedit

【Git】もう怖くない!git reset HEAD^ (git commit --amendとかcommitのedit)
【Git】もう怖くない!git reset HEAD^ (git commit --amendとかcommitのedit)

 

コミット名だけの修正なら git commit --amend

【Git】もう怖くない!git reset HEAD^ (git commit --amendとかcommitのedit)
【Git】もう怖くない!git reset HEAD^ (git commit --amendとかcommitのedit)

ファイル内容なら git reset HEAD^

【Git】もう怖くない!git reset HEAD^ (git commit --amendとかcommitのedit)
【Git】もう怖くない!git reset HEAD^ (git commit --amendとかcommitのedit)

その際zsh使っていて「no matches found HEAD^」と言われたら(言われなかったら読み飛ばしてgit log --onelineしてね)

【Git】もう怖くない!git reset HEAD^ (git commit --amendとかcommitのedit)
【Git】もう怖くない!git reset HEAD^ (git commit --amendとかcommitのedit)

キャレットをエスケープしてください。

HEADの位置が変わりました。(そのブランチの最新のコミットに位置したという意味です。detach HEADじゃなければ)

【Git】もう怖くない!git reset HEAD^ (git commit --amendとかcommitのedit)
【Git】もう怖くない!git reset HEAD^ (git commit --amendとかcommitのedit)

git log --onelineで確認

【Git】もう怖くない!git reset HEAD^ (git commit --amendとかcommitのedit)
【Git】もう怖くない!git reset HEAD^ (git commit --amendとかcommitのedit)

変更して

【Git】もう怖くない!git reset HEAD^ (git commit --amendとかcommitのedit)
【Git】もう怖くない!git reset HEAD^ (git commit --amendとかcommitのedit)

add してcommitし直してくださいねーー

ありがとーーー

でわーーーー

【Git】もう怖くない!git rebase -i (squash)

前回rewordやりました。
今回squash

コミットを1つにまとめたい時です
※push済みのコミットに対してrebase -iは怖いのでやめましょう。

ここのremove3に「remove4」をまとめる。
未pushのコミットが3つあるとします。

git log --oneline

【Git】もう怖くない!git rebase -i (squash)
【Git】もう怖くない!git rebase -i (squash)

remove4の一世代前のSHA値をコピー

【Git】もう怖くない!git rebase -i (squash)
【Git】もう怖くない!git rebase -i (squash)

ペースト

【Git】もう怖くない!git rebase -i (squash)
【Git】もう怖くない!git rebase -i (squash)
【Git】もう怖くない!git rebase -i (squash)
【Git】もう怖くない!git rebase -i (squash)
【Git】もう怖くない!git rebase -i (squash)
【Git】もう怖くない!git rebase -i (squash)
【Git】もう怖くない!git rebase -i (squash)
【Git】もう怖くない!git rebase -i (squash)
【Git】もう怖くない!git rebase -i (squash)
【Git】もう怖くない!git rebase -i (squash)
【Git】もう怖くない!git rebase -i (squash)
【Git】もう怖くない!git rebase -i (squash)
【Git】もう怖くない!git rebase -i (squash)
【Git】もう怖くない!git rebase -i (squash)

もし間違えちゃったら
squash12
をやってみてーーーー

ありがとーーー

でわーーーー

【Git】もう怖くない!git rebase -i (reword)

こういうツイート見かけたので、

じゃあ今緊張感あるgitコマンドなんだ??って問いかけたら私の場合rebaseなので、、
おさらい。
コミット名変更はgit resetでもいけますが今回はrebase -i でやる。
(squashはまた後発の記事で)

前提
・git rebase 怖い方
・pushがまだで積み上げているコミット中のあるコミット名をrewordしたい
・vim(:wq!つかっているからviでも可)

commit のlogを確認する

【Git】もう怖くない!git rebase -i (reword)
【Git】もう怖くない!git rebase -i (reword)

変更したい箇所のコミット名を確認

【Git】もう怖くない!git rebase -i (reword)
【Git】もう怖くない!git rebase -i (reword)

一世代前のSHA値をコピー

【Git】もう怖くない!git rebase -i (reword)
【Git】もう怖くない!git rebase -i (reword)

git rebase -i ****

【Git】もう怖くない!git rebase -i (reword)
【Git】もう怖くない!git rebase -i (reword)

エディタが立ち上がるので変えたい箇所のpickをrewordに変更

【Git】もう怖くない!git rebase -i (reword)
【Git】もう怖くない!git rebase -i (reword)

ここで:wq!で終了しようとすると「Could not execute editor」なる方はvim?? .gitconfig設定を書き換える必要がある
ここみてね

終了すると修正画面になる

【Git】もう怖くない!git rebase -i (reword)
【Git】もう怖くない!git rebase -i (reword)

 変更,終了

【Git】もう怖くない!git rebase -i (reword)
【Git】もう怖くない!git rebase -i (reword)

 Successfully

【Git】もう怖くない!git rebase -i (reword)
【Git】もう怖くない!git rebase -i (reword)

 確認

【Git】もう怖くない!git rebase -i (reword)
【Git】もう怖くない!git rebase -i (reword)

怖くない。

【Git】もう怖くない!git rebase -i (reword)
【Git】もう怖くない!git rebase -i (reword)

 

ありがとーー

でわーーーーー

【Redux】たまに何をやっているか絵にする方が理解してないところが分かる

Reduxとredux-sagaなどMiddlewareの呼び方とかを絵にした。Fluxのときもそうだったけど、、

reselect
applyMiddleware
redux-saga
redux-thunk

image

それぞれ何を解決しているかとかやりたいこと、argumentsとreturnとか、概要は理解した。
引き続き細かいAPI仕様を読んでいこう。。
でわーーー

わたしもみてる |awesome-redux | Reduxにおけるreducer分割とcombineReducersについて| 等

awesome-redux

人気のFluxフレームワークReduxをさわってみた

中規模Web開発のためのMVC分割とレイヤアーキテクチャ

redux-minimal

react-redux

Learn Redux

Reduxのメソッド
applyMiddleware.jsらへん

[code language="javascript"]
export default function applyMiddleware(...middlewares) {
return (createStore) => (reducer, preloadedState, enhancer) => {
var store = createStore(reducer, preloadedState, enhancer)
var dispatch = store.dispatch
var chain = []

var middlewareAPI = {
getState: store.getState,
dispatch: (action) => dispatch(action)
}
chain = middlewares.map(middleware =>; middleware(middlewareAPI))
dispatch = compose(...chain)(store.dispatch)

return {
...store,
dispatch
}
}
}
[/code]

Reduxにおけるreducer分割とcombineReducersについて
combineReducersがやっていること

超訳 Redux Documentation - レジューサ(reducer)

日本のWebエンジニアの大半が、変化に対応しきれなくなっている件について。
日和見主義

10年のツケを支払ったフロント界隈におけるJavaScript開発環境(2016年4月現在)

TOEIC940点の文系大学生プログラマによるブログ

Constructing the Object Model

文系大学生がJavaScriptを始めて約一ヶ月経って思うこと

他の「わたしもみてる記事」

わたしもみている | マイクロサービスアーキテクチャ | React Storybook | マテリアル デザイン等

マイクロサービスアーキテクチャにおけるAPIコールの仕方とHTMLレンダリング

React Storybook

マテリアル デザイン日本語

【小ネタ】技術者向け:英語のヒアリング勉強法

Angular 2 vs React: The Ultimate Dance Off

React/Redux 使ってみての勘所

MobX

Immutable

fluxフレームワークreduxについてドキュメントを読んだメモ

他の「わたしもみてる記事」

【Google Cloud Vision API】もしもGoogle Cloud Vision APIを使いたくてBrowserKeyかServerKeyの場所がわからなかったら〜Where is BrowserKey and ServerKey place? ?〜

You can be found at this location of the image

【Google Cloud Vision API】もしもGoogle Cloud Vision APIを使いたくてBrowserKeyかServerKeyの場所がわからなかったら〜Where is BrowserKey and ServerKey place? ?〜
【Google Cloud Vision API】もしもGoogle Cloud Vision APIを使いたくてBrowserKeyかServerKeyの場所がわからなかったら〜Where is BrowserKey and ServerKey place? ?〜

this

【Google Cloud Vision API】もしもGoogle Cloud Vision APIを使いたくてBrowserKeyかServerKeyの場所がわからなかったら〜Where is BrowserKey and ServerKey place? ?〜
【Google Cloud Vision API】もしもGoogle Cloud Vision APIを使いたくてBrowserKeyかServerKeyの場所がわからなかったら〜Where is BrowserKey and ServerKey place? ?〜

 

 

【Firebase】GitHub認証の設定の方法

こちらの記事はこちらの「【FIREBASE使い方| こんなに簡単なんだ!!】FIREBASEでWEB公開するまでにやった7つの事」の記事でWebホスティング設定をした方がGitHub認証設定したい際の説明ページです。

こちらのチャットアプリを一度作ってみることをお勧めします。(60分でできると謳っています)

基本的にこちらのドキュメントを見ながらやればOKですが

ここの記事では画像でそれをわかりやすく説明しただけですよ。

まずこちらのFirebase内のペインまで操作してください。

【Firebase | 簡単】GitHub認証の設定の方法
【Firebase | 簡単】GitHub認証の設定の方法

赤枠のところのGitHubが有効になっていますが、ここに至るまでの話です。

firebase_authentication_-_-_firebase

https://firebase.google.com/docs/auth/に移動して、写真のところクリック。
説明が出てきます。
https://firebase.google.com/docs/auth/web/github-auth
ここをクリック
%e3%82%a6%e3%82%a7%e3%83%95%e3%82%99%e3%82%a2%e3%83%95%e3%82%9a%e3%83%aa%e3%81%a6%e3%82%99_github_%e3%82%92%e4%bd%bf%e7%94%a8%e3%81%97%e3%81%a6%e8%aa%8d%e8%a8%bc%e3%81%99%e3%82%8b_-_-_fireba

#1
GitHubのページでてくるのでアプリ名とwebサイト入力して緑ボタン

【Firebase】GitHub認証の設定の方法
【Firebase】GitHub認証の設定の方法

#2

IDとかいただく

【Firebase】GitHub認証の設定の方法
【Firebase】GitHub認証の設定の方法

#3

さっきのところに戻って食わせる

【Firebase】GitHub認証の設定の方法
【Firebase】GitHub認証の設定の方法

#4

下の方のここコピー

【Firebase】GitHub認証の設定の方法
【Firebase】GitHub認証の設定の方法

#5

GitHubページのここに食わせてUpdate(ここ前もってコピーしておけばよかったね。あーせん)

【Firebase】GitHub認証の設定の方法
【Firebase】GitHub認証の設定の方法

#6

あなたのアプリのGitHubボタン押下で認証通ります。(もしAppページに設定していなかったらそっちの設定してね)

【Firebase】GitHub認証の設定の方法
【Firebase】GitHub認証の設定の方法

 

じ、自分のが重なるアイコン。。

ありがとうーーー

でわーーー

 

わたしもみている| redux-saga等

yelouafi/redux-saga

Master the DOM
It’s not as hard as you might think

ブログ書いたよ / “株式会社サイバーエージェントを退職します。 - YuG1224 blog” (1 user)

redux-sagaで非同期処理と戦う

ブログが切り拓いた自分のエンジニア人生 / blog-engineer-career

次期MacBook ProとAir 13はやはり10月中に発表か、Air13は早くも第7世代Core搭載との説も

ノマドワークの出費は会社もち リクルートが「お茶代1日2000円出します」

Gitのコミットグラフを可視化できるGitGraph.jsがおもしろい