Webプログラミングの第0歩を大学生Aと学ぼう

Webプログラミングを0から学んでいくブログです!

やらなきゃ損!悩み続けないために見るべき!エンジニアが書くプログラムを見れる1つの最強のWebサイト

こんにちは、えーです。

 

「すごい人が

 書いているプログラムを

 見たい!」

 

「実際のプログラムを

 参考にして勉強したい!」

 

と思ったことはありませんか?

 

今回紹介する方法を

実践すれば、

 

プログラムの参考が

しやすくなり、

 

プログラミング学習の

スピードアップ

できます!

 

スピード

 

しかし、

実践しなければ、

 

参考するプログラムを探せず、

 

自分の頭の中だけ

悩む時間が長く

なってしまいます。

 

その状況を避けるために、

 

1つのサイトと

その検索方法を紹介します!

 

以下の3つの手順を

見てみましょう!

 

1、

GitHubと検索する

 

2、

アカウントの登録

をする

 

3、

有名なエンジニア

を検索する

 

ここから、詳細を説明します!

 

1、

GitHubと検索

 

検索するアプリを開き、

 

GitHub

 

と検索しましょう!

 

一番上に、

写真のようなサイト

があるはずです。

 

クリックして、

サイトに移動しましょう!

 

GitHubブラウザ

 

 

 

2、

アカウントの登録をする

 

GitHubのアカウントの登録

をしていきます!

 

無料のプラン

問題ありません!

 

パソコンでよく使うため、

 

パソコンのメールアドレス

にすること

 

をおすすめします!

 

パソコンのメールアドレス



 

 

3、

有名なエンジニア

を検索する

 

X(旧Twitter)などのSNS

エンジニアのアカウントが

たくさんあります。

 

自分が

興味のあるエンジニア

のプロフィールを見て、

 

GitHubアカウントがあれば

フォローしていきましょう!

 

SNS

 

 

 

 

実践して、

GitHubでプログラムを見て、

 

より効率的に

プログラミング学習

進められるようにしましょう!

 

 

今すぐ出来ることとして、

 

まずは

パソコンを持ってくること

から始めましょう!

 

パソコンをもつ

 

プログラミング勉強サイトしかしたことのないあなたに、勉強した気にならないためのたった1つの技術。

こんにちは、えーです。

 

あなたは、

Progateドットインストールなど

 

簡単に

Web上で

出来るものだけをやって、

 

満足してはいませんか?

 

調子に乗る

 

もし、

 

そのまま満足して

今のような勉強の仕方を

続けてしまうと

 

勉強した気になるだけで、

 

エンジニアに

なることへの成長

つながりません…

 

現状維持

 

しかし、

 

今回ご紹介するものを

勉強すれば

 

実際の業務でも

使われている技術

 

より最新のもの

学ぶことが出来ます!

 

その技術を学ぶことで

 

Web系の技術者に

なることにつながる

第一歩

 

踏み出すこと

が出来ます!

 

最新

 

では、

さっそく紹介していきます!

 

手順としては

以下の通りです!

 

1、

Reactを知る

 

2、

「React

 チュートリアル

で検索

 

3、

際に

プログラムを書く

 

詳しく説明します!

 

1、

Reactを知る

 

Web開発では、

最近よく使われる技術として

 

「React」(リアクト)

 

というものがあります。

 

JavaScriptという言語の

ライブラリ

 

と言っても分かりづらいため、

 

簡単に言うと、

 

JavaScript

 

Web開発がしやすいように

したもの

 

のことです。

 

さらに気になる方は

調べてみましょう

 

検索する人

 

2、

「React

 チュートリアル

で検索

 

「React チュートリアル

と検索して、

記事を1つクリックしましょう!

 

チュートリアルの記事は

流れがまとまって分かるため、

理解がしやすい場合が多いです!

 

チュートリアル



 

3、

実際に

プログラムを書く

 

実際に

クリックした記事に沿って

 

チュートリアル

やってみましょう!

 

プログラム

 

内容は今までより

難しいと思いますが、

 

完璧な理解ではなく、

 

Reactの機能を

使える程度の理解

