---------2018年:現在に至る2017年:フリーランスとして2社目の常駐案件で某IT企業の新領域開発部門のフロントエンド開発を担当。合計3つのプロジェクトに参加。2016年:フリーランスエンジニアとして独立。個人的な思いとしてはキャリアの再スタート。某旅行関連サイトのフロントエンド開発を担当。2009年:友人と起業。営業代理店やイベント事業等を取締役として経営。目次エンジニアレベルの表現方法こんにちは!フロントエンドエンジニアのキヨシ太夫です!先日個人のポートフォリオ的な記事を書いたんですが、ふと思ったのがエンジニアのレベル感ってどう表現すれば分かりやすいんだろうと。本日はそんな考察を書きたいと思います。新しいプロジェクトを探していて、自分の何を伝えるべきなのか迷っている方。そんな人達の参考になれば!!レベル感が必要な理由まあ言わずもがなですが、案件の依頼主からしたら依頼内容を本当に任せられるのかが焦点となります。その上で依頼主が開発に近い人であればあるほど細かい部分を知りたくなるのは当然です。css3でコーディングできます。一概に言っても、SMACSSは理解していますか?sassは?BEMでいけますか?とレベル感が大事になってきます。静的なコーディングだけでも掘ればどこまでも深くレベル感を表せます。僕としては、ポートフォリオを作る時にそのレベル感を入れたほうが、読む人にとってうれしいのではないかと。いった観点でのレベル感が伝わりやすいかの考察をしていきたいと思います。今回は私の専門であるフロントエンド関連の技術に限定しようと思います。サーバーサイドもやりますが、専門ではないということでレベル感を細かく考察はできないかなと。HTML/CSS初歩まあ初歩はSEO観点でのコーディングなのかな。h1〜ちゃんと出来ているかとか。中級slim、sass等でのコーディングやBEM等のコーディングルールの理解ですかね。上記のsass等をgulpやgrantでビルドまでするところですかね。正確にはビルドする環境を作るところからかな。railsなんかだとビルドする必要なかったりしますが。あと中級に入れるかどうか迷ったけどmixinの作成もここに入れておきます。上級から動的コーディングも含める的な感覚で。JavaScript初歩jQueryでのコーディングですかね。中級Chart.jsやCropper.jsなどデザイン系のライブラリの実装かと上級react.js、vue.js、angular.jsなどのフレームワーク系の実装かな。ここら辺は意見分かれるでしょうねwww私自身もこの観点だけでは微妙な気がする。フレームワークは知っている種類が多ければ良い訳ではないという話ですね。重要なのは質ですよね。実際のプロダクトでは、vue.jsとreact.jsとangularを全て使っているアプリなんてないだろうし、どれか1つでも極めていてくれた方がプロダクトへの貢献度が高いのは自明でしょうと。エンジニアとしてのリテラシーのようなものを測る上では、複数理解しているというのはポイントかもしれませんね。単純にreactとangularを理解しているならvueも実践の中で理解できるはずという仮説は十分妥当なものとなるはずです。まあ各フレームワークの特殊性とかはとりあえず置いておいても、理解しているものが複数あるに越したことはないのかなと思います。知っているとできるは違うものです。上記の使用技術的観点だけではこの違いはどうしても見えないと思います。上記の技術を使ってどんなプロダクトのどんな開発をしたかというのが分かれば、力量は測りやすいかと。上記のフレームワークは知っている数が多ければよいってもんじゃないよ問題もここで解決できるかと。この観点では実質上記の技術の中のjavascriptの部分のみに該当します。実際にプロダクトの実績がない場合には、デモ開発などでも十分伝えることはできると思います。ここでは、デモ開発も含めたプロダクトベースでのjavascriptの技術力という観点をば。