deve.K

エンジニアが未来を切り開く。

Webpackの基本的な扱い方と設定 基礎

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

Next.js 入門 プロジェクトをVercelにデプロイ

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

React 環境構築 Webpack + Babelなぜ必要?

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

ブログ SEO対策 便利ツール

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

React オススメ開発者ツール

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

Reactでの静的Webサイト 制作

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

ライブラリとフレームワークの違い 【脱初学者】

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

エンジニアが紹介する【個人的な】Chrome 拡張機能

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

React create-react-appのディレクトリ構成の解説

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

【個人的】エンジニアのGoogle検索の調べ方(ググり方)の方法を紹介 

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

npmとyarnの基本的な使い方【パッケージ管理】

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

VS Code ショートカットキー 個人的にオススメ一覧

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

既存のHTMLにReactを導入しClass・関数型コンポーネントを学ぶ

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

VS Codeでfirebaseの静的WebサイトをHostingし公開

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

VS Code 個人的にオススメな拡張機能(プラグイン)

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のプラグインreact-particles-js【本番環境】について

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

React オススメな開発ツールやモジュールまとめ

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

Google(mBaas)のfirebaseを長年使い続けてのメリット・デメリット

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

プライバシーポリシー