BLOG
ちょっとした近況報告
2020-06-29
最近色々あったようななかったような感じなので、近況報告です。 来月からとある会社で働くことがほぼ決まりました。 4 年半ぶりの正社員になりそうです、さらば個人事業主の日々よ。 東京に住んでいる人とは思えないような働き方になりそうです。…
WebPってまだ仕事では使えないと思う
2020-06-24
たまーに現場で「WebP 使ってます！」という話を聞くけれど、個人的にはまだ時期尚早じゃないかなーと思っています。 理由は 2 つで、 Safari がまだ対応していない 対応が面倒くさい といった感じです。 Can I use…
React歴4年目のフロントエンドエンジニアが勧めるnpmパッケージ
2020-06-23
フロントエンド開発を行うにあたり、難しいと思うことの 1 つに npm パッケージの選定があると思います。 プロジェクトごとにそこまでコロコロ変えるものではないものの、パッケージを知っているのと知らないのでは開発難度も大きく変わってくるわけ…
main とか h1 って containers が呼ぶべきじゃね？という話
2020-06-15
今回は昨日の記事よりもさらにマニアックな話、お前どんだけ神経質やねんって思われそうな話。 main タグや h1, h2 などの heading タグってかなり特殊で扱いづらいなーと思っています。 main タグは 1 つのページ中に 1…
React.Fragment ってあんまり好きになれないなーという話
2020-06-14
むちゃくちゃ便利な React.Fragment ですが、個人的にはあんまり好きでないです。 おそらく自分が神経質過ぎるだけですが、それでも好きになれない理由を書いていこうと思います。 そもそも React.Fragment とは…
Frontend Roadmap を読んで反省しよう
2020-06-13
よくディレクターやフロントエンドエンジニアの方から「自分たちがやっていることが正しいか自信がない」というお話を聞きます。 自身も数年前に『果たして自分がやっていることは正しいのか？』という不安に襲われたことがありました。…
Molecules と Organisms の分け方
2020-06-12
とあるエンジニアの方から「Atomic Design における Molecules と Organisms の分け方がイマイチわからない」というお話が挙がりましたので、自分なりに解説を書いていこうと思います。 まずは公式サイトを…
まとめ サーバーサイドレンダリングについて、改めて勉強し直してみる
2020-06-10
去年からずっと調べてきたサーバーサイドレンダリング（以下 ssr）ですが、ようやく大体理解できてきたので一旦まとめようと思います。 ssr とは JavaScript（以下 JS）がサーバー側で実行され DOM…
Reactで開発を行う際のsrc以下のフォルダ構成
2020-06-09
プロジェクトによってフォルダ構成はバラバラですが、自分が組む場合はこうするよというのがあるのでご紹介をば。 前提 技術スタックは以下のイメージです。 React Redux redux-saga CSS Modules…
getStaticProps getStaticPaths getServerSideProps について
2020-06-07
Nextjs が v9.3 より Data fetching 用の関数が追加されました。 ただ日本語のわかりやすい記事がなかったので、備忘録がてら。 Nextjs はまだ知見が浅いので、間違ってたらすいません。 結論…
みんなCSSフレームワークのこと勘違いしてない？
2020-06-02
フロントエンドエンジニアとして、現場でたまに CSS フレームワークの使用について聞かれますが、自分は大体、 「使わないほうが良いですよ」 と答えることが多いです。 そんな CSS フレームワーク嫌いの自分ですが、現場の方の CSS…
ALLDOCUBE iPlay 7T を買った
2020-05-19
昔から 7 インチタブレットがすごく好きで、長い間 Nexus7 2013 を使っていました。 その後 iPad mini5 を購入したのですが、こいつはほぼ 8 インチというサイズで、かつ 300g…
Issue の立て方、本当にそれで良いの？
2020-04-23
GitHub などで Issue を立てることは多いと思いますが、あまりに適当に立てる人が多すぎるよなぁと。 レビューについてはマナーやルールを意識する人がちらほら見かけられるんですが。 自分が Issue…
久しぶりに運のなさを発揮したこと
2020-04-22
妻が物理的に軽い Windows ノートパソコンがほしいと言ってきたので、3 日前にメルカリでとあるノートパソコン買いました。 で、今日のお昼頃届いたのですが。 2011 年製の結構古いノートパソコンなため、OS が Windows7。…
create-react-app × electron-packager の最小設定
2020-04-17
本当は electron-builder を入れたかったんですが、エラーが出まくって諦めました。 以下、windows 上での正常動作を確認しました。 electron-packager などをインストールする npm i…
iPhone SE2 vs iPhone 8 vs iPhone SE
2020-04-16
iPhone SE が発表されましたが、かなり微妙そうなので比較してみました。 | | iPhone SE2 | iPhone 8 | iPhone SE | | ------------------------------ |…
create-react-app × electron の最小設定
2020-04-15
どのサイトを見てもごちゃごちゃと書かれていてわかりづらかったので備忘録がてら。 create-react-app を用いてプロジェクトが生成されていることを前提とします。 electron をインストールする npm i…
Redux × TypeScript × Flux Standard Action(FSA) について調べてみた
2020-04-14
じょじょに下火になりつつ Redux ですが、とはいえまだまだ需要が高いのも事実な Redux です。 なかなかやっかいな Redux ですが、きちんと使えばとても有用な技術であるのもまた事実です。 GraphQL…
5月からのお仕事を募集しています
2020-04-09
めちゃくちゃ急な話なんですが、5 月から無職になりそうです。 コロナの影響で、今月いっぱいで突然契約終了となりました…フリーランスの辛いところですね…。 そんな感じなので、5 月からのお仕事募集しています。 Twitter…
formik の FieldArray を扱うときに、key に index を使用したくない
2020-04-08
linter 的に良くないので、回避方法を模索しました。 ちなみに、公式サイトは諦めているみたいです、楽だしね。 import { Field, FieldArray, FieldArrayConfig, Form, Formik,…