プログラミング入門

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

2023-11-29 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がポートの競合で起動できない問題について解決方法を解説します！

2023-11-20 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週間無料体験しよう

今すぐ詳細を確認する

【Colab】–NOMAL– と表示されて、ショートカットキー(ctrl＋c)でコピーができない場合の解決方法を解説します！

2023-09-21 By プログラミング入門ナビ編集部

本記事は、Proglus（プログラス）「はじめてのPythonプログラミング入門」、Udemy 「はじめてのPythonプログラミング入門」のサポート記事です。

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

原因

「–NOMAL–」は、エディタのキーバインディングをvimに変更している場合に表示されます。
Colaboratoryでは、キーバインディングをvimに設定することで、vim使用することができます。
※本コースでは、vimを使用しません。

解決方法

(1) Colaboratoryを開いた状態で、右上の歯車アイコンをクリックして、設定を開きます。

(2) エディタ > エディタのキーバインディングのプルダウンから「default」を選択して、「保存」をクリックします。

(3) 「–NOMAL–」の表示が消えました。

(4) ショートカットキー(ctrl＋c)を使ってコピーができるようになりました。

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

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

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

今すぐ詳細を確認する

【AWS Cloud9】ソフトウェアアップデートで警告メッセージが表示された時の対処方法

2023-08-02 By プログラミング入門ナビ編集部

この記事は、Udemyオンライン講座「はじめてのRuby on Rails入門-RubyとRailsを基礎から学びWebアプリケーションをネットに公開しよう」のサポート記事です。

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

ソフトウェアアップデートで警告メッセージが表示された時の対処方法

ソフトウェアのアップグレードしたタイミングで”Pending kernel upgrade”と警告表示された時の対処法として、以下手順をお試しください。

手順

(1) ソフトウェアアップデート実行

$ sudo apt update && sudo apt upgrade

(2) Do you want to continue? [Y/n] 箇所
Y を入力してエンターキー。
Do you want to continue? [Y/n] Y

(3) Pending kernel upgrade 警告表示画面
新しいLinuxカーネルのバージョンが利用可能で、適用するかどうか確認されています。
エンターキーで次へ進みます。

(4) Which services should be restarted? 画面
アップデートによって影響を受けたサービスを再起動する必要があることを表しています。適用する場合は、再起動が必要になります。
エンターキーでApacheサービスとパッケージを管理しているパッケージキットを再起動します。