JavaScriptを使ってWebブラウザ上で録音する無料のツールを作る方法（wav、mp3、flac対応）

導入 録音ツールは世の中にたくさんありますが、怪しい海外サービスも多いです。 ですが、今はJavaScriptを使えば、録音ツールを自分で手軽に作ることができます。 そこで今回の記事では…

【2024年版】Professional Cloud Developerの勉強方法や難易度、問題集や合格基準を解説！【GCP資格】

導入 先日、GCPのProfessional Cloud Developer (PCD) を受験し、合格することができました。 以前取得したAssociate Cloud Engineer…

個人の技術ブログを書くのがめんどくさい人向けの続けるための工夫【2年目振り返り】

導入 個人で技術ブログを続けるのって、大変ですよね。 一人でやっているのでサボることも自由ですし、ネタ探しからSEO、セキュリティ対策のためのメンテナンスなど、やることは非常に多いです。 なので…

理系大学生が入学前後にやるべきこと・勉強すべきことをまとめてみた（情報系、入学前準備）

導入 大学入学が決まった皆さん、まずは合格おめでとうございます！ おそらく今楽しみな気持ちもありつつ、わからないことだらけで不安な方も多いのではないでしょうか。

【2024年版】Gmailの新ガイドラインへの対応方法をまとめてみた（DMARC・ワンクリック解除）

導入 先日、GoogleがGmailに新たなスパム対策を導入するとの発表がありました。 要約すると、すべてのメール送信者に対してSPFまたはDKIMを必須にし…

Gemini ProとGPT 3.5をお互いにコードレビューさせてみた (ChatGPT)

導入 先日突如としてGoogle Deepmindから発表されたGemini（ジェミナイ、ジェミニ）。 一番上のモデルであるGemini UltraはGPT4を超えていると謳っていることもあり…

【2023年版】生成AI関連のブラックフライデーセールまとめ【Udemy・GPU・Amazon・楽天】

導入 いよいよブラックフライデーのセールの時期がやってきました！ ブラックフライデーは色々なものが安くなり、お得な時期です。 そこで今回は今話題の生成AI（ChatGPT・Stable…

Next.js (App Router) のredirect関数でリダイレクトできない場合の対処法

導入 Next.js 13でApp Routerが導入され、記述方法が色々と変わりました。 その中で、新しいリダイレクトの方法としてredirect関数が導入されました。 しかし…

【初心者から上級者まで】社会人向けの生成AIのおすすめの勉強方法・講座を紹介！【ChatGPT・Stable Diffusion・LLM】

導入 今、生成AIが話題になっています。 まるで人間のように文章を作成できる「ChatGPT」・美女やイケメン、キャラクターなどの作りたい画像を文字で指示するだけで作成できる「Stable…

【情報Ⅰ】DNCL2とPython・VBA・JavaScriptの比較・対応まとめ

導入 2022年4月から「情報Ⅰ」が必修となり、2025年からは大学入学共通テスト（共テ）で出題されます。 大学入学共通テストでは、「DNCL2（DNCL…

【コピペOK】JavaScriptを使ってウェブサイト上で音声読み上げする方法【Web Speech API】

導入 皆さんはウェブサイトを作っていて、「テキストを音声で読み上げてほしい」「セリフをしゃべらせたい」などと思ったことはないでしょうか。 ウェブサイト上で音声読み上げをする方法はいくつかあり…

【初心者向け】WindowsとWSL2でWebの開発環境構築をする手順【HTML・CSS・JavaScript】

導入 環境構築って難しいですよね。 プログラミング初学者の多くが苦手とするのが、この環境構築です。 特に、多くのプログラミングの記事はmacやLinuxを前提にしているものが多く…

リスキリングでプログラミングを学びたい・ITエンジニアになりたい人向けのおすすめ講座・スクールを紹介！

導入 ここ最近、「リスキリング」という言葉が話題になっています。 「リスキリング」とは、簡単に言うと、今働いている職種ではない仕事で働くために、新たにスキルを身に着けることです。 よく日本語では…

Gatsby.jsでMDXを使っている場合にRSSフィードを追加する方法【gatsby-plugin-feed】

導入 Gatsby.jsでブログを作る際、MDXを使うと非常に便利です。 ですが、MDXを使うとRSSフィードの出力の部分でビルド時にエラーになるため…

【2023年最新】Professional Cloud Architectの勉強方法やよく出る問題集、難易度や合格率・合格点について紹介！【GCP資格】

導入 近年、GCPを含むクラウド系の資格の人気が高まっています。 その中でもGCPのプロフェッショナルレベルの資格は年収も高く、特に人気の資格です。 しかし、対策さえきちんと行えば…

