デイトラ コーディング 上級編 ToDoリスト

デイトラ コーディング 上級編のTo Do（やること）を
整理した一覧リストです

※Webコーダーとして成長する上で
特に重要だと思われるリスト項目は大文字にしています

PHPとSQLの基礎を学ぶ

Day1

★PHPの基本文法を学ぼう①
★【導入編】WordPressを使ったサイト制作ができるようになるメリットとは
★PHPの開発環境を作ろう
★PHPで文字列を表示しよう
★PHP で計算しよう！
★エラーで動かない時はエラーログを見よう！

Day2

★PHPの基本文法を学ぼう②
★変数を学ぼう
★関数（function）を学ぼう
★条件式を学ぼう

Day3

★PHPの基本文法を学ぼう③
★配列を学ぼう
★連想配列を学ぼう

Day4

★PHPでECサイトを作ってみよう①
★静的ファイルをPHPで書き直そう（動画学習）
★foreachで商品情報を表示しよう（動画学習）
★PHPの別ファイルを読み込む（動画学習）
★買い物かごを表示しよう（動画学習）
★Formからデータを受け取ろう！（動画学習）
★if文でHTMLの表示を切り替えよう！（動画学習）
★フォームの入力内容から決済金額の合計値を出そう（動画学習）

Day5

★PHPでECサイトを作ってみよう②（動画学習）
★インスタンスをプロパティの値を取得しよう（動画学習）
★Classを使ってトップページを書き換えよう（動画学習）
★Classにメソッドを定義して利用しよう（動画学習）
★Cartクラスを定義していこう（動画学習）
★決済画面を表示しよう（動画学習）

Day6

★SQLの基本を学ぼう！（動画学習）
★SQLを実行するための環境を用意しよう（動画学習）
★データを取り出す方法について学ぼう（動画学習）
★データに変更を加える方法について学ぼう（動画学習）
★テーブルを作成しよう（動画学習）

開発環境編

Day7

★ローカル開発環境を作ろう
★MAMPにWordPressをインストールしてローカル開発環境を作る（動画学習）
★スターターテーマをダウンロードしよう
★「HTMLから完全自作に挑戦したい」という方へ

実践！サイト制作編

Day8

★WordPressの基本概念を理解しよう！
★Webサイトが表示される基本からWordPressの技術構成（動画学習）
★見栄えの管理はテーマ（動画学習）
★WordPressの管理画面と生成されるページを理解しよう（動画学習）
★生成されるWebページとテンプレートの対応を理解しよう（動画学習）
★テンプレートファイルの構築イメージ（動画学習）
★WordPressテーマ作成で詰まったときの解決のヒント

Day9

★WordPressテーマの初期設定＋テンプレートファイルを作成する
★【前提】WordPressを使ったサイト制作に必要な知識
★自作テーマ制作の流れ
★WordPressのメインフォルダを見てみよう
★index.phpなどの必須テンプレートファイルを作成する
★VS Codeの拡張機能「WordPress Snippet」を導入しよう！
★style.cssとfunctions.phpを設定してテーマとして認識させる（動画学習）
★index.php / header.php / footer.php を作る
★functions.phpからスタイルシートやjsを読み込む
★header.phpとfooter.phpに、wp_head()とwp_footer()を入れる
★画像のパスを書き換える
★【演習課題】サイドバーのファイル分割

Day10

★トップページに新着記事の一覧を表示する
★プラグイン『Show Current Template』で表示中のテンプレートを確認できるようにする
★パーマネントリンクの設定を投稿名に変更する
★タイトル・本文・アイキャッチを入れてテスト記事を1つ作成
★記事複製用プラグイン『Yoast Duplicate Post』を入れる
★index.phpで記事の一覧を表示する

Day11

★メニューを有効化して、リンクを動的に出力する
★メニューを有効にするための記述をfunctions.phpに追加
★メニュー項目を設定する
★ロゴ / サブタイトルを動的に表示する
★メニューを動的に表示する
★演習課題：フッターに「フッターメニュー」を表示する

Day12

★フックを使ったカスタマイズを覚える＋アーカイブページを作る
★アーカイブページ（archive.php）の役割をおさらい
★投稿のカテゴリーを作る
★index.phpと同じ手順でarchive.phpの記事一覧を作る
★パンくず表示用のプラグイン「BreadcrumbNavXT」インストールする
★パンくず・表示中の一覧ページ名・説明を動的に表示する
★フックを使ってthe_archive_title( )をカスタムする
★演習課題：カテゴリー一覧・日付別一覧を作り、優先表示されてることを確認する
★category.phpを作った途端に画面が真っ白になって困ったという方へ

Day13～14

★single.phpを編集して投稿ページを作る
★目標物の確認
★確認用のテスト投稿を作成
★目次テーブル表示用のプラグイン『Table of Contents Plus』を入れる
★共通パーツ部分を実装する
★コンテンツ部分を実装する
★タグを一覧表示する
★シェアボタンエリアを表示する
★演習課題1: シェアボタンエリアのシェアボタンを動的にする
★演習課題2: single.phpに関連記事を表示させる

