VOYAGE GROUPのインターン『Treasure』参加レポート【講義パート2】
VOYAGE GROUPの3週間インターン『Treasure』の講義パートを振り返り。フロントエンド技術・React/Vue・Promise・非同期処理の学びをシェア！
Treasureという3週間で、講義+チーム開発を行うインターンに参加してきた時の振り返りになります！本記事では講義パートのフロントエンドについて書いています📝
VOYAGE GROUPのインターン『Treasure』参加レポート【講義パート1】2024/6/5 23:272025/3/4 1:39
VOYAGE GROUPのインターン『Treasure』参加レポート【講義パート2】2024/6/5 23:272025/3/4 1:39
VOYAGE GROUPのインターン『Treasure』参加レポート【講義パート3】2024/6/5 23:272025/3/4 1:39
VOYAGE GROUPのインターン『Treasure』に参加！【チーム開発編】2024/6/5 23:272025/3/4 1:40講義パート
2日目 8/13(火)
フロントの講義 その1
インターネット技術の時代の流れについての紹介後に
- JSのsync, async, defer
- classとclojure
- fetchやaxios
について比較しながら学んでいきました。
3日目 8/14(水)
フロントの講義 その2
クロージャとクラス
- クラスだとに依存する
- bindしたいオブジェクトにはbindを忘れずにすること
Promise
- fetchの返り値
- 基本的にfetchはしなくても良い
- Canselできない
- でチェーンする時は、横に伸びるコードを書くより、行を分けた方が可読性が良い
よりも
の方が短く記述できる。
また、というライブラリの方がエラーハンドリングや処理の記述が容易に行えたりするので便利だったりします。しかし、fetchは外部リソースを読み込む必要がない・対応しているブラウザがより多いといったメリットもあるので、どの技術を使用して実装するのかお互いの側面を理解した上で選定していきたいですね。
フレームワークの選定
- いち早くIndexされるのが重要
- 便利なフレームワーク・ライブラリはあるので、日々キャッチアップするのは大切
- 設定不要で、ファイル変換・’依存解決・バンドルまで行う
- Configファイルを書かせない
- Webpackと真逆の立ち位置
React/Vue
- propsとstate
- props:親コンポーネントから渡される不変なパラメータ(read only)
- state:コンポーネント自身が管理している自身の状態
2つの種類のComponent
- Stateless Component
- Reactの例:
- を持たないので、依存するのは親からの
- Viewとロジックが分割されるので責務が明確になる
- Statefull Component
- Reactの例:,
- lifecycleを持つ
などの内容を学んだ後に、Reactで先日のGoの講義で作ったAPIを使って機能追加していきました。
ラストの講義パートは次へ！
VOYAGE GROUPのインターン『Treasure』参加レポート【講義パート3】2024/6/5 23:272025/3/4 1:39署名2025/3/3 16:552025/4/1 23:47