【2023年版】Associate Cloud Engineerの勉強法とおすすめの問題集・難易度を紹介！【GCP資格】

導入 先日、GCPのAssociate Cloud EngineerとProfessional Cloud Architectの試験を受け、無事合格することができました。 これらの試験はGoogleの…

個人のエンジニアブログを1年間運営した結果（記事数・PV数・収益）を公開してみた

導入 先月で個人の技術ブログを初めてから1年が経ちました。 昨年の2月16日にこのブログを初めて公開したので、月日が流れるのは早いものです。 今回の記事では、ブログ1周年ということで…

Gatsby.js製のブログでMarkdownからMDXに移行する方法【gatsby-plugin-mdx】

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

【2022年10月改定対応】.com Master ADVANCEの難易度とおすすめの勉強法を紹介する【第4版】【ドットコムマスター】

導入 私は先日.com Master ADVANCE（ドットコムマスターアドバンス）の試験を受けて、無事ダブルスター（★★）を取得しました。 実は.com Masterの試験内容は2022年10月か…

個人のエンジニアブログで月間3000pvを突破するまでの期間と記事数、収益、方法を紹介！【Gatsby.js】

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

【2022年最新版】J:COMのインターネット速度が遅い問題を解決する方法

導入 みなさんはネットの回線、どこを使っていますか？ フレッツ光でしょうか？NURO光でしょうか？ それとも通信キャリアの光回線（ドコモ光、auひかり、SoftBank光、Rakuten光）でしょう…

【コピペOK】JavaScriptを使って画像を動かす・回転させる方法

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

HTML・CSS・JavaScriptの役割を家具に例えてわかりやすく説明してみた

導入 Web開発・Web制作をする上では欠かせないHTML・CSS・JavaScript。 プログラミング初心者の方が最初に触れることも多いのではないでしょうか。 しかし、プログラミング学習を始め…

無料枠が終了するHerokuからfly.ioにポートフォリオを移行してみた【Express】

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

【CSS】ヘッダーを固定したとき重なる問題の解決策2選

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

非推奨になるreact-helmetからGatsby Head APIに書き換える方法

導入 先日、Gatsby.jsのバージョンを上げたところ、以下のような警告が出るようになりました。 まだ警告の段階なので問題はありませんが、非推奨になる予定なのでやがて使えなくなる可能性があります。…

【2022年版】DKIMに対応しているメールサービスをまとめてみた

導入 送信したメールがGmailで迷惑メールと判定されてしまうことが最近増えているようです。 これは、Gmailがセキュリティを強化したことによるもので、原因の一つにDKIM対応していないことが挙げ…

Windowsで flutterfire: command not found とエラーが出るときの対処法

導入 クロスプラットフォーム開発ツールとして人気なFlutterは、Firebaseと一緒に使うことが多いです。 FlutterとFirebaseの連携を簡単にするツールとして、FlutterFir…

Flutterで簡単な自己紹介アプリを作ってみた【Windows11・Flutter3対応】

導入 スマホが幅広く浸透している昨今、モバイルアプリはますます重要になっています。 しかし、従来のモバイルアプリ開発では、iPhoneとAndroidそれぞれ別々にアプリを開発する必要がありました。…

エンジニアブログで月間1000pv突破するまでにしたこと【Gatsby.js + Netlify】

導入 本ブログは先月で月間1000pvの壁を突破しました。 ありがたいことです。 まだまだ少ないですが、次は月間3000pvを目指して地道に頑張っていきます。 月間1000pvに到達するまでに私…

Gatsby.js製のブログでTwitter Cardを設定する方法

導入 ブロガーの皆さん、Twitter使っていますか？ Twitterに自分の記事を貼り付ける際に便利なものとしてTwitter Cardがあります。 これは以下の画像の赤枠で囲われた部分のことで、…

内製化企業のエンジニアはいくらもらえるのか？その年収を調査する

導入 近年、システムの内製化をする企業はますます増えています。 IDCの調査によれば、内製化をする社内エンジニアが在籍する/これから採用する予定の企業は全体で7割、大企業では9割を超えました。 シス…

【2022年版】企業におけるシステムの内製化事例とそのメリット・デメリットをまとめてみた

導入 近年、システムの内製化がトレンドになっています。 2022 年 6 月 13 日には、家電量販店のビックカメラがシステムの内製化をし、DX を進めることを発表しました。 システム内製化の動きは…

Gatsby.jsとNetlifyで自動的にブログランキングサイトに最新記事を反映する方法

導入 みなさんはブログランキングサイトに登録していますか？ どのサイトに登録していますか？ 私は「にほんブログ村」と「人気ブログランキング」の 2 つを使っています。 いつも記事の一番下に載せてい…

