Googleカレンダーのhtmlの埋め込みですが、レスポンシブ対応にさせる場合、カレンダーの設定によってはスマホ時に画面からカレンダーの右側がはみ出してしまいます。 はみ出してしまう原因はカレンダーの上部にある「印刷」や「月・週」の表示切り替えタブな…

スマートフォン利用者を自動的に「スマートフォン版サイト」へ誘導できるよう、「アクセス者の端末に応じて自動でアクセス先を振り分ける機能」を作ってみましょう。この授業では「.htaccessファイル」を使って、サーバ側で自動振り分けする方法をやってみま…

Google Search Consoleとは Search ConsoleとはWebサイトの検索結果の状況とそれに付随する情報（Webサイトの改善案・被リンク数・キーワードなど）やGoogleが認識しているページ数、Googleクローラーのクロール状況が把握できるツールです。 Search Console…

SEO対策にはサイトが必ず自動的に掲載順位 1 位になるような秘訣は無く、とにかく自身のコンテンツの品質を高める事が結果として検索結果の上位表示に繋がるという事をしっかりと理解しましょう。www.dentsudigital.co.jp 低品質のページに該当されやすいペ…

webサイトはおおまかに別けるとテキスト・画像・色の3つの情報から成り立っています。 3つの中でも色はユーザーに最初に伝わる情報なので、配色次第でサイトの第一印象が決まってしまいます。 初心者にとって配色は難しい部分ですが、まずは既存のサイトやサ…

Flexbox（Flexible Box Layout Module）はCSS3の新しいレイアウトモジュールで、複雑なレイアウトを今までより少ないコードでフレキシブルなボックスを組むことが出来ます。以前からあった技術ですが、各ブラウザーによって書き方が違ったり、仕様が変わった…

Retinaディスプレイ Retinaディスプレイの特徴は画面解像度の高さにある。iPhone 4の画面サイズは前モデルのiPhone 3GSと同じ3.5インチのままであるが、Retinaディスプレイの搭載によって解像度は320×480ピクセルから640×960ピクセルに、つまり倍になってい…

フォームで使用するinputやtextareaなどの要素は他の要素に比べて、ブラウザやデバイスのデフォルトのスタイルシートが多く指定されています。 特にこだわりがなければこのまま使用したり、多少手を加えるだけということもありますが、異なるブラウザやデバ…

チェックボックスやラジオボタンにclassを加えるだけで、さまざまなデザインのチェックボックスとラジオボタンが実装できるラリブラリ「pretty checkbox」。 角を丸くしたり、カラーをつけたり、アニメーションをclassを加えるだけで簡単に実装できます。lok…

相対パスと絶対パスに対して、3つ目のパスとしてルートパスというものがあります。 ルートパスとはサーバーのルート（一番上の階層）からみてのパスになります。PHPなどでファイルを呼び出すような時にはこのルートパスが非常に便利です。 しかし、ルートパ…

データベースからデータを取得するにはSELECT文を使います。 select フィールド名 from テーブル名 = 値 where 抽出条件;フィールド名を1つ1つ指定しても良いのですが、全部を指定する場合はアスタリスク*を使います。 テーブルの中身を一括で取得する場合 '…

配列はJavascriptでも出て来ましたが、まずは配列の特性を復習しましょう。 通常、変数は１つの値しか入れる事が出来ず、新しい値を入れると上書きされてしまいます。一方、配列ではひとつの箱に複数の値を入れることができます。データベースと連動させる事…

今回はブラウザー上のフォームで入力したデータをデータベースに自動保存出来るようにします。まずはXAMPPに新しいデータベース「form-0315」を作ります。 その次に以下の内容でテーブルを作成。 カラムを作る際には、そのカラムのデータ型に注意しましょう…

PHPで何行にも渡る長い文章を出力する場合、ヒアドキュメントを使うと改行など自由に使ってテキストを出力させる事が出来ます。 また、長い文字列を変数に代入する際にも使用します。 ヒアドキュメントの場合 正式名称は「PHP: Hypertext Preprocessor」で…

メールフォーム（データベースに接続してないバージョン） 今回のメールフォームは非常にシンプルでデータベースには接続せず、フォームを記入してくれた人とフォームの管理者（自分）に、フォームに記入された内容がメールで届くようになっています。 mb_se…

セッション（session）とは セッションとは、コンピュータのサーバー側に一時的にデータを保存する仕組みのことです。たとえば、あるECサイトへのログイン情報やユーザー情報など、ユーザーに直接紐づくようなデータをセッションに格納して使ったりします。 …

入力画面に戻る 何か入力ミスをして、入力画面に戻った際に入力内容が全て消えていると、また最初から記入する必要があります。入力画面に戻った際に入力したデータが保持されていれば、訂正したい箇所だけ直してまた送信する事が出来ます。細かい事ですが、…

if文を使うことで、プログラムの結果を分岐する事が出来ます。例えば 値が〇〇以上であれば、Aルート値が〇〇以下であれば、Bルートというように、ある条件をもとにルートが分岐する事を条件分岐といいます。 if文の書き方 if (条件) { 条件が真であれば実行…

include関数を使う事でhtmlファイルをテンプレート化する事が出来ます。ページ数が多いサイトやコンテンツが増えていくようなwordpressなどのCMSでは必須の技術です。 include関数の使い方 外部ファイルを読み込ませたい箇所で、include関数を記述します。 …

UNIXタイムスタンプとは UNIXタイムスタンプとは、コンピューターのシステム時刻の一種で、協定世界時（UTC）での1970年1月1日（午前0時0分0秒）からの経過時間を指します。 time関数 現在のタイムスタンプを取得 strtoti…

基本的にはJavascriptと同じです。 「どのような形式で」を指定できる関数：date関数（フォーマット文字列） 「いつの日付を」を指定できる関数：mktime関数（タイムスタンプ） timezoneの設定 本来は「php.ini」ファイル上で設定しますが、設定していない場…