もっと高みを目指したい!!

 

どうも!

 

アンコタです!

 

 

今回はもっと

 

ホームページ制作の高みを

 

目指す方法を

 

紹介していきます!

f:id:ankoprogram:20211125020817j:image

あなたはパソコンの表示は

 

自信を持ってできる!

 

言えるのではないでしょうか

 

 

しかし!

 

スマホ対応はどうしますか?

 

あなたはパソコンで

 

ホームページを見ますか?

 

 

 

今の時代スマホで見ることが多い

 

と思います

 

なぜスマホ対応までするのか!!

f:id:ankoprogram:20211125025107j:image

それは面接官に

 

「今ってスマホが主流だよね」

 

と突っ込まれないようにする

 

ためです

 

 

実際、僕自身は面接官に

 

スマホで見れる?」 

 

と聞かれました!!

f:id:ankoprogram:20211125025056j:image

ではどうやって

 

スマホ対応に

 

すればいいのか!

 

それは

 

 

①メディアクエリを調べる

 

②実際に書いてみる

 

Google Chromeで確認

 

この流れを意識します!

f:id:ankoprogram:20211125025516j:image

もしスマホ対応をせず、

 

面接官に突っ込まれたら

 

どうしますか??

 

確実に後悔します

 

 

そうならないためにも

 

絶対に必要なんです!

 

 

もし、まだスマホ対応できていない

 

と思ったあなた!!

 

今すぐ①だけでもやってみてください!

 

 

①をやると②も自らやりたい!

 

となると思います!

 

 

 

1ページ作れるようになったら次は!?

 

どうも!

 

アンコタです!

 

今回は1ページ完璧に作れるようになったら

 

次は何をするか紹介していきます!

f:id:ankoprogram:20211125013905j:image

正直ここまでできたら

 

就活では有利です

 

しかし、周りにもホームページ制作

 

をしているライバルは必ずいます!

 

 

ライバルに負けないようにするには

 

どうしたらいいのと

 

不安な気持ちになります

 

でも大丈夫!

 

 

ライバルに負けないもの

 

それは丁寧さ

 

です

f:id:ankoprogram:20211125015105j:image

具体的には

 

コメントを入れて

 

見やすいコードを意識

 

しましょう!

 

 

なぜコメントを入れるのか

 

それはあなたの強みとして

 

丁寧で工夫できる力

 

証明できるようになるからです!

 

 

実際あなたの目的はライバルより

 

かっこいいホームページを

 

作ることではありません!

 

就活を有利に進めるためです

f:id:ankoprogram:20211125111109j:image

では、具体的に

 

どうやって丁寧さをアピールするのかを

 

紹介します

 

 

①自分なりにプログラムを書く

 

②重複しているコードがないかを確認する

 

③コメントを入れてコードの区切りを明確にする

 

この流れを大事にして下さい

 

 

これを意識するだけで

 

あなたの丁寧さや工夫する力をアピールできます

f:id:ankoprogram:20211125020235j:image

1ページ作ってほっとしているあなた!!

 

今すぐ丁寧に!!

 

書いてみてください

 

 

なぜ仕事を意識するの??

 

どうも

 

アンコタです!

 

今回はなぜ仕事を意識するのか

 

紹介します!

f:id:ankoprogram:20211125011652j:image

答えは

 

就活を意識しているから!

 

です

 

なぜ就活のためだけに完璧を求めるのか

 

 

それは実際の仕事ができるという

 

自信と事実

 

を手に入れるためです

f:id:ankoprogram:20211125012001j:image

ホームページ制作の世界では

 

完璧を求められるのが事実です

 

現状、表示がズレたホームページを

 

完璧かのように企業に営業をかける人がいます

 

 

しかし、それでは全く相手にしてもらえない

 

というのが事実です、、、

 

なので完璧を目指すことは必要ということです!

f:id:ankoprogram:20211125012447j:image

そこで今すぐ調べながら

 

完璧なものを1ページ作ってみて下さい!

 

それができれば大きな自信

 

になります

 

 

そのためには勉強が必要ですし

 

実際に使えるようにしなければなりません

 

逆をいえば、それができれば

 

就活でアピールできる!

f:id:ankoprogram:20211125013214j:image

今すぐ行動すれば

 

友達より1歩有利

 

になること間違いなしです!

 

 

なぜ完璧を求めるのか

 

どうも!

 

アンコタです!

 

今回はなぜ完璧を目指すのかを

 

紹介していきます!

f:id:ankoprogram:20211125010210j:image

いきなり完璧を求めるのはなぜか

 

それは

 

完璧でないと仕事にならない

 

からです

 

 

いきなり厳しいことかもしれませんが

 

もしパソコンの画面いっぱいの1ページで

 

ずれていた場合

 

実際の量ではものすごいずれになります

f:id:ankoprogram:20211125010518j:image

