これ僕らの物語であり、僕と君の物語であるかもしれない。 数日前、友人が言った。「久しぶりに Rails を書いたけれど、Node.js の良さに敵わない」と。 その言葉に同意しながらも、他方で少し不思議に思う。 いつから僕らは Node.js しか使わなくなったのか。あれだけ話していた Rails などの多くの Web 技術にときめかなくなったのか。と。 もちろん、使えないというわけではない。寧ろ今現役で十分な活躍をしているフロントエンドの人間は、等しく皆「主役であるバックエンドのサブとして存在するフロントエンド」を経験してきている。 書こうと思えば書ける。だがその中で、敢えてフロントエンドとその技術を選んできた。 だけど今はどうだろう。フロントエンドエンジニアはもはや「JavaScript を扱うソフトウェアエンジニア」となり、一般的なバックエンドは勿論、Node.jsが一級市民として存

Atomic Design is a great methodology for both design and development that was pioneered by Brad Frost. I’ve found that the hierarchy of elements is often interpreted differently from person to person so I’ve tried to solve that with a new approach, I call it Atomic 2.0. The Atomic 2.0 approachConcern #1 with Frost’s approachFrost describes atoms as elements that cease to be functional if broken do

概要 Three.jsの勉強を始めて半年くらいが経過しました。 現在は、以下のようなアプリケーションを作成できるようになりました。 https://nemutas.github.io/r3f-normal-color/ ここまでに至る過程を少しまとめられたらと思います。 React Three Fiber について 私は主に、React Three Fiber（Three.jsをReact用にラッパーしたライブラリ｜以下、R3F）を使用して開発してます。 バニラのThree.jsを触る前に、つまりThree.jsの知識がゼロの状態のときからR3Fを使い始めました。 とてもよく設計されたライブラリで、ほんの数行でBoxを表示することができます。 ただし、よく設計されているということは、それほど抽象化されているということです。学び始めの頃は自分が作りたいシーンを作るために、どのプロパティをいじ

Expertly crafted web design tokens Create consistent components Useful in any framework v1.7.3 MIT @import "https://unpkg.com/open-props"; .card { border-radius: var(--radius-2); padding: var(--size-fluid-3); box-shadow: var(--shadow-2); &:hover { box-shadow: var(--shadow-3); } @media (--motionOK) { animation: var(--animation-fade-in); } }

大学生のときにホストのバイトをしてた。理由は留学資金が欲しかったから。大学で上京させてもらったが、留学資金までは頼れない。長期留学の奨学金は高倍率だし採用されるかどうかわからない。というわけで大学にも慣れ、実験演習などのハードな講義が終わり、成人したタイミングでホストを始めた。未知の世界だったが、先輩たちはとにかく優しかった。よく漫画とかドキュメンタリーで見る新人ホストがしばかれるのはヴィジュアル全盛期だった昔の頃の話。今は人材確保のためにどこのホストもお客様よりプレイヤーを何より大事にする。 お店は歌舞伎町。スーツにスジ盛りではなくマッシュヘアに私服みたいな感じでチームに別れて接客する。最初は同じチームのリーダーや先輩のヘルプについて仕事を覚えるのだが、すぐに慣れた。先輩やお客様の話に相槌を打ちながらお酒をつくり、水滴のついたグラスを三角おしぼりでふき、先輩に振られた話題で話をしてお酒を