コーポレートサイトを公開する基盤（FirebaseやNetlify）を選んでみた

これまでの背景これまで、当ブログでコーポレートサイトをReact＋Gatsby＋TailwindCSSで構築する技術情報を紹介してきましたが、ついに開発が完了し、公開するところまで来ました。ローカルでの表示や、テストサイトでの表示は行ってき

Microsoft Azure で SPA をデプロイする

インフラ静的ファイル(html, js, css)のホスティングは BLOB Storage を用いるBLOB Storage の作成手順1．azureポータルを開き、ストレージアカウントを選択2．ストレージアカウントを作成する。アカウント

【2021年最新】28歳SIerが選んだ、名書多数の自己啓発書オススメランキング21選！

閲覧頂きありがとうございます。本ページでは、自身が読んできた自己啓発本の中からオススメ21選を紹介いたします。また、今後も継続して自己啓発書は読んでいくので、定期的に本記事を更新していきます！是非本選びの際に皆様の参考になれば幸いです。また

【ネット簿記3級】会計知識ゼロの状態から1ヶ月で合格した勉強方法を紹介します！

閲覧頂きありがとうございます。本記事では、会計知識ゼロの私が約一ヶ月間の勉強でネット簿記3級を取得した際の勉強方法をご紹介したいと考えております。これから受験される方にとって少しでも参考になれば幸いです。ネット簿記3級とはその名の通り、ネッ

Githubにパスワード認証で接続できなくなったのでSSHに切り替えた

背景2021/08/19 ：久しぶりにいつも通りリポジトリからpullしようとしたら以下のメッセージが表示された。remote: Support for password authentication was removed on Augu

【感想】心理的安全性のつくりかたを読んでみた

今日よく耳にする"心理的安全性"について、プラクティカルに体系立てて整理されている名書、"心理的安全性のつくりかた"を読んでみました。4つの要素の重要さ、それら要素を高めるためのソリューション、が丁寧に記載されており、大変勉強になりました。私なりの視点で感想を記載しましたので、是非ご覧ください。

【感想】ぼくらの仮説が世界をつくるを読んでみた

1600万部超! 『宇宙兄弟』600万部超! 『ドラゴン桜』を大ヒットに育て上げた編集者であり、作家エージェント会社「コルク」を起業した、いま注目度ナンバーワンの編集者/経営者、初の著書である、僕らの仮説が世界を作る、を読んでみました。著者の独特な視点は非常に参考になり、学ぶことが多かったです。

[TailwindCSS] マイナスマージンで固定ヘッダーが崩れた

ネガティブマージン使ったら問題が発生した！コーポレートサイトを構築する過程で、TailwindCSSを使ったかっこいいデザインを実現するために、以下の記事で紹介したネガティブマージンを使いました。そうしたら以下の記事で作ったヘッダーの右側に

【感想】嫌われる勇気を読んでみた

全世界でシリーズ累計600万部を突破した作品とも知られる、嫌われる勇気を読んでみました。対話形式で記載されている本書は、気づいたらのめり込んでしまうような面白さがあり、また非常に学ぶことも多い作品となっています。私なりの視点で感想を記載しまいたので、ぜひ閲覧ください。

【感想】東大首席弁護士が教える超速「7回読み」勉強法を読んでみた

山口真由さんが著した東大首席弁護士が教える超速「7回読み」勉強法を読んでみました。天才という言葉で片付けてはいけない、努力無くして結果は出てこない、ということを改めて感じさせられた本です。本書を読んだ私なりの感想を記載してみましたので、よければ閲覧ください。

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

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

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

杉野幹人さんの名書、超・箇条書きを読んでみました。プラクティカルな説明となっており、読み終わった後すぐに業務実践にうつしております。私なりの視点で、感想・学びを記載しましたので、よければご覧ください。出版社：ダイヤモンド社発行日：2016/6/17評価：★★★★（★：いまいち、★★：普通、★★★：面白い、★★★★：他者へ強く勧める、★★★★★：バイブル級）著者：杉野幹人A.T. カーニーマネージャー 東京農工大学工学 […]出版社：ダイヤモンド社発行日：2016/6/17評価：★★★★（★：いまいち、★★：普通、★★★：面白い、★★★★：他者へ強く勧める、★★★★★：バイブル級）著者：杉野幹人A.T. カーニーマネージャー 東京農工大学工学 […]

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

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

【感想】ビジネスの未来を読んでみた

山口周さんの名書、ビジネスの未来を読んでみました。コロナ禍で仕事に対する価値観を見つめ直していた私にとって、非常にいい価値観を提供してくれた名書でした。私なりの視点で、感想・学びを記載しましたので、よければご覧ください。出版社：プレジデント社発行日：2020/12/21評価：★★★★★（★：いまいち、★★：普通、★★★：面白い、★★★★：他者へ強く勧める、★★★★★：バイブル級）著者：山口周1970年東京都生まれ。独立研究者、著作家、パ […]

【感想】スマホ脳を読んでみた

現代では人類の生活には欠かせないスマホ。一方で、スマホが人類にどのような影響を与えるのかを科学的根拠を用いながら説明されている名書である。その感想を私なりの視点で記載してみました。出版社：新潮新書発行日：2020/11/20評価：★★★（★：いまいち、★★：普通、★★★：面白い、★★★★：他者へ強く勧める、★★★★★：バイブル級）著者：アンデシュ・ハンセン1974年生まれ。スウェーデン・ストックホ […]

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ありにし […]