30歳 独学で始めるプログラミング ~WEBデザイン・アプリ開発~

ITスキルに興味がでたので、codeを書いてみたら面白くてハマってしまいました!日々何をやったのかを中心に、記事を書いていきたいと思います。

2020-07-01から1ヶ月間の記事一覧

28日目:PHP学習 道場(連想配列操作、foreach関数の中で条件分岐) & PHP Ⅱ(クラス、インスタンス、プロパティ、メソッド)

<学習日> 28日目 <学習内容> ① PHP 道場(64-100%):道場で定着具合を確認!(連想配列操作、foreach関数の中で条件分岐) ② PHP Ⅱ(0-22%):クラスの勉強!(クラス、インスタンス、プロパティ、メソッド) <参考> Progateレベル:137 <学習内容詳細> ということ…

27日目:PHP学習 道場で定着具合を確認!(数値計算、条件分岐、配列操作(foreach/for)

<学習日> 27日目 <学習内容> ① PHP 道場(0-63%):道場で定着具合を確認!(数値計算、条件分岐、配列操作(foreach/for) <参考> Progateレベル:134 <学習内容詳細> ① PHP 道場(0-63%):道場で定着具合を確認!(数値計算、条件分岐、配列操作(foreach/for) は…

26日目:PHP学習Ⅰ完了(配列、繰り返し、関数、問い合わせフォーム作成)

<学習日> 26日目 <学習内容> ① PHP Ⅰの学習(34-100%):(配列、繰り返し、関数、問い合わせフォーム作成) <参考> Progateレベル:130 <学習内容詳細> ① PHP Ⅰの学習(34-100%):(配列、繰り返し、関数、問い合わせフォーム作成) 昨日に引き続いて、PHP Ⅰの学習…

25日目:Node.js Ⅲの復習(テーブルのデータ削除、編集の機能構築) PHPの学習開始!

<学習日> 25日目 <学習内容> ① Node.js Ⅲの復習(テーブルのデータ削除、編集の機能構築) ② PHP Ⅰの学習(0-33%): (PHPのデータ型、条件分岐) <参考> Progateレベル:125 <学習内容詳細> ① Node.js Ⅲの復習(テーブルのデータ削除、編集の機能構築) さて、前々…

24日目:環境構築に比べれば全然簡単! Node.js Ⅱの復習(テーブルへのデータ追加機能構築)

<学習日> 24日目 <学習内容> ① Node.js Ⅱの復習 <参考> Progateレベル:118 <学習内容詳細> ① Node.js Ⅱの復習 続いてSQLとの接続関連の復習を進めていきます^^ 一番最初にでてくる「MySQLをインストールします」って部分なのですが、これ一番やっかいですか…

23日目:環境構築に比べれば全然簡単! Node.js Ⅰの復習

<学習日> 23日目 <学習内容> ① Node.js Ⅰの復習 <参考> Progateレベル:116 <学習内容詳細> ① Node.js Ⅰの復習 はいということで、まずは躓きまくったNode.jsの復習からということで、本日は少ないながらも「Node.js Ⅰ」の復習をやりました! 下記の記事でも…

22日目:ついにWeb開発パス完走!? Node.js / MySQLのローカル開発環境を整える!

<学習日> 22日目 <学習内容> ① MySQLのローカル開発環境を整える ② Node.jsとMySQLを接続する <参考> Progateレベル:113 <学習内容詳細> ① MySQLのローカル開発環境を整える はい、ということで、私が苦しんでいるMySQLは、今日も私の前に立ちふさがってく…

21日目:Node.js Ⅲ:修正機能 ローカル環境を整える(Atomのnpmパッケージ、MySQL⇐再挑戦!)

<学習日> 21日目 <学習内容> ① Node.js Ⅲ(75-100%):修正機能 ② ローカル環境を整える(Atom, MySQL) <参考> Progateレベル:113 <学習内容詳細> ① Node.js Ⅲ(75-100%):修正機能 ということで、昨日途中で頭がパンクして、完走できなかったNode.js Ⅲの最後ま…

20日目:Node.js Ⅱ,Ⅲ:SQLリンク、データベース活用、リダイレクト、削除機能、更新機能

<学習日> 20日目 <学習内容> ① Node.js Ⅱ(0-100%):SQLリンク、データベース活用、リダイレクト ② Node.js Ⅲ(0-75%):削除機能、更新機能 <参考> Progateレベル:112 <学習内容詳細> ① Node.js Ⅱ(0-100%):SQLリンク、データベース活用、リダイレクト では、…

19日目:Node.js:ページ作成、ルーティング、JavaScriptの組込み HTMLにJavaScriptが使えるの!?

<学習日> 19日目 <学習内容> ① Node.js Ⅰ(50-100%):ページ作成、ルーティング、JavaScriptの組込み <参考> Progateレベル:106 <学習内容詳細> ① Node.js Ⅰ(50-100%):ページ作成、ルーティング、JavaScriptの組込み さて、本日はNode.js パートⅠの残りを終…

18日目:SQL全単元完了! SQLの開発環境構築に失敗!? 一旦切り替えてNode.jsに突入!

<学習日> 18日目 <学習内容> ① SQL Ⅳ:データベース側の操作(追加・編集・削除)を覚えるぞ! ②SQLの開発環境を整える:MySQLのインストール⇐失敗・・・ ③Node.js Ⅰ(50%):実際にWEBアプリを構造的に構築するぞ! <参考> Progateレベル:104 ↓レベル100到達記…

17日目:データ解析言語 SQLの学習(最終演習問題)

<学習日> 17日目 <学習内容> ①SQL 道場:実践あるのみ! 学んだことをアウトプットするぞ!最終問題! <参考> Progateレベル:96 <学習内容詳細> ①SQL 道場:実践あるのみ! 学んだことをアウトプットするぞ!最終問題! はい、ということで、SQLのⅠ-Ⅲの最終…

16日目:データ解析言語 SQLの学習(サブクエリ、テーブル結合、総復習、道場でアウトプット)

<学習日> 16日目 <学習内容> ①SQL Ⅲ:サブクエリ、テーブルの結合 ②SQL Ⅰ-Ⅲの総復習:道場の前に定着させるぞ! ③SQL 道場:実践あるのみ! 学んだことをアウトプットするぞ! <参考> Progateレベル:96 <学習内容詳細> ①SQL Ⅲ:サブクエリ、テーブルの結合 …

15日目:JavaScript (ES6)の総復習(class・階層間通信・配列操作・コールバック関数) + SQLの勉強開始(データの抽出・加工)

<学習日> 15日目 <学習内容> ①JavaScript Ⅳ - Ⅶ:2周目(class・階層間通信・配列操作・コールバック関数) ②SQLとは:データベースを活用する技術! ③SQL Ⅰ:任意のデータを抽出する方法を学ぶ! ④SQL Ⅱ:抽出したデータに必要な加工をする方法を学ぶ! <参考…

14日目:JavaScript (ES6)の開発環境整理(Node.js, Babel) + 総復習(繰り返し処理・配列・オブジェクト・関数)

<学習日> 14日目 <学習内容> ①JavaScript Ⅱ - Ⅲ:2周目(繰り返し処理・配列・オブジェクト・関数・引数・戻り値) ②JavaScriptの開発環境を整える!Node.js・Babelをコマンドプロンプト経由で! <参考> Progateレベル:72 <学習内容詳細> ①JavaScript Ⅱ - Ⅲ:…

13日目:JavaScript (ES6)総復習 関数・引数・戻り値・コールバック関数

<学習日> 13日目 <学習内容> ①JavaScript Ⅰ - Ⅶ:苦手分野の関数・引数・戻り値・コールバック関数を徹底的に総復習! ②JavaScript Ⅰ - Ⅶ:復習後にサクッともう一回Codeをかく!(今日はⅠまででタイムアップ) <参考> Progateレベル:68 <学習内容詳細> ①Java…

12日目:JavaScript (ES6)完了 階層移動・配列操作・コールバック関数

<学習日> 12日目 <学習内容> ①JavaScript Ⅴ:ファイル間階層移動・npmパッケージを学ぶ! ②JavaScript Ⅵ:配列操作を学ぶ! ③JavaScript Ⅶ:コールバック関数を学ぶ! <参考> Progateレベル:65 <学習内容詳細> ①JavaScript Ⅴ:ファイル間階層移動・npmパッ…

11日目:JavaScript (ES6) ES6で新実装の「class」の機能を学習!

<学習日> 11日目 <学習内容> ①JavaScript Ⅳ:ES6で新実装の「class」の機能を学ぶ! <参考> Progateレベル:61 <学習内容詳細> ①JavaScript Ⅳ:ES6で新実装の「class」の機能を学ぶ! Java Scriptもここで折り返し! 今日はES6で新しく実装された機能である…

10日目:JavaScript (ES6) Excelの関数と同じじゃん⇒あれちょっと難しくね汗

<学習日> 10日目 <学習内容> ①JavaScript Ⅰ:基本的な定義の仕方、出力の仕方、演算子、条件分岐を学ぶ! ②JavaScript Ⅱ:繰り返し演算、配列、オブジェクトを学び、複合問題を解く! ③JavaScript Ⅲ:関数(引数、戻り値)を学び、複合問題を解く! ④上記の総…

9日目:HTML&CSSの定着具合確認とJavaScript(ES6)をかじるぞ!

<学習日> 9日目 <学習内容> ①HTML&CSSの道場編(自分で0からCodeを書くトレーニング)を、初級・中級・上級を一気にやったよ!復習&定着確認! ②JavaScript(ES6)の導入部分をかじったぞ! <参考> Progateレベル:44 <学習内容詳細> ①HTML&CSSの道場編(自分で0…

8日目:AtomとGitHubを実装! これで自分のHPを作って公開できるぞ!

8日目 ①Atomをインストールして、HTML&CSSの開発環境を準備した! ②GitHubに登録して、自分のHPをWEB上に公開した! Progateレベル:34

7日目:HTML&CSS 最後の試練 上級編のHPを0から作るよ!

<学習日> 7日目 <学習内容> ①HTML&上級編のHPを0から作る! ②Atomをインストールして、HTML&CSSの開発環境を準備するぞ! ③Githubに登録して、自分のHPをWEB上に公開するぞ! <参考> Progateレベル:34 <学習内容詳細> ①HTML&上級編のHPを0から作る! はい…

6日目:HTML&CSS + Flexbox 総復習で確実に自分のスキルに!

<学習日> 6日目 <学習内容> ①HTML&CSS上級編で新しく学んだことを復習 ②Flexboxで新しく学んだことを復習 <参考> Progateレベル:33 <学習内容詳細> ①HTML&CSS上級編で新しく学んだことを復習 上級編で新しく出てきたHTMLの要素や、CSSのプロパティをエク…

5日目:HTML&CSS ついに折り返して最終コーナー! CSS Flexboxもやってみた!

<学習日> 5日目 <学習内容> ①中級で作成したHPを、仕様書を見ながら0ベースで作成(1回目50-100%) ②中級で作成したHPを、仕様書を見ながら0ベースで作成(2回目0-100%) ③CSS Flexboxの基本 ④HTML&CSS上級編:PC/タブレット/スマホ、色々なデバイスに対応する…

4日目:HTML&CSS 簡単なHPを0から作る!

<学習日> 4日目 <学習内容> ①初級で作成したHPを、仕様書を見ながら0ベースで作成(2回目) ②中級で作成したHPを、仕様書を見ながら0ベースで作成(1回目50%) <参考> Progateレベル:23 <学習内容詳細> ①初級で作成したHPを、仕様書を見ながら0ベースで作成(2回…

独学での閃き~その1~ HTML・CSS【01】

<カテゴリ> プログラミング・WEBデザイン <言語> HTML&CSS <閃き> 全体構成の掴み方 <結論> HTMLのブロック構成(特に<div></div>)は、階層を激しく意識して、最終形を描きながら作成すべし! <コツ> divの階層を上の方から数字を振ってみる! (HPのラフ絵をノートに書…

独学での閃き~その0~ 目的

このブログは自身の独学の軌跡を残すことを主目的として始めましたが、単に軌跡を事実ベースで残すだけでなく、途中でピンときたことがあれば、都度簡潔にまとめていこうと思います。 と・い・う・の・も・ 勉強をしているうちに、小さな壁を何度も乗り越え…

なんでこのブログをはじめたの?! 3つの目的と4つの運用方針

タイトルのとおりで、なんでこのブログを開設したのかについて、簡単にまとめておこうと思います! <目的> ①自身の頭を整理しながら、独学をすすめるため ②記事数が溜まった頃に、同じ境遇の人の参考になればと思って ③ブログとはどういったものか、作成者側…

3日目:HTML&CSS中級編!+0から簡単なHPを作成に挑戦!

<学習日> 3日目 <学習内容> ①HTML&CSSの中級学習(50-100%) ②検証ツールを使いこなせ! ③初級で作成したHPを、仕様書をみながら0ベースで作成(1回目) <出来るようになったこと> ①HTML&CSS中級編(50-100%) 中級編の後半になってきてから、ボタンを押したとき…

2日目:HTML/CSSを駆使してHPを作成してみよう!

学習日:2日目 学習内容:HTML&CSSの初級学習(50-100%)&中級学習(0-50%) 出来るようになったこと:以下の通り ・初級編(50-100%) ・中級編(0-50%) 初級編で簡素なHPのひな型を作れるようになったあと、中級編で少しデザインにこだわったひな型の作成に挑戦…