見出し画像

デイトラ コーディング 上級編 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版】
★演習課題1: コンテンツの最下部に問い合わせボタンを追加する
★演習課題2:コードをハイライト表示できるようにする【上級者向け】

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』のホームページ
★卒業制作まで完走された方へ

いいなと思ったら応援しよう!