はてなブックマーク

はじめに 私は未経験からフロントエンドエンジニアとして転職し、現在、Vue、Reactでのフロント開発とフロントエンドエンジニアの採用面接を担当している者です。 未経験から転職した私の経験に基づいて、未経験からフロントエンドエンジニアになるために作るべきポートフォリオのポイントをまとめてみました。 現在フロントエンドエンジニアを目指して勉強中の方に読んでいただけたら幸いです。 ポートフォリオ作成に必要な9つのポイント ポートフォリオを作成するにあたって押さえておくべきポイントを大きく9つにまとめましたので、順に紹介していきたいと思います。 ※あくまで私個人の考えのため、これが絶対というわけでは無いです。 1. VueまたはReactを使用する 現在のフロント開発は、基本的にVue、React、Angularなどのライブラリ、フレームワークを使用してSPAとしての開発がほとんどです。 中でも

はじめに 今後爆発的人気になるかもしれないし、ならないかもしれないSvelteの基本的な記述のやり方についてまとめてみました。 フロント開発に関わっている方や、フロント開発を勉強中の方に読んでいただけたらと思います。 ※ReactやVueでの開発経験があったほうが、よりわかりやすい内容となっています。 注意 この記事はSvelteの基本的な記述のみをまとめているため、Svelteの概要や、アニメーションの使い方などは割愛していますのでご了承ください。 「やりたいことから」リンク集 ■基本情報 プロジェクト作成 HTML、CSS、JSの記述 ■データ reactive値を扱う 再計算、再実行させる ■コンポーネント コンポーネントの作成、呼び出し(通常、slot) propsを扱う ■イベント DOMイベントと関数を紐づける コンポーネントからイベントを発信させる ■ロジック 表示を分岐させ

はじめに モダンフロント開発に必須の知識であるES2015〜以降の記法と、実務でよく使用される高階関数について、自分の中で改めて復習、整理しておきたいと思います。 それぞれの項目に★~★★★の重要度も記述しています。 ★★★ => 必ず覚えておくべき ★★ => 覚えておくべきだが、使う場面が限られる ★ => 知識としては知っておいた方が良い 現在フロントエンドエンジニアの方やフロントエンジニアになりたての方、フロントエンドエンジニアを目指して勉強中の方に読んでいただけたら幸いです。 ES(ECMAScript)とは？ JavaScriptの標準仕様。 現在ブラウザで使われているJavaScriptは、ECMAScriptの仕様に則って開発されています。 JavaScriptは他の言語のようにversionなどが存在せず、「ECMAScriptのversion~~に対応しているJavaS