Webデザイナーになるまで

SIerの会社員が副業としてWebデザイナーになるまでの軌跡

設計

こんにちは。井上あすな（@inoueasuna）です。

前回チラッと書いた"副業になるかもしれないこと"のために、設計書を書いてます。

会社で仕事しているときは、雛型があってそれを埋めていけばいいのだけど、
ゼロから、まっさらなところから書き始めるのは難しい。。

これも勉強だと思ってがんばります。

avaScript (ES6)勉強結果

勉強

こんにちは。井上あすな（@inoueasuna）です。

ProgateでのJavaScript (ES6)勉強結果。

 

勉強内容

・サイト：Progate

・学習コース：JavaScript (ES6) Ⅰ～Ⅶ

・期間：2021/01/15～2021/02/08

 

感想・反省

初見のところもたくさんあったけど、なんとかやり切れた。

レッスンをこなしただけで、実際にどうやって使うのかは全然見えていない状態だけど、とりあえず今はやり切ったことが大事。

 

次回は先日からやり始めたCodestepの記事を書く予定。

Codestepで模写コーディング予定

勉強

こんにちは。井上あすな（@inoueasuna）です。

明日でProgateでの勉強は一旦中断して、明後日からサイト模写をする予定。

昨日たまたまTwitterでCodestepが良いと見かけたのでやってみようと思う。

とりあえず１ヶ月を予定しているけど、身に付くだろうか？。

 

勉強予定

・サイト模写 (Codestep他)

・期間：２/９～３/９

 

次回はProgateでのJavaScript (ES6)勉強結果の記事を書く予定。

勉強計画（2021年版）

勉強

こんにちは。

井上あすなです。

 

しばらく勉強をお休みしていましたが、昨年末あたりから再開しています。

 

ひとまずはProgateでの復習から。

HTML＆CSSは1/14に完了済み。

その後、実際にwebページを作成してみました。

が、出来上がったもののダサいこと。。

 

とりあえずProgateでの勉強を進めて、今はJavaScriptをやっています。

2/9までにJavaScriptを終わらせる予定。

 

その後、1ヶ月はサイト模写でデザイン含めた実際に使える知識のinputを。

3月からはProgateに戻ってSQLとNode.jsをやる予定。

 

今のところ考えている予定は以上。

 

ブログの書き方とか更新頻度はまた追々考えます。

勉強再開してます

勉強

お久しぶりです。井上あすなです。

 

コロナ禍ということで会社の売り上げに不安を感じたこともあり、

副業に向けて再び（三度？何回目？）勉強を再開しています。

 

今年に入ってから私もようやくテレワークとなりました。

少し時間もできたので、ブログも再開しようと思います。

 

記事を書いていなかった間にプライベートも変化がありまして、、

その辺のこと、勉強計画のこと、副業に向けての意気込みなどなど、

ネタはたくさんあるので改めて書こうと思います。

 

ひとまず、勉強再開中なのと、また更新していきますよ、というお知らせでした。

 

ProgateでのJavaScript (ES6)勉強予定

勉強

どうも、井上あすな（@inoueasuna）です。

ProgateでのJavaScript (ES6)レッスン勉強予定。

 

勉強内容（予定）

・学習コース：JavaScript (ES6) Ⅰ～Ⅵ

・アプリ

　学習コース：JavaScript (ES6) Ⅰの復習

　（学習コースを勉強した翌日にやる）

予定期間・時間

期間：1/31～2/8

時間：18.0h

 

再びJavaScriptに戻る。

jQueryやった後だから混乱しないかな？

道場コースがないからアウトプットはまた別の機会になりそう。

終わったらまた結果報告の記事を書く予定。

ProgateのjQueryコース完了

勉強

どうも、井上あすな（@inoueasuna）です。

ProgateでのjQueryのコースが完了したので、勉強内容報告。

 

勉強内容

・学習コース：jQuery 初級編・中級編・上級編

・道場コース：jQuery 中級編

　（学習コース 初級編・中級編の内容）

 

かかった期間、時間

予定：1/19～1/30　22.0h

実績：1/19～1/29　 7.5h

手こずるかと思って予定時間を長めに取っていたが、案外すんなり知識が身についた。

時間かからなかった割に期間が短縮されていないのはサボり…いや、体調不良などが原因。

コースごとの実績時間内訳

（目安はProgateに記載してあるコースごとの修了時間）

学習コース　jQuery 初級編：目安2h25m、実績1h01m

学習コース　jQuery 中級編：目安2h15m、実績1h32m

学習コース　jQuery 上級編：目安4h30m、実績3h06m

道場コース　jQuery 中級編：目安1h30m、実績1h44m

 

次の勉強内容

引き続きProgateでJavaScript (ES6)をやる。

詳細は次の記事に記載。

 

苦手項目

道場コースで勉強中にわからなかったもの。

いたって個人的なメモ。

（反転で答えを表示）

アニメーションさせながら非表示にするメソッド

fadeOut()

体調管理

今週のお題

今週のお題「冬の体調管理」

 

どうも、井上あすな（@inoueasuna）です。

インフルエンザ流行ってますね。

人生で一度もかかったことない。

が、冬はだいたい風邪引いてるので、体調管理しっかりできている訳でもない。

 

今も風邪っぽい。

微熱がなかなか下がらない。

