あーる学習帳

自分が勉強したことや気になることなど、99%自分用です。コードを書いてるのでPCから閲覧を推奨。

HTML

HTML5/CSSの参考書

前回の記事を書いてから改めて取り組んでいた参考書が終わりました。 www.socym.co.jp 2013年の本ですが、「とりあえず何か作る」という点では必要なことをギュッと詰めて書いてくれていたので助かりました。 逆に言えば必要最低限しか書いていないので、こ…

PHP開発日記:GETで検索(1ページにつきn件表示)

昨日からの課題だった、「1ページにつきn件の検索結果を表示、画面下部のリンクで切り替え」という機能について研究。 今日変更したphpファイルの変更箇所は以下の通り。 config.php //検索設定define('SEARCH_DISP_LIMIT',100); 1ページあたりの表示件数を…

PHP実習:ショッピングカートを作ろう

この本も終わりが見えてきました…!! 第12章-03 実習 今回は通販サイトで使われるようなショッピングカートを作る。 制作の流れは以下の通り。 商品情報を表示するphpファイルを作る カートに入れたデータはセッションのキーを商品IDに設定し、個数を代入す…

PHP実習:ひとこと掲示板を作ろう

昨夜はストレスの赴くまま、久しぶりに引っ張り出した「Horizon Zero Dawn」をずっとやっておりました…。敵を誘い出して罠にはめていくの楽しい…。 今日は第11章のまとめとしてひとこと掲示板を作る。その前に… 第11章-04 まとめの前準備として、関数のみを…

PHP実習:GETとMySQLを組み合わせたプロフィールページ

昨日はまたサボってしまった…。成果ゼロで寝るのも気持ち悪かったので、昨日は今回使うためのMySQL環境を整えるだけしました。 今回は、今まで作ったMySQLのデータベースと組み合わせて「登録されたプロフィールを表示するページ」を作る。 今回の流れは… ク…

PHP実習:PHPで画像データ送信

ブログの記事タイトルもこんな風にしていきます。 googleサイトが気になるところ。あれ使えば会社で予定管理や案件管理ができるポータルサイトが作れるって読んだので…。 第8章-04 画像データをアップロードするためのページを作っていく。 <html> <body> <h1>画像アップロー</h1></body></html>…

PHP実習:POSTとGET

今日も続きをやっていきます。仕事疲れた。 ちなみに、昨日までのMySQLの話でこの教材が半分終わったことになります。 第8章ー01 今までは別のページへデータを渡す方法としてPOSTを使っていたが、今回はGETについて学んでいく。取り急ぎhtmlでファイルを一つ…

PHP実習:MySQLのデータを検索&取得

昨日の続きをやっていきます。 第7章-05 昨日の最後のPHPについて、書き換えてデータ取得用のコードを作成する。 setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION); // 01.SQL作成 $sql="select * from user"; $stmt=$db…

PHP実習:配列とforeach、二次元配列

なんだかんだでPHPの勉強をちゃんとしようと決めて行動を始めてから1か月くらいになります。楽しいです。 第6章-01 今回から配列を用いたデータ管理について学んでいく。まずは下のコードの動作確認。

PHP実習:while/forで繰り返し

今日も勉強をしていきましょうぞ。 第5章-01 この章では「while/forで処理を繰り返す」ということについて。 まずはおさらい。 '; $i++; } これだけで画面には20行の文章が表示される。 ドットインストールのときにやったっけ、whileとifの混合文もこの通り…

PHP実習:POSTでデータを渡してみよう&if文や論理演算子

いよいよPHPの機能を使ったものを作れるということで、わくわくしながら帰ってまいりました。早速作っていきます。 第3章-05 実習 送信フォームからデータを送信し、画面に表示する ★今回の要件定義 名前と趣味を入力するフォームを用意する 確認ページにデ…

PHP入門:例外処理、POSTとクッキーとセッション

今日も頑張るぞ。 #27 例外処理について。 何らかの処理をしていて予期しない結果が発生したとき、適切に処理をしていく方法のことである。 function div($a,$b){ echo $a / $b ; } $aを$bで割った答えを表示させる。 div(7,2); div(5,0); 0除算はできない。…

CSS入門:divタグ、左右均等のmargin、サンプルページの総仕上げ

先日からやっているHTMLとCSSで作っているページを仕上げていこうと思います! ドットインストールの「CSS入門」、続きから。 #13 完成版ではゲーム紹介の画像と文章のスペースの幅が揃っており、なおかつ中央ぞろいになっている。 作品紹介の領域を透明な枠…

CSS入門:背景に画像、marginの相殺、識別子

会社で嫌なことがあった時、「早く帰って家でコード書きたい…」と思うようになったので立派なプログラマになっている感が強い。 今夜もドットインストールの「CSS入門」を進めていきます。 #8 今まで書いてきたセレクタの書き方だと、文書全体のulやaのプロ…

CSS入門:文字色とフォント、余白やスタイリング、疑似クラス

デッドプール2を観てきました。宣伝通りのR-15ファミリー映画。 吹き替えで観たので、また時間が取れたら字幕で観たい。 前作は字幕と吹き替えのニュアンスが微妙に違っていて楽しかったので。 今日もCSS。やるぞ。ドットインストール「CSS入門」の続き。 #4…

CSS入門:色の指定とGoogleChromeデベロッパーツール

梅雨とは思えないいい天気でした。 今日からCSSを書いていきます。 CSSとは… www.htmq.com CSS(Cascading Style Sheets、カスケーディング・スタイル・シート)とは、ウェブページのスタイルを指定するための言語です。 ワープロソフトなどで作成される文書…

HTML入門:bodyタグの中身の書き方

平成最後の6月、まずはマリオテニス体験会をしてました。 テニスゲームの基礎が分かっていなかったり操作ミスが多かったりでなかなか気持ちよく楽しめないなぁというのが本音。製品版どうすっかな…。 今夜もドットインストール、HTML入門の続き。 #8 bodyタ…

HTML入門:見出し、文章、画像、文書情報のタグ

平成最後の5月が今日で終わり。ポケモンクエストは沼。 今日からHTMLの勉強を始めます。 そもそもHTMLとは。このページから引用すると… www.htmq.com ハイパーテキスト・マークアップ・ランゲージ HTML(エイチティーエムエル、HyperText Markup Language)…