2023年11月

React06-React-JSX

React JSX - Reactホワイトペーパーキャンペーン06

Reactは、Webやモバイルのフロントエンド開発で最も人気のあるJavaScriptパッケージの1つで、開発者がフロントエンドページを完成させるための再利用可能なコンポーネントを作成できるようにするためにMetaによって開発されました。コンポーネントについて説明します。

React JSX - Reactホワイトペーパーキャンペーン06 続きを読む

React ホワイトペーパーキャンペーン, テクニカル記事,
Reactの仕組み

Reactの仕組み - リアクト用語キャンペーン 05

Reactは、ウェブやモバイルのフロントエンドを開発するための最も人気のあるJavaScriptパッケージの1つで、Meta(旧Facebook)によって開発され、開発者はフロントエンドページを完成させるための再利用可能なコンポーネントを作成することができる。

しかし、Reactは厳密にはフレームワークではないことに注意する必要がある。ReactはUIコンポーネントのレンダリングだけを担当するからだ。しかし、ReactはAngularやVueといったフレームワークの代替ソリューションを提供し、複雑なフロントエンド・ページの機能に取り組むことを可能にしてくれる。

Reactの仕組み - リアクト用語キャンペーン 05 続きを読む

React ホワイトペーパーキャンペーン, テクニカル記事,
2023 Yahoo! ソフトウェア・エンジニア・インタビュー

2023 Yahoo! ソフトウェア・エンジニア・インタビュー

ヤフーのソフトウェアエンジニアの面接では、フロントエンドのソフトウェアエンジニアを優遇し、フロントエンドの開発に加えて、バックエンドの開発やプロジェクト管理にも触れる必要がある。その時、LinkedInの募集情報を見て、友人に背中を押してもらい、友人を通じて、このポジションが多国籍チームであること、日々のミーティングも英語を使う必要があること、時差があるかもしれないことを概ね理解しました。

2023 Yahoo! ソフトウェア・エンジニア・インタビュー 続きを読む

レビュー
成功大学電気系編入試験

107 成功大学電気|成功大学機械|応用数学編入試験

この記事は実は2018年に書いたもので、2023年の今、ブログに記事を移し、成功大学電気機械工程学院を無事卒業した。歯を食いしばって編入試験に立ち向かえるほど若かったことに感謝している。編入試験は、今の私の人生でマジで一番厳しい時期だ。最後に、この記事が編入試験を控えている人の参考になれば幸いです!

107 成功大学電気|成功大学機械|応用数学編入試験 続きを読む

レビュー
Javascript 高階函式 -HigherOrderFunction

JavaScriptの高度な関数 - React Vernacular キャンペーン 04

この記事では、JavaScript 関数の非常に重要な概念である高階関数を紹介します。高階関数とは、1 つ以上の関数をパラメータとして受け取り、結果として関数を返す関数のことです。この記事では、高階関数とは何か、高階関数を使用する利点、実際のアプリケーションで高階関数を使用する方法、関数の方向性とは何か、高階関数を使用する方法について深く掘り下げていきます。純粋関数、高階関数、相関関係。

JavaScriptの高度な関数 - React Vernacular キャンペーン 04 続きを読む

Javascript, React ホワイトペーパーキャンペーン, テクニカル記事,
React03-Javascript-Async-Await

JavaScriptの非同期と待機 - React Whitepaper キャンペーン 03

React Vernacular Campaignシリーズの第3回目へようこそ!今回は、JavaScriptの非同期操作について深く掘り下げ、AsyncとAwaitという2つの重要なキーワードを紹介します。 この記事では、実際の例を通して非同期操作の概念を示すとともに、Promise、Fetch、Async、Awaitを使って非同期コードをより効果的に処理する方法を紹介します。この記事では、非同期操作の概念と、Promise、Fetch、Async、Awaitを使って非同期コードをより効果的に処理する方法を紹介します。

JavaScriptの非同期と待機 - React Whitepaper キャンペーン 03 続きを読む

Javascript, React ホワイトペーパーキャンペーン, テクニカル記事,
react-vernacular-campaign-02 JavaScript ES6 Object

JavaScriptのES6オブジェクト - Reactホワイトペーパーキャンペーン02

前回の記事では、let、const、var差分、テンプレートリテラル、アロー関数について紹介しました。本記事では、JavaScript ES6のその他の新しい構文である、オブジェクトの分解、オブジェクト構文の強化、配列の分解、拡張演算子について紹介します。 以上の内容を通して、Reactフロントエンドフレームワークをより簡単に習得する一助となれば幸いです。

JavaScriptのES6オブジェクト - Reactホワイトペーパーキャンペーン02 続きを読む

Javascript, React ホワイトペーパーキャンペーン, テクニカル記事,
react-vernacular-campaign-01 JavaScript ES6

JavaScript ES6 - Reactホワイトペーパーキャンペーン01

Reactフロントエンド・フレームワークに入る前に、読者のJavaScriptの知識を新たにしよう。この記事では、JavaScriptの歴史、letとconstとvarの違い、テンプレート・リテラル、そしてJavaScript ES6の非常に重要な先駆けであるアロー関数に焦点を当てる。

JavaScript ES6 - Reactホワイトペーパーキャンペーン01 続きを読む

Javascript, React ホワイトペーパーキャンペーン, テクニカル記事,
zustand

Zustandとは? Reactフロントエンドの状態管理

Reduxを使うにせよ、Contextを使って状態管理を行うにせよ、Zustandの方が複雑で、後からプロジェクトに参加したエンジニアにとっては理解に時間がかかる。 Zustandの主な目的は、フロントエンドの状態管理を比較的シンプルでわかりやすくすることであり、そのためZustandが選ばれる企業もある。

Zustandとは? Reactフロントエンドの状態管理 続きを読む

テクニカル記事
nx-monorepo

なぜ大企業はNxを使うのか? モノレポツール 5分のクイックセットアップ

Nxは、よく知られたプログラムエディターVS Codeと同じ設計思想を共有しており、拡張機能をダウンロードしなくても、VSCodeでかなりうまく作成できる。
Nxも同じで、Nxのコアはシンプルで、すっきりしている。そしてNxプラグインを使えば、プロジェクトごとに異なる選択ができる。

なぜ大企業はNxを使うのか? モノレポツール 5分のクイックセットアップ 続きを読む

テクニカル記事
ja日本語