何も誇れぬ人生の記録

『ぼくは何も誇れないのが誇りだな』沼田真佑、影裏より

授業ノート

Rocky9を開発用にする

Apacheの設定

  • Rocky9desktopを起動する。RockyのFirefoxでlocalhost:10000にアクセス

  • webmin画面：サーバ⇒Apache webサーバ⇒右上のスタートボタン▶を押してApacheを起動

  • Firefoでlocalhostにアクセスする。『HTTP Server Test Page』と表示される。

  • 前回と同じ手順でApacheの設定をする：

（１）Apache web サーバー⇒その他⇒製品のみを選択

（２）グローバル設定⇒設定ファイルの変更⇒ファイルを前回と同じ手順で変更

データベースの設定

  • 端末に以下を入力：
$su
Pass: P***
#systemctl enable httpd
#systemctl enable mariadb
#systemctl start mariadb

  • webmin画面：サーバ⇒MariaDBサーバ⇒管理パスワードの変更⇒パスを"P***"に設定

  • Firefoxでlocalhost/phpmyadmin にアクセス。

名: root

pass: P***

でログイン 。phpmyadminとwebminの2つをブックマークする。

  • phpmyadmin画面：一番下の『こちら』をクリック⇒『データベースの作成』をクリック⇒phpmyadminを閉じる

Chromeを入れる

  • Firefoxでchormeを検索⇒ダウンロード (下のFedora, ... の方)⇒ダウンロード先フォルダに行く⇒ダウンロードしたファイルを右クリック⇒一番上のソフトウェアの何々でインストール。

統合開発環境を入れる

前置き

  • Linuxで開発をする理由：　サーバーにたくさん使われているので、将来的にここで学んだことをそのままコピペできる。
  • 様々な ide (統合開発環境)がある：
  • 上手になるコツは開発環境のTab補完などの機能を使いこなせるようにすること

Eclipse の導入

  • FirefoxでEclipseを検索⇒Pleiades 日本語化プロジェクト⇒プラグイン・ダウンロードの『Linux』をクリック⇒設定でこのサイトのポップアップを許可。pleiades.zipがダウンロードされる。

  • Firefoxで”Eclipse download | The Eclipse foundation”⇒ 左側の "x86-64" の方をダウンロード

  • ダウンロード先フォルダの‘eclipse ... 64.tar.gzを右クリック⇒ここで展開⇒展開したフォルダをダブルクリック⇒eclipse-installerをダブルクリック⇒eclipse-inst`をダブルクリック⇒インストーラが開くので『Eplicse IDE for PHP』を選び、そのままインストール⇒LAUNCH

Eclipse の日本語化

  • Eclipse IDEが起動する⇒welcomeを×で消す⇒右上×でEclipse終了。

  • ファイルから『ホーム⇒eclipse⇒php-2022-12⇒eclipse』までフォルダを開く。ファイル画面のダウンロードを右クリックし新しいウィンドウで開くを選択⇒pleiades.zipをダブルクリック⇒pleiadesをダブルクリック⇒featuresとpluginsの二つをドラッグして、開いておいたeclipseフォルダ内に持ってくる。(マージはYES)

  • 開いてあるpleiadesフォルダ⇒readme内のreadme-pleiades.txtの75, 76行をコピーし、eclipse.iniファイルの一番下(29行)にはる。※先頭にスペースが入るとエラーになるので注意。

  • そしてこの29行の :<ECLIPSE_HOME> を :/home/webmaster/eclipse/php-2022-12/eclipse/ に書き換える⇒保存

Eclipseにツールを入れる

-Eclipseを起動する(eclipseファイルを右クリック、実行)⇒ヘルプ⇒新規ソフトウェアのインストール⇒『作業対象』から『すべての使用可能なサイト』⇒一番下の『▶□ Web, XML, J... 』の▶をクリック⇒

□ Eclipse web 開発ツール　

□ Eclipse web javascript 開発者ツール

の2つにチェックを入れる⇒次へ⇒同意⇒完了⇒インストール後、今すぐ再起動を選択。

※ウィンドウをリセットしたい場合、パースペクティブ⇒パースペクティブのリセットで元に戻る。また、右のアウトラインは×で消せる。

HTML を作ってみる

作業ディレクトリの準備

  • 端末で以下を入力：
$mkdir public_html
$cd public_html/
$mkdir html_test
ls
  • Eclipseの画面：左上のファイル⇒新規⇒PHPプロジェクト⇒

プロジェクト名：html_test

内容(既存ロケーション)、ディレクトリー：/home/webmaster/public_html/html_test

とし、完了。

  • このエクスプローラーのhtml_testを選んだまま、ファイル⇒新規⇒htmlファイル(ファイル名：index.html)を作成

  • htmlファイルを編集する：

...
<body>
<h1>Hello World</h1>
</body>
...

※左上のフロッピーボタンで保存する。

  • 端末で以下を入力：
$su
pass:  P***
#cd /var/www/html
#ln -s /home/webmaster/public_html/html_test html_test
#chmod 755 /home/webmaster
#exit
  • RockyのChromeでlocalhost/html_testを表示しページを確認する。"Hello World"と表示されるはず。

HTMLの使い方の簡単な紹介

  • ここではhtml/cssのタグの扱いについて簡単に学習した。

※Rockyの日本語キーボードへの切り替えは画面右上のマークをクリックしてできる