BLOG

TypeScript で型が強い定数を切る
2020-07-29
いっつも忘れるので、備忘録がてら。 const assertions const hoge = ["fuga", "piyo"] as const; キャストっぽい書き方ですよね。ちなみに .tsx…
Web 需要と供給
2020-07-26
フロントエンドエンジニアをやっていると思うんだけれど。今の世の中、Web は需要よりも供給のほうが圧倒的に多い、デフレの状態なのかな？ 10 年以上前は、イラストレーターが個人の Web…
Next.js で babel-plugin-react-css-modules を使用する方法
2020-07-25
あまり推奨されるやり方ではないですが、現状これ以外のやり方が見つかっていません…。 const path = require("path"); const genericNames = require("generic-names");…
ライトモードはじめました
2020-07-24
一般的にはダークモードと呼ばれているやつですが、kk-web は元々ダークモードっぽい色調で組んでいたので、後追いでライトモードを追加する形になりました。実は導入にかなーり苦戦しましたので、備忘録をば。 kk-web…
フォームとモーダルは相性が悪いよという話その後
2020-07-23
React ならこう書けば自然かなーと思える実装が思い浮かんだので追記をば。あくまでイメージなので、下のコードをコピペしても動きません、あしからず。 type Values = { fuga: string; }; const…
タブってイマイチだよね、という話
2020-07-22
何らかの情報を表示する画面でありがちなのですが。例えば、「詳細」と「編集」を url で切り替えず、タブで切り替える、みたいな要件って結構多いです。もしくは、url のパラメータで切り替える、みたいなこともたまーにあります。…
フォームとモーダルは相性が悪いよという話
2020-07-21
たまーに Web デザインプロトタイプに、以下の要件が盛り込まれているときがあります。フォームに確認ボタンを追加し、確認ボタンを押下されたときに確認モーダルを表示する…
キューピーコーワiプラスが効く
2020-07-20
プログラマーという職業柄、モニターを見る時間がむちゃくちゃ長いせいで、2, 3 ヶ月に 1 度の頻度で目がむちゃくちゃ痛くなります。で、先週耐えれないほど目の痛みがひどくなってきたので、何か良い薬はないものかと探したのですが。…
絶対に破綻しないフロントエンドプロジェクト
2020-07-19
フロントエンド開発って、どこの現場も大なり小なり破綻しています。破綻している原因自体はシンプルで、単純に技術不足、知識不足に尽きます。現場に技術者が存在しない、でもプロジェクトは破綻させたくない、そう考えるのは至極自然なことだと思います…
github actions でサクッと firebase に deploy する
2020-07-18
以前まで CircleCI を使用していましたが、サイトリニューアルに伴い github 内で完結させるようにしました。結論から書くと、めっちゃ簡単に連携できました。このサイトを見てもらえれば 95%…
re-ducksを学ぶ
2020-07-17
自分は ducks パターンが死ぬほど嫌いでして、どんなプロジェクトであっても導入すべきでないパターンだと思っています。 1 ファイルがやたら長くなるし、そのせいで保守性も低くなるし、その割に制限は強いと、正直良い点がないとすら思っています…
create-react-app で eject せずに babel-plugin-react-css-modules をあてる
2020-07-15
素の create-react-app で eject を行わずに webpack の設定を上書きすることは厳しいみたいです。そこで、外部パッケージで react-scripts をラップしてやることで、webpack…
レシグルリリースしました
2020-07-14
レシグル普段からちょくちょく料理をするのですが。レシピにべったり乗っかって料理をするタイプなので、料理をする際は必ず Google でレシピを検索します。…
MIIX310をデュアルブート環境にしたかった
2020-07-13
結論から書くと、できませんでした、残念。以下、悪戦苦闘した様子と、今の状態です。 Lenovo ideapad MIIX310 という、マニアックな 2in1 タブレット兼用パソコンを持っていまして。ざっくりスペックとしては、 |…
日本のフロントエンド開発
2020-07-11
問題とある小学校に新 1 年生が入学してきました。ところが、その学校では先生が授業を行ってくれません。学校が授業を行ってくれないので塾に通わせましたが、塾の先生も講義を行ってくれません。その子の親も教えてくれません。…
開発環境のデータベースの持ち方
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…