webpackの基本的な扱い方の基礎となります

事前準備 Vercelとは Git Hubと連携 Vercel アカウントの作成 まとめと機能 本日はNext.jsのプロジェクトをデプロイする流れまで解説していきます。 これらは多くの選択肢があります 例えば有名なら『Cloudflare Pages』・『Netlify 』などです 当ブログでは…

React開発者になるには欠かせない、Webpack&Babelについて、なるべくざっくりと解説致します。 まずはなぜ必要なのかを理解していきましょう。

前回はReact専用での便利ツールだったのでそれだと React以外の方々からしたら、必要ないですよね 以前は『Googleでの検索方法』『Google Chrome拡張機能』を記事にしました。 なのでエンジニア関係なしで、皆様がブログ時に活用して頂ければなと ターゲット…

React開発者オススメ便利ツール

本日はReactの静的Webサイトの制作についてになります。 SSG リアルDOMのサイトやCMSより速い?? まずReactの仮想DOMで、私が適当に作成したのを貼ります BARのサンプルサイトを用意しました。 DEMO Bar&Filex ※サンプル サイトのクオリティやデザイン性のク…

ライブラリ フレームワーク ライブラリ紹介 フレームワーク紹介 Web開発全般に足を踏み入れると、まず必ず聞くであろう『ライブラリ』と『フレームワーク』 それの違いが全く分からず、きっとGoogle検索のキーワードの履歴はこれで埋め尽くされてるでしょう…

Webアプリ開発エンジニアが個人的に紹介するChromeの拡張機能になります！

本日はReactの学習でSPA開発する際に手軽にプロジェクトの雛形を提供してくれるCLIツールである create-react-appテンプレのディレクトリ構成の中身を解説します。 こちらは完全な初学者用もしくは現在学ばれてる方々用になります、そこはご了承下さい。 公…

Google検索演算子を使う 中点を使用する 関連ページ 検索時に修飾子を使用する ORを使用する みなさんはGoogle様で調べる時はどのように検索をしますか？ JS 基礎 関数 東京 人気レストラン こんな感じで検索かけたりするのが一般的ですよね！ あまりにも長…

本日ではWeb・フロントエンドでの開発では欠かせないnpmまたはyarnの使い方をなるべく分かりやすく解説していきたいと思います。 ※事前にNode.jsがインストールされている事を前提として解説していきます。 yarnのインストール npm・yarnの使い方 ローカルイ…

マウスからは卒業しよう！ VS Codeの個人的にオススメなショートカットキーのご紹介。

どうもです！今回はReactって始めてみたいけど正直始めるまでの環境構築大変だし、Create React App便利だけどコマンドはちょっと…。はい!!それではCDNリンクを利用して既存のHTMLファイルにReact導入しちゃいましょう!。公式ドキュメントさんでは『1分で追…

既存のHTMLを作成 firebaseプロジェクトの作成 サイトをdeployする リリース履歴の管理 公開したのを非公開 ドメイン名は変えられない？ firebaseを使いこなしていこう！ 今回はGoogleが提供しているクラウドサービスmBassであるfirebaseを使用して、既存のH…

Visual Studio Codeのプラグイン Visual Studio Codeのプラグイン indent-rainbow Auto Rename Tag Color Highlight Draw.io Integration Live Sass Compiler peacock Git Lens Visual Studio IntelliCode Open in browser Error Lens Prettier 久々に拡張機…

react-partcles-js 私のローカル表示皆さんこんにちは！記事内容はReactで簡単に動く背景のアニメーションを実装できるプラグインのreact-particles-jsです。前回の私のReactオススメツール・モジュールなどで紹介した記事にReact-particles-jsを載せました…

React-Tabs コマンドインストール React Particles-js コマンドインストール 3d-react-carousal コマンドインストール react-responsiv React-Router コマンドインストール material-ui コマンドインストール create-react-app コマンドインストール Reactで…

クラウドサービスの中で長年使い続けたfirebaseについて私の個人的な感想をまとめとして話していきたいと思います。 メリット デメリットも… メリットfirebaseとは開発者向けのGoogleが提供しているクラウドサービスです。なぜ、AWSやAzureじゃなくmBaasなの…