で学習を進めて、

 

実践的に作れるように

していきましょう!

 

ファイト

 

これをすれば、

 

エンジニアへの更なる一歩

進むことが出来ます!

 

 

さっそく

 

パソコンの電源をつけて

取り掛かりましょう!

 

パソコン電源

 

エラーが出ない動かないコード。1人で解決できない無能にならないための対処手順。

こんにちは、えーです。

 

プログラミングをしていて、

 

分からないところが

分からない。

 

エラーが

出ていないのに

正しく動かない

 

という状況になったことは

ありますか?

 

パソコン上手くいかない

 

もしそれを

人に聞くまで

待っているだけなのであれば、

 

それは

今すぐやめましょう!

 

ストップ

 

そのままでいると、

 

人を待つばかりになり、

多くの無駄が発生してしまいます…

 

そうすると、

 

進度が遅くなり、

 

嫌なレッテルを貼られてしまう

かもしれません…

 

レッテル

 

逆に

 

自分で解決する方法を

知っていれば

 

 

どこを間違っているか

自分で

課題を見つけること

ができ、

 

解決に向けて進むこと

ができます!

 

ひらめく男性

 

そうすると、

 

時間の無駄

なくなり、

 

スピード性

を持ったエンジニア

なることが出来ます!

 

スピード

 

では、

 

どのように問題を発見するのか

 

それは以下の方法を

実践することです!

 

1、

処理のまとまりで

コードを見る

 

2、

変数が

値を変更した場所を

確認する

 

3、

出力の関数で

変数の中身を

確認する

 

ここから詳しく説明します!

 

1、

処理のまとまりで

コードを見る

 

処理ある程度のまとまりで

区切りがあります

 

そのまとまりで

コードを区切りましょう

 

関数化できると

改善しやすくなります!

 

グループ分け

 

2、

変数が

値を変更した場所を

確認する

 

変数に代入をして

値が変更するとき

あると思います。

 

思った通りにならないとき、

 

代入する付近で間違っている場合

が少なくありません

 

そこを確認して

次のステップを

やってみましょう!

 

範囲

 

 

3、

出力の関数で

変数の中身を

確認する

 

2つ目のステップで

確認した場所を

 

出力して確認し、

 

想像した通りの値になっているか

確認しましょう!

 

一つひとつを確認し、

 

最初

想像通りの処理結果に

ならなかったとき

 

その付近が間違っている

分かります!

 

壁にぶつかる

 

以上の方法を実践して、

 

どこが間違っているのか

判明させましょう!

 

自分で

間違いを見つけて

 

もう一歩進めるように

なりましょう!

 

一歩踏み出す

 

では、

 

すぐに椅子に

座ることから

始めましょう!

椅子に座ろうとする



プログラミングの苦手意識、残すと損しかない!!払拭するためのたった1つの考え方

こんにちは、えーです。

 

あなたは、

プログラミングに対して

どこか苦手意識

持っていませんか?

 

もし持っているのであれば、

今回お伝えする方法で、

 

苦手意識がなくなり、

 

自分が

何と向き合えばいいか

が分かるように

なります!

 

Action Plan



しかし、

 

この記事を読まなければ、

 

苦手意識はそのまま残り、

 

プログラミングが必須の時代

となり、

 

情報を遮断

してしまい、

 

大きく損

してしまいます…

 

耳をふさぐ



 

そうならないように、

 

今回お伝えする方法を

実践しましょう!

 

3つの手順

1つの考え方があります!

 

以下の通りです!

 

1、

プログラミングが

部品の組み合わせ

だと知る

 

2、

実際に使う

プログラミングの

部品のルールついて

調べる

 

3、

実際にプログラム

を組む

 

 

 

 

考え方はズバリ、

プログラミングは

部品の組み合わせ

です!

 

 

以下に、くわしい説明です!

 

 

 

1、
プログラミングが
部品の組み合わせ
だと知る

 

プログラミングは、

誰かが作ったもの

利用して、組み合わせ

新しいものを作ります。

 

組み合わせる



 

自分が使っている関数

print関数などの出力の関数も

誰かが作ったものであり、

 

それを使うときには、