ノーコード・ローコードでYouTubeの再生回数の推移を記録するアプリを開発してみた

導入 近年、盛り上がりを見せているノーコードやローコードツール。 プログラミングをしない/できる限りしないで本格的なアプリが開発できると話題ですが、実際どこまでできるのでしょうか。 また、他の人の …

TOEICの英単語がなかなか覚えられない方におすすめのアプリを紹介！

導入 大学生や社会人で必須となりつつある TOEIC。 単語を勉強しても続かないといった悩みがある方が多いのではないでしょうか。 私も英語が苦手で、特に単語がなかなか覚えられずすぐに挫折してしまいま…

【2022年版】Vue3の最新の書き方をReactと比較しながら学んでみた【script setup構文】

導入 現代のフロントエンドといえばReact.jsとVue.jsの2強ですよね。 私はReactには触れたことはあるので基本はある程度わかっているのですが、Vueは全く触れたことはありませんでした。…

実際に使ってわかったさくらのレンタルサーバーの良いところ5選

導入 レンタルサーバーはいろいろ選択肢があり、悩みますよね。 Xserver・さくらのレンタルサーバー・ロリポップなどが有名ですが、どれも大きな会社がやっている有名なサービスということでどれにしたら…

• #レンタルサーバー

Heroku×Laravelで Class 'Redis' not found エラーが出た時の対処法

導入 Laravel と Redis を使ったシステムを作った際、ローカル環境では問題なく動いたのですが、Heroku にデプロイした際、エラーが発生しました。 日本語でこの問題の対処法に触れた記事…

さくらのレンタルサーバーから送信するメールが迷惑メールになる問題を修正する方法

導入 さくらのレンタルサーバーの各プランには、追加料金なしで使えるメール機能が付いています。 この機能は、お名前.com など他社で取得したドメインでも使えます。 そこで今回はさくらのレンタルサーバ…

Gatsby製ブログをNetlifyにデプロイしたとき404ページが動作しない問題を修正する

導入 Gatsby 製のブログを Netlify にデプロイしたのですが、404 ページが表示されず、エラーが発生する問題に遭遇しました。 この問題を修正する方法をまとめます。 問題 Gatsby …

Gatsby製ブログでreCAPTCHA付きのNetlify Formを実装する方法（スパム対策）

導入 Gatsby 製のブログを作っていて、Netlify のフォーム機能を使ってお問い合わせフォームを実装したいと思いました。 しかし、最初はうまく動かなかったため、動くようにするまでの手順をまと…

Gatsby.jsで作ったブログを公開する（ドメイン取得・Netlifyへのデプロイ）

導入 今回は、Gatsby.js で作ったサイトを独自ドメインで公開する手法を紹介します。 そのために、独自ドメインを取得するサイトを比較します。 そして、その取得したドメインで Netlify 上…

Gatsby製のブログでGoogle Adsense対策をする（お問い合わせフォーム・プライバシーポリシー）

導入 ブログに広告をつけるためには、Google Adsense の審査に合格する必要があります。 この審査に合格するためには、お問い合わせフォームとプライバシーポリシーページが必要と言われています…

Gatsby.jsで作ったブログのSEO対策をする

導入 今回はサイトを公開する際に欠かせない SEO 対策を Gatsby.js で作ったブログで行います。 SEO 対策とは、Google や Yahoo などの検索エンジンで上位に表示するための対…

Gatsby.jsで作ったブログにタグ機能を追加する

導入 今回は Gatsby.js で作ったブログにタグ機能を追加する手法を紹介します。 記事にタグをつけることで、関連するワードの記事を一目で確認できるため、ぜひ追加したい機能です。 Gatsby …

Gatsby.jsで作ったブログを日本語用にカスタマイズする方法（ファビコン・記事投稿表示・フォントの変更）

導入 Gatsby.js では、Gatsby Starter Blogという簡単にブログの雛形を作れる公式のテンプレートがあります。 しかし、そのままでは日本語のブログを書く際に不便であるため、カス…

【初心者向け】Gatsby.jsを使った無料ブログの作り方・必要な知識について紹介する

導入 この記事では、実際に Gatsby.js を使ってブログの雛形を作成します。 実際にブログを作る前にまず必要な知識を説明し、その後に Gatsby.js を使ったブログ作成の具体的な手順を紹介…

プログラミングでオリジナルのブログを作るには？おすすめの言語・フレームワークを解説する

導入 ブログを作っても、他のサイトと似たようなデザインになる… このボタンをもう少し小さくできたら… ブログを作成するとこのような悩みはないでしょうか？ 無料で作成できるブログは簡単に作れますが…