これは【仮の】ポートフォリオです

この仮のポートフォリオでは、プログラミングの学習予定と進捗状況を掲載しております。

猫シエスタの証明写真

初めまして、プログラミング学習中の 猫★シエスタと申します。

GASの学習進捗状況はこちらにまとめました

現在、プログラミング学習コンテンツのドットインストールで勉強中です。
GAS(Google Apps Script)/HTML/CSS/JavaScript/jQueryを学んでいて、
ドットインストールの進捗状況は現在【1周目】です。

学習が進み次第、実際のポートフォリオに同じアドレスで差し替える予定です。
ドットインストールの学習ロードマップとレッスンの感想を書きました。

今後、WordPress/PHP/SEO/Photoshop/Illustratorも学んで行く予定です。

■ Web制作実績 ■

覚えたてのHTML/CSS/JavaScriptを使って、好きな芸能人の方のファンサイトを作りました。
ドラマ「恋と弾丸」非公式応援サイト


今ここ!にジャンプする!


お台場パレットタウンの大観覧車です

★ ドットインストール学習スケジュール ★


1周目: 2022年6月4日〜

学習と情報収集【前半】(HTML/CSS/Bootstrap入門〜基礎) 1周目…済

はじめてのWeb制作 1周目…済

学習環境を整えようmacOS編 1周目…済

詳解HTML 基礎文法編 1周目…済

詳解HTML フォーム部品編 1周目…済

詳解CSS 基礎文法編 1周目…済

詳解CSS セレクター編 1周目…済

詳解CSS フレックスボックス編 1周目…済

詳解CSS アニメーション編 1周目…済

詳解CSS レスポンシブウェブデザイン編 1周目…済

詳解CSS グリッドレイアウト編 1周目…済

詳解CSS 変数編 1周目…済

実践! ポートフォリオを作ろう 1周目…済

実践! アプリ紹介ページを作ろう 1周目…済

実践! ECサイトをマークアップしよう 1周目…済

GitHub PagesでWebページを公開しよう 1周目…済

BootStrap5 入門 1周目…済

はじめてのJavaScript 1周目…済

エディタを使いこなそうVSCode 1周目…済

マテリアルアイコン入門 1周目…済

Google Charts入門 1周目…済

Chrome Developer Tools入門 1周目…済

Google Apps Script入門 1周目…済

Google Fonts入門 1周目…済

復習と情報収集【中盤】(HTML/CSS基礎力定着確認) 1周目…済

詳解JavaScript 基礎文法編 1周目…済

詳解JavaScript オブジェクト編 1周目…済

詳解JavaScript DOM編 1周目…済

詳解JavaScript Intersection Observer API編 1周目…済

JavaScriptでモーダルウィンドウを作ろう 1周目…済

JavaScriptでおみくじを作ろう 1周目…済

JavaScriptで三択クイズを作ろう 1周目…済

jQuery入門 1周目…済

復習と情報収集【後半その1】(jQuery/SASS/Emmet/メディアクエリ) 1周目…済

復習と情報収集【後半その2】(HTML/CSS応用〜実用) 1周目 今ココ矢印 今ココ!!





2周目: 20年月日〜20年月日

復習と情報収集【前半】(HTML/CSS/Bootstrap入門〜基礎) 2周目

はじめてのWeb制作 2周目

学習環境を整えようmacOS編 2周目

詳解HTML 基礎文法編 2周目

詳解HTML フォーム部品編 2周目

詳解CSS 基礎文法編 2周目

詳解CSS セレクター編 2周目

詳解CSS フレックスボックス編 2周目

詳解CSS アニメーション編 2周目

詳解CSS レスポンシブウェブデザイン編 2周目

詳解CSS グリッドレイアウト編 2周目

詳解CSS 変数編 2周目

実践! ポートフォリオを作ろう 2周目

実践! アプリ紹介ページを作ろう 2周目

実践! ECサイトをマークアップしよう 2周目

GitHub PagesでWebページを公開しよう 2周目

BootStrap5 入門 2周目

はじめてのJavaScript 2周目

エディタを使いこなそうVSCode 2周目

マテリアルアイコン入門 2周目

Google Charts入門 2周目

Chrome Developer Tools入門 2周目

Google Apps Script入門 2周目

Google Fonts入門 2周目

復習と情報収集【中盤】(HTML/CSS基礎力定着確認) 2周目

詳解JavaScript 基礎文法編 2周目

詳解JavaScript オブジェクト編 2周目

詳解JavaScript DOM編 2周目