その使うものの

ルールに従うこと

を知っておきましょう!

 

ルール



 

 

 

2、
実際に使う

プログラミングの部品の

ルールについて調べる

 

部品のルールについて

よく調べましょう。

 

元をたどるのが一番正確ですが、

難しく書いてあるものが多いため、

 

記事を検索して、

使えるようになることを第一に

理解していきましょう!

 

虫眼鏡jpg



 

 

 

3、
実際にプログラム
を組む

 

実際に調べたことから

プログラムを作成

していきましょう!

 

具体例が分からない

コードが思いつかない場合も

あると思います

 

適宜、

実装例について

検索したり

ChatGPTに聞いてみたり

してみましょう!

 

検索する人



 

 

以上の3ステップを

実行すれば、

 

プログラミングが

部品の組み合わせ

であると俯瞰でき、

 

今プログラミングをするうえで、

何をするべきかが

分かるようになる

と思います!

 

 

では、

今すぐやってみることとして、

 

自分自身が

部品として使っている関数

いくつか思い出してみましょう!

 

思い出す



1か月の練習で速さが段違い!タイピングの練習方法、3つの手順とレベルごとの指標。

こんにちは、えーです。

 

プログラミングをするとき、

 

タイピングが遅くて、

作業に苦労してはいませんか?

 

タイピング



タイピングが速くなれば、

 

プログラミングを

していても、していなくても、

 

 

パソコンを使う時間が

生活の中で長いのであれば、

 

大きく時間を

短縮できます!

 

また、

 

プログラミングでは特に、

 

実際にコードを書くときに

内容に集中すること

が出来ます!

 

パソコン集中



 

しかし、

 

タイピングが遅いままであれば、

 

プログラミングをしているときに

気にすることが多くなり、

 

内容に集中できず、

スピードが遅くなります…

 

そしてその分、

 

プログラミングの

成長速度も遅く

なってしまいます…

 

遅い



 

 

 

そうなることを避けるために、

 

今回、

タイピングの練習方法

をお伝えします!

 

手順は以下の3つです!

1、

ホームポジション

を調べる

 

2、

練習時は絶対

タッチタイピング

と意識

 

 

 

3、

寿司打をやる

 

くわしく説明します!

 

 

1、

ホームポジション

を調べる

 

タイピングは、

指の置く位置動かす位置

がおおよそ決まっています!

 

ホームポジションを調べて、

 

・どの位置に置くか

・どの位置まで

 指を動かすか

 

を確認しましょう!

 

パソコンを見る



 


2、

練習時は絶対

タッチタイピング

と意識

 

タッチタイピングとは、

キーボードを見ずに

タイピングをすることです。

 

練習のときに、

タッチタイピング

できるようになるために

なるべく見ずに練習しましょう!

 

最初はゆっくりでも大丈夫です!

 

とにかく

一番にタッチタイピングを意識

しましょう!

 

タッチタイピング



 

1日1時間2週間くらいすると、

 

だんだんと

出来るようになってくるのを

自覚できると思います!

 

 

 

 

3、寿司打をやる

 

一番王道の

タイピング練習アプリ

寿司打です!

 

 

タッチタイピング

一日で出来るものでは

ありません!

 

私は、

5000円コースクリアまでは1か月

10000円コースクリアまでは4か月

かかりました!

 

まずは

3000円コースから

やっていきましょう!

 

がんばる

 

以上の3つを実践すれば

 

段々とタイピングが

はやくなっていくと思います!

 

まずは、

 

調べるために

スマホかパソコン

持ってきましょう!

 

速さを上げて、

 

成長もスピードアップ

させましょう!

 

豪速



Hello, Webの世界! 急速レベルアップ!?実践的なWeb開発の始め方5ステップ!

こんにちは、えーです。

 

あなたは、

 

「Web開発」と聞いて

 

具体的に、

どのように出来ているか

想像できますか?

 

想像する



 

 

 

この記事を読むと、

 

Webサイトが

どのような要素から

なっているか

 

の基本を知ることが

でき、

 

実際のWebアプリに

近い感覚

を身に着けることができます!

 

実践



 

 

 

