Storybook はWebフロントエンド向けのUIモックアップのフレームワークです。 あらかじめUIコンポーネントをデータストア非依存で作っておけば、そのモックアップを作ることができます。(モックアップといっても、バックエンドに繋がっていないだけで、ユーザーの操作には反応するというものを考えています。) Storybookでは、このようなモックアップのことをStoryと呼んでいます。Storyがあらわすコンポーネントの粒度もまちまちで、汎用のボタン1つに対するStoryもあれば、ページ全体に対するStoryも考えられます。 モックアップを動かしながら作業することで、余計な手間をかけずにUIの動作確認をできるというのがStorybookの基本的な使い方です。 StoryshotsとはStoryshots はStorybookをユニットテストで利用する方法のひとつです。 Storyshots

Next.js + Express + TypeScript + PostgreSQL の WEBアプリをさくっと立ち上げてプロトタイプ開発をしよう 2020.12.20 アドベントカレンダー2020 テクノロジー

旅行プラットフォーム事業部の小海です。 まもなく創業20周年となるフォルシアですが、フォルシアの技術・検索プラットフォームSpookは日々進化を続けています。 膨大で複雑なデータに合わせて、最適な検索を実現するための「技術基盤」であるSpookには様々な技術が使われていますが、昨年から今年にかけて新しいWebアプリケーションフレームワークを開発・導入しました。 この記事では、その新しいWebアプリケーションフレームワークの技術的な側面ではなく、検討・開発・導入に至るまでの道のりを紹介します。 Webアプリケーションフレームワークとは？ 「Webアプリケーションフレームワーク」とは、ブラウザなどで動作するWebアプリケーションを効率的に開発するためのフレームワークです。案件によってサイトやページ構成などは異なりますが、「URLの解釈」「htmlを作成」「データベース接続」など基本的に必須の共

IT企業にはなぜかtimes文化なるものがあり、Slackにて個人用に公開チャンネルを作ってブツブツと呟く人たちがいる。 この辺の話は他に詳しくその効用やらデメリットやらを語ってくれているのでそちらを参考にされたし。 ex)https://note.com/vaaaaanquish/n/ncc512cf0e263 自分もご多分に漏れずそれをやってきているのだが、まあいろんな会社でトラブルの温床になっていることもしばしばある。自分も他人を傷つけ傷つけられ、その度に成長してまいりました。 その苦しい歴史の中からいくつかのことを学んでいて、マイルールを設けている。しかし言語化したこともなかったので、なんとなくテキストに起こして整理してみる。ちなみに注意点としては、あくまでも自分はこうしていますという個人が勝手にやっているものであって、これをやってないとクソだとか言うつもりは毛頭ない。また正直全部