フロントエンドのコーディング課題６選-このフロントエンドの課題、実装できますか？ - Qiita

こちらの記事は、Indrek Lasn 氏により2019年 10月に公開された『 Here Are 6 Front-End Challenges to Code 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek フロントエンドの開発はストレスが多く難しい作業ですが、練習すれば技術をマスターすることができます。 自ら進んで鍛錬と努力をすれば、フロントエンド開発の場面で問題を解決することのエキスパートとなることができるでしょう。 優れたフロントエンド開発者になるために効果的な方法の１つは、単純にできるだけ多くの課題に取り組み、解決することです。 フロントエンド開発の達人になるために、今日から解き始めることができる6つの課題を紹介します。 ではさっそく、実装すべき６つの課題はこちら。 1. ク

[wordi]

棒グラフの入れ替えアニメーションはCSS Animation使いたいからSVGで作りたいかな、横軸の伸縮もscale弄るだけで済むし

[nonsugertan]

こんなんガンガン作れるようになったら楽しそう。

[sippo_des]

あーこれやりたいなー

[gachapining]

やっぱりフロントエンドエンジニアとしては自分の技術力を UX 向上に活かしたいな。

[primedesignworks]

こういうワクワクした仕事をしたいね

[hush_in]

最近似たような記事見る

[xlc]

SIerから見ると、「こんなギミックは下請けにでもやらせとけ」という感じでは？

[ab_sn]

“indreklasn この課題の解決を通して学べること”

[maecchi]

まとめのリンク先にも興味深いアイデアがありました。

[mohno]

すごいなあ。

[aktkro]

ちゃんと練習になりそうなやつや

[kemumakii]

“2. 一から作る棒グラフ”

[ku-kai27]

しばらくFlutterだから、webやる時に見るとすごく良さそう。

[monorod]

websocketは、チャットするだけなら意外と簡単。でもパーミッション周りが絡むと面倒くさそう

[nyan-nyan-nekoga-one]

かっちょええ

[natsukicrab]

あとで読む

[MasaoBlue]

すげー

[h1t0cH1]

やる気が出てくる課題です、ありがとう

[zettaimuri]

正直Flashのうざさを継承してしまった感があってスマートさに欠ける

[hate1229]

いかがだったでしょうか？

[enikumax]

暇だからやってみる

[kathew]

ハートのやつだけはSVGアニメーションでやりませんか（震え）（教材としてならアリだけど）

[yarumato]

“フロントエンド開発の達人になるための6課題を紹介。クレジットカードフォーム、一から作る棒グラフ、...”

[winterfall]

お題がいいし、ためしてみたい

[ko-ya-ma]

上級者向けとして納得感のある課題

[mayumayu_nimolove]

いいねいいねこれは

[tossy_yukky]

そういえばcanvasを一から組み立てたことないな