react

はじめに そもそもReactって何者？？ Reactのメリットをさくっと体感してみる マークアップの中の一部を切り出して、機能ごとにグループ化してみる 繰り返し使いたいもの（ボタンやテキストフォーム等）を共通コンポーネントとして切り出す 動的HTMLの作成 おわりに はじめに はじめまして、こんにちは。新入社員の嘉地です。 大学生になってすぐの頃、キーボードをL打ちしていたほど機械に弱かった私が、ITの道に進み、早いものでもう1年が経とうとしています。 年々、1年の経過スピードが早くなっていることに、かなりの老いと恐怖を感じております。 そんな私は現在、Reactというものを使って開発を進めて…

[contents] TL;DV 以下のようなWeb上で二人でコリドール対戦できる静的ページを作成しました。 機能は非常にシンプルで、その場にいる二人で対戦できるのみです。 オンラインで誰かとマッチしたり、AIと対戦できる機能はありません。（今後増やすかもしれませんが） 作成したページのスクリーンショット 公開したリポジトリ・ページ リポジトリ github.com ゲームページ ayumu-o.github.io 作った経緯 たまたまYouTubeショートで流れてきたコリドールが面白そうだなと思って、実物ではなく、Webでできないかなと思ったのがきっかけです。 AIと対戦できるものはネットに…

※小ネタのくせに前置きが長いので、本題から読みたい方は以下目次の「シナリオ１」からお読みください。 前置き シナリオ１ Lambdaの実装 ReactのサンプルコードのURLを変更 curlで確認 ブラウザで確認 Reactアプリ全体のサンプルコード シナリオ２ Lambdaの実装 curlで確認 ブラウザで確認 Reactアプリ全体のサンプルコード 終わりに 前置き 前回のブログ投稿から随分時間が経ってしまいました。 「ちょっとした勉強用のWEBアプリを自分で作れるようになりたいな」と思い、昨年末から勉強を始めたのですが、そっち方面は完全に初心者のため、HTML＋CSSの初歩から始めました。…

初心者向けの、JavaScript/ React の学習コミュニティの紹介です🚀 ▶︎対象：React/Next.jsを学習中、または学習予定の方 ▶︎学習内容：JavaScript, TypeScript, React, Next.js 学習者同士がつながり、協力して学習を加速させる環境です。 高い熱量で学習にコミットしたい方は、ぜひご参加ください！ コミュニティの背景 b13o.com 主催者（@kazzyfrog）は文系大学出身で、 当時独学でプログラミング学習を開始しました。 周りに聞ける人がいなかったので、モチベーションが低い期間が何度もあり、ダラダラと学習に時間がかかっていました。…

第3チームのフロントエンドを中心に業務をしている赤星です。 弊社のOfferBoxでは一部に Chakra UI を利用しているのですが、先日Chakra UIのバージョンをv2からv3にアップデートした際にとてもアップデート作業に苦労しました。 Chakra UIのv3は大幅な破壊的変更があり、公式リファレンスもどのようにコンポーネントをカスタマイズするのか各コンポーネントごとに解説しなくなったのでここで詳しく説明していこうと思います。 コンポーネントカスタマイズ方法の変更（v2→v3） ChakraProviderの変更 extendThemeからcreateSystemへ コンポーネント…

こんにちは。マップチームでPLATEAUデータの加工・描画を担当しているエンジニアの火原です。 今回は、私たちのPLATEAUデータ活用でグランプリを受賞したことをお話しさせていただきます。 エントリーした作品のタイトルは「街の”未来”を描く地図」。 「3D地図を上空から眺め、開発適地を見つけ、その場にボリュームを入れる。それは街の”未来”を見ることだ」というストーリーです。 私とPLATEAUとの出会い 3D都市モデルの整備・活用・オープンデータ化を推進するPLATEAU（プラトー）。 豊富な都市データを提供する素晴らしいプラットフォームでありながら、 「使ってみたいけど、どこから手をつけれ…

こんにちは。Spookies歴3か月のエンジニア、鈴木です。 この度、Nuxt.jsで作られていた弊社のコーポレートサイトをNext.jsに移植しました。 新年一発目の技術ブログは、本件についてまとめようと思います。 リプレイスに至った経緯 Reactのポートフォリオがない Spookiesでは、今までJavaScriptフレームワークにvue.jsが採択されがちでした。 もちろんReactの経験値がゼロだったわけではなく、最近に入って一部の小さなプロジェクトや業務等で利用されることはあったようなのですが、ナレッジ量的に無難な選択肢としてVue.jsやNuxt.jsが使われてきた経緯があるよう…