lecture

包含ブロックについて

包含ブロックとは 2017年2月26日 「widthやmarginなどのサイズの設定次第で包含ブロックとなる親要素を飛び出す(オーバーフローする)ことも可能です」 を追加しました。 ボックスモデルは次の図で表すことができ  >>続きを読む

CSS ボックスモデルについて解説

ボックスモデルとは どの要素も四角い領域を生成します。この四角い領域を「ボックス」といいます。ボックスを作成する要素はブロックレベル要素に限りません。インライン要素もボックスを作成しますがその表示方法が少しブロック要素と  >>続きを読む

z-indexの使い方〜詳説

z-indexは要素の重なり順を変更することができる便利なプロパティですが、思わぬところで落とし穴があります。 z-indexの値を変更しても重なり順を変更できずに困った経験がないでしょうか。その原因は正しい仕組みを理解  >>続きを読む

flex レイアウト詳説〜Flex Box Layout

レイアウト作成のためのCSS CSS2.1 にて定義されているレイアウトモードは次の4つです。 文書を配置するために設計されたブロックレイアウト テキストを配置するために設計された行内レイアウト 表を作成するためのtab  >>続きを読む

background設定解説〜CSS3

backgroundプロパティ〜CSS3 複数の背景画像による多層化 CSS3 では、ボックスの背景は,複数の 層 ( layer )を持てます。複数の background-image の値は カンマで区切って区別しま  >>続きを読む

background設定解説〜CSS2.1

backgroundプロパティの基本 要素の背景には色または画像のいずれかを表示することができます。 ボックスモデルでのbackgroundプロパティは内容領域(コンテンツ)、パディング領域、に背景を設定することができま  >>続きを読む

PHP実習 (05) メール送信の仕組み

*それぞれのコードは「入力フォームのコード」「確認ページのコード」「メール送信のコード」をクリックすると見られます。 メール送信の仕組みを学習する上での参考例です。セキュリティ問題を完全に解決したものではありませんのでそ  >>続きを読む

PHP基礎 (14) セッションのセキュリティ問題と対策

セッション処理を標準で利用するとセッションIDをcookieでやり取りすることになります。 糸口として、セッションIDを狙った攻撃で重要な情報(例えばクレジットカードの暗証番号)を盗むことが可能になります。これが「セッシ  >>続きを読む

PHP基礎 (13) クッキー(cookie)について

クッキー(cookie)とは クッキーの語源から考察 RFC 6265などで定義されたHTTPにおけるウェブサーバとウェブブラウザ間で状態を管理するプロトコルです。 語源はお菓子のクッキーです。なぜクッキーかというと、f  >>続きを読む

PHP実習 (04) 入力フォームの確認を表示 2

*解答はHTMLコード、HTML&PHPコードと書かれたところをクリックすると表示されます。 問題 次のサンプルのように「PHP実習 (3)入力フォームで入力されたデータを確認付きで表示」を変更して、確認画面か  >>続きを読む

PHP実習 (03) 入力フォームの確認を表示 1

*解答はHTMLコード、HTML&PHPコードと書かれたところをクリックすると表示されます。 問題 次のサンプルのように「PHP実習 (2)入力フォームで入力されたデータを表示」を変更して、入力データを確認した  >>続きを読む

PHP基礎 (12) セッションについて

セッションとは 変数の寿命はページが表示された時までです。リロードすると変数はリセットされます。 それでは少し困る事も出てくることがあります。 例えばユーザーに入力を求めるフォームで、入力内容を確認する仕組みを作る場合で  >>続きを読む

PHP基礎 (11) HTTPの基本

HTTPの基本 HTTP(HyperText Transfer Protocol)とはブラウザがサーバーにファイルを要求する方法 リクエスト)や、サーバーがブラウザへファイルを返す方法(レスポンス)の規則です。 リクエス  >>続きを読む

PHP基礎 (10) 外部コードを読み込む

requireとincludeの違い PHPで別ファイルのPHPを読み込んだり、別のHTMLを読み込んだりする方法があります。 requireキーワードかincludeキーワードを使用します。 両者の違いは、読み込むファ  >>続きを読む

PHP実習 (02) 入力フォームで入力されたデータを表示

*解答はHTMLコード、PHPコードと書かれたところをクリックすると表示されます。 問題 次のサンプルを確認して同様の入力フォームと入力内容を表示するページを作成しましょう。 入力フォームサンプル 入力フォームはHTML  >>続きを読む

PHP基礎 (09) foreach文で簡単な検索を作る