詳解JavaScript Intersection Observer API編 2周目

JavaScriptでモーダルウィンドウを作ろう 2周目

JavaScriptでおみくじを作ろう 2周目

JavaScriptで三択クイズを作ろう 2周目

jQuery入門 2周目

復習と情報収集【後半その1】(jQuery/SASS/Emmet/メディアクエリ) 2周目

復習と情報収集【後半その2】(HTML/CSS応用〜実用) 2周目

HTML/CSSの本1冊目 1周目

HTML/CSSの本1冊目 2周目





3周目: 20年月日〜20年月日

復習と情報収集【前半】(HTML/CSS/Bootstrap入門〜基礎) 3周目

はじめてのWeb制作 3周目

学習環境を整えようmacOS編 3周目

詳解HTML 基礎文法編 3周目

詳解HTML フォーム部品編 3周目

詳解CSS 基礎文法編 3周目

詳解CSS セレクター編 3周目

詳解CSS フレックスボックス編 3周目

詳解CSS アニメーション編 3周目

詳解CSS レスポンシブウェブデザイン編 3周目

詳解CSS グリッドレイアウト編 3周目

詳解CSS 変数編 3周目

実践! ポートフォリオを作ろう 3周目

実践! アプリ紹介ページを作ろう 3周目

実践! ECサイトをマークアップしよう 3周目

GitHub PagesでWebページを公開しよう 3周目

BootStrap5 入門 3周目

はじめてのJavaScript 3周目

エディタを使いこなそうVSCode 3周目

マテリアルアイコン入門 3周目

Google Charts入門 3周目

Google Maps API入門 3周目

JavaScriptで学ぶFirebase入門 3周目

Google Chrome拡張機能入門 3周目

Chrome Developer Tools入門 3周目

Google Apps Script入門 3周目

Google Fonts入門 3周目

復習と情報収集【中盤】(HTML/CSS基礎力定着確認) 3周目

詳解JavaScript 基礎文法編 3周目

詳解JavaScript オブジェクト編 3周目

詳解JavaScript DOM編 3周目

詳解JavaScript Intersection Observer API編 3周目

JavaScriptでモーダルウィンドウを作ろう 3周目

JavaScriptでおみくじを作ろう 3周目

JavaScriptで三択クイズを作ろう 3周目

jQuery入門 3周目

復習と情報収集【後半その1】(jQuery/SASS/Emmet/メディアクエリ) 3周目

復習と情報収集【後半その2】(HTML/CSS応用〜実用) 3周目





4周目: 20年月日〜20年月日

復習と情報収集【前半】(HTML/CSS/Bootstrap入門〜基礎) 4周目

はじめてのWeb制作 4周目

学習環境を整えようmacOS編 4周目

詳解HTML 基礎文法編 4周目

詳解HTML フォーム部品編 4周目

詳解CSS 基礎文法編 4周目

詳解CSS セレクター編 4周目

詳解CSS フレックスボックス編 4周目

詳解CSS アニメーション編 4周目

詳解CSS レスポンシブウェブデザイン編 4周目

詳解CSS グリッドレイアウト編 4周目

詳解CSS 変数編 4周目

実践! ポートフォリオを作ろう 4周目

実践! アプリ紹介ページを作ろう 4周目

実践! ECサイトをマークアップしよう 4周目

GitHub PagesでWebページを公開しよう 4周目

BootStrap5 入門 4周目

はじめてのJavaScript 4周目

エディタを使いこなそうVSCode 4周目

マテリアルアイコン入門 4周目

Google Charts入門 4周目

Chrome Developer Tools入門 4周目

Google Apps Script入門 4周目

Google Fonts入門 4周目

復習と情報収集【中盤】(HTML/CSS基礎力定着確認) 4周目

詳解JavaScript 基礎文法編 4周目

詳解JavaScript オブジェクト編 4周目

詳解JavaScript DOM編 4周目

詳解JavaScript Intersection Observer API編 4周目

JavaScriptでモーダルウィンドウを作ろう 4周目

JavaScriptでおみくじを作ろう 4周目

JavaScriptで三択クイズを作ろう 4周目

jQuery入門 4周目

復習と情報収集【後半その1】(jQuery/SASS/Emmet/メディアクエリ) 4周目

復習と情報収集【後半その2】(HTML/CSS応用〜実用) 4周目

HTML/CSSの本2冊目 1周目

HTML/CSSの本2冊目 2周目





5周目: 20年月日〜20年月日

