2019年4月8日 / 最終更新日 : 2019年7月11日 えあ 知的好奇心旺盛エンジニア

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

→約 < 1 分で読めるよ〜

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

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

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

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

大塚さんとは？

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

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

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

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

質問

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

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

藤子・F・不二雄先生を

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

尊敬しております。

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

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

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

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

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

せまんてっく・・？
くわしくはこちら（逃げたｗ）
参照：セマンティックなマークアップについて考える

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

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

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

 

CSSのanimationを使っています。

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

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

かぁ〜ちょいい〜↑↑

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

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

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

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

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

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

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

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

こちらをご覧ください！

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

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

アカウント情報

・Twitter

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

・GitHub

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

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

・https://otsukayuhi.app/

まとめ

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

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

石原さとみさんの顔になりたいよ（？）

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

ここでしか読めない！Web系Masakiさんへの質問

Web系エンジニアは必読。
ポートフォリオは、構想から約２ヶ月で完成したそう。
めっちゃかわいいの！
Twitterも要チェック☆

ほかにも50名以上のお話が読めるのは、このブログだけ！
先輩エンジニアのお話を読む
カテゴリー
知的好奇心旺盛エンジニア
タグ