導入 先月で個人の技術ブログを初めてから1年が経ちました。 昨年の2月16日にこのブログを初めて公開したので、月日が流れるのは早いものです。 今回の記事では、ブログ1周年ということで、1年間の記事数やPV数の推移、収益を振り返ってみようと思います。 このブログについて P…

導入 突然ですが、皆さんはMDXを使っていますか？ MDXとは、Markdown（マークダウン）にjsxのコンポーネントが埋め込めるもので、Reactを使っているとReactのコンポーネントを使いまわすことができるので、非常に便利です。 Gatsby…

導入 私は先日 .com Master ADVANCE（ドットコムマスターアドバンス）の試験を受けて、無事ダブルスター（★★）を取得しました。 実は .com Masterの試験内容は2022年10月から変更され、第3版から第4版に変わっています。 今回の記事では…

導入 先月（11月）分のpv数がついに3000pvを超えました！ 皆様のおかげです。 本当にありがとうございます。 巷では月間3000pvはブログ初心者の壁と言われているようです。 何とかこの壁を突破することができ、本当にうれしいです。 そこで、今回の記事では…

導入 みなさんはネットの回線、どこを使っていますか？ フレッツ光でしょうか？NURO光でしょうか？ それとも通信キャリアの光回線（ドコモ光、auひかり、SoftBank光、Rakuten光）でしょうか？ 私はケーブルテレビ大手のJ:COM（ジェイコム）を使っています。 J…

導入 ウェブサイトを作る際に画像を動かしたり、回転させたいと思ったことがあると思います。 現在のJavaScriptには、jQueryやGSAPなどのライブラリを使わずにアニメーションを加えることができる、Web Animations APIというものがあります。 そこで今回は…

導入 Web開発・Web制作をする上では欠かせないHTML・CSS・JavaScript。 プログラミング初心者の方が最初に触れることも多いのではないでしょうか。 しかし、プログラミング学習を始めたばかりだと、この3つがどんな役割をしているのかわかりにくいと思います。 そこで…

導入 先日突然発表されたHeroku無料枠終了のお知らせ。 私も含め、影響を受けた方は多いのではないでしょうか。 私の場合、Herokuにポートフォリオを無料で置いていたため、無料枠が終了するのは非常に困ります。 代わりとなるサービスを調べていると、fly…

導入 CSSって難しいですよね。 CSSでサイトを実装する際に、ヘッダーを一番上に固定することがよくあると思います。 しかし、 position: fixed を使って固定しても、下の画面が隠れてしまうことがあります。 例えば、以下のように、サイトの「1行目…

導入 先日、Gatsby.jsのバージョンを上げたところ、以下のような警告が出るようになりました。 warn gatsby-plugin-react-helmet: Gatsby now has built-in support for modyfing the document…