フロントエンドの成長は実践あるのみ！ | 長期有給インターン生の日常|株式会社ガーディアン | 株式会社ガーディアン｜141億のデータで中小企業を勝たせるWEB戦略データ・カンパニー | 株式会社ガーディアン｜141億のデータで中小企業を勝たせるWEB戦略データ・カンパニー

フロントエンドの成長は実践あるのみ！

模写作業の日々

今日はいつものようにコーポレートサイトのインターン生の活動日記を模写していました。この作業を通じて、OWLetにおいてのデーターの取得の基礎や実際のプロジェクトでの実装方法を学ぶことができ、とても充実しています。

ウィジェット作成の感覚をつかむ

最初はやはり、ウィジェットをどれだけ細分化するか最初は迷いましたが、少しずつ感覚がつかめてきました。適切な部品化することで、コードの再利用性が高まり、メンテナンスが容易になることを実感しています。ここからさらに効率的な作業を目指して頑張ります。

VSCodeでのコーディング

前回、コードミスについての記事を書いたら、「VSCodeが良いよ」とアドバイスをいただきました。しかし、ウィジェットを作成する際には、OWLet上で直接書かないと実際の見た目や挙動が分かりにくい部分があります。そういうウィジェットの限られたHTMLやCSSだけでもLIVEでリアルタイムに反映してくれるプラグインとかあるのですか？皆さん教えてください！私はVSCode派ではなく最初はVim派で次にIntelliJ派になったのでVSCodeは全くわかりません（笑）

次世代のフロントエンド開発支援AI "v0"

活動とは関係ないのですが、最近v0というvercelが出したNext.jsに特化したRAGで遊んでいます。これを使えば、モダンでおしゃれなフロントエンドが簡単に作成できるので、皆さんにもおすすめです。是非試してみてください！

G!FIT公式Instagram：https://www.instagram.com/gfit_gdn/

G!FIT公式Twitter：https://twitter.com/gfit_gdn

メンバー紹介ページ：https://guardian.jpn.com/member/takumi_oyamada/