Heap Technology

<p>ライブラリやフレームワークは誕生しては廃れてを繰り返しています。</p>
<p>今はReactやVueなどのコンポーネントベースでSPAが作れるjavascriptライブラリやそこからさらに発展した、Next.jsやNuxt.jsなどのフレームワークが注目されていますね。</p>
<p>ですがこれらのツールは敷居が高くアプリケーションを作る際の工数もとても増えます。<br>
そこで今後私が流行ると考えているフロントエンドの技術をまとめていきたいと思います。</p>
<h2>1.HotWire</h2>
<hr>
<p>Rails7に導入されたことで大変話題になった技術でもあります。<br>
ReactやVueなどとは違いHTMLを書くだけでSPAのアプリケーションを作れるのが<br>
最大のメリットです。工数をかけずにゴージャスなUIを作れるのでスタートアップの<br>
企業ではまだまだRailsも現役になると思います。</p>
<h2>2.Nuxt.js、Next.js</h2>
<hr>
<p>現時点でも最注目されているjavascriptフレームワークといっても過言ではありませんが、<br>
SEOにも強く用途によってレンダリング方法を切り替えられるこれらの技術は今後さらに需要が<br>
増して行くでしょう</p>
<h2>3.Typescript</h2>
<hr>
<p>typescriptはjavascriptに静的な型付けを出来るようにしたプログラミング言語です。<br>
昨今のフロントエンド開発での採用率が高まっています。強烈な型付けにより、コード自体が良質なドキュメントにもなり保守性が飛躍的に上がります。<br>
Typesciptが型付けを目的とした、開発の補助輪としてだけでなく、本番環境でも動くようになるとフロントエンドにおいて一強のプログラミング言語になるでしょう。</p>
<h2>まとめ</h2>
<p>技術の流行り廃りが早いフロントエンドの技術においては、トレンドを逃さずにすぐキャッチアップしていけるように常にアンテナを張ることが大事だと思います。</p>


フロントエンド開発の未来を考えてみる

<p>React18がリリースされ、既存のプロジェクトをReact18にアップデートする人が増えてきていると思います。React18からのレンダリング方法は下記のように変更するとReact18の機能をフルに使えます。</p>
<pre><code>import { createRoot } from 'react-dom/client';

const container = document.getElementById('root');
const root = createRoot(container);
root.render(&lt;App /&gt;);
</code></pre>


#Developers

フロントエンド開発の未来を考えてみる

React18ではレンダリング方法を変えよう