gaaamiiのブログ

間違ったことを書いている時があります。コメントやTwitter、ブコメなどでご指摘ください

社会人5年目突入

やばい

ウェブフロントエンドのビルド設定を単純に考える

ウェブフロントエンドは設定周りがひたすらつらくて、なにかプロジェクトを作ろうとするとそれだけで挫折してしまうことが珍しくない。その辺を簡単にするツールもあるけれど、その中身が何をしているものかわからないと、設定の追加や最適化ができなかった…

SPA時代について

SPAについてのブログ記事を読んだ。自分が考えていることを箇条書きにしておく。 ビューもRailsにのっかって書いたほうが、生産性とか安心感が得られるかもしれない。 それを捨ててまでSPAにしたからといって使いやすいアプリケーションになるとは限らない。…

基礎からわかるElmを読んだ

ついにきた pic.twitter.com/EjLz6dDspP— gaaamii (@gaaamii) 2019年2月28日 1年半くらい前に注文したものの、Elmのバージョンが0.18->0.19に上がる都合とかで出版予定日が延びていたElm本がついに昨日、自宅に届いていた。感動した。 勉強になったところと…

combineReducersってなんだ

最近、Structuring Reducersとかそこらへんのページを読んでる。 なんで読んでるのかというと、Reduxでウェブアプリケーション書いていて、reducerどう分けるのがきれいなんだっていうのがいまいちわかっていない気がしたから。Immutable.js入れときゃいいの…

Pageコンポーネントの共通処理をHOCにする

Reactでは継承よりも、HOCを使うのが推奨されている。HOCとはHigher Order Componentの略で、コンポーネントを引数にとってコンポーネントを返す関数のこと。 なので、たとえば似たような前処理をするページコンポーネントが複数あったとして、その共通処理…

React Routerを使って、イベントが起きたときにURLを変えつつ何か処理をする

SPAを作っていると、何かイベントが起きたときにURL変えつつなにか処理をしたいということがあります。 たとえば絞り込み検索で、クエリストリングだけ書き換えて画面更新したいというケース。具体的には/blog_posts から /blog_posts?tag=1 へ遷移するよう…

overflow: visible scroll がうまいこといかなくてつらい

CSS

codepen.io overflow: visible scroll; と書いたらx方向ははみ出て見えて、y方向はスクロールになってほしいのだけどそうはいかなくてつらいという話。なんでx方向もscrollになるんだ。

コンビニ人間を読んだ

短くてパッと読めて面白かった。主人公が随分変わった人だったけど、共感できるところもあった。生きるの難しいけど、なにか一つでも没頭できる行為なりなんなりがあるのはいいことですな、という気持ちになった。 コンビニ人間 (文春文庫)作者: 村田沙耶香…

styled-componentsの良さがよくわからない

CSS

と、煽ってるような記事タイトルだけど、 煽りたいわけではなく、単にわからないというつぶやきです。 自分はいまCSS Modulesでやっていて、特に困ることがない。 最近styled-componentsのほうがよく聞くのはなんでだろう。 あっちのほうがなにかいけてるポ…

2018年の振り返り

今年も色々あった。時間過ぎるのがあっという間で、気付いたら10年くらい経ってしまいそうなのでこうして思い出(?)をブログに残しておく。 1月 Reactを書いてた。Angularで書いたものをReact化するという少し変わった仕事だった。他にやるべきことはない…

シリコンバレーというドラマを観ている

くだらなくてとてもいい。 Amazon.co.jp: シリコンバレー:シーズン1 (字幕版)を観る | Prime Video

レイアウトのためのatomコンポーネントとかtemplates層とかの実装

Atomic Designの本「Atomic Design ~堅牢で使いやすいUIを効率良く設計する」を参考にしながら、こういう感じでやっていってる。 // atoms/AppLayout.tsx const AppLayout = (props: Props) => { const children = React.Children.toArray(props.children) r…

代々木の思い出

オフィス移転のため、今日が代々木オフィス最終日だった。 今の会社に転職してから色々あったけど、いそじというラーメン屋のつけ麺がずっと安定して美味かった。 https://tabelog.com/tokyo/A1304/A130403/13041621/

SVGマスクの真ん中くりぬいて明るくするやつ

練習。 codepen.io