2013-02-01から1ヶ月間の記事一覧
エスケープシーケンス（escape sequence） １文字では表せない特殊な文字 エスケープシーケンス 意味している文字 \t 水平タブ \n 改行 \r 復帰 \" " \\ \ \$ $ \ooo 8進数oooの文字コードをもつ文字 \xhh 16進数hhの文字コードをもつ文字 HTML化されたソー…
整形して出力 表示形式を指定して出力できる 引数の文字列にフォーマットを指定して出力できる printf( '%表示形式', 値) 指定 指定内容 詰める文字 空白または０ 符号 ＋または− 表示幅 表示桁数 少数 小数点以下の桁数 型 型指定 型指定 意味 c 文字 d 10…
変数（variable）とは 言葉（文字列）や数字（数値）を一時的に保存する「箱」 繰り返し使う言葉は「変数」として使う １回だけ書いてコピーするという発想 変数の型（type） 名前 説明 integer 整数 floatdouble 浮動小数点数 string 文字列 boolean 論理型…
変数に値を代入（assignment）する 変数名の付け方 「$」直後は数字以外にする 「_ アンダースコア」は利用可、「- ハイフン」は不可 変数名の「大文字」「小文字」は区別される あいさつを変数に格納する ソースコード【 PHP 】 変数に格納したあいさつを…
変数に格納した値を変更する 値を上書きし、変数の値を変更する 変数「$product」にもう一度値を代入することにより、変数の値が変更される。 ソースコード【 PHP 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>変数の値を変更する</title> </head> <body> ' . "\n"); $product = '消しゴム'; print $product; print…</body></html>
変数に対する処理の違い ダブルクォーテーション ･･･文字列中の変数を展開する シングルクォーテーション･･･文字列中の変数を展開しない 変数の展開を使わないときはシングルクオーテーションを使ったほうが処理速度が速くなる。 変数を展開しないので「文字…
PHPで文字を表示する print() 文字列を出力するという命令 echo()とほぼ同じ JavaScriptでの「document.write」と同じ役割 ソースコード【 PHP 】 <html lang='ja'> <head> <meta charset='UTF-8'> <title>サンプル</title> </head> <body> ' . "\n"); print ('<li>WordPress</li>' . "\n"); print ('<li>Joomla</li>' . "\n"); print ('…</body></html>
PHPを記述の手順 テストサーバー（Webサーバー）内に、管理フォルダーを作る PHPドキュメントを作成する 管理フォルダー内に保存する ブラウザでプレビュー 「echo文」と「print文」の違い echo文：引数を複数指定できる print文：戻り値を取得できる（戻り…
実践する実在店舗でのSEO対策 薬剤師求人 薬剤師転職の求人サイト【メディファーマ】 薬剤師求人 薬剤師転職の求人サイト【メディファーマ】 キーワードの作り方 description 薬剤師求人、管理薬剤師専用のリクルート情報はメディファーマ（Medipharma）。高…
文字列リテラル（string literal） 「" "」「' '」引用符で囲んでの記述 ヒアドキュメント 引用符の場合の使い方ソースコード【 PHP 】 ヒアドキュメント（here document）を出力方法 ヒアドキュメントは、名前をつけた文字列を出力する。 PAGE; 開始IDの注…
改行処理 ソースコード【 PHP 】 ブラウザ上での改行は"<br>"を入れる ソース上での改行は"\n"を入れる ソースコード【 PHP 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>引用符の違い</title> </head> <body> \n"); print ('シングルクォートの場合は「\n」はそのまま出力される。'); print ("\n"); ?> </body> </html> 内部ブラウザで表…
フォーカス時、初期表示のテキストが消える ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>JavaScript：入力フィールドの初期値を消す</title> <style> p.field input{ color:#999; } </style> <script> var nameField = 'お名前を入力して下さい'; var mailField = 'メールアドレスを入力して下さい'; functi</meta></head></html>…
フォームの入力チェック フォーム内の入力を確認して、未記入の場合アラートでお知らせ ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォームの入力チェック</title> <style> th { text-align: right; font-weight: normal; vertical-align: top; } </style> <script> function check(){ myField=document.m</meta></head></html>…
パスワード認証 パスワード.htmlを作成しておく robots.txtも同時に設定しないとセキュリティの問題が残ってしまう ソースコード【 HTML 】 <html> <head> <meta charset="UTF-8"> <title>課題7 パスワード認証</title> <script> function secret(){ password=document.myForm.pass.value location.href ='secret/' + </script></meta></head></html>…
Scratch 想像 • プログラム • 共有ソフト ゲーム感覚でプログラムをおぼえる MIT プログラミン Scratchの日本版 文部科学省
PHPとはなにか データを加工したり、ユーザーの入力を受け付けたりする PHP: Hypertext Preprocessor（ピー・エイチ・ピー ハイパーテキスト プリプロセッサー）とは、動的にHTMLデータを生成することによって、動的なウェブページを実現することを主な目的…
PHPファイルを作成 HTMLと同様の記述をし、拡張子を「.php」にするだけで「PHPファイル」になる。 ソースコード【 PHP 】 拡張子を.php PHPスクリプトの開始と終了 一般的なPHPタグ ソースコード【 PHP 】 コメントアウト JavaScriptと同様に、 ソースコー…
PHPで文字を表示する PHPスクリプトで文字を表示するには「print()」か「echo()」を使う echo()もprint()も「その後に続く文字をブラウザに出力」する命令 ソースコード【 PHP 】 print ( '文字' ); echo '文字'; ( )のあるなしは、出力に無関係 プログラム…
配列：Array 複数の値に順番を付けてまとめて扱う方法 インデックス 何番目の値か識別するための番号 １ではなく「0」から始まる 配列内にいくつの変数があるかわかる（lengthプロパティ） 最初に追加したり、最後から削除する（pop()、push()メソッド） 新…
☆★データーでの確認★☆おみくじ DOM操作のメソッド DOMツリー：HTMLドキュメントの階層構造 DOMツリー内の個々の要素を「ノード」と呼ぶ ノードを取得するgetElementByIdメソッド 「IDがmyArea」のdivエレメントでノードを取得して変数に代入 あらかじめid属…
まとめ DOMを使用すると、HTMLの任意の要素にアクセスできる getElementByIdメソッド：指定したIDのノードを取り出す innerHTML：ノードのHTMLを変更する
☆★データーでの確認★☆スタイルシートを動的に変更する DOMを使用すると、スタイルシートのプロパティをコントロール出来る ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>DOMによるおみくじ</title> <style> body { text-align: center; } #myArea { width: 500px; margin: 20px auto; paddin</meta></head></html>…
まとめ スタイルシートのプロパティは、各ノードの「style.プロパティ名」で設定 textAlignプロパティ：テキストの配置を設定 backgroundImageプロパティ：背景画像を設定 visibilityプロパティ：表示・非表示を切り替える
☆★データーでの確認★☆エレメントの位置を変更する DOMを使用したアニメーション エレメントの表示位置を、top（上端）、left（左端）プロパティで設定する エレメントの配置位置を、positionプロパティでデフォルト設定値「static」以外に設定する leftプロ…
まとめ style.leftプロパティ：エレメントの左端の座標を設定する アニメーションを行うには、タイマーを利用する
DOMによる要素の指定 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>DOMによる要素の指定例</title> </head> <body> <h1 id="myid">DOMによる要素の指定</h1> <script> alert(document.getElementById('myid')); </script> </body> </html> ブラウザで表示 ボタンをクリックでアラートが閉じる
スタイルを変更 書式 要素に対してJavaScriptでCSSのスタイルを変更する ソースコード【 JavaScript 】 要素 . style . プロパティ = 値; 文字色ソースコード【 JavaScript 】 #myid {color: #F00;} ソースコード【 JavaScript 】 document.getElementById( …
イベントと実行タイミング 特定のタイミングで実行したいスクリプトをまとめる 関数：functionソースコード【 DOM 】 function myidEvent() { alert( '押されました' ); } myidEvent() という名前でスクリプトをグループ化した。 特定のイベントに関連づける…
特定のイベントに関連づける02 【記述例】 この例では、HTMLの要素内にスクリプトを記述しているため振る舞いと文書構造が分離できない。 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>DOMでイベントとタイミングを記述</title> <style> <!-- p { cursor: pointer; } --> </style> </head> <body> <p id="myID">テスト</p> <script> functio</body></html>…
window.onloadを利用する HTMLの下のほうに記述することはメンテナンスの上でも不都合 外部ファイルとして「.js」ファイルを読み込む場合も同じ ページが読み込まれた際に命令が 実行されるようにする ソースコード【 HTML 】《HTML》 <html lang="ja"> <head> <meta charset="UTF-8"> <title>DOCでイベントとタ</title></meta></head></html>…
