世の中にはGridレイアウトというレイアウト方法が存在しているらしい。 MDNを見てみたがかなり便利そうだったのでこれを使ってCSSの勉強をしていきたいと考えている。 .wrapper { display: grid; grid-template-columns: 500px 1fr 2fr; } <div class="wrapper"><div>A</div> <div>B</div> <div>C</div> <div>D</div></div> この場合…

世の中にはGridレイアウトというレイアウト方法が存在しているらしい。 MDNを見てみたがかなり便利そうだったのでこれを使ってCSSの勉強をしていきたいと考えている。 .wrapper { display: grid; grid-template-columns: 500px 1fr 2fr; } <div class="wrapper"><div>A</div> <div>B</div> <div>C</div> <div>D</div></div>

CSSをゆるふわで書いていたのでそろそろ覚えていきたいと思います。 とりあえず戦略としてはこんな感じで行きます。 1. 一番モダンなレイアウトを一度覚える 2. １周間ほど使い続ける 3. 少し古いレイアウトを覚える 具体的に言うと。 Gridレイアウトが最新…

airbnb/react-sketchapp GitHub - airbnb/react-sketchapp: render React components to Sketch ⚛️💎

Redux Sagaのeffectであるapplyを使うと、ソースコードが少し読みやすくなる apply(context, fn, [args]) redux-saga.js.org

@yushimatenjinです。 CloudFunctionsを少し触って知見が溜まったのでメモ Cloud Functionsの知見・レスポンス帰ってこない時はresをreturnしてない responseを返さないとタイムアウトまでCloudFunctionsが動きます、しっかりresを返しましょう。・req.body…

どちらもブラウザで実行されているがasyncオプションを渡さない場合にはSagaの実行が完了するまでレンダリングされない export default withReduxSaga(connect(state => state) (SyncExample)) 一方Asyncオプションにtrueを渡すとページが先にレンダリングさ…

github.com

Redux SagaとNext.jsを組み合わせて使う方法についての考察を書いていきたい。 Next jsのSSRとReduxのStateが共有する仕組みがあることは理解した。 Networkを見てみるとSSRはHTMLを返しているわけではなくJSをやり取りしているためSSRで使用したStateをやり…

@yushimatenjinです。本日はブログを初めて３日目、記事は６記事目（本当はミスって２重投稿してしまった記事は記事とは言えないので５記事ですが）です。当初は、エンジニア関係のブログなのかなと考えていたのですが、このブログの目的として自分の活動を…

@yushimatenjinです。Reactを使用していると、Reduxとという言葉を聞くことがあると思います。Reduxのアーキテクチャは理解してしまうとかなり簡単に思えるのですが、私自身、Redux関係の記事などを見ても考え方の前提を知らなかったため少し理解に手間取っ…

どうも、@yushimatenjinです。昨日ブログを開設したのに、今日記事を書かなかったら明日は書かなそうなので本日もブログを書いていきたいと思います。 GitHub - keystonejs/keystone: Node.js CMS and web app framework 今日は最近気になっていた、Keystone…

少し前に購入してLEDをチカチカさせるまでやって放置されていた。Arduinoを触ってもう一度LEDをチカチカさせてみました。 昨日の出来事かつGitHub上にメモを残しているので記憶的には問題ないはず。 GitHubのメモはこちらにありました。 github.com Arduino…

三が日の深夜、ブログを開設した所、ユーザー名に悩んでいたら１月４日になってしまいました。@yushimatenjinです。 この@yushimatenjinというHNは、GitHubのアカウントを共有する事を迫られた５分前くらい前に湯島天神が見えたため、それが一番頭に残ってい…