復習と情報収集【前半】(HTML/CSS/Bootstrap入門〜基礎) 5周目

はじめてのWeb制作 5周目

学習環境を整えようmacOS編 5周目

詳解HTML 基礎文法編 5周目

詳解HTML フォーム部品編 5周目

詳解CSS 基礎文法編 5周目

詳解CSS セレクター編 5周目

詳解CSS フレックスボックス編 5周目

詳解CSS アニメーション編 5周目

詳解CSS レスポンシブウェブデザイン編 5周目

詳解CSS グリッドレイアウト編 5周目

詳解CSS 変数編 5周目

実践! ポートフォリオを作ろう 5周目

実践! アプリ紹介ページを作ろう 5周目

実践! ECサイトをマークアップしよう 5周目

GitHub PagesでWebページを公開しよう 5周目

BootStrap5 入門 5周目

はじめてのJavaScript 5周目

エディタを使いこなそうVSCode 5周目

マテリアルアイコン入門 5周目

Google Charts入門 5周目

Chrome Developer Tools入門 5周目

Google Apps Script入門 5周目

Google Fonts入門 5周目

復習と情報収集【中盤】(HTML/CSS基礎力定着確認) 5周目

詳解JavaScript 基礎文法編 5周目

詳解JavaScript オブジェクト編 5周目

詳解JavaScript DOM編 5周目

詳解JavaScript Intersection Observer API編 5周目

JavaScriptでモーダルウィンドウを作ろう 5周目

JavaScriptでおみくじを作ろう 5周目

JavaScriptで三択クイズを作ろう 5周目

jQuery入門 5周目

復習と情報収集【後半その1】(jQuery/SASS/Emmet/メディアクエリ) 5周目

復習と情報収集【後半その2】(HTML/CSS応用〜実用) 5周目





6周目: 20年月日〜20年月日

復習と情報収集【前半】(HTML/CSS/Bootstrap入門〜基礎) 6周目

はじめてのWeb制作 6周目

はじめてのWeb制作 6周目 自分でゼロから作ってみる

学習環境を整えようmacOS編 6周目

詳解HTML 基礎文法編 6周目

詳解HTML フォーム部品編 6周目

詳解CSS 基礎文法編 6周目

詳解CSS セレクター編 6周目

詳解CSS フレックスボックス編 6周目

詳解CSS アニメーション編 6周目

詳解CSS レスポンシブウェブデザイン編 6周目

詳解CSS グリッドレイアウト編 6周目

詳解CSS 変数編 6周目

実践! ポートフォリオを作ろう 6周目

(ゼロから作れるか確認)実践! ポートフォリオを作ろう 6周目 自分でゼロから作ってみる

実践! アプリ紹介ページを作ろう 6周目

(ゼロから作れるか確認)実践! アプリ紹介ページを作ろう 6周目 自分でゼロから作ってみる

実践! ECサイトをマークアップしよう 6周目

(ゼロから作れるか確認)実践! ECサイトをマークアップしよう 6周目 自分でゼロから作ってみる

GitHub PagesでWebページを公開しよう 6周目

BootStrap5 入門 6周目

はじめてのJavaScript 6周目

エディタを使いこなそうVSCode 6周目

マテリアルアイコン入門 6周目

Google Charts入門 6周目

Chrome Developer Tools入門 6周目

Google Apps Script入門 6周目

Google Fonts入門 6周目

復習と情報収集【中盤】(HTML/CSS基礎力定着確認) 6周目

詳解JavaScript 基礎文法編 6周目

詳解JavaScript オブジェクト編 6周目

詳解JavaScript DOM編 6周目

詳解JavaScript Intersection Observer API編 6周目

JavaScriptでモーダルウィンドウを作ろう 6周目

JavaScriptでおみくじを作ろう 6周目

JavaScriptで三択クイズを作ろう 6周目

jQuery入門 6周目

復習と情報収集【後半その1】(jQuery/SASS/Emmet/メディアクエリ) 6周目

復習と情報収集【後半その2】(HTML/CSS応用〜実用) 6周目

HTML/CSSの辞典 1周目

HTML/CSSの辞典 2周目





7周目: 20年月日〜20年月日

復習と情報収集【前半】(HTML/CSS/Bootstrap入門〜基礎) 7周目

はじめてのWeb制作 7周目

はじめてのWeb制作 7周目 自分でゼロから作ってみる

学習環境を整えようmacOS編 7周目

詳解HTML 基礎文法編 7周目

詳解HTML フォーム部品編 7周目

詳解CSS 基礎文法編 7周目

