はじめてのLambda~関数のサンプルを作ってみよう

近年、AWSでシステム構築する際、サーバー環境を自分で用意する必要がない「サーバーレス」で構成する設計が増えてきています。AWSでのサーバーレスアーキテクチャのLambdaは、実行環境としての仮想サーバーを必要とせず、サーバーシステムの保守・運用をする必要がありません。

Canva入門~テンプレートでプレゼン資料を作成してみよう

皆さんはCanvaというデザインツールをご存じでしょうか?

「Canvaを使ってデザインをする」といえば、デザイナーさんのお仕事だろうと考える方もいらっしゃるかもしれません。現場でのデザイン作業も、最近ではWebサイトやWebアプリケーションをデザインするデザイナーさんだけでなく、様々な職種のメンバーとコラボレーションすることで、プロジェクトや制作フローの改善がなされることも多いようです。

[AWS基礎]ファイルをS3バケットに保存しよう

AWSでシステムを構築する際、まずVPC(Virtual Private Cloud)を利用することで機器を設置せずにネットワーク設定を行い、キーペアを作成。インターネットに接続できるIPv4のElastic IPを取得した後、仮想サーバ(EC2インスタンス)を配置し、EC2インスタンスを立ち上げた後、ターミナルソフトからログインするといった具合にインフラ構築されたことがある方もいらっしゃるかもしれません。

AWSでネットワークを設定してみる~VPC/サブネット/ルートテーブル/SG/IGW

オンプレミスでは、ルーターなどのネットワーク機器を設置してネットワーク設定を行い、ネットワークを組みますが、AWSでシステムを構築する際には、VPC(Virtual Private Cloud)を利用することで機器を設置することなく、AWS内にプライベートなネットワーク空間を作成することができます。クラウド製品を使うことで、インフラ設備の保守・運用にあたる管理コストも減るのかもしれません。

React入門~秒ごとに切り替わるタイマーを表示してみる(再レンダリングの仕組みと最適化/State管理編)

仕事や趣味でWebサイトを使っていて、直接ユーザーの目に触れるUI(フロントエンド)から、こういうUI格好良いな、使い勝手がよさそう、反応速度が遅い等、UIによってユーザーがWebサイトに対して抱く印象も変わってくるように思います。

GitHub Actions入門~Cloud9でGitHub ActionsのHelloWorldを実行してみよう

現場によっては、メンバーそれぞれがビルドやテスト、デプロイをしているところや、開発チームのメンバーがコードを更新するだけで、自動的にビルドとテストがなされる「CI(継続的インテグレーション)」を利用していたり、ビルドやテストだけでなく、リリースプロセス全体を自動化する「CD(継続的デリバリー)」を使っているところもあると思います。

FigmaからReactのコード生成するプラグインを使ってUIコンポーネントを作成してみよう

「Figmaを使ってデザインをする」といえば、デザイナーさんのお仕事だろうと考える方もいらっしゃるのではないでしょうか。現場でのデザイン作業も、最近ではWebサイトやWebアプリケーションをデザインするデザイナーさんだけでなく、様々な職種のメンバーとコラボレーションすることで、プロジェクトや制作フローの改善がなされることも多いようです。