喉や鼻はたいしたことないから仕事のストレスのせいかも。

なかなか勉強はかどらなくて困る。

心身ともに管理が必要みたい。。

ProgateでのjQuery勉強予定

勉強

どうも、井上あすな（@inoueasuna）です。

ProgateでのjQueryレッスン勉強予定。

 

勉強内容（予定）

・学習コース：jQuery 初級編・中級編・上級編

・道場コース：jQuery 中級編

アプリ版がないのがちょっと残念。

 

予定期間・時間

期間：1/19～1/30

時間：22.0h

 

jQueryやったことないから楽しみ。

終わったらまた結果報告の記事を書く予定。

ProgateのJavaScript (ES5)コース完了

勉強

どうも、井上あすな（@inoueasuna）です。

ProgateでのJavaScript (ES5)のコースが完了したので、勉強内容報告。

 

勉強内容

・学習コース：JavaScript (ES5) Ⅰ・Ⅱ・Ⅲ・Ⅳ

・道場コース：JavaScript (ES5) Ⅰ

　（学習コース Ⅰ～Ⅲの内容）

・アプリ

　スマホアプリに対応しているコースのみ。

　学習コース：JavaScript (ES5) Ⅰ～Ⅳの復習

　（基本的にはPCで学習コースが完了した翌日に実施）

 

かかった期間、時間

予定：1/14～1/17　7.5h

実績：1/14～1/19　3.5h

さすがに知ってる知識ばかりで予定より半分くらいの時間でできた。

コースごとの実績時間内訳

（いずれも目安の終了時間は1h30m）

学習コース　JavaScript (ES5) Ⅰ：PC 26m、アプリ 14m　計40m

学習コース　JavaScript (ES5) Ⅱ：PC 20m、アプリ 13m　計33m

学習コース　JavaScript (ES5) Ⅲ：PC 27m、アプリ 17m　計44m

学習コース　JavaScript (ES5) Ⅳ：PC 29m、アプリ   8m　計37m

道場コース　JavaScript (ES5) Ⅰ：PC 54m

 

次の勉強内容

引き続きProgateでjQueryをやる。

詳細は次の記事に記載。

 

苦手項目

道場コースで勉強中にわからなかったもの。

いたって個人的なメモ。

（反転で答え表示されます。）

連想配列の要素の取り出し方

配列名[要素番号].キー

ProgateでのJavascript（ES5）勉強予定

勉強

どうも、井上あすな（@inoueasuna）です。

ProgateでのHTML&CSSの勉強が終わったので次はJavascript。

この後勉強予定のjQueryのレッスンで使用しているバージョンがES5のため、先にES5から。

 

勉強内容（予定）

・学習コース：

JavaScript (ES5) Ⅰ・Ⅱ・Ⅲ・Ⅳ

・道場コース：

JavaScript (ES5) Ⅰ

（学習コース Ⅰ～Ⅲの内容）

・アプリ

学習コース：JavaScript (ES5) Ⅰ～Ⅳの復習

（学習コースを勉強した翌日にやる）

 

予定期間・時間

期間：1/14～1/17

時間：7.5h

 

終わったらまた結果報告の記事を書く予定。

ProgateのHTML&CSSコース終了

勉強

どうも、井上あすな（@inoueasuna）です。

ProgateでのHTML&CSSの勉強が終了したので、内容報告。

 

勉強内容

・学習コース：初級編、中級編、上級編

スライドで知識をinputして、演習問題でoutputできるか確認。

webデザイン技能検定の受験のために勉強済みだったところがほとんど。

良い復習になった。

 

・道場コース：初級編、中級編、上級編

仕様書と見本を見ながらゼロからサイトのレイアウト作成。

知識がホントに定着しているか確認できる。

いわゆる、わかったつもりになっているのが非常に多かった。

 

・アプリ

スマホアプリに対応しているコースのみ。

　　・学習コース：初級編、中級編

復習としてざっとやる程度。

 

かかった期間、時間

予定：1/2～1/15　27.0h

実績：1/2～1/13　16.5h

一度学んだことのある内容ばかりだったからサクサク進んだ。

期間も時間も予定より早めに終了。

 

次の勉強内容

引き続きProgateでJavascriptを予定。

詳細は別記事にて記載予定。

 

苦手項目

道場コースで勉強中に思い出せなかったもの。

いたって個人的なメモ。

（反転で答え表示されます。）

 

送信ボタンの作り方

<input type="submit">

文字の太さ

font-weight

文字の間隔

letter-spacing

背景画像の大きさ（繰り返さずに1枚にする）

background-size: cover;

行間を指定する

line-height

要素を固定する

position: fixed;

要素の位置の変更

position: relative;

要素の位置の指定

top,left

floatの解除

clear: left;

ブログの目標

ブログ 今週のお題

今週のお題「ブログ初心者に贈る言葉」

 

どうも、井上あすな（@inoueasuna）です。

> ブログを始めたての方はブログへの意気込みや目標など、

とあったので、目標でも。

 

最低でも週1更新。

しばらくは勉強の成果とか書こうと思っているから、それくらいになってしまうかも。

日々の勉強内容などを随時知りたい方は、Twitterフォローお願いします。

 

もちろん、書きなれてきたら&ネタが増えてきたら更新頻度を増やす予定。