詳解CSS セレクター編 7周目

詳解CSS フレックスボックス編 7周目

詳解CSS アニメーション編 7周目

詳解CSS レスポンシブウェブデザイン編 7周目

詳解CSS グリッドレイアウト編 7周目

詳解CSS 変数編 7周目

実践! ポートフォリオを作ろう 7周目

(ゼロから作れるか確認)実践! ポートフォリオを作ろう 7周目 自分でゼロから作ってみる

実践! アプリ紹介ページを作ろう 7周目

(ゼロから作れるか確認)実践! アプリ紹介ページを作ろう 7周目 自分でゼロから作ってみる

実践! ECサイトをマークアップしよう 7周目

(ゼロから作れるか確認)実践! ECサイトをマークアップしよう 7周目 自分でゼロから作ってみる

GitHub PagesでWebページを公開しよう 7周目

BootStrap5 入門 7周目

はじめてのJavaScript 7周目

エディタを使いこなそうVSCode 7周目

マテリアルアイコン入門 7周目

Google Charts入門 7周目

Chrome Developer Tools入門 7周目

Google Apps Script入門 7周目

Google Fonts入門 7周目

復習と情報収集【中盤】(HTML/CSS基礎力定着確認) 7周目

詳解JavaScript 基礎文法編 7周目

詳解JavaScript オブジェクト編 7周目

詳解JavaScript DOM編 7周目

詳解JavaScript Intersection Observer API編 7周目

JavaScriptでモーダルウィンドウを作ろう 7周目

JavaScriptでおみくじを作ろう 7周目

JavaScriptで三択クイズを作ろう 7周目

jQuery入門 7周目

復習と情報収集【後半その1】(jQuery/SASS/Emmet/メディアクエリ) 7周目

復習と情報収集【後半その2】(HTML/CSS応用〜実用) 7周目





8周目: 20年月日〜20年月日

復習と情報収集【前半】(HTML/CSS/Bootstrap入門〜基礎) 8周目

はじめてのWeb制作 8周目

はじめてのWeb制作 8周目 自分でゼロから作ってみる

学習環境を整えようmacOS編 8周目

詳解HTML 基礎文法編 8周目

詳解HTML フォーム部品編 8周目

詳解CSS 基礎文法編 8周目

詳解CSS セレクター編 8周目

詳解CSS フレックスボックス編 8周目

詳解CSS アニメーション編 8周目

詳解CSS レスポンシブウェブデザイン編 8周目

詳解CSS グリッドレイアウト編 8周目

詳解CSS 変数編 8周目

実践! ポートフォリオを作ろう 8周目

(ゼロから作れるか確認)実践! ポートフォリオを作ろう 8周目 自分でゼロから作ってみる

実践! アプリ紹介ページを作ろう 8周目

(ゼロから作れるか確認)実践! アプリ紹介ページを作ろう 8周目 自分でゼロから作ってみる

実践! ECサイトをマークアップしよう 8周目

(ゼロから作れるか確認)実践! ECサイトをマークアップしよう 8周目 自分でゼロから作ってみる

GitHub PagesでWebページを公開しよう 8周目

BootStrap5 入門 8周目

はじめてのJavaScript 8周目

エディタを使いこなそうVSCode 8周目

マテリアルアイコン入門 8周目

Google Charts入門 8周目

Chrome Developer Tools入門 8周目

Google Apps Script入門 8周目

Google Fonts入門 8周目

復習と情報収集【中盤】(HTML/CSS基礎力定着確認) 8周目

詳解JavaScript 基礎文法編 8周目

詳解JavaScript オブジェクト編 8周目

詳解JavaScript DOM編 8周目

詳解JavaScript Intersection Observer API編 8周目

JavaScriptでモーダルウィンドウを作ろう 8周目

JavaScriptでおみくじを作ろう 8周目

JavaScriptで三択クイズを作ろう 8周目

jQuery入門 8周目

復習と情報収集【後半その1】(jQuery/SASS/Emmet/メディアクエリ) 8周目

復習と情報収集【後半その2】(HTML/CSS応用〜実用) 8周目

JavaScriptの本 1冊目 1周目

JavaScriptの本 1冊目 2周目





9周目: 20年月日〜20年月日

復習と情報収集【前半】(HTML/CSS/Bootstrap入門〜基礎) 9周目

はじめてのWeb制作 9周目

はじめてのWeb制作 9周目 自分でゼロから作ってみる

学習環境を整えようmacOS編 9周目

詳解HTML 基礎文法編 9周目

