【失敗】Gatsbyでポートフォリオサイトつくってみる

失敗

Gatsbyでポートフォリオサイトつくってみる

React.jsを使ってみたかったので、ポートフォリオに使えないかと調べてみたところ。

Gatsbyという、React用の 静的サイトジェネレーター が便利そうだったのでさっそく使ってみる。

 

はじめに gatsby-cli というパッケージをインストールする。

npm install -g gatsby-cli

しかし自分のPCではコマンドが見つからなかった。公式ドキュメントで確認したところ。どうやらnodeがインストールされてないのが原因だった。

以下のコマンドも追加で実行した。

brew update

brew install node

すると無事にnpm install -g gatsby-cli通るようになりました。

次のコマンドでプロジェクトの雛形をダウンロード。

https://www.gatsbyjs.org/starters/smakosh/gatsby-portfolio-dev/というテーマを使用させてもらいました。

gatsby new gatsby-portfolio-dev https://github.com/smakosh/gatsby-portfolio-dev

 

以下のコマンドを実行

$ cd gatsby-portfolio-dev

エラーが吐き出されたので、Readmeに書いてあると通ようにnetfily-cliを導入。

npm install netlify-cli -g

 

brew install yarn

 

yarn add gatsby-theme-portfolio

 

$ gatsby develop

 

Error: Schema must contain uniquely named types but contains multiple types named "GitHub".

 

エラーが発生してしまった。Reactが分かってないから解決できないな。。

 

 

参考URL：

GatsbyJS + TypeScriptでポートフォリオをつくった - Neetshin - Medium

さくっとGatsbyでポートフォリオサイトを作った話 - Qiita

正規表現がわからんです

無事に基本カリキュラムが終了して、今日から応用カリキュラムに入りました。

 

早速つまづきました。正規表現難しい。

 

応用カリキュラムでは、調べ方を教えてくれるみたいで、最初から答えは教えてくれないようです。

 

理解度確認テストは全く解けなかった。

 

ちなみに正規表現とは、 文字列に特定の文字が含まれているかを確認することや、特定の文字を取り除くなどの操作を行うための技術のこと。

 

正規表現を使うと、登録するメアドの妥当性がチェックできるようです

valid_address = /\A[a-zA-Z0-9_\#!$%&`'*+\-{|}~^\/=?\.]+@[a-zA-Z0-9][a-zA-Z0-9\.-]+\z/
mail_address = "rubytips86@example.com"
p valid_address =~ mail_address

http://rubytips86.hatenablog.com/entry/2014/03/28/135838