システム開発

[Gatsby/React/TailwindCSS]マージンを使いこなしてみた

1. はじめに カンパニーサイトをGatsby/React/TailwindCSSを使って開発しておりますが、その際の気付きがあったため、ブログ化しました。尚、当方はWeb開発初心者であるため、至らない点がある場合はご容赦くださいま...
自己啓発

【感想】超・箇条書きを読んでみた

杉野幹人さんの名書、超・箇条書きを読んでみました。プラクティカルな説明となっており、読み終わった後すぐに業務実践にうつしております。私なりの視点で、感想・学びを記載しましたので、よければご覧ください。
システム開発

[React/gatsby/tailwind] Google Map を埋め込んだコンポーネントを作ってみる&環境変数の設定方法

はじめに:やりたいこと 今回はgatsbyのサイトで、Google Mapを埋め込むにはどういうコンポーネントを作ればよいか紹介をしたいと思います。利用するにあたり、GCPのAPIキーも必要になるため、環境変数をGatsbyでどうや...
システム開発

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

Gatsby+TailwindCSSでシンプルなコーポレートサイトを作ろうとチャレンジしています。 コーポレートサイトを作ろうとしたきっかけは「コーポレートサイトをGatsby+TailwindCSSで自作チャレンジ」を参照してくだ...
システム開発

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

やりたいこと 現在、gatsby.jsで会社のホームページを作っており、以下のような表を色んなページで作成するという要件があります。 いわゆるヘッダなしテーブルです。テーブルの各行が(属性, 値)のペアーになっているよ...
システム開発

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

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

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

中小企業とコーポレートサイト 中小企業にとってコーポレートサイトを作る、という仕事は本業がIT関連でなければ中々手出しができないですよね。ホームページを作ったのが10年前、20年前なんてこともあったり、更新履歴が2015年で止まって...
タイトルとURLをコピーしました