Day15

★固定ページを作る+サイトの保守性を高める
★page.phpを編集し、固定ページを作る
★共通化できるパーツをさらに細かくテンプレート化する
★独自関数を定義する＋ファイルを分割して管理する
★演習課題：パーツをテンプレート化＋タグ一覧の取得を関数化する

Day16

★トップページにピックアップ記事を表示する
★目標物の確認
★template-partsフォルダ内に『pickup.php』を作る
★投稿IDを指定して、ピックアップ記事を表示する
★『pickup』のタグがついた投稿をピックアップ記事として表示する

Day17

★ウィジェットを有効化してサイドバーを作る
★サイドバーの作り方2パターン
★ウィジェットを有効化し、サイドバーを追加する
★ウィジェットエリア「サイドバー」をsidebar.phpに表示させる
★「サイドバー」の中身を設定する
★演習課題：Twitterのタイムラインをウィジェットに埋め込んでみる

Day18～19

★自作コード（＋ショートコード）でサイドバーを作る
★サイドバーを自作コード（＋ショートコード）で作るケースとは
★プロフィールと検索ボックスを作る
★人気記事トップ5を表示する
★新着記事トップ5を表示する
★日付アーカイブを表示する

Day20

★検索結果ページ＋404ページを作る
★404ページを作る
★search.phpで検索結果ページを作る
★カスタマイズ編：検索結果から固定ページを除外する

Day21～22

★WordPressでショートコードを自作する【Gutenberg対応】
★目標物の確認
★functions.phpにショートコード用のPHPを記述する
★エディタでショートコードを利用する【Gutenberg版】
★演習課題１： コンテンツの最下部に問い合わせボタンを追加する
★演習課題２：コードをハイライト表示できるようにする【上級者向け】

Day23

★開発したWordPressサイトを本番環境に移行する
★WordPressテーマの移行に必要なものとは？
★サーバーにWordPressをインストールする
★WordPressとデータベースの関係性と編集手順
★サイト移行用プラグイン『All-in-One WP Migration』をインストールする
★演習課題：ユーザーのログインID・パスワード・メールアドレスをpypmyadminを使って変更する

Day24

★メタ要素・ソーシャルシェア・XMLサイトマップを設定する
★プラグイン『All in One SEO Pack』をインストールする
★クローラーに更新を通知するプラグイン『WebSub/PubSubHubbub』をインストールする
★画像のリサイズ＆圧縮で画像を最適化する
★リンクが切れたURLや画像がないかを検知する
★キャッシュを有効化してサイトの表示速度を上げる

Day25～26

★カスタム3兄弟を使いこなそう① - カスタム投稿・カスタムタクソノミー編
★カスタム投稿とは
★カスタムタクソノミーとは
★Custom Post Type UIのインストール
★カスタム投稿「制作実績」を追加しよう
★カスタムタクソノミー「制作ジャンル」を追加しよう
★カスタム投稿・カスタムタクソノミー用テンプレートを作って動的にしよう
★演習課題：「制作ジャンル」タクソノミーのテンプレートも完成させよう
★演習課題2：single-work.phpに関連記事を表示させよう

Day27～28

★カスタム3兄弟を使いこなそう② - カスタムフィールド編
★カスタムフィールドとは
★Advanced Custom Fieldsのインストール
★ACFでカスタムフィールド「制作実績」を作ってみよう
★カスタムフィールドにデータ入力してみよう
★カスタムフィールドに入力された値を表示してみよう
★メニューに「制作実績」を追加
★まとめ：カスタム3兄弟はWP開発にマスト！
★演習課題：archive-work.phpとtaxonomy-genre.phpの抜粋に「案件概要」のカスタムフィールドを出力させてみよう

Day29

★サイトの表示速度を上げよう
★これ一つで最適化がほぼ完了！Autoptimizeをインストールしよう（動画学習）
★画像を圧縮して軽くする（動画学習）
★サイトの表示速度を確認できるツール
★まとめ：簡単にできる表示速度対策はしておこう

Day30

★セキュリティ対策をしよう
★バックアップを取ろう（UpdraftPlusのインストール）（動画学習）
★自動でマルウェアや不審なログインを検知してくれる「Wordfence」のインストール（動画学習）
★ログインURLの変更とロボットをブロックする「SiteGuard」を入れよう（動画学習）
★パスワードは強固に＋パスワード管理ツールを使おう（動画学習）
★スパムをブロックする「reCAPTCHA」を使おう（動画学習）
★WordPress制作ではセキュリティの意識を！

Day31～44

★卒業制作課題
★卒業制作課題の進め方
★パターン① 人材会社『グローバルスタンダード』のコーポレートサイト
★パターン② 歯科医院『みなみ歯科クリニック』のホームページ
★パターン③ カフェ『Open Cake』のホームページ
★卒業制作まで完走された方へ