詳解HTML フォーム部品編 9周目

詳解CSS 基礎文法編 9周目

詳解CSS セレクター編 9周目

詳解CSS フレックスボックス編 9周目

詳解CSS アニメーション編 9周目

詳解CSS レスポンシブウェブデザイン編 9周目

詳解CSS グリッドレイアウト編 9周目

詳解CSS 変数編 9周目

実践! ポートフォリオを作ろう 9周目

(ゼロから作れるか確認)実践! ポートフォリオを作ろう 9周目 自分でゼロから作ってみる

実践! アプリ紹介ページを作ろう 9周目

(ゼロから作れるか確認)実践! アプリ紹介ページを作ろう 9周目 自分でゼロから作ってみる

実践! ECサイトをマークアップしよう 9周目

(ゼロから作れるか確認)実践! ECサイトをマークアップしよう 9周目 自分でゼロから作ってみる

GitHub PagesでWebページを公開しよう 9周目

BootStrap5 入門 9周目

はじめてのJavaScript 9周目

エディタを使いこなそうVSCode 9周目

マテリアルアイコン入門 9周目

Google Charts入門 9周目

Chrome Developer Tools入門 9周目

Google Apps Script入門 9周目

Google Fonts入門 9周目

復習と情報収集【中盤】(HTML/CSS基礎力定着確認) 9周目

詳解JavaScript 基礎文法編 9周目

詳解JavaScript オブジェクト編 9周目

詳解JavaScript DOM編 9周目

詳解JavaScript Intersection Observer API編 9周目

JavaScriptでモーダルウィンドウを作ろう 9周目

JavaScriptでおみくじを作ろう 9周目

JavaScriptで三択クイズを作ろう 9周目

jQuery入門 9周目

復習と情報収集【後半その1】(jQuery/SASS/Emmet/メディアクエリ) 9周目

復習と情報収集【後半その2】(HTML/CSS応用〜実用) 9周目





10周目: 20年月日〜20年月日

復習と情報収集【前半】(HTML/CSS/Bootstrap入門〜基礎) 10周目

はじめてのWeb制作 10周目

はじめてのWeb制作 10周目 自分でゼロから作ってみる

学習環境を整えようmacOS編 10周目

詳解HTML 基礎文法編 10周目

詳解HTML フォーム部品編 10周目

詳解CSS 基礎文法編 10周目

詳解CSS セレクター編 10周目

詳解CSS フレックスボックス編 10周目

詳解CSS アニメーション編 10周目

詳解CSS レスポンシブウェブデザイン編 10周目

詳解CSS グリッドレイアウト編 10周目

詳解CSS 変数編 10周目

実践! ポートフォリオを作ろう 10周目

(ゼロから作れるか確認)実践! ポートフォリオを作ろう 10周目 自分でゼロから作ってみる

実践! アプリ紹介ページを作ろう 10周目

(ゼロから作れるか確認)実践! アプリ紹介ページを作ろう 10周目 自分でゼロから作ってみる

実践! ECサイトをマークアップしよう 10周目

(ゼロから作れるか確認)実践! ECサイトをマークアップしよう 10周目 自分でゼロから作ってみる

GitHub PagesでWebページを公開しよう 10周目

BootStrap5 入門 10周目

はじめてのJavaScript 10周目

エディタを使いこなそうVSCode 10周目

マテリアルアイコン入門 10周目

Google Charts入門 10周目

Chrome Developer Tools入門 10周目

Google Apps Script入門 10周目

Google Fonts入門 10周目

復習と情報収集【中盤】(HTML/CSS基礎力定着確認) 10周目

詳解JavaScript 基礎文法編 10周目

詳解JavaScript オブジェクト編 10周目

詳解JavaScript DOM編 10周目

詳解JavaScript Intersection Observer API編 10周目

JavaScriptでモーダルウィンドウを作ろう 10周目

JavaScriptでおみくじを作ろう 10周目

JavaScriptで三択クイズを作ろう 10周目

jQuery入門 10周目

復習と情報収集【後半その1】(jQuery/SASS/Emmet/メディアクエリ) 10周目

復習と情報収集【後半その2】(HTML/CSS応用〜実用) 10周目

JavaScriptの本 2冊目 1周目

JavaScriptの本 2冊目 2周目




サイトの模写

Codestep

実際の企業のページの模写

  1. エンジニア養成
  2. Apple
  3. 家具・インテリア
  4. 病院

ポートフォリオ実際の物と同一アドレスで差し替え作業中