Web制作– category –
-
Web制作
【Gatsby製ブログ】framer-motionで好きなタイミングでアニメーション発火
Reactでアニメーションをつけるときにオススメのライブラリーがframer-motionです。 もちろんReactベースのGatsbyでも使うことができます。 私のGatsbyブログでもframer-motionでアニメーションをつけています。 framer-motionは自由度が高く、色々できる... -
Web制作
【Gatsby製ブログ】framer-motionでVariantsを使う!
Reactでアニメーションをつけるときにオススメのライブラリーがframer-motionです。 もちろんReactベースのGatsbyでも使うことができます。 私のGatsbyブログでもframer-motionでアニメーションをつけています。 framer-motionは自由度が高く、色々できる... -
Web制作
【React入門】useEffectを初心者〜中級者がキチッとサクッと理解する
Reactを触っていて「わかりにくい」と感じるHooks…。 今回はuseStateに次いでよく使うuseEffectについて説明します。 useEffectは挙動にちょっとクセがあり、ヘタをするとエラーの温床になるので、しっかりとポイントを押さえていきましょう! useEffectと... -
Web制作
【React入門】useStateを初心者がキチッとサクッと理解する
Reactを触っているときにわかりにくかったのがこのuseStateなどのHooksです。 なにしろプログラミングの知識がほぼ0でしたので、変数に値を代入したり、if文による条件分岐などはわかっても、「状態管理?なにそれ?」という感じでした。 いまだにこの辺... -
Web制作
【Gatsby製ブログ】framer-motionの基本的な使い方
今やサイトにアニメーションで動きをつけるのは必須と言っても過言ではないでしょう。 Gatsby製のブログやサイトでも動きをつけることはできます。実際に私が運営しているブログでもアニメーションをつけています。 あまり凝ったアニメーションはつけてい... -
Web制作
【Gatsby製ブログ】FontAwesome?いやReact Iconsでアイコンを使う!
ブログを作っていたら、要所で「アイコン(とか…こんなのです。)を使いたいな…」ということがありますよね? 今回はGatsbyにアイコンを導入する方法を説明します。 最初はFontAwesomeを使おうとしていたのですが、FontAwesomeよりももっと便利な「React I... -
Web制作
【Gatsby製ブログ】Googleアナリティクス設定gatsby-plugin-google-gtag利用
Googleアナリティクスはブログ運営をする上で必須、といえるツールです。 当然Gatsby製ブログでもGoogleアナリティクスは必要になってきます。 この記事では、プラグイン「gatsby-plugin-google-gtag」を使ってGatsby製ブログにGoogleアナリティクスを設置... -
Web制作
SWELLをススメる本質的理由【初心者から上級者まで使える魅力とは!?】
このブログはWordPressの有料テーマ「」を使っています。 私はWordPressのテーマを「Luxeritas」→「Cocoon」→「SWELL」と替えてきました。 結果「有料テーマにして本当に正解だった」と感じています。 また、このブログでWordPressの設定などの解説をする... -
Web制作
BackWPupの使い方や設定方法をわかりやすく解説!
今回のお話は「バックアップ」です。 WordPressに限らず、データのバックアップは重要です。 手塩にかけたブログが飛んだりしたら目も当てられません…。 万が一ですが、デジタルデータですので、何らかのトラブルに巻き込まれて無くなってしまう可能性もあ... -
Web制作
Google Lighthouseの使い方と日本語表示されない場合の対処法
こちらでちょっと説明しましたが、Google LighthouseはWebページの解析ツールです。 Webページについていくつかの項目で評価し、自分のサイトやブログが「適切なパフォーマンスが出せているか、適切な設定ができているか」について確認することができます...