BLOG
改めて考えるコンポーネントパターン
2020-07-31
フロントエンド開発において何故か軽視されがちなのが、コンポーネントの切り方です。 コンポーネントって、個人的には脳死状態でも正しく切れるようにしておくべきだと思っていて、それくらいルールの整備が重要だと思っています。 今回は…
10 modern layouts in 1 line of CSS がすごい
2020-07-31
今月 Google の YouTube チャンネルで公開された動画ですが、とても勉強になりました。 自分が知らなかったやつ、詳しくなかったやつを書き出すと、 #01 place-items: center; #02 flex: 1 1…
use-http 使ってみた
2020-07-31
最近ブログを書くモチベーションがめちゃくちゃ高いです、たまーにそういう時期が来るんですよね。 記事に書いたとおり、さっそくこのサイトのコンタクトフォームを axios から use-http に替えてみました。 axios…
React Developer 2020 が公開されている件
2020-07-31
いつから公開されていたのか知らなかったのですが、公開されていました。 React Developer Frontend Developer に引き続き、全体的にほぼ文句ないです。 95 点くらいです！素晴らしいです！…
npm パッケージの追加は最低限が良いのでは
2020-07-30
現場でフロントエンド開発をしていると思うのですが、ちょっと安易に npm パッケージを追加しすぎじゃないかなぁと。 というのも、npm パッケージって最低限で良いと思っています。 特に感じるのが lodash…
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 年生が入学してきました。 ところが、その学校では先生が授業を行ってくれません。 学校が授業を行ってくれないので塾に通わせましたが、塾の先生も講義を行ってくれません。 その子の親も教えてくれません。…