しかし、もし読まなければ、

 

実践的な実装方法が

分からず

 

浅い知識を持つだけ

人となり

 

いつまでもプログラマ

近づくことが出来ません…

 

絶望




 

 

あなたが

そうならないために

 

1つ

 

とても有用なWebサイト

があります!

 

そのサイトの名前と

使う5つの手順を

説明していきます!

 

 

 

ズバリ、

サイトの名前は、

「ドットインストール」

です!

 

 

 

 

手順は以下の通りです!

 

1.

はじめての

 Web制作」

と検索する

 

2.

「はじめての

 Web制作」

をクリック

 

3.

ドットインストール

に新規登録する

 

4.

動画を見る

 

5.

実際に

プログラムを書く

 

 

 

 

詳しく説明します!

 

 

 

 

1.

はじめてのWeb制作」

と検索する

 

Googleなどを開いて

検索しましょう!

 

検索すると

サイトの名前である

ドットインストール

出てくると思います。

 

検索



 

2.

「はじめてのWeb制作」

をクリック

 

以下の画像のような

 

タイトルの

リンクをクリックしましょう!

 

おそらく

一番上に出てくる

と思います。

 

はじめてのWeb制作



3.

ドットインストールに

新規登録する

 

無料で登録でき、

利用者も60万人もいる

大きなサイトです!

 

Googleアカウントでの

登録が簡単だと思います!

 

登録



 

4.

動画を見る

 

1、2個目までは動画だけです。

 

動画も3分と短いので

気軽に見ましょう!

 

動画視聴



 

5.

実際にプログラムを書く

 

3個目の動画からは

実際に手を動かして

試すことが出来ます!

 

動画の分かりやすい説明を

よく聞いて

実際にやりましょう!

 

パソコン手元



 

では、

今すぐ出来ることとして、

 

パソコン

持ってきましょう!

 

紹介した手順によって、

Web制作の第一歩

踏み出しましょう!

 

はしる



プログラミングの前提で間違えてない?人生を無駄に頑張らないためにすぐできる3手順

こんにちは、えーです。

 

あなたの

プログラミングの目的

は何でしょうか?

 

一度考えてみてください。

 

考える



 

プログラミングを勉強する

ということ自体

が目的になっているなら

 

今すぐやめましょう!

 

警告



 

もし

 

プログラミング言語

勉強すること自体

 

が目的になってしまっていると

 

ゴールが無く、

 

・自分がそれを達成できているか

・自分にそれが役立っているのか

を知ることが出来ません…

 

そのため、

 

勉強のモチベーション

を続かせることも難しいです…

 

 

しかし、

 

今回紹介する手順をやると

 

自分自身の

プログラミングの目的

がはっきりとして、

 

明確な目標に向かって

進み始めることが出来ます!

 

実践して、

さらなる意味のある学習に

繋げましょう!

 

スピードアップ



 

手順は以下のとおりです!

 

1、プログラミングを

  勉強した先の

  未来を書く


2、自分が望む

  未来を選ぶ

 

3、選んだものを

  見やすい場所

  に設置する

 

ここから詳しく説明します!


1、プログラミングを

  勉強した先の

  未来を書く

 

プログラミングを勉強して、

その先で考えられる未来を

書き出してみましょう!

 

たとえば、

「IT企業に転職する」

「Webアプリを1つ作る」

など

 

10個ほど出しましょう!

 

マインドマップ



 

 

 

2、自分が望む

  未来を選ぶ

 

書き出した中から

自分が1番望むものを

選びましょう!

 

周りが驚くような大きな目標

でなくてもいいです。

 

自分でプロセスを考えられる

ものを選びましょう!

 

選ぶ



 

 

3、選んだものを

  見やすい場所

  に設置する


スマホの待ち受けや、

家の壁などが

設置しやすいです!

 

毎日見る場所

に設置しましょう!

 

 

設置することで

毎日の生活の中で

 

・目的を忘れること

・目的からズレてしまうこと

を起きにくくできます!

 

毎日見る



 

 

では、さっそく

 

書き出すための

ペンと紙を持ってきましょう!

 

紙とペン