--
※ この募集は締め切られました。
Gatsby.js + Contentful + TailwindCSS で環境構築をしたい
Gatsby.js + Contentful + TailwindCSS でブログを運用する環境を構築をし始めたのですが、思うようにいかず困っております。
これまでは
Contentful公式?のgatsby-starter ( https://www.contentful.com/r/knowledgebase/gatsbyjs-and-contentful-in-five-minutes/ ) を使ってGatsbyプロジェクトを作成、成功
↓
Sassのプラグインを導入( https://www.gatsbyjs.com/plugins/gatsby-plugin-sass/ )
※ 最初.scssのmoduleが読み込まれない問題が発生したが自己解決(なんで解決したのかよくわかってない)
↓
せっかく新しくサイトを作るのだから流行りを試してみようと思いTailwindCSSを導入( https://tailwindcss.com/docs/guides/gatsby )
↓
TailwindCSSが反映されない
原因がわからず色々いじってGatsbyとプラグインをアップデートしたりしてたらエラーがエラーを呼び収集がつかなくなってしまう
という流れで現在に至ります。
私自身これまではWordPressなど環境構築込みのCMSで修正程度にプログラミングをした経験しかなく、環境構築から自分でやるのは初めてです。そんなこともあり基本的なことがわかっていない(なにがわからないのかもわかっていない)ので、基礎の基礎から教えていただける方を募集しております。
具体的には、コードは無理なく読めるのでコーディングについて教えてもらうことはあまりないかと思うのですが、Gatsbyのファイル構成(どこに何があってどことどこがどう繋がっていてどこで何ができるのか)、プラグインの仕組み、バージョンの管理方法、エラーが出た時の探り方など、コーディングを始めるに当たって土台を整備するために必要な知識をつけたいです。
ゴールは、Gatsby.js + Contentful + TailwindCSSでブログを更新できる環境を作ること(構成とデザインは一旦置いておく)。
欲を言えば、今後のバージョン管理やデバッグも自分自身で行えるようになることです。
プロフィール
「自分でWebアプリ作りたい!」
そんな思いで今までおざなりにしてきたプログラミングを再学習し始めました。
【やりたいこと】
現在いくつか構想があり、
① 進行中|個人ブログをGatsby + Contentfulで作りたい(環境構築に苦戦中)
② 準備中|カウンセリングサイト(予約、決済、会員機能)をReactで作ってみたい(現状は構想のみ)
③ 準備中|プチSaaSのようなサービスをLaravelで作ってみたい(現状は脳内設計のみ)
という構想を実現するためにみなさまのお力をお借りできればと思っています。
言語についてはReactを使いたいことには特に理由はありません(流行ってる?から)が、Laravelについては2年前に独学で始めて挫折した経験があるのでリベンジしたいという思いがあります。
【経験・スキル】
これまでの経験は、
- メディア運営(個人・WordPress・3年)
- UIUXデザイン(本業・2年)
HTML・CSS・JavaScript・PHPの基礎の基礎は一通り理解しています。
あとは仕事でSQL(主にBigQuery)はゴリゴリ使っていました。
それから最近はProgateで、
Node.js, React.jsを新たに学習して、PHPとJavaScriptも学習しなおしました。
【悩み】
大学時代も理系学部でプログラミングには触れていた(C++)のでプログラミング自体にそこまでの苦手意識はないのですが、フレームワークを利用したり、複数のライブラリから必要なものを紐付けたり、など、"Webサービスを開発するためにプログラミングを利用すること"に苦手意識があります。
例えば、Progateなどでプログラミング言語を学習するときはかなりスムーズに学習できるのですが、いざサイトを立ち上げようとするとファイル構成をどうするべきかわからなかったり、どこで何が読み込まれてるのかわからなかったり、公開する前の段階でつまずいてしまうことがしばしば。。。
--