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

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

猫シエスタの証明写真

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

コロナ禍、アフターコロナの働き方、テレワークに備えて、Googleが提供するツールの学習を始めました。

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

家庭の事情や、プログラミングスクールのサポート有効期限を踏まえて、学習方針を変更致しました。

まずはスクールのサポート期間内に全ての課題をこなし、プログラミング学習コンテンツのドットインストール及び書籍での学習は、スクールの課題の終了後に取り組むことに致しました。

これまでのレッスンのログは、ドットインストールの学習ロードマップとレッスンの感想に残しました。
これはドットインストールでの学習再開後に、また更新致します。

GAS(Google Apps Script)/HTML/CSS/JavaScript/jQueryを学んでいて、
ドットインストールの進捗状況は現在【2周目】であり、先に述べた様にスクールの課題を完了した後に進める予定でございます。

学習が進み次第、実際のポートフォリオ同じアドレスで差し替える予定です。
コーディングがある程度身に付いた所で、今後はWordPress/PHP/SEO/Photoshop/Illustratorも学んで行く予定です。

■ Web制作実績 ■

覚えたてのHTML/CSS/JavaScriptを使って、好きな推理アドベンチャーゲームのファンサイトを作りました。
推理アドベンチャーゲーム「MISSING PARTS」非公式ファンサイト


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


多摩モノレール 立日橋 柴崎体育館前から日野方面を南下 立川市内



◆ 7周目: 20年月日〜20年月日 (XXX日)

復習と情報収集【前半】(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周目

実践! ポートフォリオを作ろう 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周目

復習と情報収集【後半その3】ディレクションの仕方 7周目





◆ 8周目: 20年月日〜20年月日 (XXX日)

復習と情報収集【前半】(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周目

実践! ポートフォリオを作ろう 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周目

復習と情報収集【後半その3】ディレクションの仕方 8周目

JavaScriptの本 1冊目 1周目

JavaScriptの本 1冊目 2周目





◆ 9周目: 20年月日〜20年月日 (XXX日)

復習と情報収集【前半】(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周目

実践! ポートフォリオを作ろう 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周目

復習と情報収集【後半その3】ディレクションの仕方 9周目





◆ 10周目: 20年月日〜20年月日 (XXX日)

復習と情報収集【前半】(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周目

実践! ポートフォリオを作ろう 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周目

復習と情報収集【後半その3】ディレクションの仕方 10周目

JavaScriptの本 2冊目 1周目

JavaScriptの本 2冊目 2周目




◆ サイトの模写

Codestep

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

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

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