最近キーボードを新調したりしていたので、初めてですがデスク紹介をしてみようと思います。 私はあまりガジェット類に通じていない方なのですが、その分比較的王道なラインナップになっているかなと思います。 誰かの参考になれば嬉しいです。 概要 下記の…

自作ブログを作っています。 yushi-dev.hatenablog.com 技術スタック TypeScript React Next.js Styled Components GitHub Pages 今回からデザイン調整を行います。 まずはResponsive対応を行います。 Responsive対応 Responsive対応、すなわち表示端末の画…

引き続きComponentライブラリを作っていきます。 yushi-dev.hatenablog.com 技術スタックは下記の通りです。 TypeScript React Bulma vite Bulma Storybook ESLint Prettier asdf Buttonコンポーネントを作る HTMLの <button /> に対してBulmaでデザイン装飾をしたり、</button>…

引き続きComponentライブラリを作っていきます。 yushi-dev.hatenablog.com 技術スタックは下記の通りです。 TypeScript React Bulma vite Bulma Storybook ESLint Prettier asdf Prettier・CIの導入 プロジェクトを作ったらとりあえずPrettierを入れておき…

引き続きComponentライブラリを作っていきます。 yushi-dev.hatenablog.com TypeScriptとReactベースで、CSSはBulmaを利用します。 下記のツール等を利用します。 TypeScript React Bulma vite Storybook ESLint Prettier asdf Storybookの導入 下記のコマン…

今回よりComponentライブラリを作っていきます。 TypeScriptとReactベースで、CSSはBulmaを利用します。 その他には下記のツール等を利用します。 vite Storybook ESLint Prettier asdf 初期準備 まずasdfでnode.jsのバージョンを固定します。 node.jsのバー…

自作ブログを作っています。 yushi-dev.hatenablog.com 技術スタック TypeScript React Next.js Styled Components GitHub Pages 今回はGitHub Pagesでの公開のための修正などをしていきます。 画像が表示されない問題 前回も言及した通りですが、GitHub Pag…

自作ブログを作っています。 yushi-dev.hatenablog.com 技術スタック TypeScript React Next.js Styled Components GitHub Pages 今回はGitHub Pagesで公開します。 設定 GItHub上での設定が必要です。 Settings > Pagesが設定ページです。 今回は Source = …