フロントエンドってアルゴリズムいらないの？

こんにちは！

マーケティング部受託プロダクトチームのインターン生、村高歩夢です！

本日は朝、歯科医に行って治療してからの出勤でした。

歯を削ったわけですから、麻酔が残ってたり、痛みながらのインターンでした。

それを忘れるため、気づけば10個も飴を食べてました。絶対にやめた方がいいです。

飴のザラザラで上顎の皮が削れたので。

これが無限ループ。虫歯になるのは当然ですね…

最近、インターンでフロントエンドの知識を学んでいく中で思ったことがあるんです。

フロントエンジニアってアルゴリズムあんまりいらなくね？

コーダーよりのフロントエンドを勉強した僕目線の勝手なイメージですが、

フロントエンドの業務はHTML/CSSとJavaScriptを使いホームページのUIを整える。

しかもいいホームページは容量を軽くするため、HTML/CSSでできる箇所はなるべくHTML/CSSで書かれています。

モーダルとかね。

ほな、アルゴリズムいらんかぁ。

ってそんなわけないんですよね。

ということでフロントエンジニアがよく使うアルゴリズムをChatGPTに聞いてみました。

1. データのソート:

降順、昇順などの並び替えを行うことがあります。

2. 検索機能の実装:

ユーザーが特定のデータを検索できるように、検索アルゴリズムを実装します。

例えば、リニアサーチやバイナリサーチを使用して、データの中から目的の項目を見つけることがあります。

3. データのフィルタリング: 

フロントエンドで表示されるデータを特定の条件に基づいてフィルタリングする必要がある場合、

フロントエンドエンジニアはフィルタリングアルゴリズムを適用して実装します。

4. アニメーションと動的なコンテンツ: 

動きのあるアニメーションや動的なコンテンツを実装するために、タイミングやイージングを制御するアルゴリズムを使用することがあります。

5. グラフやチャートの描画:

グラフやチャートを表示するために、データを可視化するためのアルゴリズムを使用することがあります。

例えば、折れ線グラフや円グラフの描画に使用されるアルゴリズムがあります。

6. アルゴリズムの最適化:

フロントエンドで実行されるアルゴリズムの性能を向上させるために、最適化アルゴリズムを使用することがあります。

ただし、フロントエンドエンジニアにとってアルゴリズムの実装は、

主にバックエンドエンジニアやデータサイエンティストと比較して相対的に頻度は少ないです。

一般的に、フロントエンドエンジニアの主な焦点は、インタラクティブなUIとユーザーエクスペリエンスの実現にあります。

by ChatGPT

検索機能ってフロントエンドも関わるんですね。全部バックエンドだと思っていました。

やはり他のエンジニアよりは少ないですが結構使うんですね。

フロントエンドのアルゴリズム。今度日記で実装してみようかな

---

■ガーディアン主力ソリューション→OWLet

■新サービスリリースのお知らせ

WEB業界を変える！育てて成果を上げるサブスク型HPサービス

→SCSC (スクスク)

ガーディアンのインターン制度→こちら

村高歩夢の紹介ページ→こちら