BLOG
開発環境のデータベースの持ち方
2020-07-10
過去様々な現場でフロントエンド開発を行ってきましたが、その中で 1 つ大きな問題となるのが、開発環境における DB の持ち方となります。 開発環境における DB の持ち方って、今までは以下のいずれかでした。 開発環境向けの共通の DB を…
コードレビューをなめるな、と強く言いたい
2020-07-09
開発において一番大切だなーと思っているのがコードレビューだったりします。 コードレビューがしっかりしているところはきちんとしたプロジェクトだし、きちんとしていないところはダメなプロジェクトだと言い切っても良いくらいです。…
Redux × TypeScript
2020-07-08
以下について、個人的な見解をつらつら書いていこうと思います。 素の Redux redux-actions typesafe-actions typescript-fsa 素の Redux…
シンプル
2020-07-02
世の中ってなんでもシンプルにすべきだと思っていて。 シンプルなものはかっこいいし、ごちゃごちゃしているものはダサい。 シンプルだとものごと自体や本質が見えてきて、ごまかしが効かず、精度が良くなる。…
サイトリニューアル
2020-06-30
kk-web リニューアルしました。 コンタクトフォームがなくなってますが、firebase から Gmail を送信する方法が全くわからず一時的に閉じちゃいました。 Gatsby…
ちょっとした近況報告
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…