プログラミング入門ナビ by Proglus（プログラス）

プログラミング学習初心者のための情報メディア

本ページにプロモーションが含まれる場合があります

You are here: Home / 2023 / Archives for 11月 2023

Archives for 11月 2023

【CSS】Google Fontsの利用方法について解説します！新UIに対応2023年11月更新

By

この記事は、オンライン講座Udemy「ウェブ開発入門完全攻略コース – HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ！」とProglus「CSS入門」のサポート記事です。

2023/11あたりでGoogle Fonts ウェブサイトのUIが変更になりましたので、解説いたします。

なお、アクセス時期によっては実際のサイトと記事中の画像で表示が異なる場合があります。

方法

Potta Oneフォントに設定する方法です。
(1) Google Fontsにアクセス

(2) 検索ボックスに「potta one」と入力して検索

(3) potta oneをクリック

(4) 「Select Regular 400」をクリック※既に選択されていて「Remove Regular 400」と表示されていればOKです

(5) 右上のカバンのアイコンをクリック

(6) 必要なテキストをコピーして利用

※アクセスの時期によっては、「CSS rules to specify families」の記載が無い場合がございます。
その場合は、以下のテキストをご利用ください。

font-family: 'Potta One', cursive;

また操作方法がわからない場合には、レクチャーの添付資料（リソースや補足説明）に、コピペ用のCSSのコードを用意しておりますのでご利用ください。

補足：画像はUdemyの場合。

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

【SQL】XAMPPのMySQLがXAMPPがポートの競合で起動できない問題について解決方法を解説します！

By

本記事は、Proglus（プログラス）「はじめてのSQL ・データ分析入門」、Udemy 「はじめてのSQL・データ分析入門」のサポート記事です。

XAMPP環境下でmysqlを起動した際、以下のエラー文が表示された時のトラブルシューティングです。

[mysql] Status change detected:stopped
[mysql] Error: MySQL shutdown unexpectedly.
[mysql] This may be due to blocked port, missing dependensies,
[mysql] improper priviledges, a crash, or a shutdown another method.
[mysql] Press the Logs button to view error logs and check
[mysql] the Window Event Viewer for more clues
[mysql] If you need more help, copy and post this
[mysql] entire log window on the forums

原因

MySQLで指定してるポートが既に使われてることが原因として考えられます。

解決方法

お手元の環境でXAMPPのMySQLが使用する3306ポートを使っているプロセスが無いか調べます。
(1)コマンドプロンプトを開く
スタートメニューから「cmd」と入力してコマンドプロンプトを開きます。

(2)netstatコマンドを使用してポート3306を調査
コマンドプロンプトで次のコマンドを入力して、ポート3306を使用しているプロセスを調べます。

$ netstat -ano | findstr :3306

ここでポート3306を使用しているプロセスの情報が表示されます。この情報から、該当するプロセスのPID（プロセスID）を特定します。PIDは一意の識別子です。

(3)不要なプロセスを終了させる
表示プロセスの情報の中から、思い当たるアプリケーションを停止、または、アンインストールをしましょう。

思い当たるアプリケーションがない場合は、応急処置として、特定したPIDを使用して不要なプロセスを強制終了させます。

$ taskkill /f /pid [PID]

(4)XAMPPでMySQLを再起動
不要なプロセスを終了させた後、XAMPPでMySQLを再起動します。XAMPPのコントロールパネルを使用してMySQLを再起動できます。

これでエラーが解決され、mysqlを起動することができます。

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する