Gatsby＋Tailwind CSSでコーポレートサイトのヘッダーを作る

雰囲気かっこいい見た目のコーポレートサイトを人気のフレームワークReact+Gatsby+Tailwind CSSを使って自分で作ってみちゃいます。今回はコーポレートサイトヘッダーの実装です。ヘッダー固定、Gatsbyでの画像取り扱い、React Hookを使ったメニュー開閉など複数の技術について紹介します。

[React/gatsby/tailwind] テーブル要素のComponent化をして1行でテーブル追加できるようにリファクタリング

Reactを使う上で欠かせないComponentの適用例を紹介いたします。これが出来るとかなりコードがスッキリしました！ぜひスパゲッティコードを防止したい人はご参考にしてみてください。 目次やりたいこと方針リファクタリング直していく過程Step1：まずはそのままComponentにしてみるStep2：テーブルの各セルの内容を動的に（完成版） やりたいこと 現在、gatsby.jsで会社のホームページを作 […]

Gatsby+TailwindCSS:最低限のファイル構造を解説

Gatsby+TailwindCSSでシンプルなコーポレートサイトを作ろうとチャレンジする中で、学んだことを書き留めていきます。コーポレートサイトを作ろうとしたきっかけはこの記事を参照してください。 今回はReactの基 […]

コーポレートサイトをGatsby+TailwindCSSで自作チャレンジ

最近のWeb製作周りの技術の進歩は著しくて、見た目がいけてるサイトを比較的簡単に作ることができるフレームワークがいくつも登場しています。雰囲気かっこいい見た目のコーポレートサイトを、人気のフレームワークReact+Gatsby+Tailwind CSSを使って自分で作ってみちゃいます。

[DNS]ドメイン名にwww付けないとサイト表示できない問題を解決

DNSとWEBサーバー（nginx）でwwwのリダイレクトってどうやってやるんだっけ？と思い、設定方法を紹介します。Azure / Network / DNS / Nginx / Apache / Wordpress / ブログ / インフラ目次起きていた問題DNS、WEBサーバの設定方法DNSのレコードタイプについてWebサーバー（nginx）の設定 起きていた問題 当ブログでは、基本的に以下のwww付きのURLで動作確認などをしてきた。 ※wwwありにし […]

【感想】大ベストセラー作品 学問のすすめ（現代語訳）を読んでみた感想

学問のすすめ 現代語訳 (ちくま新書)を読んでみた。現代でも自己啓発書として数多く読まれている福沢諭吉の大ベストセラー作品。本書を読んだ感想と学んだことを簡潔に記載しました。出版社：ちくま新書発行日：2009/2/10評価：★★★（★：いまいち、★★：普通、★★★：面白い、★★★★：他者へ強く勧める、★★★★★：バイブル級）著者：齋藤孝1960年生まれ。東京大学法学部卒業。同大学院教育学研究 […]