名前をキーにして住所を値にした連想配列の場合、キーと検索値で簡易な検索システムができます。 処理の流れは次のようになります。 検索値はユーザーにフォームのテキストボックスで入力してもらいます。 入力したデータは属性のac  >>続きを読む

PHP基礎 (08) 多次元配列

配列の中に配列をセットして多次元配列を作ることができます。 多次元配列の作成 array()を入れ子状態で作成します。

多次元配列の要素にアクセスする 多  >>続きを読む

PHP実習 (01) 配列を使った名簿作成

*解答はHTMLコード、PHPコードと書かれたところをクリックすると表示されます。 問題 名前と住所をPHPの連想配列として格納してループ文を使用して次のような表示をしましょう。 名簿には7人が登録されています。 星野一  >>続きを読む

PHP基礎 (07) ループ文

ある処理を繰り返し実行するには制御構文のループを使います。 ループ文には必ずループを終了する条件があります。もしこの条件がなければ無限ループに陥ります。 無限ループは同じ命令を繰り返し永遠に終わらない状態をいいます。これ  >>続きを読む

PHP基礎 (06) 配列

配列とは 配列はいくつかの値を順序付きのキーと値をペアにまとめたものです。配列にはインデックス配列と連想配列の2つがあります。インデックス配列と連想配列の違いはキーが文字であるか、順番に並んだ一意の整数であるかです。そし  >>続きを読む

PHP基礎 (05) 関数

関数はなんらかの作業を行うためのコードをひとまとめにして名前を付けたものです。 何らかの値をパラメータ(引数)として受け取り、作業の結果として出来上がった値を返します。(戻り値) PHPで使用できる関数は組み込み関数とユ  >>続きを読む

PHP基礎 (04) 入力フォームの値を受け取る〜getとpost詳説

PHPはサーバーサイドのスクリプトです。そのため、何らかのイベントで命令を実行するイベントドリブン型のJavaScriptと違いサーバーサイドならではの使い方をする場合が多いです。 今回はユーザーからの入力に応じてサーバ  >>続きを読む

PHP基礎 (03) 変数と演算

変数 変数はデータを一時的に格納する器のようなものです。PHPの変数はデータ型を意識せずに使用できます。 例えば文字列を格納した変数に後から数字をセットしてもよいのです。 C言語などを使っている方には少し気持ちの悪い仕組  >>続きを読む

PHP基礎 (02) Hello World!

PHPの基本 PHPのプログラムを作成する場合まず、3つの約束事があります。 ファイルの拡張子は.phpにする プログラムの開始タグを「<?php」 終了タグを「?> 」で囲む 命令文の最後に;セミコロンをつ  >>続きを読む

PHP基礎 (01) PHPとは?

PHPとは PHPはHypertext Preprocessorの略でサーバーサイドで動くスクリプトです。 一方、JavaScriptはクライアントサイドのスクリプト言語です。 PHPもJavaScriptもインタプリタ  >>続きを読む

WordPressテーマ〜(9)カスタムフィールド

カスタムフィールドとは カスタムフィールドとは投稿一つ一つにつけることができる「名前」と「値」がセットになったフィールドのことです。 投稿の編集画面にカスタムフィールド入力項目が表示されています。 表示されてない場合はダ  >>続きを読む

WordPressテーマ〜(6)front_pageの表示

Homeページを表示するにはfront_page.phpを使用します。 get_posts()関数を使用して新着情報を表示 get_posts()関数を使用して新着情報を表示するポイントです。 特定のカテゴリの投稿タイト  >>続きを読む

WordPressテーマ〜(8)WP_Queryについて

表示の主役はWP_Queryオブジェクト WP_QueryオブジェクトはURLを指定すると、そのページに必要なデータを自動的に取得して、グローバル変数 $wp_query に格納してくれます。 言い換えると、 URLから  >>続きを読む

WordPressテーマ〜(7)カスタム投稿タイプ

カスタム投稿タイプとは WordPressでつくったコンテンツ(記事)はカテゴリー、日付、著者などで分類されます。 「投稿タイプ」というのは コンテンツのタイプを分類することです。 カスタム投稿タイプとはコンテンツのタイ  >>続きを読む

WordPressテーマ〜(5)アーカイブの作成

投稿一覧ページはarchive.phpで作成します。 アーカイブページのポイント single_cat_title()は現在のカテゴリー名を出力するテンプレートタグです。 グローバルナビにカテゴリ名を登録するとそのカテゴ  >>続きを読む