CodeSandboxでReactのフォーム部品を操作してみよう
仕事や趣味を通してJavaScriptのコードを書いている方であれば、「CodeSandboxを使ってReactのUIコンポーネントを作る」といってピンとくる方も多いと思いますが、実際に興味はあるけれど、どうReactを書けばよいのかわからないという方も多いと思います。
仕事や趣味を通してJavaScriptのコードを書いている方であれば、「CodeSandboxを使ってReactのUIコンポーネントを作る」といってピンとくる方も多いと思いますが、実際に興味はあるけれど、どうReactを書けばよいのかわからないという方も多いと思います。
近年、AWSでシステム構築する際、サーバー環境を自分で用意する必要がない「サーバーレス」で構成する設計が増えてきています。AWSでのサーバーレスアーキテクチャのLambdaは、実行環境としての仮想サーバーを必要とせず、サーバーシステムの保守・運用をする必要がありません。
皆さんはCanvaというデザインツールをご存じでしょうか?
「Canvaを使ってデザインをする」といえば、デザイナーさんのお仕事だろうと考える方もいらっしゃるかもしれません。現場でのデザイン作業も、最近ではWebサイトやWebアプリケーションをデザインするデザイナーさんだけでなく、様々な職種のメンバーとコラボレーションすることで、プロジェクトや制作フローの改善がなされることも多いようです。
AWSでシステムを構築する際、まずVPC(Virtual Private Cloud)を利用することで機器を設置せずにネットワーク設定を行い、キーペアを作成。インターネットに接続できるIPv4のElastic IPを取得した後、仮想サーバ(EC2インスタンス)を配置し、EC2インスタンスを立ち上げた後、ターミナルソフトからログインするといった具合にインフラ構築されたことがある方もいらっしゃるかもしれません。
オンプレミスでは、ルーターなどのネットワーク機器を設置してネットワーク設定を行い、ネットワークを組みますが、AWSでシステムを構築する際には、VPC(Virtual Private Cloud)を利用することで機器を設置することなく、AWS内にプライベートなネットワーク空間を作成することができます。クラウド製品を使うことで、インフラ設備の保守・運用にあたる管理コストも減るのかもしれません。
仕事や趣味でWebサイトを使っていて、直接ユーザーの目に触れるUI(フロントエンド)から、こういうUI格好良いな、使い勝手がよさそう、反応速度が遅い等、UIによってユーザーがWebサイトに対して抱く印象も変わってくるように思います。