「PHP」の版間の差分
→※ 未分類: 引用 『HTML/HTML5#簡単な動画の例』 2021年11月1日 (月) 06:47 |
|||
66 行 | 66 行 | ||
表示結果 |
表示結果 |
||
asdf |
asdf |
||
このような方法で、下記のように図形なども表示させることが可能です。(下記コードは、[[HTML/HTML5#簡単な動画の例]] からの引用です。) |
|||
<syntaxhighlight lang="PHP"> |
|||
<?php |
|||
echo <<<EOM |
|||
<!DOCTYPE html> |
|||
<html lang="ja"> |
|||
<head> |
|||
<title>簡単なページ</title> |
|||
</head> |
|||
<body> |
|||
<canvas id="canvas" width="320" height="240"> |
|||
</canvas> |
|||
<script> |
|||
var canvas = document.querySelector("#canvas"); |
|||
var ctx = canvas.getContext("2d"); |
|||
ctx.fillStyle = "rgb(0,0,200)"; |
|||
ctx.fillRect(100, 100, 200, 200); |
|||
</script> |
|||
</body> |
|||
</html> |
|||
EOM; |
|||
?> |
|||
</syntaxhighlight> |
|||
2021年11月1日 (月) 07:41時点における版
メインページ > 工学 > 情報技術 > プログラミング > PHP
PHPは、SSI (サーバSide Includes) と主にWebサーバ環境で動作するスクリプト言語です。
目次
- PHP/開発環境
- PHP/開発環境/インストール
- PHP/確実に動作させるまで
- 参考: PHP/コマンドラインでの活用
- PHP入門
- PHP/HTMLフォームからのデータ受け取り
- PHP/ファイル入出力 (headerによるダウンロードもここ)
- PHP/配列
- PHP/データベースとの連動
- 制御構造
- PHP/条件分岐 (ログイン画面の作り方やクッキーもこの単元)
- PHP/繰り返し
- PHP/入門/関数とは
- PHP/入門/変数の種類
- この節は書きかけです。この節を編集してくれる方を心からお待ちしています。
前書き
PHPの動作は、Web上におけるPerlのそれとよく似ていますが、Perlと異なりHTMLの内部にスクリプトを記述し実行することができるので、動的なウェブサイトを作成する際に、より容易に用いることができます。また、MySQLなどのデータベースとの親和性も高く、これはMediaWikiなどのソフトウェアにも活かされています。 PHPは2020年6月現在、2つの主要なバージョン (PHP5とPHP7) が提供されています。
PHP6は破棄され、ありません。
Cの様な構文、手頃な速度、および手軽に利用できるのでPHPは多くのプログラマとデザイナに使われる様になりました。Perlと同様に初心者でも、非常に簡単に習得できるのも特徴です。
※ 未分類
※ ここには作成途中などで、どの単元に入れたらいいか分からない単元を書きます。単元が完成したら、目次中の適する単元に移動したり、あるいは既存の単元に適するものがなければ単元を新規作成してください。
JavaScriptとPHPの連携
PHP上でJavaScriptの命令を書き込む場合、たとえば下記のようになる。
<?php
print "
<script>
alert('Hello World!');
</script>
";
?>
これをそのまま、test.php などとしてwebサーバにアップロードして localhost/test.php などにアクセスすれば、ブラウザ上でアラート(これはJavaScriptの機能)が実行されて表示される。
documentwrite などを使うには、下記のようにします。print よりも echo を用いるほうが安全に成功します。
<?php
echo <<<EOM
<script>
document.write("asdf");
</script>
EOM;
?>
表示結果
asdf
このような方法で、下記のように図形なども表示させることが可能です。(下記コードは、HTML/HTML5#簡単な動画の例 からの引用です。)
<?php
echo <<<EOM
<!DOCTYPE html>
<html lang="ja">
<head>
<title>簡単なページ</title>
</head>
<body>
<canvas id="canvas" width="320" height="240">
</canvas>
<script>
var canvas = document.querySelector("#canvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "rgb(0,0,200)";
ctx.fillRect(100, 100, 200, 200);
</script>
</body>
</html>
EOM;
?>