バックエンドエンジニアのための（かどうかは本当はよく分からないけど、とにかく書いてみる）React 入門（パート2） - めもめも
何の話かと言うと enakai00.hatenablog.com 上記の続きになります。今回は、サンプルアプリケーションを GitHub Pages で公開する手順を説明します。今後作成するアプリケーションも同様の手順で公開することができます。 GitHub Pages の準備 まずは、公開用のリポジトリを作成して、GitHub Pages の設定を行います。ここでは、「react_apps」という名前のリポジトリを作成したものとします。作成したリポジトリの「Settings」タブを選択して、左側のメニューの「Pages」をクリックします。 GitHub Pages の設定画面が表示されるので、Branch の設定に「main」「/(root)」を指定して Save をクリックします。 これで GitHub 側の準備は完了です。 ターミナルから次のコマンドを実行して、作業用ディレクトリーに
バックエンドエンジニアのための（かどうかは本当はよく分からないけど、とにかく書いてみる）React 入門（パート1） - めもめも
何の話かと言うと enakai00.hatenablog.com 上記の記事を自分用のメモ程度の気分で公開したら、思いの外に多数のブックマークやコメントが付いて驚いた上に、「この内容では結局 React やっている人にしか理解できないのでは？」という趣旨のコメントを目にして残念な気持ちになったので、あらためて、React をまったく知らない方を前提とした React の入門記事を書いてみることにしました。特別に「バックエンドエンジニアのため」という要素はないかもしれませんが、私自身がバックエンドの経験の方が長いので、そこはかとなく、バックエンドエンジニアに伝わる雰囲気が醸し出せればよいかなと・・・と思いつつ書き進めていきます。 今回は、まずは、Mac OS を前提として開発環境を用意します。（今後、バックエンドとの連携まで含めた実装をする際は、Google Cloud を使うつもりなので、
バックエンドエンジニアのための「React の仕組み」の理解方法 - めもめも
何の話かと言うと 普段、UI に関わらないバックエンドのコンポーネントを作っているエンジニアがフロントエンドのコーディングを理解しようとすると、色々と異次元な世界で混乱する（というか何をやっているのかをすぐに忘れる）ので、バックエンドエンジニアにわかりやすい形で React の仕組み（メンタルモデル）をまとめてみました*1。 ブラウザの画面に描画される個々の要素を「コンポーネント」と呼ぶ。 自分で定義したコンポーネントを HTML タグを使って表示することができる。 コンポーネントは関数として定義する。この関数は、HTML タグで指定された時の属性値を受け取って、コンポーネントを実際に描画する HTML の塊（React 要素）を返す。（つまり、コンポーネントを指定した HTML タグが、コンポーネントからの返り値の React 要素で置換される。） Javascript の関数はクロージ
React と Firebase と Cloud Run を連携するサンプル実装 - めもめも
前提知識 React：インタラクティブな Web フロントエンド（クライアント上で稼働する Javascript）を実装するためのライブラリーで、状態変数の値の変化を自動的に画面に反映する機能があります。 Firebase：モバイルアプリのバックエンドを Google Cloud で提供するサービスで、ユーザー認証やユーザー管理などの機能を専用のライブラリで簡単に実装できます。 Cloud Run：アプリケーションのコンテナイメージを Google Cloud 上にデプロイして実行するサーバーレスタイプのサービスで、オートスケールなどの機能が簡単に利用できます。 なんの話かというと 上記の3つの技術（サービス）を組み合わせて、 エンドユーザーは、Google アカウントで Web アプリケーションにログインする Web アプリケーションから Cloud Run で稼働するバックエンド AP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
