就職先が決定。3月1日より出勤 インフラ関係の仕事からスタート 本日はテレワークで課題に取り組みエクセルの復習 データや表の中から条件を定めて合致した値を抜粋する方法 フィルター機能 ①データ・表の上部（項目等記載されている部分）をドラッグ ②ホー…
授業メモ SaasとBEMについて 〇Saas 「Sass：Syntactically Awesome StyleSheet」はCSSの メタ言語（対象言語を一段高い次元から論じる言語）。 CSSを効率的に記述していくための言語 学習コストが高く、あまり普及しなかった →CSSさえ分かっていれば記述で…
■メインループとサブループの違い◇メインループスラッグをもとにWPが勝手に取得したページデータを使ってループをまわす※基本的にこちらを使う ◇サブループ条件を指定して取得したページデータを使ってまわすループ※メインループとは違うページデータを 使い…
メモ 問い合わせフォームの設置 [tel* tel-1215 class:Form_tel placeholder "03-0000-0000"] ◇必須項目 [フォームの種類* 識別用名前] ◇任意項目 [フォームの種類 識別用名前] ◇クラス名付与 [フォームの種類 識別用名前 class:クラス名] ◇プレースフォルダ…
wordpressでCSS・JSを読み込む際はfunction.phpに読み込み専用のコード を記述する。 〇WordPressのメリット・デメリット ※WordPressとは→CMS Webサイトを構成するテキストや画像、レイアウト情報などを一元的に保存 ・管理し、サイトを構築したり編集したり…
授業内容 昨日の続き 〇命名規則 ブロック名_ _要素 （↑パーツ名） 〇記述したコードごと移動する方法 Alt+↑↓キー 〇next_post_link( '%link', '次の投稿' ); // 初期値入力：次の投稿タイトルリンク>> // ◇ループ内で呼び出す関数 // 第一引数：文字列全体…
授業内容 昨日の続き ◇オリジナル部品を作成するときは命名規則を決めておくとよい ・今回の命名規則 partsフォルダに入れる 部品の大枠にあるclass名で名前を付ける ・パーツ化のメリット コードがシンプルになる 慣れが必要ではあるが・・・。 ・プラグイ…
授業内容 授業内容 wordpressのオリジナルテーマ作成方法 https://jobtech.jp/school/4266/ あとでサイトをみてまとめておくこと。 ※オブジェクト指向 《object-oriented》ソフトウエアの設計や開発において、データや処理対象そのものに 重点を置く考え方の…
授業内容 〇オリジナルテーマの作成 ◇時間がかかるテーマ 1.いろんな案件にマッチするテーマ 配布を利用してもらうテーマ 2.案件が決まっていて前ページ管理画面から編集・追加・削除ができる ※運用担当者に運用方法について詳細なレクチャーが必要（重い） …
授業内容 授業メモ 拡張機能 wordpress snipet →コードの予測変換機能 これは必須 〇PHPでオブジェクトを使用する方法 ◇クラスを作成して利用 class クラス名（頭文字大文字） //スタティックプロパティ：アクセス修飾子 プロパティ名 public static プロパ…
授業内容 授業メモ 〇ウィジェットとは サイドバーに表示されるサイト回遊性を高めるコンテンツ群の ことを言う。 管理画面からサイト内の別コンテンツへ 誘導するためのパーツ群を操作できる昨日 テーマ作成時にウィジットエリアを決めてウィジット群を配置…
授業内容 授業メモ ■入力の仕方 まずは文字を打つ 次に段落作成等を決めるボタンを押す Enterで新しいブロックの作成 Shift+Enterで改行（br要素）を挿入 画像は段落にドラッグアンドドロップ ■固定ページについて 1ページで完結するものを作成する際はこち…
〇 授業内容 授業メモ ＷｏｒｄＰｒｅｓｓについて インストール ①・MySQL Shellで記述 create database wp1; もしくは ・phpMyadminをつかって作成 データベースを作成する ②インストールファイルを公式サイトからＤＬ ↓ 展開 ↓ htdocsに解凍したフォルダを…
授業内容 <html> <head> <meta charset="UTF-8"> <title>正規表現１</title> </head> <body> <h1>正規表現１</h1> <p> </p></body></html>
授業内容 mb_convert_kana ・指定した文字列を半角から全角に変換することができる ・変換対象は、全角数字、半角カナ、半角数字、ひらがな、カタカナ mysqli_real_escape_string ・接続の現在の文字セットを考慮して、SQL 文で使用する文字列の 特殊文字を…
授業内容 エラー名:undifined barriable →変数名を確認 変数名が大文字小文字で違っていたり抜けていたりする場合が多い XSS対策 タグを認識させないように対策をする index.phpより
授業内容 〇コマンドプロンプトとは 文字ベースでコンピュータとやりとりするツール ※SQL=structure query lunguage(要求分) 作成に必要なファイル practice.sql user.sql 上記2点をザンプフォルダ内に作成 ■データベースに接続する手順（シェル） 1.ユーザ…
授業内容 〇DBについて ・CRUD レビューサイト等の制作時に確認する4項目の頭文字 ()内はSQL文 C create (insert 追加) R read (select 読み出し) U update (update 更新) D delete (delete 削除) 〇データをグループ化する select 表示したいフィールド名を…
〇授業内容 〇DB 前準備 # mysql -u root -p パスワード入力 USE DB名（今回はlesson） ファイル読み込み方法 ￥.半角スペース（ファイルをドロップ） SELECT * FROM ファイル名 ・複数の条件を全て満たす検索 SELECT フィールド名 FROM テーブル名 WHERE 条…
○positionについて 「position」は、CSSで使うプロパティの一つです。特に要素の「配置」を決めるのが「position」の役割です。基本的な使い方として、以下のように書きます。 1 2 3 .要素セレクタ{ position: static/relative/absolute/fixed/stickyをここ…
授業内容 ーー ーー 〇DBとは ・データベース領域一覧を表示する記述 cmpにおいて→SHOW DATABESES; ・CREATE DATABASE データベース領域名： Ex)CREATE DATABASE lesson; ・データベース領域の選択 USE データベース領域; Ex)USE lesson; ・現在利用している…
○リセットCSSが必要な理由 リセットCSSを使わないでスタイル作成 →ブラウザごとに設定されている初期値のスタイルで作成される →あるブラウザではうまく表示されていても、別のブラウザでは意図しない表示になっているなどの事態が起きる。
授業内容 〇授業内容 □口コミに必要なもの ◇必須 ・口コミ対象の製品やサービス名 （ユーザ選択ではなく内部で決定しておく） 隠しパーツ name属性：id value属性：0 ・レビュー本文 複数のテキストエリア name属性:review 空文字NG 200文字以内で記述 ・評…
○floatとflexの違い ・flexについて 単純に横並びにする、中央配置にする、自動で余白をとってほしいって場合小要素が云々をあまり気にせずレイアウトを組める。 横並びにするという点でfloatと決定的に違うのは、横並びにしたい要素たちの親要素につける。 …
○HTML5のタグについて 根本となる要素 The root element <html> …… HTML文書であることを示す 文書のメタデータ Document metadata <head> …… 文書のヘッダ情報を表す <title> …… 文書にタイトルをつける <base> …… 相対パスの基準URIを指定する <link> …… リンクする外部リソースを指定する <meta></meta></link></base></head></html>…
授業内容 〇授業内容 osaraicookieより '; var_dump($_COOKIE); echo '</pre>'; echo $count; // cookie10回リセット装置 // if ($count >= 10) {…
授業内容 〇cookieの続き
授業内容 〇ファイルの読み込み 14章 001.phpより ☆require'読み込むファイルパス';→読み込み失敗した時は処理が停止 require_once'読み込むファイルパス';→1回だけ読み込み ☆include'読み込むファイルパス';→読み込み失敗した時でも処理は続行 include_once…
授業内容 要約 〇ファイルの読み込み ☆require'読み込むファイルパス';→読み込み失敗した時は処理が停止 require_once'読み込むファイルパス';→1回だけ読み込み ☆include'読み込むファイルパス';→読み込み失敗した時でも処理は続行 include_once'読み込むフ…
授業内容 $error=[ ];の意味 と<body>を分けて記述する際に必要な配列 ※<body>の中にを記述している場合は必要なし。 おさらい問題2 おさらい問題 〇osarai_get04 -----------------------送信側------------------------ <html lang="ja">Ｓ <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> …</meta></meta></head></html></body></body>
