オンラインでComputer Science修士 – アリゾナ州立大学(ASU)
本稿ではオンラインでコンピューターサイエンス修士号の学位がとれるArizona State University（ASU）の”Online Master of Computer Science (MS CS)“プログラムをご紹介いたします。学費は総額$15,000で、私が調査した限りでは米国でComputer Scienceの修士号がとれる2番目に安価のコースです。最も安い […]
オブジェクトを要素に持つ配列の追加・削除・更新 – JavaScript
本稿では、JavaScriptのオブジェクトを要素に持つ配列に対して、（１）新たなオブジェクトを追加する方法、（２）特定のオブジェクトを削除する方法、（３）特定のオブジュクトの内容を更新する方法をご紹介します。オブジュクトを持つ配列とは例えば下記のような配列で、本稿でも下記の例を用いて説明します。また、本稿ではReact等Webでの実践的な使用を想定し、各オブジュクトに固有のidを設定する方法、そ […]
Facebook認証の実装方法 – Firebase + React
Firebase上のAuthenticationには様々な方法が提供されていますが、本稿ではやや設定の面倒なFacebook認証の方法をご紹介します。Webアプリを前提に、フロントエンドはReact（Next.jsでも可）を使用します。Facebook認証はgmail認証やgithub認証との比較では使用要件が厳しく、認証の設定のためには下記4点が済んでいることが前提になります。 Firebase […]
くるくる回るローディング画面の実装方法 – Reactなら簡単
データの読込み時に、クライアント側でくるくる回るアイコンが表示されることがあると思います。本稿ではこのスピナーアイコンを表示させる仕組みと、Semantic UI Reactのコンポーネントを使った具体的な実装方法を解説します。Material UIにも同様のコンポーネントがあり、本稿を読めばMaterial UIでも問題なく構築できると思います。英語ではくるくる回るアイコンのことをSpinner […]
VercelにNext.jsアプリをデプロイする方法
Vercelは2015年にリリースされたNext.js及びReactに最適化されたホスティングサービスです。バックエンドとSSRを備えるNext.jsで作ったアプリをデプロイしようとすると、Herokuやfirebaseでは特別な設定を要し、正常に動かすのはやや手間です。場合によっては、まっさらなLinuxサーバを借りて設定をした方が早いかもしれません（なお、問題なく動きます）。VercelはNe […]
How to create a new repository on the GitHub
Create a new repo page on the GitHub Create a new GitHub repository by pressing the “New” button at the top right corner inside the “Repositories” tab. You can also jump to the […]
Recoilの仕組みと使い方
RecoilはReactのグローバルの状態管理ライブラリーで、Reduxとの比較では簡単で使いやすのが特徴です。FaceBook（Meta）が2020年に発表し、2022年1月にはRecoil 0.6がリリースされました。筆者同様2018年-2020年頃にReactを始めた方は、UseStateでは足りない場合はReduxを避けて通れなかった訳ですが、2022年以降にReactを学び始めた方は、関 […]
Windowsでのpython仮想環境：pyenv+venvの構築手順
Windowsにpythonの仮想環境を構築しようとするとき、WSLを導入すれば選択肢は広がりますが、WSLをなんらかの事情により導入できない場合は、pyenv-winによって仮想環境内のpythonのバージョンを指定し、venvにより仮想環境内のパッケージを独立に管理する方法が最も優れているように思います（少なくとも私が試した限り、他の方法ではうまくいかない）。本稿では、pyenv-winのイン […]
Postmanを使ったAPI設計
↓応援クリックよろしくお願いします↓ バックエンドAPIの開発においては、実装前にAPIの設計・仕様を決めます。Postmanは、バックエンドAPIに対するAPIクライアントとしての機能が大変優れているのみならず、APIの設計・仕様を決める工程においても威力を発揮します。具体的には、下記のPostmanの機能がAPIの設計で有用です。 ワークスペースを頂点としたフォルダの階層構造 左側に階層構造、 […]
Setting up Styled Components in Next.js
In this article, I want to show you how to set up Styled Components in Next.js. Unlike the case in React, we cannot use Styled Components in Next.js by just installing it. Installing Styled Components […]