じゃあどうやって完璧か判断するのかを

 

今すぐできることから

 

やっていきましょう

 

 

今すぐできること、それは

 

ツールを使うこと

 

実際にGoogle拡張機能

 

pixel perfectという拡張機能があります

f:id:ankoprogram:20211125010849j:image

これを使って自分の作ったものと

 

実際のものを重ねて同じになるか確認します

 

これはものすごい大変な作業ですが

 

とても大事です

 

 

逆にこれができれば

 

あなたは実際の仕事ですらできる

 

ことになります

f:id:ankoprogram:20211125011426j:image

次のブログでは

 

なんで仕事を意識するのか

 

について書いていきます!

 

 

 

初心者が挑戦しやすいホームページとは!?

 

どうも!

 

アンコタです!

 

今回は初心者が挑戦しやすい

 

ホームページを紹介していきます!

f:id:ankoprogram:20211125004115j:image

みなさんホームページと聞くと

 

すごい文章量で、色んな機能が付いていて

 

ボタンを押すと知りたい情報がたくさん

 

というイメージがあると思います

 

 

自分にはこんなの無理だ

 

どうすればできるんだ、、、

 

と思いモチベーションが低下してしまいます

 

しかし、それを最初からできたら天才です

f:id:ankoprogram:20211125004810j:image

できないのは当たり前で

 

実際そういったホームページは

 

1人ではなく会社のチームで分担して

 

プログラムしています

 

 

じゃあ初心者は

 

どうやって練習するのか

 

どんなものがいいのかと今すぐできること

 

の2つの観点で説明します

f:id:ankoprogram:20211125005036j:image

1.スクロールなしの1ページ

 

これはパソコンの画面を

 

スクロールせずに収まるもの

 

です

 

 

もっとわかりやすく言うと

 

ヘッダーとセクション1つとフッター

 

だけを制作していきます

f:id:ankoprogram:20211125005615j:image

2.完璧に再現する

 

だいたいできてるから大丈夫ではダメです

 

完璧に再現する

 

ことが大事です

 

 

なぜ今すぐ完璧を目指すのか

 

この理由は次のブログで

 

書こうと思います!

 

 

 

 

 

 

 

 

調べながらホームページを作る方法

どうも!

 

アンコタです!

 

今回は具体的にどうやってホームページを

 

作るのか紹介していきます!

f:id:ankoprogram:20211125002241j:image

多くの人が

 

自力でホームページ制作をして

 

わからない、何を勉強しよう、、、

 

となってしまいますf:id:ankoprogram:20211125002454j:image

しかし考えるところは

 

そこではありません!!

 

じゃあどうやって勉強していくのか

f:id:ankoprogram:20211125002559j:image

1.とにかく自分の持っている知識を出す

 

具体的には、自分の覚えたものを

 

当てはめて書いてみることです

f:id:ankoprogram:20211125002823j:image

例えば文字を中央に揃えることができるなら

 

それを使って実際に文字を中央に揃えてみます

 

しかし、実際中央に揃うはずなのに

 

揃わないなんてことがあります

f:id:ankoprogram:20211125003150j:image

なぜ、中央に揃うはずが

 

揃わないのか、ここで重要なことは

 

5分考えてわからないことは

 

諦めます。しかし次にやるべきことがあります

f:id:ankoprogram:20211125003344j:image

ここで2つ目です

 

 

2.ネットや本を使って調べる

 

ここで重要なことは

 

とにかく調べまくることです

 

地味な作業ですが、これが1番大切です

f:id:ankoprogram:20211125003556j:image

これの繰り返しで

 

実質自分1人の力で

 

ホームページは作れたことになります

f:id:ankoprogram:20211125003800j:image

次のブログでは

 

初心者が挑戦しやすい

 

ホームページはどんなものか

 

紹介しようと思います!

 

 

 

 

 

モチベーションの保ち方

 

どうも!

 

アンコタです!

 

今回はモチベーションの保ち方

 

を紹介します!

f:id:ankoprogram:20211124223110j:image

プログラミングにおいて

 

モチベーション=成果

 

といっても過言では

 

ありません

f:id:ankoprogram:20211124223217j:image

モチベーションが保てないと

 

自分って向いてない

 

自分にはセンスがなかった

 

などと諦めてしまいます

f:id:ankoprogram:20211124223443j:image

しかし

 

その原因はモチベーションの低下

 

にあります

 

 

では、どのようにモチベーションを

 

保つのか、それは

 

成功体験を作る

 

です

f:id:ankoprogram:20211124223720j:image

では、ホームページ制作においての

 

成功体験とはなんなのか

 

それは調べながら

 

自分でホームページを作るです

f:id:ankoprogram:20211124224019j:image

調べながらホームページを作る

 

具体的な方法は

 

次のブログで書いていこうと思います!