【エンジニアにしつもん】フロントエンドに方向転換!大塚さん

→約 1 分で読めるよ〜

「CSS勉強してみたいな〜」という方は

先輩エンジニア・大塚さんのお話を読んでみましょう。

サイトの仕組みや勉強の仕方も教えてくれました。

Webデザインがクールだよ!

大塚さんとは?

大塚さんは、フロントエンドエンジニアです。

マークアップエンジニアからシフトチェンジしました〜。

大塚さんサイト見てみて!かっちょいいよ!

最近はノーマウントコミニティ「ふわふわエンジニアタイム」も運営しているよ。 

質問

Twitterのヘッダーとアイコンがシュールでかわいいw
ドラえもんすきなんですか?

はい、ドラえもんが大好きです!

藤子・F・不二雄先生を

クリエイターの大先輩として

尊敬しております。

ドラちゃん泣いてるよおおお!

得意分野は何ですか?Webサイト?

今はまだWebサイトですね。

セマンティックなマークアップと、

CSSでのレスポンシブWebデザイン対応が得意です。

せまんてっく・・?
くわしくはこちら(逃げたw)
参照:セマンティックなマークアップについて考える

どうやってラインを動かしているんですか?ざっくりまとめると?

←参照:https://otsukayuhi.app/

白いラインが動き続けるの!

 

CSSのanimationを使っています。

いくつかの空のdivをviewportいっぱいに表示して、

ライン自体は疑似要素で表示してます。

かぁ〜ちょいい〜↑↑

CSSあまり詳しくないのですが・・・。
どうやって勉強しましたか?

最初は基礎的なことが網羅されている教則本から始めました。

あとは、逆引き的にやりたいことをググったりですね。

ある程度基礎が身に付いてからは、

MDNでより正確な仕様を確認しています。

段階的に学べば、白いラインを動かせるのね!

エンジニア(特に駆け出し)に、何か伝えたいことはありますか?

Qiitaにぼくがエンジニアとして学んだことをまとめましたので、

こちらをご覧ください!

参照:マークアップエンジニアに必要な技術

わかりやすくまとめてあるぞ!必読!

アカウント情報

Twitter

Qiita おすすめ→「マークアップエンジニアに必要な技術 – Qiita

GitHub

note おすすめ→「ぼくとゆめみの2週間|otsukayuhi|note

はてブ おすすめ→「エンジニア情報共有コミニティ「ふわふわエンジニアタイム」発足のお知らせ – ぼくがブログを書く理由

https://otsukayuhi.app/

まとめ

大塚さん、ありがとうございました〜。

WEBサイトって、会社やグループの顔みたいなものだよね。

石原さとみさんの顔になりたいよ(?)

サイト制作が気になる方、注目ですぞ!!

ここでしか読めない!Pythonエンジニア村上さんへの質問

TwitterやQiitaで話題のエンジニア!
村上さんがエンジニアを目指したきっかけは、「2ch」?!
熱い気持ちが文字からも伝わってくるよ。
Twitterも要チェック☆

50名以上のお話が読めるのは、このブログだけ!